Commit 68a54fba85db7dcdf62ab79b5b8f5b93c80b9d98
1 parent
970334e2
Exists in
master
and in
5 other branches
modal topic working #441
Showing
3 changed files
with
18 additions
and
4 deletions
Show diff stats
courses/static/js/topic.js
| @@ -24,3 +24,14 @@ var topic = { | @@ -24,3 +24,14 @@ var topic = { | ||
| 24 | }); | 24 | }); |
| 25 | } | 25 | } |
| 26 | }; | 26 | }; |
| 27 | +var delete_topic = { | ||
| 28 | + get: function (url, id_modal, id_div_modal){ | ||
| 29 | + $.get(url, function(data){ | ||
| 30 | + if($(id_modal).length){ | ||
| 31 | + $(id_div_modal).empty(); | ||
| 32 | + } | ||
| 33 | + $(id_div_modal).append(data); | ||
| 34 | + $(id_modal).modal('show'); | ||
| 35 | + }); | ||
| 36 | + } | ||
| 37 | +}; |
courses/templates/topic/delete.html
| 1 | {% load static i18n permission_tags %} | 1 | {% load static i18n permission_tags %} |
| 2 | 2 | ||
| 3 | <!-- Modal (remember to change the ids!!!) --> | 3 | <!-- Modal (remember to change the ids!!!) --> |
| 4 | -<div class="modal fade" id="topic_delete" tabindex="-1" role="dialog" aria-labelledby="{{topic.slug}}_delete"> | 4 | +<div class="modal fade" id="topic_delete_{{topic.slug}}" tabindex="-1" role="dialog" aria-labelledby="{{topic.slug}}_delete"> |
| 5 | <div class="modal-dialog" role="document"> | 5 | <div class="modal-dialog" role="document"> |
| 6 | <div class="modal-content"> | 6 | <div class="modal-content"> |
| 7 | <!-- Modal Header --> | 7 | <!-- Modal Header --> |
| 8 | <div class="modal-header"> | 8 | <div class="modal-header"> |
| 9 | 9 | ||
| 10 | - <h4 class="modal-title" id="{{topic.slug}}_delete">{% trans "Delete Topic" %}</h4> | 10 | + <h4 class="modal-title">{% trans "Delete Topic" %}</h4> |
| 11 | </div> | 11 | </div> |
| 12 | <!-- Modal Body --> | 12 | <!-- Modal Body --> |
| 13 | <div class="modal-body"> | 13 | <div class="modal-body"> |
courses/templates/topic/index.html
| @@ -19,11 +19,11 @@ | @@ -19,11 +19,11 @@ | ||
| 19 | 19 | ||
| 20 | {# dropdown de topic com as opções de replicar, editar e deletar #} | 20 | {# dropdown de topic com as opções de replicar, editar e deletar #} |
| 21 | {% professor_subject topic.subject user as dropdown_topic %} | 21 | {% professor_subject topic.subject user as dropdown_topic %} |
| 22 | - {% if dropdown_topic %} | 22 | + {% if dropdown_topic %} |
| 23 | <ul class="dropdown-menu pull-right" aria-labelledby="moreActions"> | 23 | <ul class="dropdown-menu pull-right" aria-labelledby="moreActions"> |
| 24 | <li><a href="{% url 'course:replicate_topic' topic.slug %}"><i class="fa fa-files-o fa-fw" aria-hidden="true"></i> {% trans "Replicate" %}</a></li> | 24 | <li><a href="{% url 'course:replicate_topic' topic.slug %}"><i class="fa fa-files-o fa-fw" aria-hidden="true"></i> {% trans "Replicate" %}</a></li> |
| 25 | <li><a href="javascript:topic.get('{% url 'course:update_topic' topic.slug %}','#content_topic_{{topic.slug}}','true');"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> {% trans "Edit" %}</a></li> | 25 | <li><a href="javascript:topic.get('{% url 'course:update_topic' topic.slug %}','#content_topic_{{topic.slug}}','true');"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> {% trans "Edit" %}</a></li> |
| 26 | - <li><a href="{% url 'course:delete_topic' topic.slug %}"><i class="fa fa-trash fa-fw" aria-hidden="true"></i> {% trans "Remove" %}</a></li> | 26 | + <li><a href="javascript:delete_topic.get('{% url 'course:delete_topic' topic.slug %}?view=index','#topic_delete_{{topic.slug}}','#modal_topic');"><i class="fa fa-trash fa-fw" aria-hidden="true"></i> {% trans "Remove" %}</a></li> |
| 27 | </ul> | 27 | </ul> |
| 28 | {% endif %} | 28 | {% endif %} |
| 29 | </div> | 29 | </div> |
| @@ -36,3 +36,6 @@ | @@ -36,3 +36,6 @@ | ||
| 36 | </div> | 36 | </div> |
| 37 | </div> | 37 | </div> |
| 38 | </div> | 38 | </div> |
| 39 | +<div id="modal_topic"> | ||
| 40 | + | ||
| 41 | +</div> |