Dodanie stylów CSS dla HTML.

[redakcja.git] / project / static / js / models.js

diff --git a/project/static/js/models.js b/project/static/js/models.js
index 9ccefca..b2c7440 100644 (file)
--- a/project/static/js/models.js
+++ b/project/static/js/models.js
@@ -8,11 +8,40 @@ Editor.Model = Editor.Object.extend({
 });
 
 
 });
 
 

+Editor.ToolbarButtonsModel = Editor.Model.extend({
+  _className: 'Editor.ToolbarButtonsModel',
+  serverURL: '/api/toolbar/buttons',
+  buttons: {},
+  
+  init: function() {
+    this._super();
+  },
+  
+  load: function() {
+    if (!this.get('buttons').length) {
+      $.ajax({
+        url: this.serverURL,
+        dataType: 'json',
+        success: this.loadSucceeded.bind(this)
+      });
+    }
+  },
+  
+  loadSucceeded: function(data) {
+    this.set('buttons', data);
+  }
+});
+
+

 Editor.XMLModel = Editor.Model.extend({
 Editor.XMLModel = Editor.Model.extend({

+  _className: 'Editor.XMLModel',

   serverURL: null,
   serverURL: null,

+  data: '',

   
   init: function(serverURL) {
   
   init: function(serverURL) {

+    this._super();

     this.serverURL = serverURL;
     this.serverURL = serverURL;

+    this.toolbarButtonsModel = new Editor.ToolbarButtonsModel();

   },
   
   getData: function() {
   },
   
   getData: function() {


@@ -22,11 +51,6 @@ Editor.XMLModel = Editor.Model.extend({
     return this.data;
   },
   
     return this.data;
   },
   

-  setData: function(data) {
-    this.data = data;
-    this.dataChanged();
-  },
-  

   load: function() {
     if (!this.get('synced')) {
       $.ajax({
   load: function() {
     if (!this.get('synced')) {
       $.ajax({


@@ -45,9 +69,12 @@ Editor.XMLModel = Editor.Model.extend({
 
 
 Editor.HTMLModel = Editor.Model.extend({
 
 
 Editor.HTMLModel = Editor.Model.extend({

+  _className: 'Editor.HTMLModel',

   serverURL: null,
   serverURL: null,

+  data: '',

   
   init: function(serverURL) {
   
   init: function(serverURL) {

+    this._super();

     this.serverURL = serverURL;
   },
   
     this.serverURL = serverURL;
   },
   


@@ -69,10 +96,12 @@ Editor.HTMLModel = Editor.Model.extend({
 
 
 Editor.DocumentModel = Editor.Model.extend({
 
 
 Editor.DocumentModel = Editor.Model.extend({

+  _className: 'Editor.DocumentModel',

   data: null, // name, text_url, latest_rev, latest_shared_rev, parts_url, dc_url, size
   contentModels: {},
   
   init: function() {
   data: null, // name, text_url, latest_rev, latest_shared_rev, parts_url, dc_url, size
   contentModels: {},
   
   init: function() {

+    this._super();

     this.load();
   },
   
     this.load();
   },
   


@@ -93,6 +122,19 @@ Editor.DocumentModel = Editor.Model.extend({
       'xml': new Editor.XMLModel(data.text_url),
       'html': new Editor.HTMLModel(data.html_url)
     };
       'xml': new Editor.XMLModel(data.text_url),
       'html': new Editor.HTMLModel(data.html_url)
     };

+    for (var key in this.contentModels) {
+      this.contentModels[key].addObserver(this, 'data', this.contentModelDataChanged.bind(this));
+    }
+  },
+  
+  contentModelDataChanged: function(property, value, contentModel) {
+    console.log('data of', contentModel.description(), 'changed!');
+    for (var key in this.contentModels) {
+      if (this.contentModels[key].guid() != contentModel.guid()) {
+        console.log(this.contentModels[key].description(), 'frozen');
+        this.contentModels[key].set('synced', false);
+      }
+    }

   }
 });
 
   }
 });
 


@@ -101,6 +143,7 @@ var leftPanelView, rightPanelContainer, doc;
 
 $(function() {
   doc = new Editor.DocumentModel();
 
 $(function() {
   doc = new Editor.DocumentModel();

+  var editor = new EditorView('body', doc);

   var splitView = new SplitView('#splitview', doc);
   leftPanelView = new PanelContainerView('#left-panel-container', doc);
   rightPanelContainer = new PanelContainerView('#right-panel-container', doc);
   var splitView = new SplitView('#splitview', doc);
   leftPanelView = new PanelContainerView('#left-panel-container', doc);
   rightPanelContainer = new PanelContainerView('#right-panel-container', doc);