Fixed errors and included alertify for error and for success [Issue:#120]

Gustavo Bernardo
1 parent 6b64f04b
Showing 1 changed file with 43 additions and 40 deletions Show diff stats
links/templates/links/create_link.html
@@ -12,27 +12,27 @@
         <!-- Card -->
         <form method="post" action="" id="form-link" enctype="multipart/form-data">
           {% csrf_token %}
-          {% if messages %}
-              {% for message in messages %}
-                  <div class="alert alert-{{ message.tags }} alert-dismissible" role="alert">
-                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                          <span aria-hidden="true">&times;</span>
-                      </button>
-                      <p>{{ message }}</p>
-                  </div>
-              {% endfor %}
-          {% endif %}
         {% 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' %}
+            {% render_field field class='form-control input-sm' %}
+            {% if field.errors %}
+                <div class="alert alert-danger alert-dismissible clearfix" role="alert">
+                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                    <ul>
+                        {% for error in field.errors %}
+                            <li>{{ error }}</li>
+                        {% endfor %}
+                    </ul>
+                </div>
+            {% endif %}
         {% endfor %}
         <div class="form-group">
           <a href="javascript:void(0)" class="btn btn-raised btn-default" data-dismiss="modal">{% trans 'Cancel' %}</a>
-          <button class="btn btn-raised btn-primary" type="submit">{% trans 'Submit' %]</button>
+          <button class="btn btn-raised btn-primary" type="submit">{% trans 'Submit' %}</button>
         </div>
         <!-- .end Card -->
       </div>
@@ -40,29 +40,32 @@
   </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>
+{% block script_link %}
+    {# // <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);
+                    alertify.alert('Link successfully created!')
+                },
+                error: function(data){
+                    $('.erro').html(data.responseText);
+                    $('.modal-backdrop').remove();
+                    $('#createLinksModal').modal();
+                    alertify.alert('Invalid link, insert a valid one!');
+                }
+            });
+            event.preventDefault();
+          });
+    </script>
+{% endblock script_link %}