1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
|
(function (FMS, Backbone, _, $) {
_.extend( FMS, {
OfflineView: FMS.LocatorView.extend({
template: 'offline',
id: 'offline',
prev: 'around',
next: 'reports',
skipLocationCheck: true,
events: {
'pagehide': 'destroy',
'pagebeforeshow': 'beforeShow',
'pageshow': 'afterDisplay',
'vclick .ui-btn-left': 'onClickButtonPrev',
'vclick .ui-btn-right': 'onClickButtonNext',
'vclick #id_photo_button': 'takePhoto',
'vclick #id_existing': 'addPhoto',
'vclick #id_del_photo_button': 'deletePhoto',
'vclick #locate': 'onClickLocate',
'vclick #locate_cancel': 'onClickCancel',
'blur input': 'toggleNextButton',
'blur textarea': 'toggleNextButton'
},
_back: function() {
navigator.app.exitApp();
},
draftHasContent: function() {
var hasContent = false;
if ( $('#form_title').val() || $('#form_detail').val() ||
this.model.get('lat') || this.model.get('file') ) {
hasContent = true;
}
return hasContent;
},
afterDisplay: function() {
$('body')[0].scrollTop = 0;
$('div[data-role="content"]').show();
},
beforeShow: function() {
$('div[data-role="content"]').hide();
this.toggleNextButton();
},
toggleNextButton: function() {
if ( this.draftHasContent() ) {
$('#offline-next-btn .ui-btn-text').text('Save');
} else {
$('#offline-next-btn .ui-btn-text').text('Skip');
}
},
failedLocation: function(details) {
this.finishedLocating();
this.locateCount = 21;
$('#locate_result').html(FMS.strings.offline_failed_position);
},
gotLocation: function(info) {
this.finishedLocating();
this.model.set('lat', info.coordinates.latitude);
this.model.set('lon', info.coordinates.longitude);
$('#locate_result').html(FMS.strings.offline_got_position);
},
takePhoto: function() {
var that = this;
navigator.camera.getPicture( function(imgURI) { that.addPhotoSuccess(imgURI); }, function(error) { that.addPhotoFail(error); }, { saveToPhotoAlbum: true, quality: 49, destinationType: Camera.DestinationType.FILE_URI, sourceType: navigator.camera.PictureSourceType.CAMERA, correctOrientation: true });
},
addPhoto: function() {
var that = this;
navigator.camera.getPicture( function(imgURI) { that.addPhotoSuccess(imgURI); }, function(error) { that.addPhotoFail(error); }, { saveToPhotoAlbum: false, quality: 49, destinationType: Camera.DestinationType.FILE_URI, sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY, correctOrientation: true });
},
addPhotoSuccess: function(imgURI) {
var move = FMS.files.moveURI( imgURI );
var that = this;
move.done( function( file ) {
$('#photo').attr('src', file.toURL());
that.model.set('file', file.toURL());
FMS.saveCurrentDraft();
$('#photo-next-btn .ui-btn-text').text('Next');
$('#display_photo').show();
$('#add_photo').hide();
});
move.fail( function() { that.addPhotoFail(); } );
},
addPhotoFail: function(message) {
if ( message != 'no image selected' &&
message != 'Selection cancelled.' &&
message != 'Camera cancelled.' ) {
this.displayAlert(FMS.strings.photo_failed);
}
},
deletePhoto: function() {
var that = this;
var del = FMS.files.deleteURI( this.model.get('file') );
del.done( function() {
that.model.set('file', '');
FMS.saveCurrentDraft();
$('#photo').attr('src', '');
$('#photo-next-btn .ui-btn-text').text('Skip');
$('#display_photo').hide();
$('#add_photo').show();
});
},
onClickLocate: function(e) {
e.preventDefault();
this.locate();
},
onClickCancel: function(e) {
e.preventDefault();
this.finishedLocating();
},
onClickButtonNext: function() {
this.updateCurrentReport();
if ( !this.draftHasContent() && this.model.id ) {
var del = FMS.removeDraft( this.model.id );
var that = this;
del.done( function() { that.draftDeleted(); } );
del.fail( function() { that.draftDeleted(); } );
} else {
FMS.clearCurrentDraft();
this.navigate( this.next );
}
},
draftDeleted: function() {
FMS.clearCurrentDraft();
this.navigate( this.next );
},
updateCurrentReport: function() {
this.model.set('title', $('#form_title').val());
this.model.set('details', $('#form_detail').val());
FMS.saveCurrentDraft();
}
})
});
})(FMS, Backbone, _, $);
|
