API tools faq
paste
Advertisement
hinoton123

html/list dan upload

hinoton123
Mar 23rd, 2020
239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.46 KB | None | 0 0
raw download clone embed print report
  1. {% extends 'index.html' %}
  2. {% load static %}
  3. {% block content %}
  4. <form action="{% url 'emp:list_cekdoc' %}" method="post">
  5. {% csrf_token %}
  6. <div class="row">
  7. <div id="message"></div>
  8. <a class="likebutton" id="likebutton" href="#" data-catid="1" onclick="clickdata()">Like</a>
  9. <div>
  10. <div class="row search-page" id="search-page-1">
  11. <div class="col-xs-12">
  12. <div class="row">
  13. <div class="col-xs-12 col-sm-12">
  14. {#BEGIN ROW -- HEADER FILTER#}
  15. <div class="row">
  16. <div class="search-area well col-xs-12">
  17. <div class="pull-left">
  18. {# Header button for document status #}
  19. <b class="text-primary">Status</b>
  20. &nbsp;
  21. <div id="toggle-result-format" class="btn-group btn-overlap" data-toggle="buttons">
  22.  
  23. <a href="" class="btn btn-lg btn-white btn-blue "><i class="icon-only ace-icon fa fa-battery-full"></i></a>
  24. <a href="" class="btn btn-lg btn-white btn-blue "><i class="icon-only ace-icon fa fa-battery-quarter"></i></a>
  25. <a href="" class="btn btn-lg btn-white btn-blue "><i class="icon-only ace-icon fa fa-battery-empty"></i></a>
  26.  
  27. </div>
  28. </div>
  29.  
  30. <div class="pull-right">
  31. <b class="text-primary">Choose incomplete Doc :</b>
  32. &nbsp;
  33. <select onchange='this.form.submit()' name='document'>
  34. <option value='all'>All</option>
  35. {# looping for document type header #}
  36. {% for masterdoc in list_masterdoc %}
  37. {%
  38. s = masterdoc.doc_id
  39. x = sdoc_id
  40. %}
  41. <option value='{{masterdoc.doc_id}}' {% if masterdoc.doc_id == sdoc_id %} Selected {% endif %}>{{masterdoc.doc_name}} {{masterdoc.doc_id}} {{sdoc_id}}</option>
  42. {% endfor %}
  43. </select>
  44. </div>
  45. </div>
  46. </div>
  47. {#END ROW -- HEADER FILTER#}
  48. {#BEGIN ROW -- TABLE#}
  49. <div class="row">
  50. <table id="dynamic-table" class="table table-striped table-bordered table-hover">
  51. <thead>
  52. <th class="center">
  53. <label class="pos-rel"><input type="checkbox" class="ace" /><span class="lbl"></span>
  54. </label>
  55. </th>
  56. <th scope="col" >Nik</th>
  57. <th scope="col" >Name</th>
  58. {#Looping for Document Item Header #}
  59. {% for masterdoc in list_headerdoc %}
  60. <th scope="col" >{{masterdoc.alias_name}}</th>
  61. {% endfor %}
  62. <th scope="col" ></th>
  63. </thead>
  64. <tbody>
  65. {# begin for Group employee looping #}
  66. {% regroup list_cekdoc by emp_number as emp_list %}
  67. {% for emp in emp_list %}
  68. <tr>
  69. <td class="center">
  70. <label class="pos-rel">
  71. <input type="checkbox" class="ace" />
  72. <span class="lbl"></span>
  73. </label>
  74. </td>
  75. <td align="center">{{emp.grouper.emp_number}}</td>
  76. <td>{{emp.grouper.emp_name}}</td>
  77. {# looping for document type #}
  78. {% for doc in emp.list %}
  79. <td align="center"><a href=""><i class="ace-icon fa {%if doc.status == 'Y'%}fa-file-pdf-o {% endif %} blue bigger-150"></i></a></td>
  80. {% endfor %}
  81. <td align="center">
  82. <div class="hidden-sm hidden-xs action-buttons">
  83. <a class="red" href="" data-toggle="modal" data-target="#exampleModal{{emp.grouper.emp_number}}">
  84. <i class="ace-icon fa fa-flag bigger-130"></i>
  85. </a>
  86. </div>
  87. </td>
  88. </tr>
  89.  
  90. <!-- Modal INSIDE ROW DATA -->
  91. <div class="modal fade" id="exampleModal{{emp.grouper.emp_number}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  92. <div class="modal-dialog" role="document">
  93. <div class="modal-content">
  94. {#MODAL HEADER #}
  95. <div class="modal-header">
  96. <h5 class="modal-title" id="exampleModalLabel">Change Document Status</h5>
  97. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  98. <span aria-hidden="true">&times;</span>
  99. </button>
  100. </div>
  101. {#MODAL BODY #}
  102. <div class="modal-body">
  103. {# BEGIN FOR ROW DOCUMENT AND CHECKBOX #}
  104. {% for doc in emp.list %}
  105. <div class="row">
  106. <div class="col-xs-5">
  107. <div class="checkbox">
  108. <label>
  109. <input name="switch-field-1{{doc.id}}" class="ace ace-switch ace-switch-6" type="checkbox" {% if doc.status == 'Y' %} checked='Yes' {% endif %}/>
  110. <span class="lbl bigger-120">&nbsp;{{doc.doc_id.doc_name}}</span>
  111. </label>
  112. </div>
  113. </div>
  114. <div class="col-xs-5">
  115. {% if doc.status != 'Y' %}
  116. <input type="file" id="id-input-file-2" data-url="{% url 'emp:upload_view' %}" name="{{doc.id}}" data-form-data='{"csrfmiddlewaretoken": "{{ csrf_token }}"}' />
  117. {% else %}
  118. <a href=""> <i class="ace-icon fa fa-file-pdf-o bigger-130"></i> Download file </a>
  119. {% endif %}
  120. </div>
  121. </div>
  122. {% endfor %}
  123. {#END ROW #}
  124. </div>
  125. {#MODAL FOOTER #}
  126. <div class="modal-footer">
  127. <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  128. <button type="submit" class="btn btn-primary">Save changes</button>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. {# END MODAL #}
  134. {% endfor %}
  135. </tbody>
  136. </table>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </form>
  145. {% endblock content %}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!