src/editor/plugins/core/edumed/replace/element.js

   1 define(function(require) {
   2
   3 'use strict';
   4
   5
   6 var $ = require('libs/jquery'),
   7     _ = require('libs/underscore'),
   8     elementBase = require('plugins/core/edumed/elementBase'),
   9     genericElement = require('modules/documentCanvas/canvas/genericElement'),
  10     viewTemplate = require('libs/text!./view.html'),
  11     tipTemplate = require('libs/text!./tip.html');
  12
  13 var AnswerElement = Object.create(genericElement);
  14 _.extend(AnswerElement, {
  15     init: function() {
  16         genericElement.init.call(this);
  17         this.tip = $(tipTemplate);
  18         this.tip.text(this.wlxmlNode.getAttr('answer') || '');
  19         this.tip.on('click', function(e) {
  20             var doc = this.wlxmlNode.document,
  21                 textNode = this.wlxmlNode.contents()[0];
  22             e.preventDefault();
  23             e.stopPropagation();
  24
  25             if(textNode) {
  26                 this.canvas.select(doc.createFragment(doc.CaretFragment, {node:textNode, offset: textNode.getText().length}));
  27                 this.canvas.showContextMenu(this, {x: e.clientX, y: e.clientY});
  28             }
  29         }.bind(this));
  30         this.addWidget(this.tip);
  31     },
  32     onNodeAttrChange: function(event) {
  33         if(event.meta.attr === 'answer') {
  34             this.tip.text(event.meta.newVal || '');
  35         }
  36     }
  37 });
  38
  39 var ReplaceExerciseElement = Object.create(elementBase);
  40 _.extend(ReplaceExerciseElement, {
  41     init: function() {
  42         elementBase.init.call(this);
  43         var view  = $(_.template(viewTemplate)());
  44         this._container().append(view);
  45
  46
  47         this.elementsRegister.register(
  48             {tag: 'span', klass: 'answer', prototype: AnswerElement}
  49         );
  50
  51         this.createContainer(this.wlxmlNode.contents(), {
  52             resetBackground: true,
  53             manages: function() {
  54                 return true;
  55             },
  56             dom: view.find('.content')
  57         });
  58
  59         this.addToContextMenu('core.markToReplace');
  60         this.contextMenuActions[0].on('actionExecuted', function(ret) {
  61             if(ret instanceof this.wlxmlNode.document.Fragment && ret.isValid()) {
  62                 this.canvas.select(ret);
  63             }
  64         }.bind(this));
  65         this.addToContextMenu('core.editReplaceMark');
  66         this.addToContextMenu('core.removeReplaceMark');
  67
  68     },
  69     getVerticallyFirstTextElement: function() {
  70         var toret;
  71         this.containers.some(function(container) {
  72             toret = container.getVerticallyFirstTextElement();
  73             return !!toret;
  74         });
  75         return toret;
  76     }
  77 });
  78
  79 return {tag: 'div', klass: 'exercise.replace', prototype: ReplaceExerciseElement};
  80
  81 });
  82
  83
  84
  85
  86
  87