balki/collage-maker
1
0
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

Implement photo selector

Browse Source
This commit is contained in:
Balakrishnan Balasubramanian
2024-08-07 18:07:41 -04:00
parent 12befa0ac3
commit 298fed011d
5 changed files with 160 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/choose.html
View File

@ -4,20 +4,34 @@
<link rel="icon" href="data:;base64,iVBORw0KGgo=" />
<!-- DEVONLY --> <script src="http://localhost:35729/livereload.js"></script>
<script src="choose.js" defer></script>
<link rel="stylesheet" href="choose.css" />
</head>
<body>
<dialog id="notice_dialog">
<dialog id="notice_dialog">
<p id="notice_p"></p>
<form><button type="submit" formmethod="dialog">X</button></form>
</dialog>
<label>
<span>Select Album</span>
<select id="album_selector" size="8">
</select>
</label>
<button id="load_albums_button">Load Albums</button>
<button id="load_photos_button">Load Photos</button>
<div id="selected_photos"></div>
</dialog>
<div class="container">
<div class="controls">
<button id="load_albums_button">Load Albums</button>
<select id="album_selector" size="8"> </select>
<button id="load_photos_button">Load Photos</button>
</div>
<div id="selected_photos">
<div>1<img src="stock.jpg" /> </div>
<div>2<img src="stock.jpg" /> </div>
<div>3<img src="stock.jpg" /> </div>
<div>4<img src="stock.jpg" /> </div>
<div>5<img src="stock.jpg" /> </div>
<div>6<img src="stock.jpg" /> </div>
<div>7<img src="stock.jpg" /> </div>
<div>8<img src="stock.jpg" /> </div>
<div>9<img src="stock.jpg" /> </div>
<div>10<img src="stock.jpg" /> </div>
<div>11<img src="stock.jpg" /> </div>
<div>12<img src="stock.jpg" /> </div>
</div>
<div id="album_photos"></div>
</div>
</body>
</html>