refactor: app-deck-actions to app-editor-actions

Author: peterpeterparker

studio/src/app/pages/editor/app-editor/app-editor.tsx

@@ -18,7 +18,7 @@ import {AuthService} from '../../../services/auth/auth.service';
 import {GuestService} from '../../../services/guest/guest.service';
 import {NavDirection, NavService} from '../../../services/nav/nav.service';
 import {DeckEditorService} from '../../../services/deck/deck-editor.service';
-import {DeckAction} from '../../../popovers/editor/app-deck-actions/deck-action';
+import {EditorAction} from '../../../popovers/editor/app-editor-actions/editor-action';
 
 @Component({
     tag: 'app-editor',
@@ -532,16 +532,16 @@ export class AppEditor {
         }
 
         const popover: HTMLIonPopoverElement = await this.popoverController.create({
-            component: 'app-deck-actions',
+            component: 'app-editor-actions',
             event: $event,
             mode: 'ios'
         });
 
         popover.onDidDismiss().then(async (detail: OverlayEventDetail) => {
             if (detail && detail.data) {
-                if (detail.data.action === DeckAction.FULLSCREEN) {
+                if (detail.data.action === EditorAction.FULLSCREEN) {
                     await this.toggleFullScreen();
-                } else if (detail.data.action === DeckAction.JUMP_TO) {
+                } else if (detail.data.action === EditorAction.JUMP_TO) {
                     await this.openSlideNavigate();
                 }
             }

studio/src/app/popovers/editor/app-deck-actions/app-deck-actions.tsx

@@ -0,0 +1,27 @@
+import {Component, Element} from '@stencil/core';
+
+import {EditorAction} from './editor-action';
+
+@Component({
+    tag: 'app-editor-actions',
+    styleUrl: 'app-editor-actions.scss'
+})
+export class AppEditorActions {
+
+    @Element() el: HTMLElement;
+
+    async closePopover(action: EditorAction) {
+        await (this.el.closest('ion-popover') as HTMLIonModalElement).dismiss({
+            action: action
+        });
+    }
+
+    render() {
+        // TODO: Share when published
+
+        return <div padding>
+            <a onClick={() => this.closePopover(EditorAction.JUMP_TO)}><p>Jump to slide</p></a>
+            <a onClick={() => this.closePopover(EditorAction.FULLSCREEN)}><p>Fullscreen</p></a>
+        </div>
+    }
+}

studio/src/app/popovers/editor/app-deck-actions/app-deck-actions.scss renamed to studio/src/app/popovers/editor/app-editor-actions/app-editor-actions.scss

@@ -1,4 +1,4 @@
-export enum DeckAction {
+export enum EditorAction {
     FULLSCREEN,
     JUMP_TO
 }

studio/src/app/popovers/editor/app-editor-actions/app-editor-actions.tsx

@@ -174,12 +174,12 @@ export namespace Components {
   interface AppUserMenu {}
   interface AppUserMenuAttributes extends StencilHTMLAttributes {}
 
-  interface AppDeckActions {}
-  interface AppDeckActionsAttributes extends StencilHTMLAttributes {}
-
   interface AppDeckOrSlide {}
   interface AppDeckOrSlideAttributes extends StencilHTMLAttributes {}
 
+  interface AppEditorActions {}
+  interface AppEditorActionsAttributes extends StencilHTMLAttributes {}
+
   interface AppSlideType {}
   interface AppSlideTypeAttributes extends StencilHTMLAttributes {}
 
@@ -221,8 +221,8 @@ declare global {
     'AppSignin': Components.AppSignin;
     'AppEditor': Components.AppEditor;
     'AppUserMenu': Components.AppUserMenu;
-    'AppDeckActions': Components.AppDeckActions;
     'AppDeckOrSlide': Components.AppDeckOrSlide;
+    'AppEditorActions': Components.AppEditorActions;
     'AppSlideType': Components.AppSlideType;
     'AppSlotType': Components.AppSlotType;
   }
@@ -256,8 +256,8 @@ declare global {
     'app-signin': Components.AppSigninAttributes;
     'app-editor': Components.AppEditorAttributes;
     'app-user-menu': Components.AppUserMenuAttributes;
-    'app-deck-actions': Components.AppDeckActionsAttributes;
     'app-deck-or-slide': Components.AppDeckOrSlideAttributes;
+    'app-editor-actions': Components.AppEditorActionsAttributes;
     'app-slide-type': Components.AppSlideTypeAttributes;
     'app-slot-type': Components.AppSlotTypeAttributes;
   }
@@ -431,18 +431,18 @@ declare global {
     new (): HTMLAppUserMenuElement;
   };
 
-  interface HTMLAppDeckActionsElement extends Components.AppDeckActions, HTMLStencilElement {}
-  var HTMLAppDeckActionsElement: {
-    prototype: HTMLAppDeckActionsElement;
-    new (): HTMLAppDeckActionsElement;
-  };
-
   interface HTMLAppDeckOrSlideElement extends Components.AppDeckOrSlide, HTMLStencilElement {}
   var HTMLAppDeckOrSlideElement: {
     prototype: HTMLAppDeckOrSlideElement;
     new (): HTMLAppDeckOrSlideElement;
   };
 
+  interface HTMLAppEditorActionsElement extends Components.AppEditorActions, HTMLStencilElement {}
+  var HTMLAppEditorActionsElement: {
+    prototype: HTMLAppEditorActionsElement;
+    new (): HTMLAppEditorActionsElement;
+  };
+
   interface HTMLAppSlideTypeElement extends Components.AppSlideType, HTMLStencilElement {}
   var HTMLAppSlideTypeElement: {
     prototype: HTMLAppSlideTypeElement;
@@ -484,8 +484,8 @@ declare global {
     'app-signin': HTMLAppSigninElement
     'app-editor': HTMLAppEditorElement
     'app-user-menu': HTMLAppUserMenuElement
-    'app-deck-actions': HTMLAppDeckActionsElement
     'app-deck-or-slide': HTMLAppDeckOrSlideElement
+    'app-editor-actions': HTMLAppEditorActionsElement
     'app-slide-type': HTMLAppSlideTypeElement
     'app-slot-type': HTMLAppSlotTypeElement
   }
@@ -519,8 +519,8 @@ declare global {
     'app-signin': HTMLAppSigninElement;
     'app-editor': HTMLAppEditorElement;
     'app-user-menu': HTMLAppUserMenuElement;
-    'app-deck-actions': HTMLAppDeckActionsElement;
     'app-deck-or-slide': HTMLAppDeckOrSlideElement;
+    'app-editor-actions': HTMLAppEditorActionsElement;
     'app-slide-type': HTMLAppSlideTypeElement;
     'app-slot-type': HTMLAppSlotTypeElement;
   }