From addb6b553444e9ea79f633d49cd9d23b64f961bd Mon Sep 17 00:00:00 2001
From: Aurélien Bompard <aurelien@bompard.org>
Date: Feb 22 2017 17:21:45 +0000
Subject: Don't hardcode URLs in Javascript code


---

diff --git a/hubs/templates/hubs.html b/hubs/templates/hubs.html
index fda7f95..2e4ccb3 100644
--- a/hubs/templates/hubs.html
+++ b/hubs/templates/hubs.html
@@ -146,7 +146,7 @@
             <div class="card">
               <div class="card-block">
                 <h4>
-                <a href="#" class="add_widget" data-position="left">
+                <a href="{{ url_for("hub_add_widget", name=hub.name) }}?position=left" class="add_widget">
                   <span><i class="fa fa-plus" aria-hidden="true"></i></span> Add a widget
                 </a>
                 </h4>
@@ -164,7 +164,7 @@
             <div class="card">
               <div class="card-block">
                 <h4>
-                <a href="#" class="add_widget" data-position="right">
+                <a href="{{ url_for("hub_add_widget", name=hub.name) }}?position=right" class="add_widget">
                 <span><i class="fa fa-plus" aria-hidden="true"></i></span> Add a widget
                 </a>
                 </h4>
@@ -223,17 +223,14 @@ function make_widget_sortable() {
 };
 
 function setup_add_btns() {
-  $(".add_widget").unbind();
-  $(".add_widget").click(function() {
-    console.log($(this));
-    var _pos = $(this).attr('data-position');
-
+  // Setup events for the "add widget" button.
+  $(".add_widget").click(function(e) {
+    e.preventDefault();
     $.ajax({
-      url: 'add?position=' + _pos,
+      url: $(this).attr('href'),
       dataType: 'html',
       success: function(html) {
         $('#edit_modal_content').html(html);
-        $('#edit_modal').modal();
       },
       error: function() {
         $('#edit_modal_content').html(
@@ -244,8 +241,10 @@ function setup_add_btns() {
         );
         console.log('error');
         console.trace();
-        $('#edit_modal').modal();
       },
+      complete: function() {
+        $('#edit_modal').modal();
+      }
     });
     return false;
   });