loleaflet/css/mobilewizard.css                   |   15 ++++++++++-
 loleaflet/src/control/Control.JSDialogBuilder.js |   30 ++++++++++++++++++++++-
 loleaflet/src/control/Control.MobileWizard.js    |   18 +++++++++++--
 3 files changed, 58 insertions(+), 5 deletions(-)

New commits:
commit d2f6af52c0751fbfb6adfabe19d68b95c6160384
Author:     Michael Meeks <michael.me...@collabora.com>
AuthorDate: Thu Mar 19 12:13:25 2020 +0000
Commit:     Andras Timar <andras.ti...@collabora.com>
CommitDate: Wed Apr 1 07:15:38 2020 +0200

    phone: include border style setting with custom control.
    
    Change-Id: I763b31fc1021f03d3229b6162d4e182ba0383d8a
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/90746
    Reviewed-by: Andras Timar <andras.ti...@collabora.com>
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoff...@gmail.com>

diff --git a/loleaflet/css/mobilewizard.css b/loleaflet/css/mobilewizard.css
index eb1933445..84da0c98f 100644
--- a/loleaflet/css/mobilewizard.css
+++ b/loleaflet/css/mobilewizard.css
@@ -299,7 +299,20 @@
                border: none !important;
                padding: 0px 0px 16px 0px;
        }
-
+       #mobile-wizard-content > #ScCellAppearancePropertyPanel > 
.ui-content.level-0.mobile-wizard{
+               display: flex;
+               justify-content: center;
+               align-items: start;
+               align-self: start;
+               flex-wrap: wrap;
+       }
+       #mobile-wizard-content > #ScCellAppearancePropertyPanel > 
.ui-content.level-0.mobile-wizard .borderbutton {
+               width: 42px;
+               padding: 1px;
+               background-color: #eeeeee;
+               -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
+               box-shadow: inset 0px 0px 0px 2px #fff;
+       }
        .ui-header.mobile-wizard {
                width: 100%;
                height: 56px !important;
diff --git a/loleaflet/src/control/Control.JSDialogBuilder.js 
b/loleaflet/src/control/Control.JSDialogBuilder.js
index 08d5552fb..862c218a4 100644
--- a/loleaflet/src/control/Control.JSDialogBuilder.js
+++ b/loleaflet/src/control/Control.JSDialogBuilder.js
@@ -55,6 +55,7 @@ L.Control.JSDialogBuilder = L.Control.extend({
                this._controlHandlers['colorsample'] = this._colorSampleControl;
                this._controlHandlers['divcontainer'] = 
this._divContainerHandler;
                this._controlHandlers['colorlistbox'] = this._colorControl;
+               this._controlHandlers['borderstyle'] = this._borderControl;
 
                this._controlHandlers['mainmenu'] = this._containerHandler;
                this._controlHandlers['submenu'] = this._subMenuHandler;
@@ -1412,10 +1413,37 @@ L.Control.JSDialogBuilder = L.Control.extend({
                $(sectionTitle).click(function () {
                        builder.callback('toolbutton', 'click', sectionTitle, 
data.command, builder);
                });
-
                return false;
        },
 
+       _borderControlItem: function(parentContainer, data, builder, i) {
+               var button = null;
+
+               var div = this._createIdentifiable('div', 'ui-content unospan', 
parentContainer, data);
+
+               var buttonId = 'border-' + i;
+               button = L.DomUtil.create('img', 'ui-content borderbutton', 
div);
+               button.src = 'images/fr0' + i + '.svg';
+               button.id = buttonId;
+
+               $(div).click(function () {
+                       var color = 0;
+                       // Find our associated color picker
+                       var item = 
L.LOUtil.findItemWithAttributeRecursive(data.parent, 'command', 
'.uno:FrameLineColor');
+                       if (item)
+                               color = builder._getCurrentColor(item, builder);
+                       window.setBorderStyle(i, color);
+               });
+       },
+
+       _borderControl: function(parentContainer, data, builder) {
+               var bordercontrollabel = L.DomUtil.create('p', 'mobile-wizard 
ui-text', parentContainer);
+               bordercontrollabel.innerHTML = _('Cell borders');
+               bordercontrollabel.id = data.id + 'label';
+               for (var i = 1; i < 13; ++i)
+                       builder._borderControlItem(parentContainer, data, 
builder, i);
+       },
+
        _colorControl: function(parentContainer, data, builder) {
                var titleOverride = builder._getTitleForControlWithId(data.id);
                if (titleOverride)
diff --git a/loleaflet/src/control/Control.MobileWizard.js 
b/loleaflet/src/control/Control.MobileWizard.js
index ca8486600..2edb21c75 100644
--- a/loleaflet/src/control/Control.MobileWizard.js
+++ b/loleaflet/src/control/Control.MobileWizard.js
@@ -361,6 +361,17 @@ L.Control.MobileWizard = L.Control.extend({
                }
        },
 
+       _insertCalcBorders: function(deck) {
+               var replaceMe = L.LOUtil.findItemWithAttributeRecursive(deck, 
'id', 'cellbordertype');
+               if (replaceMe) {
+                       replaceMe.id = 'borderstyle';
+                       replaceMe.type = 'borderstyle';
+                       replaceMe.text = '';
+                       replaceMe.enabled = 'true';
+                       replaceMe.children = [];
+               }
+       },
+
        _modifySidebarLayout: function (data) {
                var deck = L.LOUtil.findItemWithAttributeRecursive(data, 
'type', 'deck');
                if (deck)
@@ -379,15 +390,16 @@ L.Control.MobileWizard = L.Control.extend({
                                deck.children[textIdx].children[0].children = 
moveContent.concat(deck.children[textIdx].children[0].children);
                                deck.children.splice(stylesIdx, 1); //remove 
the styles property
                        }
-                       var removeItems = ['cellbordertype', 'borderlinestyle', 
'borderlinecolor',
-                                          'editcontour', 'spacingbar', 
'linespacing',
-                                          'stylenew', 'styleupdate',
+                       var removeItems = ['borderlinestyle', 'editcontour', 
'spacingbar',
+                                          'linespacing', 'stylenew', 
'styleupdate',
                                           'beginarrowstyle', 'endarrowstyle'];
 
                        if (this.map.getDocType() === 'presentation')
                                removeItems.push('indentfieldbox');
 
                        this._removeItems(deck, removeItems);
+
+                       this._insertCalcBorders(deck);
                }
        },
 
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

Reply via email to