diff options
| -rw-r--r-- | www/css/fms.css | 49 | ||||
| -rw-r--r-- | www/js/models/draft.js | 2 | ||||
| -rw-r--r-- | www/templates/en/reports.html | 19 |
3 files changed, 68 insertions, 2 deletions
diff --git a/www/css/fms.css b/www/css/fms.css index 89dba65..2f06a1b 100644 --- a/www/css/fms.css +++ b/www/css/fms.css @@ -634,6 +634,55 @@ border: none; } + #drafts .use_report { + text-align: left; + margin-left: 50px; + } + + #drafts .with_photo.with_location .use_report { + margin-left: 0px; + padding-left: 5px; + } + + #drafts li.with_photo.with_location:before { + content: url(../images/photos.png); + background-image: url(../images/pin.png); + background-size: 18px 18px; + background-repeat: no-repeat; + background-position: center left; + display: block; + float: left; + height: 18px; + width: 36px; + padding-left: 18px; + margin-top: 1.5em; + margin-left: 5px; + } + + #drafts li.with_photo:before { + content: url(../images/photos.png); + display: block; + float: left; + height: 18px; + width: 18px; + margin-top: 1.5em; + margin-left: 5px; + } + + #drafts li.with_location:before { + content: ''; + background-image: url(../images/pin.png); + display: block; + float: left; + background-size: 18px 18px; + background-repeat: no-repeat; + background-position: center left; + height: 18px; + width: 18px; + margin-top: 1.5em; + margin-left: 5px; + } + /* photo screen */ div.photo { margin: 0.1em 0em; diff --git a/www/js/models/draft.js b/www/js/models/draft.js index 97a92ff..ec6cff6 100644 --- a/www/js/models/draft.js +++ b/www/js/models/draft.js @@ -23,7 +23,7 @@ } else { desc += 'Untitled draft'; } - desc += ', ' + this.createdDate(); + desc += '<br><small>' + moment.utc( this.get('created') ).fromNow() + '</small>'; return desc; }, diff --git a/www/templates/en/reports.html b/www/templates/en/reports.html index 206ffe9..f1b9dc2 100644 --- a/www/templates/en/reports.html +++ b/www/templates/en/reports.html @@ -6,6 +6,23 @@ <h2>Draft reports</h2> <ul data-role="listview" data-split-theme="c" data-inset="true" data-split-icon="delete" class="reports"> - <% drafts.each(function(draft) { if ( draft ) { print( '<li id="' + draft.id + '"' + ( draft.get('lat') ? ' class="with_location"' : '' ) + '><a href="#" class="use_report">' + draft.description() + ( draft.get('lat') ? ' L' : '' ) + '</a><a class="del_report" href="#" title="delete">Delete</a></li>' ); } else { print( '<li>no/li<>'); } } ); %> + <% drafts.each(function(draft) { + if ( draft ) { + var classes = []; + if ( draft.get('lat') ) { + classes.push('with_location'); + } + if ( draft.get('file') ) { + classes.push('with_photo'); + } + var draftClass = ''; + if ( classes.length ) { + draftClass = 'class="' + classes.join(' ') + '"'; + } + print( '<li id="' + draft.id + '"' + draftClass + '><a href="#" class="use_report">' + draft.description() + '</a><a class="del_report" href="#" title="delete">Delete</a></li>' ); + } else { + print( '<li>no/li<>'); + } + } ); %> </ul> </div> |