modules/rng/rng.js

   1 define([\r
   2 'fnpjs/layout',\r
   3 'fnpjs/vbox',\r
   4 'views/tabs/tabs',\r
   5 'libs/text!./mainLayout.html',\r
   6 'libs/text!./editingLayout.html',\r
   7 ], function(layout, vbox, tabs, mainLayoutTemplate, editingLayoutTemplate) {\r
   8 \r
   9 return function(sandbox) {\r
  10     'use strict';\r
  11     \r
  12     var mainTabs = (new tabs.View()).render();\r
  13     var mainLayout = new layout.Layout(mainLayoutTemplate);\r
  14     var editingLayout = new layout.Layout(editingLayoutTemplate);\r
  15     \r
  16     sandbox.getDOM().append(mainLayout.getAsView());\r
  17     \r
  18     function addTab(title, slug, view) {\r
  19         mainTabs.addTab(title, slug, view);\r
  20     }\r
  21     \r
  22     /* Events handling */\r
  23     \r
  24     var eventHandlers = {};\r
  25      \r
  26     eventHandlers.sourceEditor = {\r
  27         ready: function() {\r
  28             addTab(gettext('Source'), 'source',  sandbox.getModule('sourceEditor').getView());\r
  29             sandbox.getModule('sourceEditor').setDocument(sandbox.getModule('data').getDocument());\r
  30         }\r
  31     };\r
  32     \r
  33     eventHandlers.visualEditor = {\r
  34         ready: function() {\r
  35             sandbox.getModule('visualEditor').setDocument(sandbox.getModule('data').getDocument());\r
  36             addTab(gettext('Visual'), 'visual', sandbox.getModule('visualEditor').getView());\r
  37             \r
  38         }\r
  39     };\r
  40     \r
  41     eventHandlers.data = {\r
  42         ready: function() {\r
  43             mainLayout.setView('mainView', mainTabs.getAsView());\r
  44             \r
  45             _.each(['visualEditor', 'sourceEditor', 'documentCanvas', 'nodePane', 'metadataEditor', 'nodeFamilyTree', 'mainBar', 'indicator'], function(moduleName) {\r
  46                 sandbox.getModule(moduleName).start();\r
  47             });\r
  48         },\r
  49         documentChanged: function(document, reason) {\r
  50             var slug = (reason === 'visual_edit' ? 'source' : 'visual');\r
  51             sandbox.getModule(slug+'Editor').setDocument(document);\r
  52         },\r
  53         savingStarted: function() {\r
  54             sandbox.getModule('mainBar').setCommandEnabled('save', false);\r
  55             sandbox.getModule('indicator').showMessage(gettext('Saving...'));\r
  56         },\r
  57         savingEnded: function(status) {\r
  58             sandbox.getModule('mainBar').setCommandEnabled('save', true);\r
  59             sandbox.getModule('indicator').clearMessage();\r
  60         }\r
  61     }\r
  62     \r
  63     eventHandlers.rng2 = {\r
  64         ready: function() {\r
  65            addTab('rng2 test', 'rng2test', sandbox.getModule('rng2').getView());\r
  66            \r
  67         }\r
  68     }\r
  69     \r
  70     eventHandlers.mainBar = {\r
  71         ready: function() {\r
  72             mainLayout.setView('topPanel', sandbox.getModule('mainBar').getView());\r
  73         },\r
  74         'cmd.save': function() {\r
  75             sandbox.getModule('data').fakeSave();\r
  76         }\r
  77     }\r
  78     \r
  79     eventHandlers.indicator = {\r
  80         ready: function() {\r
  81             mainLayout.setView('messages', sandbox.getModule('indicator').getView());\r
  82         }\r
  83     };\r
  84     \r
  85     \r
  86     var sidebar = (new tabs.View({stacked: true})).render();\r
  87     var box = new vbox.VBox();\r
  88     editingLayout.setView('rightColumn', sidebar.getAsView());\r
  89     addTab('rng2 test', 'rng2test', editingLayout.getAsView());\r
  90     \r
  91     eventHandlers.documentCanvas = {\r
  92         ready: function() {\r
  93             sandbox.getModule('documentCanvas').setDocument(sandbox.getModule('data').getDocument());\r
  94             editingLayout.setView('leftColumn', sandbox.getModule('documentCanvas').getView());\r
  95         },\r
  96         \r
  97         nodeSelected: function(node) {\r
  98             sandbox.getModule('nodePane').setNode(node);\r
  99             sandbox.getModule('nodeFamilyTree').setNode(node);\r
 100         },\r
 101         \r
 102         contentChanged: function() {\r
 103         \r
 104         },\r
 105         \r
 106         nodeHovered: function(node) {\r
 107             \r
 108         },\r
 109         \r
 110         nodeBlured: function(node) {\r
 111         \r
 112         }\r
 113     };\r
 114 \r
 115     eventHandlers.nodePane = {\r
 116         ready: function() {\r
 117             //sidebar.addTab({icon: 'pencil'}, 'nodePane', sandbox.getModule('nodePane').getView());\r
 118             box.appendView(sandbox.getModule('nodePane').getView());\r
 119             sidebar.addTab({icon: 'pencil'}, 'edit', box.getAsView());\r
 120         },\r
 121         \r
 122         nodeChanged: function(attr, value) {\r
 123             sandbox.getModule('documentCanvas').modifyCurrentNode(attr, value);\r
 124         }\r
 125     };\r
 126     \r
 127     eventHandlers.metadataEditor = {\r
 128         ready: function() {\r
 129             sandbox.getModule('metadataEditor').setMetadata(sandbox.getModule('data').getDocument());\r
 130             sidebar.addTab({icon: 'info-sign'}, 'metadataEditor', sandbox.getModule('metadataEditor').getView());\r
 131         }\r
 132     };\r
 133     \r
 134     eventHandlers.nodeFamilyTree = {\r
 135         ready: function() {\r
 136             //sidebar.addTab({icon: 'home'}, 'family', sandbox.getModule('nodeFamilyTree').getView());\r
 137             box.appendView(sandbox.getModule('nodeFamilyTree').getView());\r
 138         },\r
 139         nodeEntered: function(id) {\r
 140             sandbox.getModule('documentCanvas').highlightNode(id);\r
 141         },\r
 142         nodeLeft: function(id) {\r
 143             sandbox.getModule('documentCanvas').dimNode(id);\r
 144         },\r
 145         nodeSelected: function(id) {\r
 146             sandbox.getModule('documentCanvas').selectNode(id);\r
 147         }\r
 148     }\r
 149     \r
 150     /* api */\r
 151     \r
 152     return {\r
 153         start: function() {\r
 154             sandbox.getModule('data').start();\r
 155         },\r
 156         handleEvent: function(moduleName, eventName, args) {\r
 157             if('')\r
 158                 wysiwigHandler.handleEvent(moduleName, eventName, args);\r
 159             else if(eventHandlers[moduleName] && eventHandlers[moduleName][eventName]) {\r
 160                 eventHandlers[moduleName][eventName].apply(eventHandlers, args);\r
 161             }\r
 162         }\r
 163     }\r
 164 };\r
 165 \r
 166 });