ced295a630
Getting up and running with IndexedDB was pretty easy, thanks to backbone. The tricky part was making reads and writes asynchronous. In that process I did some refactoring on Whisper.Threads, which has been renamed Conversations for consistency with the view names. This change also adds the unlimitedStorage permission.
54 lines
1.4 KiB
JavaScript
54 lines
1.4 KiB
JavaScript
var Whisper = Whisper || {};
|
|
|
|
(function () {
|
|
'use strict';
|
|
|
|
Whisper.GroupRecipientsInputView = Backbone.View.extend({
|
|
initialize: function() {
|
|
this.$el.tagsinput({ tagClass: this.tagClass });
|
|
},
|
|
|
|
tagClass: function(item) {
|
|
try {
|
|
if (libphonenumber.util.verifyNumber(item)) {
|
|
return;
|
|
}
|
|
} catch(ex) {}
|
|
return 'error';
|
|
}
|
|
});
|
|
|
|
Whisper.NewGroupView = Backbone.View.extend({
|
|
className: 'conversation',
|
|
initialize: function() {
|
|
this.template = $('#new-group-form').html();
|
|
Mustache.parse(this.template);
|
|
this.render();
|
|
this.input = this.$el.find('input.number');
|
|
new Whisper.GroupRecipientsInputView({el: this.$el.find('input.numbers')}).$el.appendTo(this.$el);
|
|
},
|
|
events: {
|
|
'submit .send': 'send',
|
|
'close': 'remove'
|
|
},
|
|
|
|
send: function(e) {
|
|
e.preventDefault();
|
|
var numbers = this.$el.find('input.numbers').val().split(',');
|
|
var name = this.$el.find('input.name').val();
|
|
var view = this;
|
|
Whisper.Conversations.createGroup(numbers, name).then(function(convo){
|
|
convo.sendMessage(view.$el.find('input.send-message').val());
|
|
view.remove();
|
|
convo.trigger('render');
|
|
});
|
|
},
|
|
|
|
render: function() {
|
|
this.$el.prepend($(Mustache.render(this.template)));
|
|
Whisper.Layout.setContent(this.$el.show());
|
|
return this;
|
|
}
|
|
});
|
|
|
|
})();
|