pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website: allow adding fonts from Google Fonts

Browse Source 
It is now possible to add very easily a font from Google Fonts under
Customize Theme > Fonts > Add Google Font.

Part of https://github.com/odoo/odoo/pull/33442
task-1974659

Co-authored-by: qsm-odoo <qsm@odoo.com>
This commit is contained in:
Andrea Ulliana
2019-07-30 10:03:32 +00:00
committed by qsm-odoo
co-authored by qsm-odoo
parent a36e5afbf7
commit 8e231c047d
5 changed files with 151 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/src/xml/website.editor.xml
+26
View File
@@ -48,6 +48,19 @@
</label>
</div>
</t>
<t t-name="website.theme_customize_delete_font">
<t t-set="delete_font_title">Delete this font</t>
<button type="button"
class="btn btn-link d-flex align-items-center text-danger fa fa-trash-o o_theme_customize_delete_google_font"
t-att-aria-label="delete_font_title"
t-att-title="delete_font_title"
t-att-data-font-index="index"/>
</t>
<t t-name="website.theme_customize_add_google_font_option">
<a class="dropdown-item p-2 o_theme_customize_add_google_font" t-att-data-variable="variable" href="#">
<i class="fa fa-plus"/> Add a Google Font
</a>
</t>
<t t-name="website.theme_customize_dropdown_option">
<div t-attf-class="dropdown o_theme_customize_dropdown">
<div class="dropdown-menu rounded-0 o_theme_customize_selection" role="menu"/>
@@ -108,4 +121,17 @@
</div>
</div>
</div>
<!-- Add a Google Font option dialog -->
<div t-name="website.dialog.addGoogleFont">
<div class="form-group row">
<label class="col-form-label col-md-3" for="google_font_html">Google Font HTML</label>
<div class="col-md-9">
<textarea id="google_font_html" class="form-control o_input_google_font"
placeholder="&lt;link href='https://fonts.googleapis.com/css?family=Bonbon&amp;display=swap' rel='stylesheet'&gt;" style="height: 100px;"/>
<span class="float-right text-muted">
Select one font on <a target="_blank" href="https://fonts.google.com">fonts.google.com</a> and copy paste the embed code here.
</span>
</div>
</div>
</div>
</templates>