diff options
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/okadmin/public/css/main.css | 3 | ||||
| -rw-r--r-- | themes/okadmin/templates/partials/inputs.liquid | 30 |
2 files changed, 15 insertions, 18 deletions
diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css index 0cb732e..0ba6286 100644 --- a/themes/okadmin/public/css/main.css +++ b/themes/okadmin/public/css/main.css @@ -139,7 +139,8 @@ label { .main.resource form input, .main.resource form textarea, -.main.resource form select { +.main.resource form select, +.main.resource form img { display: block; float: left; width: 25em; diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid index e79ff14..3a33f95 100644 --- a/themes/okadmin/templates/partials/inputs.liquid +++ b/themes/okadmin/templates/partials/inputs.liquid @@ -3,7 +3,7 @@ {% assign spec = pair[1] %} {% assign type = spec.type %} - <div class="property {% if spec.disabled %}hidden{% endif %}"> + <div class="property {{type}}"> <label for="{{name}}">{{name | capitalize}}</label> {% if type == 'string' %} @@ -38,24 +38,20 @@ <label>Thumbnail</label> <input name="{{name}}[thumb]" type="text" value="{{spec.value.thumb}}" class="video-thumb"> </div> - {% elsif type == 'images' %} - <div class="images"> + {% elsif type == 'captioned-image-list' %} + <ol> {% for image in spec.value %} - <div class="image group"> - <input name="{{name}}[][url]" type="text" value="{{image.url}}" class="image-url"> - <label>Caption</label> - <input name="{{name}}[][title]" type="text" value="{{image.title}}" class="image-title" placeholder="Title"> - </div> + <li class="image-element"> + <img src="{{image.uri}}" alt="{{image.caption}}"> + <input type="hidden" name="{{name}}[][uri]" value="{{image.uri}}"> + <div class="clear"></div> + <input type="text" name="{{name}}[][caption]" value="{{image.caption}}"> + <button class="remove-image">-</button> + </li> {% endfor %} - </div> - <script type="text/html" id="images-template"> - <div class="image group loaded"> - <input name="{{name}}[][url]" type="text" value="" class="url"> - <label>Caption</label> - <input name="{{name}}[][title]" type="text" value="" class="caption"> - </div> - </script> - <input type="file" id="file" multiple> + </ol> + <input class="file-upload" style="display: none;" type="file" accept="image/*"> + <button class="add-image">+</button> {% else %} <p><pre style="color: red">Admin template doesn't support '{{type}}' properties!</pre></p> {% endif %} |