From 1eee1d2c5100c71bfbd84b5866385e3e9d4942c3 Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@odoo.com>
Date: Fri, 11 Jul 2014 11:09:24 +0200
Subject: [IMP] website: replace the select box into dropdown for link editor
 to have a preview

---
 addons/website/static/src/xml/website.editor.xml | 69 ++++++++++++++++--------
 1 file changed, 47 insertions(+), 22 deletions(-)

(limited to 'addons/website/static/src/xml/website.editor.xml')

diff --git a/addons/website/static/src/xml/website.editor.xml b/addons/website/static/src/xml/website.editor.xml
index 099c85ddc45..486b4498f16 100644
--- a/addons/website/static/src/xml/website.editor.xml
+++ b/addons/website/static/src/xml/website.editor.xml
@@ -76,38 +76,63 @@
                         </div>
                     </div>
                 </div>
-                <div class="form-horizontal">
+                <div class="form-horizontal link-style">
                     <div class="form-group">
-                        <label for="link-style-type" class="col-sm-2 control-label">
+                        <label class="col-sm-2 control-label">
                             Style
                         </label>
-                        <div class="col-sm-5">
-                            <select id="link-style-type" class="form-control link-style" style="display: inline-block;">
-                                <option value="" selected="selected">Link</option>
-                                <option value="btn-default">Basic</option>
-                                <option value="btn-primary">Primary</option>
-                                <option value="btn-success">Success</option>
-                                <option value="btn-info">Info</option>
-                                <option value="btn-warning">Warning</option>
-                                <option value="btn-danger">Danger</option>
-                            </select>
+                        <div class="col-sm-4">
+                            <div class="dropdown" style="line-height: 2em;">
+                                <a data-toggle="dropdown" class="btn btn-default" href="#">Color Style <span class="caret"></span></a>
+                                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+                                    <li>
+                                        <label class="btn btn-link">Link<input value="" class="link-style" type="radio" name="link-style-type" checked="checked"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-default">Basic<input value="btn-default" class="link-style" type="radio" name="link-style-type"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-primary">Primary<input value="btn-primary" class="link-style" type="radio" name="link-style-type"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-info">Info<input value="btn-info" class="link-style" type="radio" name="link-style-type"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-warning">Warning<input value="btn-warning" class="link-style" type="radio" name="link-style-type"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-danger">Danger<input value="btn-danger" class="link-style" type="radio" name="link-style-type"/></label>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
-                        <div class="col-sm-5">
-                            <select id="link-style-size" class="form-control link-style" style="display: inline-block;">
-                                <option value="btn-xs">Extra Small</option>
-                                <option value="btn-sm">Small</option>
-                                <option value="" selected="selected">Default</option>
-                                <option value="btn-lg">Large</option>
-                            </select>
+                        <div class="col-sm-4">
+                            <div class="dropdown" style="line-height: 2em;">
+                                <a data-toggle="dropdown" class="btn btn-default" href="#">Size <span class="caret"></span></a>
+                                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+                                    <li>
+                                        <label class="btn btn-default btn-xs">Extra Small<input value="btn-xs" class="link-style" type="radio" name="link-style-size"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-default btn-sm">Small<input value="btn-sm" class="link-style" type="radio" name="link-style-size"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-default">Default<input value="" class="link-style" type="radio" name="link-style-size" checked="checked"/></label>
+                                    </li>
+                                    <li>
+                                        <label class="btn btn-default btn-lg">Large<input value="btn-lg" class="link-style" type="radio" name="link-style-size"/></label>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
                     </div>
                 </div>
-                <div class="form-horizontal">
+                <div class="form-horizontal link-style">
                     <div class="form-group">
-                        <label for="link-text" class="col-sm-2 control-label">
+                        <label class="col-sm-2 control-label">
                             Preview
                         </label>
-                        <div class="col-sm-10" style="line-height: 2;">
+                        <div class="col-sm-10" style="line-height: 2em;">
                             <a id="link-preview" href="#"></a>
                         </div>
                     </div>
-- 
cgit v1.2.3