添加sidebar的收缩支持

src/main/resources/templates/addTask.html

@@ -287,7 +287,7 @@
 <!-- FastClick -->
 <script src="/static/AdminLTE/bower_components/fastclick/lib/fastclick.js"></script>
 <!-- AdminLTE App -->
-<script src="/static/AdminLTE/dist/js/adminlte.min.js"></script>
+<!--<script src="/static/AdminLTE/dist/js/adminlte.min.js"></script>-->
 <!-- AdminLTE for demo purposes -->
 <script src="/static/AdminLTE/dist/js/demo.js"></script>
 <!-- add Task js for this file only -->

src/main/resources/templates/base.html

@@ -51,22 +51,29 @@
                     <b>众包审核</b>
                 </span>
         </a>
+        <nav class="navbar navbar-static-top">
+            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
 
-        <!-- Header Navbar -->
-        <div class="navbar navbar-static-top" role="navigation">
-            <!-- Navbar Right Menu -->
-            <div class="navbar-custom-menu">
-                <ul class="nav navbar-nav">
-                    <li class="user user-menu">
-                        <a href="#">
-                            <img src="/static/images/avatar/avatar-admin.jpg" class="user-image" alt="User Image" />
-                            <span class="hidden-xs">Admin</span>
-                        </a>
-                    </li>
+                <span class="sr-only">Toggle navigation</span>
+            </a>
 
-                </ul>
+            <!-- Header Navbar -->
+            <div class="navbar navbar-static-top" role="navigation">
+                <!-- Navbar Right Menu -->
+                <div class="navbar-custom-menu">
+                    <ul class="nav navbar-nav">
+                        <li class="user user-menu">
+                            <a href="#">
+                                <img src="/static/images/avatar/avatar-admin.jpg" class="user-image" alt="User Image" />
+                                <span class="hidden-xs">Admin</span>
+                            </a>
+                        </li>
+
+                    </ul>
+                </div>
             </div>
-        </div>
+        </nav>
+
     </header>
 
     <div layout:fragment="mainbody"></div>
@@ -82,6 +89,23 @@
 <!-- Include all compiled plugins (below), or include individual files as needed -->
 
 <div layout:fragment="js"></div>
+<script>
+    $(document).ready(function () {
+        $('.sidebar-toggle').click(function () {
+            var classs  = $('body').attr("class");
+            var flag = classs.indexOf('sidebar-collapse')
+            if(flag!=-1){
+                $('body').removeClass("sidebar-collapse")
+            }else{
+                $('body').addClass("sidebar-collapse")
+            }
+            // alert("beijing")
+        })
+    })
+</script>
+
+<!-- AdminLTE App -->
+<script src="/static/AdminLTE/dist/js/adminlte.min.js"></script>
 
 </body>
 </html>

src/main/resources/templates/task_detail.html

@@ -261,5 +261,4 @@
 <script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
 <script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
 <script src="/static/AdminLTE/bower_components/select2/dist/js/select2.min.js"></script>
-
 <script src="/static/js/app_info.js"></script>

src/main/resources/templates/task_list.html

@@ -147,6 +147,7 @@
 <script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
 <script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
 <script src="/static/AdminLTE/bower_components/select2/dist/js/select2.min.js"></script>
+
 <script type="text/javascript">
     $(document).ready(function(){
         $('[data-toggle="tooltip"]').tooltip();