From efa24584f313a417201e9d445988b4919231d7f8 Mon Sep 17 00:00:00 2001
From: ben <ben@arc.wales>
Date: Wed, 25 Jan 2023 17:33:24 +0000
Subject: [PATCH] Broken, trying to take js out

---
 lnbits/core/static/js/install.js        | 161 +++++++++++++++++++++++
 lnbits/core/templates/core/install.html | 166 +-----------------------
 2 files changed, 164 insertions(+), 163 deletions(-)
 create mode 100644 lnbits/core/static/js/install.js

diff --git a/lnbits/core/static/js/install.js b/lnbits/core/static/js/install.js
new file mode 100644
index 00000000..2d24109d
--- /dev/null
+++ b/lnbits/core/static/js/install.js
@@ -0,0 +1,161 @@
+new Vue({
+  el: '#vue',
+  data: function () {
+    return {
+      searchTerm: '',
+      tab: 'all',
+      filteredExtensions: null,
+      showUninstallDialog: false,
+      showUpgradeDialog: false,
+      selectedExtension: null,
+      selectedExtensionRepos: null,
+      maxStars: 5
+    }
+  },
+  watch: {
+    searchTerm(term) {
+      this.filterExtensions(term, this.tab)
+    }
+  },
+  methods: {
+    handleTabChanged: function (tab) {
+      this.filterExtensions(this.searchTerm, tab)
+    },
+    filterExtensions(term, tab) {
+      // Filter the extensions list
+      function extensionNameContains(searchTerm) {
+        return function (extension) {
+          return (
+            extension.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            extension.shortDescription
+              ?.toLowerCase()
+              .includes(searchTerm.toLowerCase())
+          )
+        }
+      }
+
+      this.filteredExtensions = this.extensions
+        .filter(e => (tab === 'installed' ? e.isInstalled : true))
+        .filter(e => (tab === 'featured' ? e.isFeatured : true))
+        .filter(extensionNameContains(term))
+    },
+    async installExtension(release) {
+      const extension = this.selectedExtension
+      try {
+        extension.inProgress = true
+        this.showUpgradeDialog = false
+        await LNbits.api.request(
+          'POST',
+          `/api/v1/extension?usr=${this.g.user.id}`,
+          this.g.user.wallets[0].adminkey,
+          {
+            ext_id: extension.id,
+            archive: release.archive,
+            source_repo: release.source_repo
+          }
+        )
+        window.location.href = [
+          "{{ url_for('install.extensions') }}",
+          '?usr=',
+          this.g.user.id
+        ].join('')
+      } catch (error) {
+        LNbits.utils.notifyApiError(error)
+        extension.inProgress = false
+      }
+    },
+    async uninstallExtension() {
+      const extension = this.selectedExtension
+      this.showUpgradeDialog = false
+      this.showUninstallDialog = false
+      try {
+        extension.inProgress = true
+        await LNbits.api.request(
+          'DELETE',
+          `/api/v1/extension/${extension.id}?usr=${this.g.user.id}`,
+          this.g.user.wallets[0].adminkey
+        )
+        window.location.href = [
+          "{{ url_for('install.extensions') }}",
+          '?usr=',
+          this.g.user.id
+        ].join('')
+      } catch (error) {
+        LNbits.utils.notifyApiError(error)
+        extension.inProgress = false
+      }
+    },
+    toggleExtension: function (extension) {
+      const action = extension.isActive ? 'activate' : 'deactivate'
+      window.location.href = [
+        "{{ url_for('install.extensions') }}",
+        '?usr=',
+        this.g.user.id,
+        `&${action}=`,
+        extension.id
+      ].join('')
+    },
+
+    showUninstall() {
+      this.showUpgradeDialog = false
+      this.showUninstallDialog = true
+    },
+
+    async showUpgrade(extension) {
+      this.selectedExtension = extension
+      this.showUpgradeDialog = true
+      this.selectedExtensionRepos = null
+      try {
+        const {data} = await LNbits.api.request(
+          'GET',
+          `/api/v1/extension/${extension.id}/releases?usr=${this.g.user.id}`,
+          this.g.user.wallets[0].adminkey
+        )
+
+        this.selectedExtensionRepos = data.reduce((repos, release) => {
+          repos[release.source_repo] = repos[release.source_repo] || {
+            releases: [],
+            isInstalled: false
+          }
+          release.isInstalled = this.isInstalledVersion(
+            this.selectedExtension,
+            release
+          )
+          if (release.isInstalled) {
+            repos[release.source_repo].isInstalled = true
+          }
+          repos[release.source_repo].releases.push(release)
+          return repos
+        }, {})
+      } catch (error) {
+        LNbits.utils.notifyApiError(error)
+        extension.inProgress = false
+      }
+    },
+    hasNewVersion: function (extension) {
+      if (extension.installedRelease && extension.latestRelease) {
+        return (
+          extension.installedRelease.version !== extension.latestRelease.version
+        )
+      }
+    },
+    isInstalledVersion: function (extension, release) {
+      if (extension.installedRelease) {
+        return (
+          extension.installedRelease.source_repo === release.source_repo &&
+          extension.installedRelease.version === release.version
+        )
+      }
+    }
+  },
+  created() {
+    console.log(window.extensions)
+    console.log(window.user)
+    this.extensions = JSON.parse(window.extensions).map(e => ({
+      ...e,
+      inProgress: false
+    }))
+    this.filteredExtensions = this.extensions.concat([])
+  },
+  mixins: [windowMixin]
+})
diff --git a/lnbits/core/templates/core/install.html b/lnbits/core/templates/core/install.html
index 1f1eb960..69487495 100644
--- a/lnbits/core/templates/core/install.html
+++ b/lnbits/core/templates/core/install.html
@@ -1,5 +1,7 @@
 {% extends "base.html" %} {% from "macros.jinja" import window_vars with context
-%} {% block page %}
+%} {{ window_vars(user, extensions) }} {% block scripts %}
+<script src="/core/static/js/install.js"></script>
+{% endblock %} {% block page %}
 <div class="row q-col-gutter-md q-mb-md">
   <div class="col-sm-9 col-xs-12">
     <p class="text-h4 gt-sm">
