144 lines
4.8 KiB
HTML
144 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset='utf-8'>
|
|
<title>Photos</title>
|
|
|
|
<style id='ZoomedStyle'></style>
|
|
<iframe name='uploading' id='uploading' style='display:none'></iframe>
|
|
|
|
<nav>
|
|
<form id='searchForm' name='searchForm' action='#'>
|
|
<input type='search' id='search' name='search' placeholder='search..' tabindex='1' list='product_types'>
|
|
<input type='submit' id='searchButton' name='searchButton' value='🔎'>
|
|
<input type='checkbox' id='ShowOnlyAvaliable' name='ShowOnlyAvaliable'>
|
|
<label for='ShowOnlyAvaliable'>ShowOnlyAvaliable</label>
|
|
<span id='CurrentCount'></span>
|
|
<button id='ShowAll' name='ShowAll' title='Show All'>
|
|
<i class='fa fa-globe'></i>
|
|
</button>
|
|
<button id='ShowWithoutPhotos' name='ShowWithoutPhotos' title='No Photos'>
|
|
<i class='fa fa-question'></i>
|
|
</button>
|
|
<ProgressBarElement></ProgressBarElement>
|
|
</form>
|
|
</nav>
|
|
|
|
<main id='photos'></main>
|
|
|
|
<datalist id='product_types'></datalist>
|
|
|
|
<template id='ProductTemplate'>
|
|
<ProductElement>
|
|
<ProductDescription>
|
|
<NewVariant title='Add Variant..'>
|
|
<button class='button' id='add_new_variant'>
|
|
<i class='fa fa-plus' aria-hidden='true'></i>
|
|
</button>
|
|
<ConfirmationDialog class='hidden'>
|
|
<input type='text' name='variant_name' placeholder='Variant name'>
|
|
<ConfirmNewVariant title='Add Variant' class='button top'>
|
|
<i class='fa fa-plus' aria-hidden='true'></i>
|
|
</ConfirmNewVariant>
|
|
<AbortNewVariant title='Abort' class='button'>
|
|
<i class='fa fa-times' aria-hidden='true'></i>
|
|
</AbortNewVariant>
|
|
</ConfirmationDialog>
|
|
</NewVariant>
|
|
<ProductSKU>
|
|
<a href='#'></a>
|
|
</ProductSKU>
|
|
<ProductTitle></ProductTitle>
|
|
<ProductAmount></ProductAmount>
|
|
</ProductDescription>
|
|
<Variants></Variants>
|
|
<hr>
|
|
<Accounts></Accounts>
|
|
</ProductElement>
|
|
</template>
|
|
|
|
<template id='ThumbnailsRowTemplate'>
|
|
<ThumbnailsRow>
|
|
<RowDescription>
|
|
<Copy title='Copy Variant' class='button top'>
|
|
<Icon>
|
|
<i class='fa fa-copy' aria-hidden='true'></i>
|
|
</Icon>
|
|
</button>
|
|
</Copy>
|
|
<Remove title='Remove Variant..' class='button top left'>
|
|
<Icon>
|
|
<i class='fa fa-times' aria-hidden='true'></i>
|
|
</Icon>
|
|
<ConfirmationDialog class='hidden'>
|
|
<AbortRemoval title='Abort' class='button top left'>
|
|
<i class='fa fa-times' aria-hidden='true'></i>
|
|
</AbortRemoval>
|
|
<ConfirmRemoval title='Remove' class='button top right'>
|
|
<i class='fa fa-times' aria-hidden='true'></i>
|
|
</ConfirmRemoval>
|
|
</ConfirmationDialog>
|
|
</Remove>
|
|
<AddPhotos title='Add Photos'>
|
|
<Upload class='button top left'>
|
|
<i class='fa fa-cloud-upload' aria-hidden='true'></i>
|
|
<form target='uploading' enctype='multipart/form-data' method='post' onsubmit='void 0; return false'>
|
|
<input name='files[]' type='file' class='transparent' accept='image/*' multiple>
|
|
</form>
|
|
</Upload>
|
|
</AddPhotos>
|
|
<input type='checkbox' name='is_default' title='Set as Default'>
|
|
<RowTitle></RowTitle>
|
|
<select name='VariantSelector'></select>
|
|
</RowDescription>
|
|
</ThumbnailsRow>
|
|
</template>
|
|
|
|
<template id='ThumbnailTemplate'>
|
|
<Thumbnail>
|
|
<Prev title='Prev' class='hidden button arrow left'>
|
|
<i class='fa fa-arrow-left' aria-hidden='true'></i>
|
|
</Prev>
|
|
|
|
<WrongDimensions></WrongDimensions>
|
|
<img src='../placeholder.svg'>
|
|
<ThumbnailCaption></ThumbnailCaption>
|
|
|
|
<Upload title='Upload' class='button top left'>
|
|
<i class='fa fa-cloud-upload' aria-hidden='true'></i>
|
|
<form target='uploading' enctype='multipart/form-data' method='post' onsubmit='void 0; return false'>
|
|
<input name='files[]' class='top left transparent' type='file' accept='image/*'>
|
|
</form>
|
|
</Upload>
|
|
<Remove title='Remove..' class='button top right'>
|
|
<Icon>
|
|
<i class='fa fa-times' aria-hidden='true'></i>
|
|
</Icon>
|
|
<ConfirmationDialog class='hidden'>
|
|
<AbortRemoval title='Abort' class='button top left'>
|
|
<i class='fa fa-times' aria-hidden='true'></i>
|
|
</AbortRemoval>
|
|
<ConfirmRemoval title='Remove' class='button top right'>
|
|
<i class='fa fa-times' aria-hidden='true'></i>
|
|
</ConfirmRemoval>
|
|
</ConfirmationDialog>
|
|
</Remove>
|
|
<Move title='Move' class='button bottom left'>
|
|
<i class='fa fa-arrows' aria-hidden='true'></i>
|
|
</Move>
|
|
<Zoom title='Zoom' class='button bottom right'>
|
|
<i class='fa fa-search-plus' aria-hidden='true'></i>
|
|
</Zoom>
|
|
|
|
<Next title='Next' class='hidden button arrow right'>
|
|
<i class='fa fa-arrow-right' aria-hidden='true'></i>
|
|
</Next>
|
|
|
|
<MovePlaceholder title='' class='hidden'></MovePlaceholder>
|
|
</Thumbnail>
|
|
</template>
|
|
|
|
<link rel='stylesheet' href='../vendor/fa.css'>
|
|
<link rel='stylesheet' href='../reset.css'>
|
|
|
|
<link rel='stylesheet' href='style.css'>
|
|
<script async defer src='script.js'></script>
|