Mechanism to disable install plugin link on click, refs #10

Also refs simonw/datasette-app#74
simonw · Sep 11, 2021 · 123bca7 · 123bca7
1 parent 819efde
commit 123bca7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/datasette_app_support/templates/_table-table-plugin_directory-plugins.html b/datasette_app_support/templates/_table-table-plugin_directory-plugins.html
@@ -24,7 +24,7 @@ <h2>{{ row.name }}</h2>
   <p><strong>Currently installed</strong></p>
 {% else %}
   {% if actor.id == "root" and row.installed == "not installed" %}
-    <p><a class="install-plugin-button" href="javascript:datasetteApp.installPlugin('{{ row.name }}')">Install plugin: {{ row.name }}</a></p>
+    <p><a class="install-plugin-button" data-plugin="{{ row.name }}" href="#">Install plugin: {{ row.name }}</a></p>
   {% endif %}
 {% endif %}
 </div>

diff --git a/datasette_app_support/templates/table-plugin_directory-plugins.html b/datasette_app_support/templates/table-plugin_directory-plugins.html
@@ -56,4 +56,16 @@
   top: 1px;
 }
 </style>
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+  var buttons = document.querySelectorAll(".install-plugin-button");
+  Array.from(buttons).forEach(button => {
+    button.addEventListener("click", (ev) => {
+      ev.preventDefault();
+      ev.target.style.pointerEvents = 'none';
+      datasetteApp.installPlugin(ev.target.dataset.plugin, ev.target);
+    });
+  });
+});
+</script>
 {% endblock %}