49 lines
2.6 KiB
XML
49 lines
2.6 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template name="Progress Bar" id="s_progress_bar">
|
|
<div class="s_progress_bar s_progress_bar_label_inline mb-2" data-display="inline" data-vcss="001">
|
|
<h4 class="h6-fs">We are almost done!</h4>
|
|
<div class="s_progress_bar_wrapper d-flex gap-2">
|
|
<div class="progress" role="progressbar" aria-label="Progress bar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
|
|
<div class="progress-bar overflow-visible" style="width: 80%; min-width: 3%">
|
|
<span class="s_progress_bar_text small">80%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_progress_bar_options" inherit_id="website.snippet_options">
|
|
<xpath expr="." position="inside">
|
|
<div data-js="progress" data-selector=".s_progress_bar" >
|
|
<we-input string="Value" data-progress-bar-value="" data-unit="%"/>
|
|
<we-select string="Label">
|
|
<we-button data-display="inline" data-select-class="s_progress_bar_label_inline">Display Inside</we-button>
|
|
<we-button data-display="below" data-select-class="s_progress_bar_label_below">Display Below</we-button>
|
|
<we-button data-display="after" data-select-class="s_progress_bar_label_after">Display After</we-button>
|
|
<we-button data-display="none" data-select-class="s_progress_bar_label_hidden">Hide</we-button>
|
|
</we-select>
|
|
<we-colorpicker string="Colors" data-apply-to=".progress-bar"
|
|
data-select-style="true"
|
|
data-css-property="background-color"
|
|
data-color-prefix="bg-"/>
|
|
<we-checkbox string="Striped" data-name="progress_striped_opt" data-select-class="progress-bar-striped" data-apply-to=".progress-bar" data-no-preview="true"/>
|
|
<we-checkbox string="Animated" class="o_we_sublevel_1" data-dependencies="progress_striped_opt" data-select-class="progress-bar-animated" data-apply-to=".progress-bar" data-no-preview="true"/>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="//div[@id='so_content_addition']" position="attributes">
|
|
<attribute name="data-selector" add=".s_progress_bar" separator=","/>
|
|
<attribute name="data-drop-near" add=".s_progress_bar" separator=","/>
|
|
</xpath>
|
|
</template>
|
|
|
|
|
|
<record id="website.s_progress_bar_001_scss" model="ir.asset">
|
|
<field name="name">Progress bar 001 SCSS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_progress_bar/001.scss</field>
|
|
</record>
|
|
|
|
</odoo>
|