summaryrefslogtreecommitdiff
path: root/addons/web/static/src/xml
diff options
context:
space:
mode:
authorKishan Gajjar <kig@odoo.com>2018-08-07 18:54:14 +0530
committerqsm-odoo <qsm@odoo.com>2018-08-10 15:43:07 +0200
commit29f0c0a186a9a60d6e5b7f026c305d689b6fc807 (patch)
treebd9f6f98f91bb01e1ad7cec52ade6dbeaabe3b3f /addons/web/static/src/xml
parent1ea9ef79924662ad7b2df8dffad8d025e22caa51 (diff)
[IMP] web: add colorpicker dialog
Diffstat (limited to 'addons/web/static/src/xml')
-rw-r--r--addons/web/static/src/xml/colorpicker.xml55
1 files changed, 55 insertions, 0 deletions
diff --git a/addons/web/static/src/xml/colorpicker.xml b/addons/web/static/src/xml/colorpicker.xml
new file mode 100644
index 00000000000..c6f058aa79d
--- /dev/null
+++ b/addons/web/static/src/xml/colorpicker.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates>
+ <t t-name="web.colorpicker">
+ <div class="o_colorpicker_widget">
+ <div class="row">
+ <div class="col-auto">
+ <div class="o_color_pick_area d-inline-block border">
+ <div class="o_picker_pointer rounded-circle"/>
+ </div>
+ <div class="o_color_slider d-inline-block ml-2 border">
+ <div class="o_slider_pointer"/>
+ </div>
+ </div>
+ <form class="col o_color_picker_inputs">
+ <div class="input-group">
+ <div class="input-group-prepend">
+ <span class="input-group-text rounded-0 o_color_preview"/>
+ </div>
+ <input type="text" class="form-control o_hex_input" data-color-method="hex"/>
+ </div>
+ <div class="form-row mt-2">
+ <div class="col">
+ <div class="form-group">
+ <label for="red">Red</label>
+ <input type="text" class="form-control o_red_input" data-color-method="rgb" id="red"/>
+ </div>
+ <div class="form-group">
+ <label for="green">Green</label>
+ <input type="text" class="form-control o_green_input" data-color-method="rgb" id="green"/>
+ </div>
+ <div class="form-group">
+ <label for="blue">Blue</label>
+ <input type="text" class="form-control o_blue_input" data-color-method="rgb" id="blue"/>
+ </div>
+ </div>
+ <div class="col">
+ <div class="form-group">
+ <label for="hue">Hue</label>
+ <input type="text" class="form-control o_hue_input" data-color-method="hsl" id="hue"/>
+ </div>
+ <div class="form-group">
+ <label for="saturation">Saturation %</label>
+ <input type="text" class="form-control o_saturation_input" data-color-method="hsl" id="saturation"/>
+ </div>
+ <div class="form-group">
+ <label for="lightness">Lightness %</label>
+ <input type="text" class="form-control o_lightness_input" data-color-method="hsl" id="lightness"/>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </t>
+</templates>