odoo
/
odoo
2
0
Fork 0
Code Pull Requests Releases Activity

[REM] bootstrap link configuration combo, it has served its testing purposes 

bzr revid: xmo@openerp.com-20131121154501-vrs26caromm6ebgb
This commit is contained in:
Xavier Morel 2013-11-21 16:45:01 +01:00
parent a337d0dc2c
commit 32147fbffc
1 changed files with 1 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

153
addons/website/static/src/js/website.editor.js
View File

@ -228,157 +228,6 @@
}
});
CKEDITOR.plugins.add('bootstrapcombo', {
requires: 'richcombo',
init: function (editor) {
var config = editor.config;
editor.ui.addRichCombo('BootstrapLinkCombo', {
// default title
label: "Links",
// hover
title: "Link styling",
toolbar: 'styles,10',
allowedContent: ['a'],
panel: {
css: [
'/website/static/lib/bootstrap/css/bootstrap.css',
CKEDITOR.skin.getPath( 'editor' )
].concat( config.contentsCss ),
multiSelect: true,
},
types: {
'basic': 'btn-default',
'primary': 'btn-primary',
'success': 'btn-success',
'info': 'btn-info',
'warning': 'btn-warning',
'danger': 'btn-danger',
},
sizes: {
'large': 'btn-lg',
'default': '',
'small': 'btn-sm',
'extra small': 'btn-xs',
},
init: function () {
this.add('', 'Reset');
this.startGroup("Types");
for(var type in this.types) {
if (!this.types.hasOwnProperty(type)) { continue; }
var cls = this.types[type];
var el = _.str.sprintf(
'<span class="btn %s">%s</span>',
cls, type);
this.add(type, el);
}
this.startGroup("Sizes");
for (var size in this.sizes) {
if (!this.sizes.hasOwnProperty(size)) { continue; }
cls = this.sizes[size];
el = _.str.sprintf(
'<span class="btn btn-default %s">%s</span>',
cls, size);
this.add(size, el);
}
this.commit();
},
onRender: function () {
var self = this;
editor.on('selectionChange', function (e) {
var path = e.data.path, el;
if (!(el = path.contains('a'))) {
self.element = null;
self.disable();
return;
}
self.enable();
// This is crap, but getting the currently selected
// element from within onOpen absolutely does not
// work, so store the "current" element in the
// widget instead
self.element = el;
});
setTimeout(function () {
// Because I can't find any normal hook where the
// bloody button's bloody element is available
self.disable();
}, 0);
},
onOpen: function () {
this.showAll();
this.unmarkAll();
for(var val in this.types) {
if (!this.types.hasOwnProperty(val)) { continue; }
var cls = this.types[val];
if (!this.element.hasClass(cls)) { continue; }
this.mark(val);
break;
}
var found;
for(val in this.sizes) {
if (!this.sizes.hasOwnProperty(val)) { continue; }
cls = this.sizes[val];
if (!cls || !this.element.hasClass(cls)) { continue; }
found = true;
this.mark(val);
break;
}
if (!found && this.element.hasClass('btn')) {
this.mark('default');
}
},
onClick: function (value) {
editor.focus();
editor.fire('saveShapshot');
// basic btn setup
var el = this.element;
if (!el.hasClass('btn')) {
el.addClass('btn');
el.addClass('btn-default');
}
if (!value) {
this.setClass(this.types);
this.setClass(this.sizes);
el.removeClass('btn');
} else if (value in this.types) {
this.setClass(this.types, value);
} else if (value in this.sizes) {
this.setClass(this.sizes, value);
}
editor.fire('saveShapshot');
},
setClass: function (classMap, value) {
var element = this.element;
_(classMap).each(function (cls) {
if (!cls) { return; }
element.removeClass(cls);
}.bind(this));
var cls = classMap[value];
if (cls) {
element.addClass(cls);
}
}
});
},
});
var editor = new website.EditorBar();
var $body = $(document.body);
editor.prependTo($body).then(function () {
@ -814,7 +663,7 @@
"Image", "TableButton"
]},{
name: 'styles', items: [
"Styles", "BootstrapLinkCombo"
"Styles"
]}
],
// styles dropdown in toolbar