Commit 293bba0d5d6b489bb60bc82dcbd7f447f4e76d0b
1 parent
062db0ca
Exists in
master
and in
5 other branches
call template tags in topic #183
Showing
1 changed file
with
14 additions
and
90 deletions
Show diff stats
courses/templates/subject/form_view_teacher.html
| @@ -2,6 +2,7 @@ | @@ -2,6 +2,7 @@ | ||
| 2 | 2 | ||
| 3 | {% block javascript %} | 3 | {% block javascript %} |
| 4 | <script type="text/javascript" src="{% static 'js/forum.js' %}"></script> | 4 | <script type="text/javascript" src="{% static 'js/forum.js' %}"></script> |
| 5 | + <script src="{% static 'js/file.js' %}"></script> | ||
| 5 | {% endblock %} | 6 | {% endblock %} |
| 6 | 7 | ||
| 7 | <div class="panel-group accordion ui-accordion ui-widget ui-helper-reset ui-sortable" role="tablist" aria-multiselectable="false"> | 8 | <div class="panel-group accordion ui-accordion ui-widget ui-helper-reset ui-sortable" role="tablist" aria-multiselectable="false"> |
| @@ -51,13 +52,21 @@ | @@ -51,13 +52,21 @@ | ||
| 51 | <div class="dropdown"> | 52 | <div class="dropdown"> |
| 52 | <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a> | 53 | <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a> |
| 53 | <ul class="dropdown-menu" aria-labelledby="dLabel"> | 54 | <ul class="dropdown-menu" aria-labelledby="dLabel"> |
| 54 | - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 54.5312px; top: 22px; background-color: rgb(0, 150, 136); transform: scale(20);"></div></div></a></li> | ||
| 55 | - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createFileModal">Create a file<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 33.5312px; top: 11px; background-color: rgb(0, 150, 136); transform: scale(20);"></div></div></a></li> | 55 | + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link<div class="ripple-container"><div class="ripple ripple-on ripple-out" style="left: 54.5312px; top: 22px; background-color: rgb(0, 150, 136); transform: scale(20);"></div></div></a></li> |
| 56 | + <li> | ||
| 57 | + <a href="javascript:get_modal_file('{% url 'course:file:create_file' topic.slug %}', '#fileModal', '#divModalFile')"> | ||
| 58 | + Create a file | ||
| 59 | + <div class="ripple-container"> | ||
| 60 | + <div class="ripple ripple-on ripple-out" style="left: 33.5312px; top: 11px; background-color: rgb(0, 150, 136); transform: scale(20);"> | ||
| 61 | + </div> | ||
| 62 | + </div> | ||
| 63 | + </a> | ||
| 64 | + </li> | ||
| 56 | </ul> | 65 | </ul> |
| 57 | </div> | 66 | </div> |
| 58 | </div> | 67 | </div> |
| 59 | <ul> | 68 | <ul> |
| 60 | - <li><i class="fa fa-book" aria-hidden="true"></i> <a href="#">Book 1</a></li> | 69 | + {% list_topic_file request topic %} |
| 61 | <li><i class="fa fa-link" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li> | 70 | <li><i class="fa fa-link" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li> |
| 62 | <li><i class="fa fa-file-code-o" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li> | 71 | <li><i class="fa fa-file-code-o" aria-hidden="true"></i> <a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li> |
| 63 | </ul> | 72 | </ul> |
| @@ -108,17 +117,12 @@ | @@ -108,17 +117,12 @@ | ||
| 108 | <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a> | 117 | <a href="#" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a> |
| 109 | <ul class="dropdown-menu" aria-labelledby="dLabel"> | 118 | <ul class="dropdown-menu" aria-labelledby="dLabel"> |
| 110 | <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link</a></li> | 119 | <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createLinksModal">Create a Link</a></li> |
| 111 | - <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createFileModal">Create a file</a></li> | 120 | + <li><a href="javascript:void(0)" data-toggle="modal" data-target="#fileModal">Create a file</a></li> |
| 112 | </ul> | 121 | </ul> |
| 113 | </div> | 122 | </div> |
| 114 | </div> | 123 | </div> |
| 115 | <ul> | 124 | <ul> |
| 116 | - <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#editFileModal"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeFileModal"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li> | ||
| 117 | - <li><a href="#">Book 1</a> </li> | ||
| 118 | - <li class="icon_edit_remove"> <a href="#" data-toggle="modal" data-target="#linksModalEdit"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></a> <a href="#" data-toggle="modal" data-target="#removeLink"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a></li> | ||
| 119 | - <li><a href="#" data-toggle="modal" data-target="#linksModal">Link 1</a></li> | ||
| 120 | - <li class="icon_edit_remove"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i> <i class="fa fa-trash fa-lg" aria-hidden="true"></i></li> | ||
| 121 | - <li><a href="#" data-toggle="modal" data-target="#embedModal">EMBED Material</a></li> | 125 | + {% list_topic_file_edit request topic %} |
| 122 | </ul> | 126 | </ul> |
| 123 | </div> | 127 | </div> |
| 124 | <div class="col-xs-4 col-md-offset-1 col-md-4"> | 128 | <div class="col-xs-4 col-md-offset-1 col-md-4"> |
| @@ -172,86 +176,6 @@ | @@ -172,86 +176,6 @@ | ||
| 172 | </div> | 176 | </div> |
| 173 | </div> | 177 | </div> |
| 174 | <!-- END --> | 178 | <!-- END --> |
| 175 | - | ||
| 176 | - <!-- MODAL EDIT FILE --> | ||
| 177 | - <div class="modal fade" id="editFileModal" tabindex="-1" role="dialog" aria-labelledby="editFileLabel"> | ||
| 178 | - <div class="modal-dialog" role="document"> | ||
| 179 | - <div class="modal-content"> | ||
| 180 | - <div class="modal-header"> | ||
| 181 | - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | ||
| 182 | - <h4 class="modal-title" id="editFileLabel">Add File</h4> | ||
| 183 | - </div> | ||
| 184 | - <div class="modal-body"> | ||
| 185 | - <!-- Card --> | ||
| 186 | - | ||
| 187 | - <form class="form-horizontal"> | ||
| 188 | - <fieldset> | ||
| 189 | - | ||
| 190 | - <div class="form-group"> | ||
| 191 | - <label for="inputName" class="col-md-2 control-label">Name</label> | ||
| 192 | - | ||
| 193 | - <div class="col-md-10"> | ||
| 194 | - <input type="text" class="form-control" id="inputText" placeholder="Name" value="Book 1"> | ||
| 195 | - </div> | ||
| 196 | - </div> | ||
| 197 | - | ||
| 198 | - <div class="form-group is-empty is-fileinput"> | ||
| 199 | - <label for="inputFile" class="col-md-2 control-label">File</label> | ||
| 200 | - | ||
| 201 | - <div class="col-md-10"> | ||
| 202 | - <input type="text" readonly="" class="form-control" placeholder="Browse..."> | ||
| 203 | - <input type="file" id="inputFile" multiple=""> | ||
| 204 | - </div> | ||
| 205 | - </div> | ||
| 206 | - | ||
| 207 | - | ||
| 208 | - <div class="form-group"> | ||
| 209 | - <div class="col-md-12 text-center"> | ||
| 210 | - <p><b>The file size shouldn't exceed 10MB</b></p> | ||
| 211 | - </div> | ||
| 212 | - </div> | ||
| 213 | - | ||
| 214 | - <div class="form-group"> | ||
| 215 | - <div class="col-md-12"> | ||
| 216 | - <a href="javascript:void(0)" class="btn btn-raised btn-default">Cancel</a> | ||
| 217 | - <a href="javascript:void(0)" class="btn btn-raised btn-primary">Submit</a> | ||
| 218 | - </div> | ||
| 219 | - </div> | ||
| 220 | - </fieldset> | ||
| 221 | - </form> | ||
| 222 | - | ||
| 223 | - | ||
| 224 | - <!-- .end Card --> | ||
| 225 | - </div> | ||
| 226 | - </div> | ||
| 227 | - </div> | ||
| 228 | - </div> | ||
| 229 | - | ||
| 230 | -{% if user|has_role:'system_admin' or topic.owner == user%} | ||
| 231 | - {% include "files/create_file.html" %} | ||
| 232 | -{% endif %} | ||
| 233 | - | ||
| 234 | - <!-- MODAL REMOVE FILE --> | ||
| 235 | - <div class="modal" id="removeFileModal"> | ||
| 236 | - <div class="modal-dialog"> | ||
| 237 | - <div class="modal-content"> | ||
| 238 | - <div class="modal-header"> | ||
| 239 | - <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button> | ||
| 240 | - <h4 class="modal-title"></h4> | ||
| 241 | - </div> | ||
| 242 | - <div class="modal-body"> | ||
| 243 | - <p>Do you really want to delete this file?</p> | ||
| 244 | - </div> | ||
| 245 | - <div class="modal-footer"> | ||
| 246 | - | ||
| 247 | - <a href="#" target="_self"><button type="button" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Confirm</button></a> | ||
| 248 | - | ||
| 249 | - </div> | ||
| 250 | - </div> | ||
| 251 | - </div> | ||
| 252 | - </div> | ||
| 253 | - <!-- END --> | ||
| 254 | - | ||
| 255 | <!--MODAL VIEW LINK--> | 179 | <!--MODAL VIEW LINK--> |
| 256 | <div class="modal fade" id="linksModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> | 180 | <div class="modal fade" id="linksModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
| 257 | <div class="modal-dialog" role="document"> | 181 | <div class="modal-dialog" role="document"> |