soter/soter/static/app/picture/upload.html

45 lines
1.7 KiB
HTML

<div class="manage albums">
<div class="row hero-unit blurb">
<h2>What are albums?</h2>
<p>
Albums are a collection of photos. You can use them to share photos from a vacation or a child's birthday
party.
<br>
They're similar to tags but have a few key differences.
<ol>
<li>The permission for who can view a photo applies even when it's in an album. If your photo is private
then only you'll be able to see them in your album.
</li>
<li>You can specify if an album shows up on the <em>Albums</em> page.</li>
<li>Albums are fixed unless you explicitly add a photo to it.</li>
<li>Add photos to an album using the edit form or on the <a href="<?php $this->url->managePhotos(); ?>">manage
photos</a> page.
</li>
</ol>
</p>
</div>
<div class="row">
<div ngf-drop ng-model="files" class="drop-box"
ngf-drag-over-class="dragover" ngf-multiple="true" ngf-allow-dir="true"
ngf-accept="'image/*,application/pdf'">Drop Images here
</div>
</div>
<div class="row">
Image thumbnails:
<div class="col-sm-6 col-md-4" ng-repeat="f in files">
<div class="thumbnail">
<img class="resized" ngf-src="f" ngf-default-src="'/thumb.jpg'" ngf-accept="'image/*'">
<div class="caption">
<p>Lorem ipsum dolor sit amet</p>
</div>
</div>
</div>
</div>
<div class="row">
<br>
<button class="btn" ng-click="upload(files)"><i class="glyphicon glyphicon-upload"></i> Upload</button>
</div>
</div>