qsm-odoo
77402a4efc
* web, website - Introduce gray color palettes (needed for themes migration) - Synchronize BS4 color maps with individual variables (see comments about this in the code). - Review alpha/primary, beta/secondary matching: Before this commit, we decided that the common way to define a color palette was defining primary, secondary, gamma, delta and epsilon. alpha and beta were then forced to primary and secondary without other possibility. The new system makes more sense: 1) define alpha, beta, gamma, delta and epsilon 2) primary and secondary will automatically be set to your alpha and beta (allowing to style the default UI with BS4-independant variables) 3) if you are not happy with (2), you can define primary / secondary in your color palette so that they are not automatically set to alpha / beta This commit also changes what classes the editor uses. Background colors and text colors will now use alpha/beta/gamma/delta/epsilon (not primary and secondary anymore). For buttons, all the possibilities are suggested but color duplicates are hidden (so if your primary and alpha are equal, only one button color is suggested).
175 lines
9.0 KiB
XML
175 lines
9.0 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="summernote" name="Summernote">
|
|
<script type="text/javascript">
|
|
(function () {
|
|
"use strict";
|
|
odoo.define('jquery', function () {return $;});
|
|
|
|
var uniqId = 0;
|
|
odoo.__define__ = window.define;
|
|
window.define = function (id) {
|
|
var args = Array.prototype.slice.call(arguments);
|
|
var factorie = args.pop();
|
|
var id = args[0];
|
|
|
|
if (id instanceof Array) {
|
|
var name = "summernote_factorie_" + (++uniqId);
|
|
odoo[name] = factorie;
|
|
|
|
var head = '';
|
|
var fn = 'var fn = odoo.'+name+';\ndelete odoo.'+name+';\n';
|
|
fn += 'return fn(';
|
|
for (var k=0; k<id.length; k++) {
|
|
head += 'var a'+(++uniqId)+' = require("'+id[k]+'");\n';
|
|
fn += 'a'+uniqId+', ';
|
|
}
|
|
fn += 'null);';
|
|
|
|
odoo.define(odoo.website_next_define, new Function('require', head + fn));
|
|
} else {
|
|
odoo.define(id, factorie);
|
|
}
|
|
};
|
|
})();
|
|
</script>
|
|
<t t-set="summer_js_files" t-value="['core/async', 'core/func', 'core/agent', 'core/list',
|
|
'core/dom', 'core/key', 'core/range', 'editing/Bullet', 'editing/History', 'editing/Style',
|
|
'editing/Table', 'editing/Typing', 'module/Editor', 'module/Button', 'module/Clipboard',
|
|
'module/Codeview', 'module/DragAndDrop', 'module/Fullscreen', 'module/Handle',
|
|
'module/HelpDialog', 'module/ImageDialog', 'module/LinkDialog', 'module/Popover',
|
|
'module/Statusbar', 'module/Toolbar', 'Renderer', 'EventHandler', 'defaults', 'summernote']" />
|
|
<t t-foreach="summer_js_files" t-as="file">
|
|
<script>odoo.website_next_define = 'summernote/<t t-esc="file" />';</script>
|
|
<script type="text/javascript" t-attf-src="/web_editor/static/lib/summernote/src/js/{{ file }}.js"></script>
|
|
</t>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/summernote.js" />
|
|
<script type="text/javascript">
|
|
window.define = odoo.__define__;
|
|
delete odoo.__define__;
|
|
delete odoo.website_next_define;
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="/web_editor/static/lib/summernote/src/css/summernote.css"/>
|
|
</template>
|
|
|
|
<template id="_assets_primary_variables" inherit_id="web._assets_primary_variables">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/web_editor/static/src/scss/web_editor.variables.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_common" inherit_id="web.assets_common" name="Web Editor Common Assets (used in backend interface and website)">
|
|
<xpath expr="script[last()]" position="after">
|
|
<script type="text/javascript" src="/web_editor/static/lib/vkbeautify/vkbeautify.0.99.00.beta.js"></script>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/base.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/widgets/ace.js"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="_assets_backend_helpers" inherit_id="web._assets_backend_helpers">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/web_editor/static/src/scss/bootstrap_overridden.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_backend" inherit_id="web.assets_backend" name="Web Editor Backend Assets (used in backend interface)">
|
|
<xpath expr="link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/web_editor/static/src/scss/web_editor.common.scss"/> <!-- not in common because compiled differently with context -->
|
|
<link rel="stylesheet" type="text/scss" href="/web_editor/static/src/scss/web_editor.backend.scss"/>
|
|
</xpath>
|
|
<xpath expr="script[last()]" position="after">
|
|
<script type="text/javascript" src="/web_editor/static/src/js/backend/fields.js" />
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="_assets_frontend_helpers" inherit_id="web._assets_frontend_helpers">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/web_editor/static/src/scss/bootstrap_overridden.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_frontend" inherit_id="web.assets_frontend" name="Web Editor Frontend Assets (used in public odoo)" priority="15">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/web_editor/static/src/scss/web_editor.common.scss"/> <!-- not in common because compiled differently with context -->
|
|
</xpath>
|
|
<xpath expr="//script[last()]" position="after">
|
|
<script type="text/javascript" src="/web_editor/static/src/js/content/body_manager.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/root_widget.js"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_editor" name="Web Editor Assets (used in private and public editor)">
|
|
<t t-call="web._assets_helpers"/>
|
|
|
|
<link rel="stylesheet" type="text/scss" href="/web_editor/static/src/scss/web_editor.ui.scss"/>
|
|
|
|
<script type="text/javascript" src="/web_editor/static/lib/nearest/jquery.nearest.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/editor.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/rte.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/rte.summernote.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/snippets.editor.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/snippets.options.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/transcoder.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/editor/translator.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/tours/rte.js"/>
|
|
<script type="text/javascript" src="/web_editor/static/src/js/widgets/widgets.js"/>
|
|
</template>
|
|
|
|
<template id="webclient_bootstrap" inherit_id="web.webclient_bootstrap">
|
|
<xpath expr="//t[@t-call-assets='web.assets_backend'][@t-js='false']" position="after">
|
|
<t t-call-assets="web_editor.summernote" t-js="false"/>
|
|
<t t-call-assets="web_editor.assets_editor" t-js="false"/>
|
|
</xpath>
|
|
<xpath expr="//t[@t-call-assets='web.assets_backend'][@t-css='false']" position="after">
|
|
<t t-call-assets="web_editor.summernote" t-css="false"/>
|
|
<t t-call-assets="web_editor.assets_editor" t-css="false"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="js_tests_assets" inherit_id="web.js_tests_assets">
|
|
<xpath expr="." position="inside">
|
|
<t t-call-assets="web_editor.summernote" t-css="false"/>
|
|
<t t-call-assets="web_editor.assets_editor" t-css="false"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="qunit_suite" inherit_id="web.qunit_suite">
|
|
<xpath expr="." position="inside">
|
|
<script type="text/javascript" src="/web_editor/static/tests/web_editor_tests.js"></script>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!--
|
|
The web_editor.colorpicker template regroups section of colorpicker menu for website customization
|
|
(text foreground/background but also snippet background color option).
|
|
As it is presentend below, the colorpicker tag regroups a set of .o_colorpicker_section with name,
|
|
icon-class and icon-content as data. These will be used to build the colorpicker dropdowns.
|
|
|
|
Redefinition can edit section content, add sections or even remove them. If no section is found when
|
|
building a colorpicker dropdown, the template content will be used without changes as the colorpicker
|
|
dropdown content.
|
|
|
|
Sections should contain a set of button with a data-color attribute. When selecting such a button to
|
|
edit style, the "bg-x" class or the "text-x" will be automatically added.
|
|
-->
|
|
<template id="web_editor.colorpicker" name="Color-Picker">
|
|
<colorpicker>
|
|
<div class="o_colorpicker_section" data-name="theme" data-display="Theme Colors" data-icon-class="fa fa-flask">
|
|
<button data-color="alpha"></button>
|
|
<button data-color="beta"></button>
|
|
<button data-color="gamma"></button>
|
|
<button data-color="delta"></button>
|
|
<button data-color="epsilon"></button>
|
|
</div>
|
|
<div class="o_colorpicker_section" data-name="transparent_grayscale" data-display="Transparent Colors" data-icon-class="fa fa-eye-slash">
|
|
<button class="o_btn_transparent"></button>
|
|
<button data-color="black-25"></button>
|
|
<button data-color="black-50"></button>
|
|
<button data-color="black-75"></button>
|
|
<button data-color="white-25"></button>
|
|
<button data-color="white-50"></button>
|
|
<button data-color="white-75"></button>
|
|
</div>
|
|
<div class="o_colorpicker_section" data-name="common" data-display="Common Colors" data-icon-class="fa fa-paint-brush"></div>
|
|
</colorpicker>
|
|
</template>
|
|
</odoo>
|