base.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6. <head>
  7. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <meta name="renderer" content="webkit">
  11. <title>{% block title %}邵武一中新闻部摄影大赛-投票系统{% endblock %}</title>
  12. <!-- Bootstrap -->
  13. <link href="/static/css/bootstrap.css" rel="stylesheet">
  14. <link href="/static/css/common.css" rel="stylesheet">
  15. <link rel="stylesheet" type="text/css" href="/static/css/footer.css">
  16. <script src="/static/js/jquery.min.js"></script>
  17. <script src="/static/js/jquery.myext.js"></script>
  18. <script src="/static/js/bootstrap.min.js"></script>
  19. <script src="/static/js/bootstrap-datetimepicker.min.js"></script>
  20. <script src="/static/js/bootstrap-datetimepicker.zh-CN.js"></script>
  21. <link rel="stylesheet" href="/static/css/icomoon-social.css">
  22. <link rel="stylesheet" href="/static/css/leaflet.css" />
  23. <!--[if lte IE 8]>
  24. <link rel="stylesheet" href="/static/css/leaflet.ie.css" />
  25. <![endif]-->
  26. <link rel="stylesheet" href="/static/css/main.css">
  27. <script src="/static/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  28. {% block head %}{% endblock %}
  29. <style type="text/css">
  30. body { margin-bottom: 120px !important;}
  31. </style>
  32. </head>
  33. <body>
  34. <!-- 导航栏 -->
  35. <div class="mainmenu-wrapper">
  36. <div class="container">
  37. <div class="menuextras">
  38. <div class="extras">
  39. <ul>
  40. {% if user.is_authenticated %}
  41. <li class="dropdown">
  42. <a href="" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> {{ request.user.username }} <b class="caret"></b></a>
  43. <ul class="dropdown-menu" role="menu">
  44. {% ifnotequal user.role.name "普通学生" %}
  45. <li role="menuitem"><a href='/admin'> 后台管理</a></li>
  46. {% endifnotequal %}
  47. <li role="menuitem"><a href="{% url 'logouturl' %}"> 注销登陆</a></li>
  48. </ul>
  49. </li>
  50. {% else %}
  51. <li {% if 'login' in request.path %} class="active" {% endif %}><a href="{% url 'loginurl' %}">登陆</a></li>
  52. {% endif %}
  53. </ul>
  54. </div>
  55. </div>
  56. <nav id="mainmenu" class="mainmenu">
  57. {% if user.is_authenticated %}
  58. <ul>
  59. <li><a href="javascript:history.back();" style="color:rgb(10, 103, 171);"><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span>后退</a></li>
  60. <li class="logo-wrapper"><a href="/"><img src="/static/img/logo.png"></a></li>
  61. <li {% if request.path = "/admin/" %} class="active" {% endif %}><a href="/admin/">后台主页</a></li>
  62. <li {% if request.path = "/" %} class="active" {% endif %}><a href="/">前台主页</a></li>
  63. <li {% if 'about' in request.path %} class="active" {% endif %}><a href="/about">关于</a></li>
  64. </ul>
  65. {% else %}
  66. <ul>
  67. <li class="logo-wrapper"><a href="/"><img src="/static/img/logo.png"></a></li>
  68. <li {% if request.path = '/' %} class="active" {% endif %}><a href="/">主页</a></li>
  69. <li {% if 'about' in request.path %} class="active" {% endif %}><a href="/about">关于</a></li>
  70. </ul>
  71. {% endif %}
  72. </nav>
  73. <!--/.nav-collapse -->
  74. </div>
  75. </div>
  76. <!-- 内容区域 -->
  77. <div class="container" style="width:90%">
  78. <br />
  79. <div class="row">
  80. <div class="col-md-2">
  81. {% include "sidebar.html" %}
  82. </div>
  83. <div class="col-md-10">
  84. {% block content %}{% endblock %}
  85. </div>
  86. </div>
  87. </div>
  88. {% include "footer.html" %}
  89. <script src="/static/js/jquery.fitvids.js"></script>
  90. <script src="/static/js/jquery.sequence-min.js"></script>
  91. <script src="/static/js/jquery.bxslider.js"></script>
  92. <script src="/static/js/main-menu.js"></script>
  93. <script src="/static/js/template.js"></script>
  94. <script src="/static/js/navmsg.js"></script>
  95. <script src="/static/js/bootstrap-datetimepicker.min.js"></script>
  96. <script src="/static/js/bootstrap-datetimepicker.zh-CN.js"></script>
  97. <script>
  98. $(function(){
  99. //页面初始化
  100. window.onload=function(){
  101. $("#j-event-list li:first").trigger("click");//触发:用户选择事件
  102. $("#go12").trigger("click");//触发:查询
  103. };
  104. $('.form_date').datetimepicker({
  105. language: 'zh-CN',
  106. weekStart: 1,
  107. todayBtn: 1,
  108. autoclose: 1,
  109. todayHighlight: 1,
  110. startView: 2,
  111. minView: 2,
  112. forceParse: 0,
  113. pickerPosition: "bottom-left"
  114. });
  115. $("#j-wds-ctl").bind("click",function(){
  116. if($(this).find("i").hasClass("glyphicon-th-list")){
  117. $(this).find("i").removeClass("glyphicon-th-list").addClass("glyphicon-fullscreen");
  118. $(".G-wrap-fluid").addClass("G-wrap-static");
  119. }else{
  120. $(this).find("i").removeClass("glyphicon-fullscreen").addClass("glyphicon-th-list");
  121. $(".G-wrap-fluid").removeClass("G-wrap-static");
  122. };
  123. $(window).trigger("resize");
  124. $("#j-chart").hide().delay(100).fadeIn();
  125. return false;
  126. });
  127. });
  128. </script>
  129. </body>
  130. </html>