ddp/photoassistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first pass of new viewing files "button bar"

Browse Source
This commit is contained in:
Damien De Paoli
2021-01-30 15:39:55 +11:00
parent 15dd42f979
commit 0c5654a45e
1 changed files with 45 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
templates/files.html
View File

@@ -1,27 +1,51 @@
{% extends "base.html" %}
{% block main_content %}
<div class="container-fluid">
<h3 class="offset-lg-2">{{page_title}}</h3>
<div class="form-row input-group">
<div class="input-group-prepend">
<button style="width:98%" class="btn btn-outline-info disabled" disabled>Size:</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,64)">XS</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,96)">S</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-info" onClick="ChangeSize(this,128)">M</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,192)">L</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,256)">XL</button>
</div>
</div>
<br>
<div class="form-row">
<div class="input-group col px-0">
<div class="input-group-prepend">
<button class="btn btn-outline-info disabled" disabled="">Viewing:</button>
</div>
<select style="color:#5bc0de;border:1px solid #5bc0de;" class="form-control form-conrol-info">
<option>Oldest</option>
<option>Newest</option>
</select>
<select style="color:#5bc0de;border:1px solid #5bc0de;" class="form-control">
<option>Week</option>
<option>Month</option>
<option>Year</option>
</select>
<div class="input-group-append">
<button class="btn btn-outline-info disabled" disabled="">of images, grouped by:</button>
</div>
<select style="color:#5bc0de;border:1px solid #5bc0de;" class="form-control">
<option>Day</option>
<option>Week</option>
<option>Month</option>
</select>
</div>
<div class="input-group offset-lg-2 col">
<div class="input-group-prepend">
<button style="width:98%" class="btn btn-outline-info disabled" disabled>Size:</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,64)">XS</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,96)">S</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-info" onClick="ChangeSize(this,128)">M</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,192)">L</button>
</div>
<div class="input-group-append">
<button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,256)">XL</button>
</div>
</div>
</div>
<br>
<div class="row">
{% for obj in entry_data %}