From c5ed8e0391d9ec216209359c742bf5806435399d Mon Sep 17 00:00:00 2001
From: supertestnet <58400631+supertestnet@users.noreply.github.com>
Date: Sat, 3 Jul 2021 09:09:08 -0400
Subject: [PATCH] Create index.html

---
 .../ngrok/templates/ngrok/index.html          | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 lnbits/extensions/ngrok/templates/ngrok/index.html

diff --git a/lnbits/extensions/ngrok/templates/ngrok/index.html b/lnbits/extensions/ngrok/templates/ngrok/index.html
new file mode 100644
index 000000000..2216777a9
--- /dev/null
+++ b/lnbits/extensions/ngrok/templates/ngrok/index.html
@@ -0,0 +1,37 @@
+{% extends "base.html" %} {% from "macros.jinja" import window_vars with context
+%} {% block page %}
+<q-card>
+  <q-card-section>
+    <h5 class="text-subtitle1 q-mt-none q-mb-md">Access this lnbits instance at the following url</h5>
+    <q-separator class="q-my-lg"></q-separator>
+    <p><a href="{{ ngrok }}" target="_blank">{{ ngrok }}</a></p>
+    <p>Note that if you restart your device, your device will generate a new url. If anyone is using your old one for wallets, lnurls, etc., whatever they are doing will stop working.</p>
+  </q-card-section>
+</q-card>
+{% endblock %} {% block scripts %} {{ window_vars(user) }}
+<script>
+  new Vue({
+    el: '#vue',
+    mixins: [windowMixin],
+    data: function () {
+      return {
+        tools: []
+      }
+    },
+    created: function () {
+      var self = this
+
+      // axios is available for making requests
+      axios({
+        method: 'GET',
+        url: '/example/api/v1/tools',
+        headers: {
+          'X-example-header': 'not-used'
+        }
+      }).then(function (response) {
+        self.tools = response.data
+      })
+    }
+  })
+</script>
+{% endblock %}