[FEATURE] Map - New tool to change layer opacity && add tools in laye…

…r info panel
3liz · Sep 29, 2016 · c588a1d · c588a1d
1 parent 989e234
commit c588a1d
Show file tree

Hide file tree

Showing 6 changed files with 154 additions and 62 deletions.
diff --git a/lizmap/modules/view/locales/en_US/dictionnary.UTF-8.properties b/lizmap/modules/view/locales/en_US/dictionnary.UTF-8.properties
@@ -66,6 +66,10 @@ layer.metadata.layer.type.layer=Layer
 layer.metadata.layer.abstract=Description
 layer.metadata.layer.link=Information
 layer.metadata.layer.info.see=Documentation
+layer.metadata.zoomToExtent.title=Zoom to layer extent
+layer.metadata.style.title=Change layer style
+layer.metadata.export.title=Export
+layer.metadata.opacity.title=Opacity
 
 layer.export.right.required=Right is required to export layer.
 
@@ -74,3 +78,4 @@ geobookmark.confirm.delete=Are you sure you want to delete this bookmark?
 
 popup.msg.no.result=No object has been found at this location.
 
+generic.btn.close.title=Close
diff --git a/lizmap/modules/view/locales/en_US/map.UTF-8.properties b/lizmap/modules/view/locales/en_US/map.UTF-8.properties
@@ -123,4 +123,5 @@ switcher.layer.metadata.title=Information
 switcher.layer.zoomToExtent.title=Zoom to layer extent
 switcher.layer.style.title=Change layer style
 switcher.layer.export.title=Export
+switcher.layer.opacity.title=Opacity
 switcher.layer.unfilter.title=Deactivate current filter
diff --git a/lizmap/modules/view/locales/fr_FR/dictionnary.UTF-8.properties b/lizmap/modules/view/locales/fr_FR/dictionnary.UTF-8.properties
@@ -66,10 +66,16 @@ layer.metadata.layer.type.layer=Couche
 layer.metadata.layer.abstract=Description
 layer.metadata.layer.link=Information
 layer.metadata.layer.info.see=Documentation
+layer.metadata.zoomToExtent.title=Zoomer sur la couche
+layer.metadata.style.title=Changer le style de la couche
+layer.metadata.export.title=Exporter
+layer.metadata.opacity.title=Opacité
 
 layer.export.right.required=Une autorisation est nécessaire pour l'export de couche.
 
 geobookmark.name.required=Veuillez renseigner un nom pour le géosignet.
 geobookmark.confirm.delete=Êtes-vous sûr de vouloir supprimer ce géosignet ?
 
 popup.msg.no.result=Aucun objet n'a été identifié à cet endroit.
+
+generic.btn.close.title=Fermer
diff --git a/lizmap/modules/view/locales/fr_FR/map.UTF-8.properties b/lizmap/modules/view/locales/fr_FR/map.UTF-8.properties
@@ -123,4 +123,5 @@ switcher.layer.metadata.title=Information
 switcher.layer.zoomToExtent.title=Zoomer sur la couche
 switcher.layer.style.title=Changer le style de la couche
 switcher.layer.export.title=Exporter
+switcher.layer.opacity.title=Opacité
 switcher.layer.unfilter.title=Désactiver le filtre
diff --git a/lizmap/modules/view/templates/map_switcher.tpl b/lizmap/modules/view/templates/map_switcher.tpl
@@ -7,22 +7,34 @@
         <button class="btn btn-mini" id="layers-fold-all"><i class=
         "icon-resize-small icon-white"></i></button>
 
-        <button class="btn btn-mini disabled" id="layerActionMetadata" title="{@view~map.switcher.layer.metadata.title@}"><i class=
-        "icon-info-sign icon-white"></i></button>
-
-        <button class="btn btn-mini disabled" id="layerActionZoom" title="{@view~map.switcher.layer.zoomToExtent.title@}"><i class="icon-zoom-in icon-white"></i></button>
+        <button class="btn btn-mini layerActionZoom disabled" title="{@view~map.switcher.layer.zoomToExtent.title@}"><i class="icon-zoom-in icon-white"></i></button>
 
         <div class="btn-group" role="group" >
-            <button type="button" id="layerActionStyle" class="btn btn-mini dropdown-toggle disabled" data-toggle="dropdown" aria-expanded="false" title="{@view~map.switcher.layer.style.title@}">
+            <button type="button" class="btn btn-mini dropdown-toggle layerActionStyle disabled" data-toggle="dropdown" aria-expanded="false" title="{@view~map.switcher.layer.style.title@}">
                 <i class="icon-adjust icon-white"></i>
               <span class="caret"></span>
             </button>
             <ul class="dropdown-menu" role="menu">
             </ul>
         </div>
+
+        <div class="btn-group" role="group" >
+            <button type="button" class="btn btn-mini dropdown-toggle layerActionOpacity disabled" data-toggle="dropdown" aria-expanded="false" title="{@view~map.switcher.layer.opacity.title@}">
+                <i class="icon-eye-close icon-white"></i>
+              <span class="caret"></span>
+            </button>
+            <ul class="dropdown-menu" role="menu">
+                <li><a href="#" class="btn-opacity-layer">20</a></li>
+                <li><a href="#" class="btn-opacity-layer">40</a></li>
+                <li><a href="#" class="btn-opacity-layer">60</a></li>
+                <li><a href="#" class="btn-opacity-layer">80</a></li>
+                <li><a href="#" class="btn-opacity-layer">100</a></li>
+            </ul>
+        </div>
+
         {if $layerExport}
         <div class="btn-group" role="group" >
-            <button type="button" id="layerActionExport" class="btn btn-mini dropdown-toggle disabled" data-toggle="dropdown" aria-expanded="false" title="{@view~map.switcher.layer.export.title@}">
+            <button type="button" class="btn btn-mini dropdown-toggle layerActionExport disabled" data-toggle="dropdown" aria-expanded="false" title="{@view~map.switcher.layer.export.title@}">
                 <i class="icon-download icon-white"></i>
               <span class="caret"></span>
             </button>