mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-30 01:24:55 +01:00
94 lines
2.7 KiB
JavaScript
94 lines
2.7 KiB
JavaScript
|
/*
|
||
|
|
* Copyright [2015] [wisemapping]
|
||
|
|
*
|
||
|
|
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
||
|
|
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
||
|
|
* "powered by wisemapping" text requirement on every single page;
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the license at
|
||
|
|
*
|
||
|
|
* http://www.wisemapping.org/license
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
const BootstrapDialog = require('../libraries/bootstrap/BootstrapDialog').default;
|
||
|
|
|
||
|
|
const NoteEditor = new Class({
|
||
|
|
Extends:BootstrapDialog,
|
||
|
|
|
||
|
|
initialize:function (model) {
|
||
|
|
$assert(model, "model can not be null");
|
||
|
|
this._model = model;
|
||
|
|
this.parent($msg("Note"), {
|
||
|
|
cancelButton: true,
|
||
|
|
closeButton: true,
|
||
|
|
acceptButton: true,
|
||
|
|
removeButton: typeof model.getValue() != 'undefined',
|
||
|
|
onEventData: {model: this._model}
|
||
|
|
});
|
||
|
|
this.css({margin:"150px auto"});
|
||
|
|
var panel = this._buildPanel(model);
|
||
|
|
this.setContent(panel);
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
_buildPanel:function (model) {
|
||
|
|
var result = $('<div></div>').css("padding-top", "5px");
|
||
|
|
|
||
|
|
var form = $('<form></form>').attr({
|
||
|
|
'action':'none',
|
||
|
|
'id':'noteFormId'
|
||
|
|
});
|
||
|
|
|
||
|
|
// Add textarea
|
||
|
|
var textArea = $('<textarea></textarea autofocus>').attr({
|
||
|
|
'placeholder':$msg('WRITE_YOUR_TEXT_HERE'),
|
||
|
|
'required':'true',
|
||
|
|
'class':'form-control'
|
||
|
|
});
|
||
|
|
textArea.css({
|
||
|
|
'width':'100%',
|
||
|
|
'height':80,
|
||
|
|
'resize':'none'
|
||
|
|
});
|
||
|
|
textArea.on("keypress", function(event) {
|
||
|
|
event.stopPropagation();
|
||
|
|
});
|
||
|
|
form.append(textArea);
|
||
|
|
|
||
|
|
if (model.getValue() != null){
|
||
|
|
textArea.val(model.getValue());
|
||
|
|
}
|
||
|
|
|
||
|
|
result.append(form);
|
||
|
|
return result;
|
||
|
|
},
|
||
|
|
|
||
|
|
onAcceptClick: function(event) {
|
||
|
|
event.data.dialog._submitForm(event.data.model);
|
||
|
|
},
|
||
|
|
|
||
|
|
_submitForm: function(model) {
|
||
|
|
var textarea = this._native.find("textarea");
|
||
|
|
if (textarea.val()) {
|
||
|
|
model.setValue(textarea.val());
|
||
|
|
}
|
||
|
|
this.close();
|
||
|
|
},
|
||
|
|
|
||
|
|
onDialogShown: function() {
|
||
|
|
$(this).find('textarea').focus();
|
||
|
|
},
|
||
|
|
|
||
|
|
onRemoveClick: function(event) {
|
||
|
|
event.data.model.setValue(null);
|
||
|
|
event.data.dialog.close();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
export default NoteEditor;
|