Samuel Degueldre
0b0690a393
While the edit mode interface is full of useful things, it also adds a lot of clutter, and alters the page's width and thus, its layout. This commit adds keyboard shortcut for website editors to use, and allows them to enter a "fullscreen" mode that hides the editor interface while remaining in edit mode, allowing the user to have fewer distractions while editing text content, and a closer rendition of the page's final layout while editing. For this, keyboard shortcuts were required, and a few other useful shortcuts have been added, such as alt-1,2,3 for the navbar, just like in the backed. task-2126915 closes odoo/odoo#46953 Related: odoo/enterprise#9295 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
59 lines
1.9 KiB
XML
59 lines
1.9 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="snippets">
|
|
<div id="snippets_menu">
|
|
<button type="button" class="o_we_add_snippet_btn active" accesskey="1">
|
|
Blocks
|
|
</button>
|
|
<t t-set="customize_title">Click in the page to customize</t>
|
|
<button type="button" class="o_we_customize_snippet_btn"
|
|
t-att-data-title="customize_title"
|
|
disabled="disabled">
|
|
Style
|
|
</button>
|
|
</div>
|
|
|
|
<div id="o_scroll">
|
|
<div id="snippet_custom" class="o_panel d-none">
|
|
<div class="o_panel_header">
|
|
<i class="fa fa-fw fa-save"/> Custom
|
|
</div>
|
|
<div id="snippet_custom_body" class="o_panel_body"/>
|
|
</div>
|
|
<t id="default_snippets">
|
|
<div id="snippet_structure" class="o_panel">
|
|
<div class="o_panel_header">
|
|
<i class="fa fa-th-large"/> First Panel
|
|
</div>
|
|
<div class="o_panel_body">
|
|
<t t-snippet="web_editor.s_hr" t-thumbnail="/website/static/src/img/snippets_thumbs/s_separator.png"/>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
|
|
<div id="snippet_options" class="d-none">
|
|
<t t-call="web_editor.snippet_options"/>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- options (data-selector, data-drop-in, data-drop-near, data-js to link js object ) -->
|
|
<template id="snippet_options">
|
|
<!-- t-field -->
|
|
<div data-js='many2one'
|
|
data-selector="[data-oe-many2one-model]:not([data-oe-readonly])"
|
|
data-no-check="true"/>
|
|
|
|
<div data-selector=".s_hr"
|
|
data-drop-near="p, h1, h2, h3, blockquote, .s_hr"/>
|
|
</template>
|
|
|
|
<!-- default block -->
|
|
<template id="s_hr" name="Separator">
|
|
<div class="s_hr pt32 pb32">
|
|
<hr class="s_hr_1px s_hr_solid w-100 mx-auto"/>
|
|
</div>
|
|
</template>
|
|
|
|
</odoo>
|