[Extensions UI] Passing config_file to the configuration tab.

platypush/backend/http/webapp/src/components/panels/Extensions/Config.vue

@@ -18,17 +18,23 @@ export default {
   components: {
     CopyButton,
   },
+
   props: {
     extension: {
       type: Object,
       required: true,
     },
+
+    configFile: {
+      type: String,
+    },
   },
 
   computed: {
     highlightedConfigSnippet() {
       return hljs.highlight(
         'yaml',
+        `# Add this configuration template to ${this.configFile}\n` +
         this.extension.config_snippet,
       ).value.trim()
     },

platypush/backend/http/webapp/src/components/panels/Extensions/Extension.vue

@@ -26,7 +26,9 @@
 
     <div class="extension-body">
       <Doc v-if="selectedTab === 'doc'" :extension="extension" />
-      <Config v-else-if="selectedTab === 'config'" :extension="extension" />
+      <Config v-else-if="selectedTab === 'config'"
+              :extension="extension"
+              :config-file="configFile" />
       <Install v-else-if="selectedTab === 'install'" :extension="extension" />
     </div>
   </div>
@@ -54,6 +56,10 @@ export default {
       type: Object,
       required: true,
     },
+
+    configFile: {
+      type: String,
+    },
   },
 
   data() {

platypush/backend/http/webapp/src/components/panels/Extensions/Index.vue

@@ -24,7 +24,8 @@
 
             <div class="extension-body-container until tablet"
                  v-if="selectedExtension && name === selectedExtension">
-              <Extension :extension="extensions[selectedExtension]" />
+              <Extension :extension="extensions[selectedExtension]"
+                         :config-file="configFile" />
             </div>
           </div>
         </div>
@@ -32,7 +33,8 @@
 
       <div class="extension-body-container from desktop"
            v-if="selectedExtension">
-        <Extension :extension="extensions[selectedExtension]" />
+        <Extension :extension="extensions[selectedExtension]"
+                   :config-file="configFile" />
       </div>
     </main>
   </div>
@@ -59,6 +61,7 @@ export default {
       backends: {},
       filter: '',
       selectedExtension: null,
+      configFile: null,
     }
   },
 
@@ -127,9 +130,14 @@ export default {
         this.loading = false
       }
     },
+
+    async loadConfigFile() {
+      this.configFile = await this.request('config.get_config_file')
+    },
   },
 
   mounted() {
+    this.loadConfigFile()
     this.loadExtensions()
     bus.on('update:extension', (ext) => this.onInput(ext, false))
     this.$nextTick(() => this.$refs.filter.focus())