Add shortcut links within catalog layers context menu (layers and pro…

…ject settings) (#392) * Create CatalogProjectContextMenu.vue and use common directive click-outside-context-menu.js * Add CatalogProjectContextMenu.vue and use common showContextMenu on CatalogTristateTree.vue * Set common css/less rules from catalog-context-menu * extract event listeners from `components/Catalog.vue`) * sort attributes make it more clear that is a for..loop * vertical indentation * missing yoda * Update CatalogLayerContextMenu.vue * exctract predicates * Update CatalogProjectContextMenu.vue * Update CatalogTristateTree.vue * remove tautology * shorten directive name (ref: `v-click-outside`) * function name * qgis icon * fix duplicate const variable * missing file * update since tags * add `edit_url` and `layers_url` links * hide context menu items on empty config --------- Co-authored-by: Raruto <[email protected]>
g3w-suite · Feb 1, 2024 · f7ab1d6 · f7ab1d6
1 parent 5ade146
commit f7ab1d6
Show file tree

Hide file tree

Showing 13 changed files with 580 additions and 284 deletions.
diff --git a/src/assets/style/less/g3w-catalog.less b/src/assets/style/less/g3w-catalog.less
@@ -294,7 +294,7 @@ Licensed under MIT
   }
 }
 
-#layer-menu {
+.catalog-context-menu {
   background: #FAFAFA;
   border: 1px solid #BDBDBD;
   border-radius: 3px;
@@ -392,7 +392,7 @@ Licensed under MIT
       border:0;
     }
   }
-  #layer-menu {
+  .catalog-context-menu {
     .wms-url-tooltip {
       .tooltip-inner {
         min-width: 200px;

diff --git a/src/assets/style/less/g3w-skins/blue/g3w-catalog.less b/src/assets/style/less/g3w-skins/blue/g3w-catalog.less
@@ -22,7 +22,7 @@
     }
   }
 
-  #layer-menu {
+  .catalog-context-menu {
     li {
       &.title {
         border-bottom-color: @light-blue !important;

diff --git a/src/assets/style/less/g3w-skins/green/g3w-catalog.less b/src/assets/style/less/g3w-skins/green/g3w-catalog.less
@@ -22,8 +22,7 @@
     }
   }
 
-
-  #layer-menu {
+  .catalog-context-menu {
     li {
       &.title {
         border-bottom-color: @green !important;

diff --git a/src/assets/style/less/g3w-skins/purple/g3w-catalog.less b/src/assets/style/less/g3w-skins/purple/g3w-catalog.less
@@ -22,8 +22,7 @@
     }
   }
 
-
-  #layer-menu {
+  .catalog-context-menu {
     li {
       &.title {
         border-bottom-color: @purple !important;

diff --git a/src/assets/style/less/g3w-skins/red/g3w-catalog.less b/src/assets/style/less/g3w-skins/red/g3w-catalog.less
@@ -22,8 +22,7 @@
     }
   }
 
-
-  #layer-menu {
+  .catalog-context-menu {
     li {
       &.title {
         border-bottom-color: @red !important;

diff --git a/src/assets/style/less/g3w-skins/yellow/g3w-catalog.less b/src/assets/style/less/g3w-skins/yellow/g3w-catalog.less
@@ -22,8 +22,7 @@
     }
   }
 
-
-  #layer-menu {
+  .catalog-context-menu {
     li {
       &.title {
         border-bottom-color: @yellow !important;