feat: dispatch event when undeployed policy is clicked in menu

gravitee-io · Jul 4, 2023 · e548ed5 · e548ed5
1 parent ec23507
commit e548ed5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/policy-studio/gv-design/gv-design.js b/src/policy-studio/gv-design/gv-design.js
@@ -699,6 +699,10 @@ export class GvDesign extends KeyboardElement(LitElement) {
     } catch (e) {}
   }
 
+  _onDisplayPolicyCTA({ detail: { policy } }) {
+    dispatchCustomEvent(this, 'display-policy-cta', { policy });
+  }
+
   _fetchDocumentation(policy) {
     if (this.documentation == null || this.documentation.id !== policy.id) {
       dispatchCustomEvent(this, 'fetch-documentation', { policy });
@@ -1415,6 +1419,7 @@ export class GvDesign extends KeyboardElement(LitElement) {
             ?readonly="${readonlyMode}"
             @gv-policy-studio-menu:target-policy="${this._onTargetPolicy}"
             @gv-policy-studio-menu:fetch-documentation="${this._onOpenDocumentationFromMenu}"
+            @gv-policy-studio-menu:display-policy-cta="${this._onDisplayPolicyCTA}"
             @gv-policy-studio-menu:dragend-policy="${this._onDragEndPolicy}"
           >
             <div slot="header" class="search-policies">
@@ -1490,6 +1495,7 @@ export class GvDesign extends KeyboardElement(LitElement) {
         @gv-policy-studio-menu:delete-flow="${this._onDeleteFlow}"
         @gv-policy-studio-menu:duplicate-flow="${this._onDuplicateFlow}"
         @gv-policy-studio-menu:select-flows="${this._onSelectFlows}"
+        @gv-policy-studio-menu:display-policy-cta="${this._onDisplayPolicyCTA}"
       >
         <div slot="header" class="header-actions">
           ${this._flowFilterOptions != null

diff --git a/src/policy-studio/gv-policy-studio-menu/gv-policy-studio-menu.js b/src/policy-studio/gv-policy-studio-menu/gv-policy-studio-menu.js
@@ -521,6 +521,10 @@ export class GvPolicyStudioMenu extends LitElement {
   }
 
   _onClickPolicy(policy) {
+    if (!policy.deployed) {
+      dispatchCustomEvent(this, 'display-policy-cta', { policy });
+      return;
+    }
     if (!this.disabled) {
       this.selectedIds = [policy.id];
       dispatchCustomEvent(this, 'fetch-documentation', { policy });
@@ -762,7 +766,8 @@ export class GvPolicyStudioMenu extends LitElement {
             )
           : ''}
       </div>
-      <slot name="footer"></slot>`;
+      <slot name="footer"></slot>
+      <gv-modal> </gv-modal>`;
   }
 }