add page select for skinlib

assets/src/js/skinlib.js

@@ -2,11 +2,24 @@
 * @Author: prpr
 * @Date:   2016-07-19 10:46:38
 * @Last Modified by:   printempw
-* @Last Modified time: 2016-07-22 10:25:54
+* @Last Modified time: 2016-07-23 12:10:01
 */
 
 'use strict';
 
+$('#page-select').on('change', function() {
+    // if has query strings
+    if (getQueryString('filter') != "" || getQueryString('sort') != "") {
+        if (getQueryString('page') == "")
+            window.location = location.href + "&page=" + $(this).val();
+        else
+            window.location = "?filter="+getQueryString('filter')+"&sort="+getQueryString('sort')+"&page="+$(this).val();
+    } else {
+        window.location = "?page=" + $(this).val();
+    }
+
+});
+
 function addToCloset(tid) {
     var dom = '<div class="form-group">'+
                     '<label for="new-name">给你的皮肤起个名字吧~</label>'+
@@ -17,6 +30,12 @@ function addToCloset(tid) {
 }
 
 function ajaxAddToCloset(tid) {
+    // remove interference of modal which is hide
+    $('.modal').each(function() {
+        if ($(this).css('display') == "none")
+            $(this).remove();
+    });
+
     var name = $('#new-name').val();
 
     if (name == "") {

assets/src/sass/skinlib.scss

@@ -1,26 +1,31 @@
 /*
 * @Author: printempw
 * @Date:   2016-07-10 17:17:07
-* @Last Modified by:   prpr
-* @Last Modified time: 2016-07-21 21:13:07
+* @Last Modified by:   printempw
+* @Last Modified time: 2016-07-23 12:12:50
 */
 
 @import "style.scss";
 
-.navbar-nav>.user-menu .user-image {
-    border-radius: 10%;
+.navbar-nav {
+    .user-menu .user-image {
+        border-radius: 10%;
+    }
 }
 
 .main-header #navbar-search-input.form-control {
     border-radius: 4px;
 }
 
-.item-footer > a {
-    color: #fff;
-}
+.item-footer {
+    a {
+        color: #fff;
+    }
 
-.item-footer > .like:hover, .item-footer > .liked {
-    color: #e0353b;
+    .like:hover,
+    .liked {
+        color: #e0353b;
+    }
 }
 
 .model-label {
@@ -39,7 +44,10 @@ div.likes {
     cursor: default;
 }
 
-div.likes:hover, div.likes:active, div.likes:focus, div.likes:active:focus {
+div.likes:hover,
+div.likes:active,
+div.likes:focus,
+div.likes:active:focus {
     background-color: #fff;
     border-color: #fff;
     color: #e0353b;
@@ -49,6 +57,6 @@ table {
     font-size: inherit;
 }
 
-.table>tbody>tr>td {
+.table > tbody > tr > td {
     border-top: none;
 }

resources/views/skinlib/index.tpl

@@ -89,6 +89,19 @@
 
                         <li><a href="?page={{ $total_pages }}">»</a></li>
                     </ul>
+
+                    <select id="page-select" class="pull-right">
+                    @for ($i = 1; $i <= $total_pages; $i++)
+
+                        @if ($i == $page)
+                        <option value='{{ $i }}' selected="selected">{{ $i }}</option>
+                        @else
+                        <option value='{{ $i }}'>{{ $i }}</option>
+                        @endif
+
+                    @endfor
+                    </select>
+
                     <p class="pull-right">第 {{ $page }} 页，共 {{ $total_pages }} 页</p>
                 </div>
             </div><!-- /.box -->