From 72cc6524bb1456432489834e548863a059a4ffde Mon Sep 17 00:00:00 2001
From: Gustavo Bernardo <Gustavo Bernardo>
Date: Sun, 23 Oct 2016 16:39:43 -0300
Subject: [PATCH] Finished create link template [Issue:#120]

---
 links/templates/links/create_link.html | 56 +++++++++++++++++++++++++++++++++++++++++---------------
 1 file changed, 41 insertions(+), 15 deletions(-)

diff --git a/links/templates/links/create_link.html b/links/templates/links/create_link.html
index 04d343a..2c6a4af 100644
--- a/links/templates/links/create_link.html
+++ b/links/templates/links/create_link.html
@@ -1,5 +1,7 @@
+{% load widget_tweaks i18n %}
+
 <!--MODAL CREATE LINK-->
-<div class="modal fade" id="createLinksModal" tabindex="-1" role="dialog" aria-labelledby="createLink" style="display: none;">
+<div class="modal fade" id="createLinksModal" tabindex="-1" role="dialog" aria-labelledby="createLink">
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
@@ -8,25 +10,49 @@
       </div>
       <div class="modal-body">
         <!-- Card -->
-        <div class="form-group is-empty">
-          <label class="control-label" for="inputDefault">Name</label>
-           <input type="text" class="form-control" id="inputDefault">
-        </div>
-        <div class="form-group is-empty">
-          <label class="control-label" for="inputDefault">Url</label>
-          <input type="text" class="form-control" id="inputDefault">
-        </div>
-        <div class="form-group is-empty">
-          <label class="control-label" for="inputDefault">Descrição</label>
-          <textarea class="form-control" rows="3"></textarea>
-        </div>
+        <form method="post" action="" id="form-link" enctype="multipart/form-data">
+          {% csrf_token %}
+        {% for field in form %}
+            {% if field.field.required %}
+              <label for="{{ field.auto_id }}">{{ field.label }}<span>*</span></label>
+            {% else %}
+              <label for="{{ field.auto_id }}">{{ field.label }}</label>
+            {% endif %}
+            {% render_field field class='form-control' %}
+        {% endfor %}
         <div class="form-group">
           <a href="javascript:void(0)" class="btn btn-raised btn-default" data-dismiss="modal">Cancel</a>
-          <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a>
-      </div>
+          <button class="btn btn-raised btn-primary" type="submit">Submit</button>
+        </div>
         <!-- .end Card -->
       </div>
     </div>
   </div>
 </div>
 <!-- EndModal -->
+
+{# // <script src="{% static '/links.js' %}"></script> #}
+<script type="text/javascript">
+  $("#form-link").submit(function(event) {
+        var data = new FormData($('#form-link').get(0));
+        $.ajax({
+            url: "{% url 'course:links:create_link' topic.slug %}",
+            type: $("#form-link").attr('method'),
+            data: data,
+            cache: false,
+            processData: false,
+            contentType: false,
+            success: function(data) {
+                $('#createLinksModal').modal('hide');
+                $('#list-topic{{ topic.id }}-links').append(data);
+                $('#list-topic{{ topic.id }}-links-edit').append(data);
+            },
+            error: function(data){
+                $('.erro').html(data.responseText);
+                $('.modal-backdrop').remove();
+                $('#createLinksModal').modal();
+            }
+        });
+        event.preventDefault();
+      });
+</script>
--
libgit2 0.21.2