Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Move modules from Marionette to AMD modules, fix tests

Browse Source
This commit is contained in:
Tautvidas Sipavičius
2015-09-09 14:05:34 +03:00
parent a25a8f2560
commit 8ac9799df6
42 changed files with 3573 additions and 3534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
assets/js/src/newsletter_editor/components/styles.js
View File

@ -1,82 +1,84 @@
define([
'newsletter_editor/App',
'backbone',
'backbone.marionette',
], function(EditorApplication, Backbone, Marionette) {
'backbone.supermodel',
], function(App, Marionette, SuperModel) {
EditorApplication.module("components.styles", function(Module, App, Backbone, Marionette, $, _) {
"use strict";
"use strict";
Module.StylesModel = Backbone.SuperModel.extend({
defaults: {
text: {
fontColor: '#000000',
fontFamily: 'Arial',
fontSize: '16px',
},
h1: {
fontColor: '#111111',
fontFamily: 'Arial Black',
fontSize: '40px'
},
h2: {
fontColor: '#222222',
fontFamily: 'Tahoma',
fontSize: '32px',
},
h3: {
fontColor: '#333333',
fontFamily: 'Verdana',
fontSize: '24px',
},
link: {
fontColor: '#21759B',
textDecoration: 'underline',
},
newsletter: {
backgroundColor: '#ffffff',
},
background: {
backgroundColor: '#cccccc',
},
var Module = {};
Module.StylesModel = SuperModel.extend({
defaults: {
text: {
fontColor: '#000000',
fontFamily: 'Arial',
fontSize: '16px',
},
initialize: function() {
this.on('change', function() { App.getChannel().trigger('autoSave'); });
h1: {
fontColor: '#111111',
fontFamily: 'Arial Black',
fontSize: '40px'
},
});
Module.StylesView = Marionette.ItemView.extend({
getTemplate: function() { return templates.styles; },
modelEvents: {
'change': 'render',
h2: {
fontColor: '#222222',
fontFamily: 'Tahoma',
fontSize: '32px',
},
});
Module._globalStyles = new Backbone.SuperModel();
Module.getGlobalStyles = function() {
return Module._globalStyles;
};
Module.setGlobalStyles = function(options) {
Module._globalStyles = new Module.StylesModel(options);
return Module._globalStyles;
};
Module.getAvailableStyles = function() {
return App.getConfig().get('availableStyles');
};
App.on('before:start', function(options) {
// Expose style methods to global application
App.getGlobalStyles = Module.getGlobalStyles;
App.setGlobalStyles = Module.setGlobalStyles;
App.getAvailableStyles = Module.getAvailableStyles;
this.setGlobalStyles(options.newsletter.styles);
});
App.on('start', function(options) {
var stylesView = new Module.StylesView({ model: App.getGlobalStyles() });
App._appView.stylesRegion.show(stylesView);
});
h3: {
fontColor: '#333333',
fontFamily: 'Verdana',
fontSize: '24px',
},
link: {
fontColor: '#21759B',
textDecoration: 'underline',
},
newsletter: {
backgroundColor: '#ffffff',
},
background: {
backgroundColor: '#cccccc',
},
},
initialize: function() {
this.on('change', function() { App.getChannel().trigger('autoSave'); });
},
});
Module.StylesView = Marionette.ItemView.extend({
getTemplate: function() { return templates.styles; },
modelEvents: {
'change': 'render',
},
});
Module._globalStyles = new SuperModel();
Module.getGlobalStyles = function() {
return Module._globalStyles;
};
Module.setGlobalStyles = function(options) {
Module._globalStyles = new Module.StylesModel(options);
return Module._globalStyles;
};
Module.getAvailableStyles = function() {
return App.getConfig().get('availableStyles');
};
App.on('before:start', function(options) {
// Expose style methods to global application
App.getGlobalStyles = Module.getGlobalStyles;
App.setGlobalStyles = Module.setGlobalStyles;
App.getAvailableStyles = Module.getAvailableStyles;
this.setGlobalStyles(options.newsletter.styles);
});
App.on('start', function(options) {
var stylesView = new Module.StylesView({ model: App.getGlobalStyles() });
App._appView.stylesRegion.show(stylesView);
});
return Module;
});