add scripts links

aiplugs · Feb 24, 2020 · 32a0e1f · 32a0e1f
1 parent 4901475
commit 32a0e1f
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 0 deletions.
diff --git a/src/Aiplugs.PoshApp/Views/Shared/Pages/List.cshtml b/src/Aiplugs.PoshApp/Views/Shared/Pages/List.cshtml
@@ -34,6 +34,9 @@
         <transition name="slide-x-reverse-transition">
             <detail-page :script="detailScriptId" :input="detailInput" v-if="detailScriptId" v-on:close="detailScriptId=null"></detail-page>
         </transition>
+        <v-btn color="primary" fab dark style="position: absolute; bottom: 8px; right: 8px;" v-on:click="gotoEditor">
+            <v-icon>mdi-xml</v-icon>
+        </v-btn>
     </div>
 </template>
 <script type="module">
@@ -140,6 +143,15 @@
                 const clixml = item.$clixml;
                 this.detailInput = clixml;
                 this.detailScriptId = this.detailId;
+            },
+            gotoEditor() {
+                if (this.detailId) {
+                    const [repo, id] = this.detailId.split(':');
+                    this.$router.push(`/scripts/${repo}/${id}`)
+                }
+                else {
+                    this.$router.push(`/scripts/${this.$route.params.repo}/${this.$route.params.id}`)
+                }
             }
         },
         mounted() {

diff --git a/src/Aiplugs.PoshApp/Views/Shared/Scripts/Index.cshtml b/src/Aiplugs.PoshApp/Views/Shared/Scripts/Index.cshtml
@@ -1,5 +1,9 @@
 <template id="scripts-component">
     <div style="position: absolute; width: 100%; height: 100%;" v-resize="handleResize">
+        <div>
+            <v-btn text v-on:click="save" :disabled="!editor">Save</v-btn>
+            <v-btn text v-on:click="gotoApp">Goto App</v-btn>
+        </div>
         <div ref="editor" class="fill-height"></div>
     </div>
 </template>
@@ -68,6 +72,47 @@
                 if (this.editor) {
                     this.editor.layout();
                 }
+            },
+            async save() {
+                const value = this.editor.getModel().getValue();
+                await this.saveScriptContent(this.$route.params.repo, this.$route.params.id, value);
+                this.toast({
+                    text: "Saved",
+                    color: "success",
+                    top: true,
+                    right: true
+                });
+            },
+            gotoListFromDetail(repo, id) {
+                const page = this.$store.getters['scripts/findPageByDetail'](repo, id);
+                if (page) {
+                    this.$router.push(`/${page.type.toLowerCase()}/${page.repository}/${page.id}`);
+                }
+            },
+            gotoPageFromAction(repo, id) {
+                const page = this.$store.getters['scripts/findPageByAction'](repo, id);
+                if (page) {
+                    if (page.type === 'Detail') {
+                        this.gotoListFromDetail(page.repository, page.id);
+                    }
+                    else {
+                        this.$router.push(`/${page.type.toLowerCase()}/${page.repository}/${page.id}`);
+                    }
+                }
+            },
+            gotoApp() {
+                const { repo, id } = this.$route.params;
+                const script = this.$store.getters['scripts/find'](repo, id);
+
+                if (['List', 'Singleton'].includes(script.type)) {
+                    this.$router.push(`/${script.type.toLowerCase()}/${repo}/${id}`);
+                }
+                else if (script.type === 'Detail') {
+                    this.gotoListFromDetail(repo, id);
+                }
+                else if (script.type === 'Action') {
+                    this.gotoPageFromAction(repo, id);
+                }
             }
         },
         mounted() {

diff --git a/src/Aiplugs.PoshApp/wwwroot/js/store/scripts.js b/src/Aiplugs.PoshApp/wwwroot/js/store/scripts.js
@@ -106,6 +106,22 @@ export default {
                 }
                 return `${repo}:${id}`;
             };
+        },
+        findPageByDetail(state) {
+            return (repo, id) => {
+                const key = `${repo}:${id}`;
+                const domestics = state.metadata[repo].filter(s => s.type === 'List' && s.detail === id);
+                const others = Object.keys(state.metadata).map(key => state.metadata[key]).flat().filter(s => s.type === 'List' && s.detail === key);
+                return domestics.concat(others)[0];
+            };
+        },
+        findPageByAction(state) {
+            return (repo, id) => {
+                const key = `${repo}:${id}`;
+                const domestics = state.metadata[repo].filter(s => s.actions && s.actions.includes(id));
+                const others = Object.keys(state.metadata).map(key => state.metadata[key]).flat().filter(s => s.actions && s.actions.includes(key));
+                return domestics.concat(others)[0];
+            };
         }
     },
     mutations: {