loleaflet/src/control/Control.MobileWizard.js |   11 ++++++++---
 loleaflet/src/control/Control.PartsPreview.js |    5 ++++-
 loleaflet/src/layer/tile/ImpressTileLayer.js  |   13 ++++++++++++-
 3 files changed, 24 insertions(+), 5 deletions(-)

New commits:
commit 253d72e09a0bb4e5b01d5012c46af02174cfc616
Author:     Henry Castro <hcas...@collabora.com>
AuthorDate: Wed Oct 30 13:27:16 2019 -0400
Commit:     Henry Castro <hcas...@collabora.com>
CommitDate: Thu Oct 31 17:12:07 2019 +0100

    loleaflet: mobile: slide preview remains on top of wizard container
    
    Create a new instance of the class "L.Control.PartsPreview" and append
    the contents as a header on the mobile wizard container.
    
    Change-Id: Ieb7bfd920087ebc06e4127f26cfc59cf1b2c70b2
    Reviewed-on: https://gerrit.libreoffice.org/81795
    Reviewed-by: Henry Castro <hcas...@collabora.com>
    Tested-by: Henry Castro <hcas...@collabora.com>

diff --git a/loleaflet/src/layer/tile/ImpressTileLayer.js 
b/loleaflet/src/layer/tile/ImpressTileLayer.js
index ba2a2e87b..3c7bb2659 100644
--- a/loleaflet/src/layer/tile/ImpressTileLayer.js
+++ b/loleaflet/src/layer/tile/ImpressTileLayer.js
@@ -37,6 +37,7 @@ L.ImpressTileLayer = L.TileLayer.extend({
        },
 
        beforeAdd: function (map) {
+               map.addControl(L.control.partsPreview());
                map.on('zoomend', this._onAnnotationZoom, this);
                map.on('updateparts', this.onUpdateParts, this);
                map.on('updatepermission', this.onUpdatePermission, this);
@@ -48,6 +49,12 @@ L.ImpressTileLayer = L.TileLayer.extend({
                map.on('resize', this.onResize, this);
                if (window.mode.isMobile()) {
                        map.on('doclayerinit', this.onMobileInit, this);
+                       L.Control.MobileWizard.mergeOptions({maxHeight: '55%'});
+                       var mobileWizard = L.DomUtil.get('mobile-wizard');
+                       var container = L.DomUtil.createWithId('div', 
'mobile-wizard-header', mobileWizard);
+                       var preview = L.DomUtil.createWithId('div', 
'mobile-slide-sorter', container);
+                       L.DomUtil.toBack(container);
+                       map.addControl(L.control.partsPreview(container, 
preview, {fetchThumbnail: false}));
                }
        },
 
@@ -275,7 +282,6 @@ L.ImpressTileLayer = L.TileLayer.extend({
        },
 
        onAdd: function (map) {
-               map.addControl(L.control.partsPreview());
                L.TileLayer.prototype.onAdd.call(this, map);
                this._annotations = {};
                this._topAnnotation = [];
@@ -359,6 +365,11 @@ L.ImpressTileLayer = L.TileLayer.extend({
                this.onAnnotationCancel();
        },
 
+       _openMobileWizard: function(data) {
+               L.TileLayer.prototype._openMobileWizard.call(this, data);
+               $('mobile-slide-sorter').mCustomScrollbar('update');
+       },
+
        onReplyClick: function (e) {
                var comment = {
                        Id: {
commit bbf31520fadae9eff191155ee91007c8f1f732a9
Author:     Henry Castro <hcas...@collabora.com>
AuthorDate: Thu Oct 31 11:42:10 2019 -0400
Commit:     Henry Castro <hcas...@collabora.com>
CommitDate: Thu Oct 31 17:11:52 2019 +0100

    loleaflet: mobile: avoid fetches thumbnail preview when second instance
    
    is created
    
    This is a small optimization, the first instance will fetch the
    thumbnail preview, then the second instance, will be a listener only
    when it is created.
    
    Change-Id: I883d4260a5ab3dc6dc7d0388969623b9af762fb8
    Reviewed-on: https://gerrit.libreoffice.org/81857
    Reviewed-by: Henry Castro <hcas...@collabora.com>
    Tested-by: Henry Castro <hcas...@collabora.com>

diff --git a/loleaflet/src/control/Control.PartsPreview.js 
b/loleaflet/src/control/Control.PartsPreview.js
index fa476ef3b..237a16931 100644
--- a/loleaflet/src/control/Control.PartsPreview.js
+++ b/loleaflet/src/control/Control.PartsPreview.js
@@ -6,6 +6,7 @@
 /* global $ */
 L.Control.PartsPreview = L.Control.extend({
        options: {
+               fetchThumbnail: true,
                autoUpdate: true,
                maxWidth: window.mode.isMobile() ? 60 : 180,
                maxHeight: window.mode.isMobile() ? 60 : 180
@@ -190,7 +191,9 @@ L.Control.PartsPreview = L.Control.extend({
                var imgSize;
                if (i === 0 || (previewFrameTop >= topBound && previewFrameTop 
<= bottomBound)
                        || (previewFrameBottom >= topBound && 
previewFrameBottom <= bottomBound)) {
-                       imgSize = this._map.getPreview(i, i, 
this.options.maxWidth, this.options.maxHeight, {autoUpdate: 
this.options.autoUpdate});
+                       imgSize = this.options.fetchThumbnail ?
+                               this._map.getPreview(i, i, 
this.options.maxWidth, this.options.maxHeight, {autoUpdate: 
this.options.autoUpdate}) :
+                               { width: this.options.maxWidth, height: 
this.options.maxHeight };
                        img.fetched = true;
 
                        if (this._direction === 'x') {
commit 97573d57c23bdf13b5473ddcd593140ad06eff57
Author:     Henry Castro <hcas...@collabora.com>
AuthorDate: Wed Oct 30 13:20:14 2019 -0400
Commit:     Henry Castro <hcas...@collabora.com>
CommitDate: Thu Oct 31 17:11:32 2019 +0100

    mobileWizard: set a new "maxHeight" option
    
    Add a new option to the class L.Control.MobileWizard with the
    purpose to define a maximum height of the mobile wizard container.
    
    Change-Id: I7af5f4d087d10442b281002b57c9d0f43c4385e5
    Reviewed-on: https://gerrit.libreoffice.org/81794
    Reviewed-by: Henry Castro <hcas...@collabora.com>
    Tested-by: Henry Castro <hcas...@collabora.com>

diff --git a/loleaflet/src/control/Control.MobileWizard.js 
b/loleaflet/src/control/Control.MobileWizard.js
index fd93b9117..8622eb08a 100644
--- a/loleaflet/src/control/Control.MobileWizard.js
+++ b/loleaflet/src/control/Control.MobileWizard.js
@@ -5,6 +5,9 @@
 
 /* global $ w2ui _ */
 L.Control.MobileWizard = L.Control.extend({
+       options: {
+               maxHeight: '45%'
+       },
 
        _inMainMenu: true,
        _isActive: false,
@@ -13,6 +16,10 @@ L.Control.MobileWizard = L.Control.extend({
        _isTabMode: false,
        _currentPath: [],
 
+       initialize: function (options) {
+               L.setOptions(this, options);
+       },
+
        onAdd: function (map) {
                this.map = map;
                map.on('mobilewizard', this._onMobileWizard, this);
@@ -178,7 +185,7 @@ L.Control.MobileWizard = L.Control.extend({
                                else
                                        $('#mobile-wizard').css('top', 
$('#document-container').css('top'));
                        } else {
-                               $('#mobile-wizard').height('45%');
+                               
$('#mobile-wizard').height(this.options.maxHeight);
                                $('#mobile-wizard').css('top', '');
                        }
 
commit bea95e329b17ea4365453c63ee88cf81bf54585e
Author:     Henry Castro <hcas...@collabora.com>
AuthorDate: Wed Oct 30 13:16:26 2019 -0400
Commit:     Henry Castro <hcas...@collabora.com>
CommitDate: Thu Oct 31 17:11:16 2019 +0100

    mobileWizard: avoid setting the CSS top property
    
    It is better that browser sets the normal CSS Box layout, otherwise I
    have to count pixel for a new box added to the mobile wizard container.
    
    Change-Id: Iec378cfc630be5f8e2419ee22ae074704a9ebc82
    Reviewed-on: https://gerrit.libreoffice.org/81793
    Reviewed-by: Henry Castro <hcas...@collabora.com>
    Tested-by: Henry Castro <hcas...@collabora.com>

diff --git a/loleaflet/src/control/Control.MobileWizard.js 
b/loleaflet/src/control/Control.MobileWizard.js
index eb859170a..fd93b9117 100644
--- a/loleaflet/src/control/Control.MobileWizard.js
+++ b/loleaflet/src/control/Control.MobileWizard.js
@@ -30,7 +30,6 @@ L.Control.MobileWizard = L.Control.extend({
                $('#mobile-wizard-tabs').hide();
                $('#mobile-wizard-titlebar').show();
                $('#mobile-wizard-titlebar').css('top', '0px');
-               $('#mobile-wizard-content').css('top', '48px');
                $('#mobile-wizard').removeClass('menuwizard');
                this._isTabMode = false;
                this._currentPath = [];
@@ -77,7 +76,6 @@ L.Control.MobileWizard = L.Control.extend({
                $('#mobile-wizard-tabs').empty();
                $('#mobile-wizard-tabs').append(tabs);
                $('#mobile-wizard-titlebar').hide();
-               $('#mobile-wizard-content').css('top', '63px');
                this._isTabMode = true;
        },
 
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

Reply via email to