diff options
| -rw-r--r-- | www/css/fms.css | 7 | ||||
| -rw-r--r-- | www/js/views/reports.js | 8 | ||||
| -rw-r--r-- | www/templates/en/reports.html | 10 |
3 files changed, 16 insertions, 9 deletions
diff --git a/www/css/fms.css b/www/css/fms.css index 6ffd38d..b225a0a 100644 --- a/www/css/fms.css +++ b/www/css/fms.css @@ -14,6 +14,13 @@ .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit, .ui-icon-search, .ui-icon-searchfield::after, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { background-size: 810px 54px; } + + .ui-li .ui-btn-up-c { + border-top-width: 0px; + border-bottom-width: 0px; + border-right-width: 0px; + border-left-width: 1px; + } .ui-checkbox, .ui-controlgroup .ui-checkbox { diff --git a/www/js/views/reports.js b/www/js/views/reports.js index 5241319..f5c1cbb 100644 --- a/www/js/views/reports.js +++ b/www/js/views/reports.js @@ -16,8 +16,9 @@ }, deleteReport: function(e) { + e.preventDefault(); var el = $(e.target); - var id = el.parent('li').attr('id'); + var id = el.parents('li').attr('id'); var del = FMS.removeDraft( id, true ); var that = this; del.done( function() { that.onRemoveDraft(el); } ); @@ -25,14 +26,15 @@ }, useReport: function(e) { + e.preventDefault(); var el = $(e.target); - var id = el.parent('li').attr('id'); + var id = el.parents('li').attr('id'); FMS.currentDraft = FMS.allDrafts.get(id); this.navigate('around'); }, onRemoveDraft: function(el) { - el.parent('li').remove(); + el.parents('li').remove(); }, render: function(){ diff --git a/www/templates/en/reports.html b/www/templates/en/reports.html index e2ab948..c7cc86b 100644 --- a/www/templates/en/reports.html +++ b/www/templates/en/reports.html @@ -2,12 +2,10 @@ <h1>My Reports</h1> <a id="reports-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Home</a> </div> -<div class="container" data-enhance="false"> - <div class="content" role="main"> - <h1>Draft reports</h1> - </div> +<div data-role="content"> + <h3>Draft reports</h3> - <ul> - <% drafts.each(function(draft) { if ( draft ) { print( '<li id="' + draft.id + '"' + ( draft.get('lat') ? ' class="with_location"' : '' ) + '>' + draft.description() + ( draft.get('lat') ? ' L' : '' ) + ' <a class="del_report">X</a> <a class="use_report">→</a></li>' ); } else { print( '<li>no/li<>'); } } ); %> + <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<>'); } } ); %> </ul> </div> |