loleaflet/dist/leaflet.css                    |    9 ++-
 loleaflet/src/control/Control.PartsPreview.js |   62 ++++++++++++++++----------
 2 files changed, 47 insertions(+), 24 deletions(-)

New commits:
commit 449022730bdfe29e7f964cb2cb0e3e05741185d4
Author: Ozcan Esen <ozcan.e...@collabora.com>
Date:   Sat Dec 12 18:27:46 2015 +0200

    change the border style of the selected preview
    
    Change-Id: I0d163c0a68dbc532db08ed8735a4cdb7107ec8e5

diff --git a/loleaflet/dist/leaflet.css b/loleaflet/dist/leaflet.css
index d31be8a..8472eb3 100644
--- a/loleaflet/dist/leaflet.css
+++ b/loleaflet/dist/leaflet.css
@@ -709,13 +709,13 @@ a.leaflet-control-buttons:hover:first-child {
        top: 70px;
     left: 0px;
        bottom: 0px;
-       max-width: 195px;
+       max-width: 205px;
        overflow: hidden;
        border-top: 2px solid #B6B6B6;
 }
 
 .preview-frame {
-       max-width: 180px;
+       max-width: 190px;
        white-space: nowrap;
        text-align: center; margin: 1em 0;
        }
@@ -730,8 +730,13 @@ a.leaflet-control-buttons:hover:first-child {
        vertical-align: middle;
        max-width: 180px;
        cursor: pointer;
+       border: 2px solid #dfdfdf;
        }
 
+.preview-img-selected {
+       border-color: #000000;
+}
+
 .spreadsheet-document {
         border-top: 1px solid #B6B6B6 !important;
         top: 100px !important;
diff --git a/loleaflet/src/control/Control.PartsPreview.js 
b/loleaflet/src/control/Control.PartsPreview.js
index 82aeda3..30989e3 100644
--- a/loleaflet/src/control/Control.PartsPreview.js
+++ b/loleaflet/src/control/Control.PartsPreview.js
@@ -22,34 +22,52 @@ L.Control.PartsPreview = L.Control.extend({
 
        _updateDisabled: function (e) {
                var parts = e.parts;
+               var selectedPart = e.selectedPart;
                var docType = e.docType;
                if (docType === 'text') {
                        return;
                }
 
-               if (!this._previewInitialized && docType === 'presentation') {
-                       // make room for the preview
-                       var docContainer = this._map.options.documentContainer;
-                       L.DomUtil.addClass(docContainer, 
'parts-preview-document');
-                       setTimeout(L.bind(function () {
-                               this._map.invalidateSize();
-                               
$('.scroll-container').mCustomScrollbar('update');
-                       }, this), 500);
-                       for (var i = 0; i < parts; i++) {
-                               var id = 'preview-tile' + i;
-                               var frame = L.DomUtil.create('div', 
'preview-frame', this._partsPreviewCont);
-                               L.DomUtil.create('span', 'preview-helper', 
frame);
-                               var img = L.DomUtil.create('img', 
'preview-img', frame);
-                               img.id = id;
-                               this._previewTiles[id] = img;
-                               L.DomEvent
-                                       .on(img, 'click', 
L.DomEvent.stopPropagation)
-                                       .on(img, 'click', L.DomEvent.stop)
-                                       .on(img, 'click', this._setPart, this)
-                                       .on(img, 'click', this._refocusOnMap, 
this);
-                               this._map.getPreview(i, i, 180, 180, 
{autoUpdate: this.options.autoUpdate});
+               if (docType === 'presentation') {
+                       if (!this._previewInitialized)
+                       {
+                               // make room for the preview
+                               var docContainer = 
this._map.options.documentContainer;
+                               L.DomUtil.addClass(docContainer, 
'parts-preview-document');
+                               setTimeout(L.bind(function () {
+                                       this._map.invalidateSize();
+                                       
$('.scroll-container').mCustomScrollbar('update');
+                               }, this), 500);
+                               for (var i = 0; i < parts; i++) {
+                                       var id = 'preview-tile' + i;
+                                       var frame = L.DomUtil.create('div', 
'preview-frame', this._partsPreviewCont);
+                                       L.DomUtil.create('span', 
'preview-helper', frame);
+                                       var imgClassName = 'preview-img';
+                                       if (i == 0) {
+                                               imgClassName += ' 
preview-img-selected';
+                                       }
+                                       var img = L.DomUtil.create('img', 
imgClassName, frame);
+                                       img.id = id;
+                                       this._previewTiles[id] = img;
+                                       L.DomEvent
+                                               .on(img, 'click', 
L.DomEvent.stopPropagation)
+                                               .on(img, 'click', 
L.DomEvent.stop)
+                                               .on(img, 'click', 
this._setPart, this)
+                                               .on(img, 'click', 
this._refocusOnMap, this);
+                                       this._map.getPreview(i, i, 180, 180, 
{autoUpdate: this.options.autoUpdate});
+                               }
+                               this._previewInitialized = true;
+                       }
+                       else
+                       {
+                               // change the border style of the selected 
preview.
+                               for (var i = 0; i < parts; i++) {
+                                       var img = L.DomUtil.get('preview-tile' 
+ i);
+                                       L.DomUtil.removeClass(img, 
'preview-img-selected');
+                               }
+                               var img = L.DomUtil.get('preview-tile' + 
selectedPart);
+                               L.DomUtil.addClass(img, 'preview-img-selected');
                        }
-                       this._previewInitialized = true;
                }
        },
 
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
http://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

Reply via email to