@@ -313,167 +315,5 @@
     </q-card>
   </q-dialog>
 </div>
-{% endblock %} {% block scripts %} {{ window_vars(user) }}
-<script>
-  new Vue({
-    el: '#vue',
-    data: function () {
-      return {
-        searchTerm: '',
-        tab: 'all',
-        filteredExtensions: null,
-        showUninstallDialog: false,
-        showUpgradeDialog: false,
-        selectedExtension: null,
-        selectedExtensionRepos: null,
-        maxStars: 5
-      }
-    },
-    watch: {
-      searchTerm(term) {
-        this.filterExtensions(term, this.tab)
-      }
-    },
-    methods: {
-      handleTabChanged: function (tab) {
-        this.filterExtensions(this.searchTerm, tab)
-      },
-      filterExtensions: function (term, tab) {
-        // Filter the extensions list
-        function extensionNameContains(searchTerm) {
-          return function (extension) {
-            return (
-              extension.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-              extension.shortDescription
-                ?.toLowerCase()
-                .includes(searchTerm.toLowerCase())
-            )
-          }
-        }
 
-        this.filteredExtensions = this.extensions
-          .filter(e => (tab === 'installed' ? e.isInstalled : true))
-          .filter(e => (tab === 'featured' ? e.isFeatured : true))
-          .filter(extensionNameContains(term))
-      },
-      installExtension: async function (release) {
-        const extension = this.selectedExtension
-        try {
-          extension.inProgress = true
-          this.showUpgradeDialog = false
-          await LNbits.api.request(
-            'POST',
-            `/api/v1/extension?usr=${this.g.user.id}`,
-            this.g.user.wallets[0].adminkey,
-            {
-              ext_id: extension.id,
-              archive: release.archive,
-              source_repo: release.source_repo
-            }
-          )
-          window.location.href = [
-            "{{ url_for('install.extensions') }}",
-            '?usr=',
-            this.g.user.id
-          ].join('')
-        } catch (error) {
-          LNbits.utils.notifyApiError(error)
-          extension.inProgress = false
-        }
-      },
-      uninstallExtension: async function () {
-        const extension = this.selectedExtension
-        this.showUpgradeDialog = false
-        this.showUninstallDialog = false
-        try {
-          extension.inProgress = true
-          await LNbits.api.request(
-            'DELETE',
-            `/api/v1/extension/${extension.id}?usr=${this.g.user.id}`,
-            this.g.user.wallets[0].adminkey
-          )
-          window.location.href = [
-            "{{ url_for('install.extensions') }}",
-            '?usr=',
-            this.g.user.id
-          ].join('')
-        } catch (error) {
-          LNbits.utils.notifyApiError(error)
-          extension.inProgress = false
-        }
-      },
-      toggleExtension: function (extension) {
-        const action = extension.isActive ? 'activate' : 'deactivate'
-        window.location.href = [
-          "{{ url_for('install.extensions') }}",
-          '?usr=',
-          this.g.user.id,
-          `&${action}=`,
-          extension.id
-        ].join('')
-      },
-
-      showUninstall: function () {
-        this.showUpgradeDialog = false
-        this.showUninstallDialog = true
-      },
-
-      showUpgrade: async function (extension) {
-        this.selectedExtension = extension
-        this.showUpgradeDialog = true
-        this.selectedExtensionRepos = null
-        try {
-          const {data} = await LNbits.api.request(
-            'GET',
-            `/api/v1/extension/${extension.id}/releases?usr=${this.g.user.id}`,
-            this.g.user.wallets[0].adminkey
-          )
-
-          this.selectedExtensionRepos = data.reduce((repos, release) => {
-            repos[release.source_repo] = repos[release.source_repo] || {
-              releases: [],
-              isInstalled: false
-            }
-            release.isInstalled = this.isInstalledVersion(
-              this.selectedExtension,
-              release
-            )
-            if (release.isInstalled) {
-              repos[release.source_repo].isInstalled = true
-            }
-            repos[release.source_repo].releases.push(release)
-            return repos
-          }, {})
-        } catch (error) {
-          LNbits.utils.notifyApiError(error)
-          extension.inProgress = false
-        }
-      },
-      hasNewVersion: function (extension) {
-        if (extension.installedRelease && extension.latestRelease) {
-          return (
-            extension.installedRelease.version !==
-            extension.latestRelease.version
-          )
-        }
-      },
-      isInstalledVersion: function (extension, release) {
-        if (extension.installedRelease) {
-          return (
-            extension.installedRelease.source_repo === release.source_repo &&
-            extension.installedRelease.version === release.version
-          )
-        }
-      }
-    },
-    created: function () {
-      this.extensions = JSON.parse('{{extensions | tojson | safe}}').map(e => ({
-        ...e,
-        inProgress: false
-      }))
-      this.filteredExtensions = this.extensions.concat([])
-    },
-    mixins: [windowMixin]
-  })
-</script>
 {% endblock %}