collect.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. {% extends 'base/base.html' %}
  2. {% block script %}
  3. {{ super()}}
  4. <script type=text/javascript>
  5. var collectData = {
  6. 'collect_url':"{{ url_for('mine.collect')}}",
  7. 'collect_action_url':"{{ url_for('mine.collect',collectId = collect.id)}}",
  8. 'collect_detail_url':"{{ url_for('mine.collect_detail')}}",
  9. 'collect_detail_action_url':"{{ url_for('mine.collect_detail',collectId = collect.id)}}"
  10. }
  11. DoCollect(collectData);
  12. </script>
  13. {% endblock %}
  14. {% block content %}
  15. {{ breadcrumb(hrefs={_('My Collects'):url_for('mine.collect')},active=collect.name)}}
  16. <div class="row">
  17. <div class="col-md-9">
  18. <div class="panel panel-default">
  19. <div class="panel-heading">
  20. <span class="pull-right">
  21. <a class="btn btn-default btn-sm" href="javascript:void(0)" data-toggle="modal" data-target="#editcollect">{{ _('edit') }}</a>
  22. <a class="btn btn-default btn-sm" href="javascript:void(0)" data-toggle="modal" data-target="#deletecollect">{{ _('delete')}}</a>
  23. </span>
  24. <h4> <strong>{{ collect.name }}</strong></h4>
  25. </div>
  26. {% if topics.items %}
  27. {% for topic in topics.items %}
  28. <div class="panel-body" style="border-bottom:1px solid #eee">
  29. <a href="{{ url_for('topic.topic',topicId=topic.uid)}}">{{ topic.title}}</a>
  30. <span id="delete-from-collect" class="pull-right btn btn-sm btn-danger" data-id="{{ topic.uid }}">{{_('delete')}}</span>
  31. </div>
  32. {% endfor %}
  33. {% else %}
  34. <div class="panel-body">
  35. <span class="text-center" style="display:block;width:100%;color:#999">
  36. {{_('No Collect')}}
  37. </span>
  38. </div>
  39. {% endif %}
  40. </div>
  41. </div>
  42. <div class="col-md-3" style="padding-left:0">
  43. {{ panel_base.collect() }}
  44. </div>
  45. </div>
  46. <div class="modal fade" id="editcollect" tabindex="-1" role="dialog" aria-labelledby="editcollectLabel">
  47. <div class="modal-dialog" role="document">
  48. <div class="modal-content">
  49. <div class="modal-header">
  50. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  51. <h4 class="modal-title" id="editcollectLabel">{{_('Edit the collect')}}</h4>
  52. </div>
  53. <form id="editcollectform">
  54. <div class="modal-body">
  55. <div class="form-group">
  56. {{ form.name.label }}
  57. {{ form.name(class="form-control")}}
  58. </div>
  59. <div class="form-group">
  60. {{ form.description.label }}
  61. {{ form.description(class="form-control")}}
  62. </div>
  63. {% for subfield in form.is_privacy %}
  64. <div class="form-group">
  65. {{subfield}}
  66. {{subfield.label}}
  67. </div>
  68. {% endfor %}
  69. </div>
  70. <div class="modal-footer">
  71. <button type="button" class="btn btn-default" data-dismiss="modal">{{ _('cancel')}}</button>
  72. <button type="button" id="edit-collect-form" class="btn btn-primary">{{_('confirm')}}</button>
  73. </div>
  74. </form>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="modal fade" id="deletecollect" tabindex="-1" role="dialog" aria-labelledby="deletecollectLabel">
  79. <div class="modal-dialog" role="document">
  80. <div class="modal-content">
  81. <div class="modal-header">
  82. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  83. <h4 class="modal-title" id="deletecollectLabel">{{_('Delete this collect')}}</h4>
  84. </div>
  85. <div class="modal-body">
  86. <p>确认要删除收藏夹「flask相关」么?</p>
  87. 注意:收藏夹下的收藏也会被删除!
  88. </div>
  89. <div class="modal-footer" style="padding-top:5px;padding-bottom:5px;">
  90. <button type="button" class="btn btn-default" data-dismiss="modal">{{_('cancel')}}</button>
  91. <button type="button" id="delete-collect-form" class="btn btn-danger">{{_('confirm')}}</button>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. {% endblock %}