client/src/applets/scripteditor.js

   1     (function () {
   2         var view = Backbone.View.extend({
   3             events: {
   4                 'click .btn_save': 'onSave'
   5             },
   6
   7             initialize: function (options) {
   8                 var that = this,
   9                     text = {
  10                         save: _kiwi.global.i18n.translate('client_applets_scripteditor_save').fetch()
  11                     };
  12                 this.$el = $(_.template($('#tmpl_script_editor').html().trim(), text));
  13
  14                 this.model.on('applet_loaded', function () {
  15                     that.$el.parent().css('height', '100%');
  16                     $script(_kiwi.app.get('base_path') + '/assets/libs/ace/ace.js', function (){ that.createAce(); });
  17                 });
  18             },
  19
  20
  21             createAce: function () {
  22                 var editor_id = 'editor_' + Math.floor(Math.random()*10000000).toString();
  23                 this.editor_id = editor_id;
  24
  25                 this.$el.find('.editor').attr('id', editor_id);
  26
  27                 this.editor = ace.edit(editor_id);
  28                 this.editor.setTheme("ace/theme/monokai");
  29                 this.editor.getSession().setMode("ace/mode/javascript");
  30
  31                 var script_content = _kiwi.global.settings.get('user_script') || '';
  32                 this.editor.setValue(script_content);
  33             },
  34
  35
  36             onSave: function (event) {
  37                 var script_content, user_fn;
  38
  39                 // Build the user script up with some pre-defined components
  40                 script_content = 'var network = kiwi.components.Network();\n';
  41                 script_content += 'var input = kiwi.components.ControlInput();\n';
  42                 script_content += 'var events = kiwi.components.Events();\n';
  43                 script_content += this.editor.getValue() + '\n';
  44
  45                 // Add a dispose method to the user script for cleaning up
  46                 script_content += 'this._dispose = function(){ network.off(); input.off(); events.dispose(); if(this.dispose) this.dispose(); }';
  47
  48                 // Try to compile the user script
  49                 try {
  50                     user_fn = new Function(script_content);
  51
  52                     // Dispose any existing user script
  53                     if (_kiwi.user_script && _kiwi.user_script._dispose)
  54                         _kiwi.user_script._dispose();
  55
  56                     // Create and run the new user script
  57                     _kiwi.user_script = new user_fn();
  58
  59                 } catch (err) {
  60                     this.setStatus(_kiwi.global.i18n.translate('client_applets_scripteditor_error').fetch(err.toString()));
  61                     return;
  62                 }
  63
  64                 // If we're this far, no errors occured. Save the user script
  65                 _kiwi.global.settings.set('user_script', this.editor.getValue());
  66                 _kiwi.global.settings.save();
  67
  68                 this.setStatus(_kiwi.global.i18n.translate('client_applets_scripteditor_saved').fetch() + ' :)');
  69             },
  70
  71
  72             setStatus: function (status_text) {
  73                 var $status = this.$el.find('.toolbar .status');
  74
  75                 status_text = status_text || '';
  76                 $status.slideUp('fast', function() {
  77                     $status.text(status_text);
  78                     $status.slideDown();
  79                 });
  80             }
  81         });
  82
  83
  84
  85         var applet = Backbone.Model.extend({
  86             initialize: function () {
  87                 var that = this;
  88
  89                 this.set('title', _kiwi.global.i18n.translate('client_applets_scripteditor_title').fetch());
  90                 this.view = new view({model: this});
  91
  92             }
  93         });
  94
  95
  96         _kiwi.model.Applet.register('kiwi_script_editor', applet);
  97         //_kiwi.model.Applet.loadOnce('kiwi_script_editor');
  98     })();