f661fa609e
http://meta.discourse.org/t/is-it-better-for-discourse-to-use-javascript-or-coffeescript/3153
84 lines
2.7 KiB
JavaScript
84 lines
2.7 KiB
JavaScript
(function() {
|
|
|
|
window.Discourse.FlagView = Discourse.ModalBodyView.extend({
|
|
templateName: 'flag',
|
|
title: Em.String.i18n('flagging.title'),
|
|
changePostActionType: function(action) {
|
|
if (this.get('postActionTypeId') === action.id) {
|
|
return false;
|
|
}
|
|
this.set('postActionTypeId', action.id);
|
|
this.set('isCustomFlag', action.is_custom_flag);
|
|
Em.run.next(function() {
|
|
return jQuery("#radio_" + action.name_key).prop('checked', 'true');
|
|
});
|
|
return false;
|
|
},
|
|
createFlag: function() {
|
|
var actionType, _ref,
|
|
_this = this;
|
|
actionType = Discourse.get("site").postActionTypeById(this.get('postActionTypeId'));
|
|
if (_ref = this.get("post.actionByName." + (actionType.get('name_key')))) {
|
|
_ref.act({
|
|
message: this.get('customFlagMessage')
|
|
}).then(function() {
|
|
return jQuery('#discourse-modal').modal('hide');
|
|
}, function(errors) {
|
|
return _this.displayErrors(errors);
|
|
});
|
|
}
|
|
return false;
|
|
},
|
|
customPlaceholder: (function() {
|
|
return Em.String.i18n("flagging.custom_placeholder");
|
|
}).property(),
|
|
showSubmit: (function() {
|
|
var m;
|
|
if (this.get("postActionTypeId")) {
|
|
if (this.get("isCustomFlag")) {
|
|
m = this.get("customFlagMessage");
|
|
return m && m.length >= 10 && m.length <= 500;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}).property("isCustomFlag", "customFlagMessage", "postActionTypeId"),
|
|
customFlagMessageChanged: (function() {
|
|
var len, message, minLen, _ref;
|
|
minLen = 10;
|
|
len = ((_ref = this.get('customFlagMessage')) ? _ref.length : void 0) || 0;
|
|
this.set("customMessageLengthClasses", "too-short custom-message-length");
|
|
if (len === 0) {
|
|
message = Em.String.i18n("flagging.custom_message.at_least", {
|
|
n: minLen
|
|
});
|
|
} else if (len < minLen) {
|
|
message = Em.String.i18n("flagging.custom_message.more", {
|
|
n: minLen - len
|
|
});
|
|
} else {
|
|
message = Em.String.i18n("flagging.custom_message.left", {
|
|
n: 500 - len
|
|
});
|
|
this.set("customMessageLengthClasses", "ok custom-message-length");
|
|
}
|
|
this.set("customMessageLength", message);
|
|
}).observes("customFlagMessage"),
|
|
didInsertElement: function() {
|
|
var $flagModal;
|
|
this.customFlagMessageChanged();
|
|
this.set('postActionTypeId', null);
|
|
$flagModal = jQuery('#flag-modal');
|
|
/* Would be nice if there were an EmberJs radio button to do this for us. Oh well, one should be coming
|
|
*/
|
|
|
|
/* in an upcoming release.
|
|
*/
|
|
|
|
jQuery("input[type='radio']", $flagModal).prop('checked', false);
|
|
}
|
|
});
|
|
|
|
}).call(this);
|