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

[ADD] dialog for fontawesome glyph manipulation 

bzr revid: xmo@openerp.com-20140116094747-w1uey27l39fy66zc
This commit is contained in:
Xavier Morel 2014-01-16 10:47:47 +01:00
parent 726ef6e967
commit e2fede3fe7
4 changed files with 187 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
addons/website/static/src/css/editor.css
View File

@ -211,6 +211,10 @@ ul.oe_menu_editor .disclose {
position: static !important;
}
.cke_widget_inline {
display: inline !important;
}
.cke_widget_editable:empty:after {
opacity: 0.3;
white-space: pre-wrap;
@ -234,6 +238,10 @@ ul.oe_menu_editor .disclose {
z-index: 1000;
}
.cke_editable .fa {
cursor: pointer;
}
/* ---- MOBILE PREVIEW ---- {{{ */
.oe_mobile_preview.modal .modal-content {
height: 660px;

9
addons/website/static/src/css/editor.sass
View File

@ -25,7 +25,7 @@
+box-shadow(none)
// }}}
/* ---- OpenERP Style ---- {{{ */
.oe_website_editorbar
@ -177,6 +177,9 @@ ul.oe_menu_editor
.cke_widget_wrapper
position: static !important
.cke_widget_inline
display: inline !important
// prevent inline widgets from entirely disappearing when their (textual)
// content is removed
.cke_widget_editable
@ -202,6 +205,10 @@ ul.oe_menu_editor
// This z-index is due to .navbar of bootstrap
z-index: 1000
// fontawesome
.cke_editable .fa
cursor: pointer
// }}}
/* ---- MOBILE PREVIEW ---- {{{ */

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

File diff suppressed because one or more lines are too long

48
addons/website/static/src/xml/website.editor.xml
View File

@ -203,4 +203,52 @@
</button>
</t>
<t t-name="website.editor.dialog.font-icons">
<t t-call="website.editor.dialog">
<t t-set="title">Icon:</t>
<form>
<div class="form-group">
Preview: <span id="fa-preview"/>
</div>
<div class="form-group">
<label for="fa-icon">icon</label>
<input type="hidden" id="fa-icon" class="form-control"/>
</div>
<div class="form-group">
<label for="fa-size">size</label>
<select id="fa-size" class="form-control">
<option value="">Default</option>
<option value="fa-lg">Large</option>
<option value="fa-2x">x2</option>
<option value="fa-3x">x3</option>
<option value="fa-4x">x4</option>
<option value="fa-5x">x5</option>
</select>
</div>
<div class="form-group">
<label for="fa-rotation">Rotation</label>
<select id="fa-rotation" class="form-control">
<option value="">None</option>
<option value="fa-spin">Spin</option>
<option value="fa-rotate-90">Rotate 90º</option>
<option value="fa-rotate-180">Rotate 180º</option>
<option value="fa-rotate-270">Rotate 270º</option>
<option value="fa-flip-horizontal">Horizontal flip</option>
<option value="fa-flip-vertical">Vertical flip</option>
</select>
</div>
<div class="form-group">
<label>
<input type="checkbox" id="fa-fixed"/> fixed width
</label>
</div>
<div class="form-group">
<label>
<input type="checkbox" id="fa-border"/> bordered
</label>
</div>
</form>
</t>
</t>
</templates>