settings.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. <!-- settings -->
  2. <button class="btn btn-default no-shadow pos-abt" ui-toggle-class="active" target=".settings">
  3. <i class="fa fa-spin fa-gear"></i>
  4. </button>
  5. <div class="panel-heading">
  6. Settings
  7. </div>
  8. <div class="panel-body">
  9. <div class="m-b-sm">
  10. <label class="i-switch bg-info pull-right">
  11. <input type="checkbox" ng-model="app.settings.headerFixed">
  12. <i></i>
  13. </label>
  14. Fixed header
  15. </div>
  16. <div class="m-b-sm">
  17. <label class="i-switch bg-info pull-right">
  18. <input type="checkbox" ng-model="app.settings.asideFixed">
  19. <i></i>
  20. </label>
  21. Fixed aside
  22. </div>
  23. <div class="m-b-sm">
  24. <label class="i-switch bg-info pull-right">
  25. <input type="checkbox" ng-model="app.settings.asideFolded">
  26. <i></i>
  27. </label>
  28. Folded aside
  29. </div>
  30. <div class="m-b-sm">
  31. <label class="i-switch bg-info pull-right">
  32. <input type="checkbox" ng-model="app.settings.asideDock">
  33. <i></i>
  34. </label>
  35. Dock aside
  36. </div>
  37. <div>
  38. <label class="i-switch bg-info pull-right">
  39. <input type="checkbox" ng-model="app.settings.container">
  40. <i></i>
  41. </label>
  42. Boxed layout
  43. </div>
  44. </div>
  45. <div class="wrapper b-t b-light bg-light lter r-b">
  46. <div class="row row-sm">
  47. <div class="col-xs-6">
  48. <label class="i-checks block m-b" ng-click="
  49. app.settings.navbarHeaderColor='bg-black';
  50. app.settings.navbarCollapseColor='bg-white-only';
  51. app.settings.asideColor='bg-black';
  52. ">
  53. <input type="radio" name="a" ng-model="app.settings.themeID" value="1">
  54. <span class="block bg-light clearfix pos-rlt">
  55. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  56. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  57. </span>
  58. <b class="bg-black header"></b>
  59. <b class="bg-white header"></b>
  60. <b class="bg-black"></b>
  61. </span>
  62. </label>
  63. <label class="i-checks block m-b" ng-click="
  64. app.settings.navbarHeaderColor='bg-dark';
  65. app.settings.navbarCollapseColor='bg-white-only';
  66. app.settings.asideColor='bg-dark';
  67. ">
  68. <input type="radio" name="a" ng-model="app.settings.themeID" value="13">
  69. <span class="block bg-light clearfix pos-rlt">
  70. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  71. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  72. </span>
  73. <b class="bg-dark header"></b>
  74. <b class="bg-white header"></b>
  75. <b class="bg-dark"></b>
  76. </span>
  77. </label>
  78. <label class="i-checks block m-b" ng-click="
  79. app.settings.navbarHeaderColor='bg-white-only';
  80. app.settings.navbarCollapseColor='bg-white-only';
  81. app.settings.asideColor='bg-black';
  82. ">
  83. <input type="radio" ng-model="app.settings.themeID" value="2">
  84. <span class="block bg-light clearfix pos-rlt">
  85. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  86. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  87. </span>
  88. <b class="bg-white header"></b>
  89. <b class="bg-white header"></b>
  90. <b class="bg-black"></b>
  91. </span>
  92. </label>
  93. <label class="i-checks block m-b" ng-click="
  94. app.settings.navbarHeaderColor='bg-primary';
  95. app.settings.navbarCollapseColor='bg-white-only';
  96. app.settings.asideColor='bg-dark';
  97. ">
  98. <input type="radio" ng-model="app.settings.themeID" value="3">
  99. <span class="block bg-light clearfix pos-rlt">
  100. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  101. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  102. </span>
  103. <b class="bg-primary header"></b>
  104. <b class="bg-white header"></b>
  105. <b class="bg-dark"></b>
  106. </span>
  107. </label>
  108. <label class="i-checks block m-b" ng-click="
  109. app.settings.navbarHeaderColor='bg-info';
  110. app.settings.navbarCollapseColor='bg-white-only';
  111. app.settings.asideColor='bg-black';
  112. ">
  113. <input type="radio" ng-model="app.settings.themeID" value="4">
  114. <span class="block bg-light clearfix pos-rlt">
  115. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  116. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  117. </span>
  118. <b class="bg-info header"></b>
  119. <b class="bg-white header"></b>
  120. <b class="bg-black"></b>
  121. </span>
  122. </label>
  123. <label class="i-checks block m-b" ng-click="
  124. app.settings.navbarHeaderColor='bg-success';
  125. app.settings.navbarCollapseColor='bg-white-only';
  126. app.settings.asideColor='bg-dark';
  127. ">
  128. <input type="radio" ng-model="app.settings.themeID" value="5">
  129. <span class="block bg-light clearfix pos-rlt">
  130. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  131. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  132. </span>
  133. <b class="bg-success header"></b>
  134. <b class="bg-white header"></b>
  135. <b class="bg-dark"></b>
  136. </span>
  137. </label>
  138. <label class="i-checks block" ng-click="
  139. app.settings.navbarHeaderColor='bg-danger';
  140. app.settings.navbarCollapseColor='bg-white-only';
  141. app.settings.asideColor='bg-dark';
  142. ">
  143. <input type="radio" ng-model="app.settings.themeID" value="6">
  144. <span class="block bg-light clearfix pos-rlt">
  145. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  146. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  147. </span>
  148. <b class="bg-danger header"></b>
  149. <b class="bg-white header"></b>
  150. <b class="bg-dark"></b>
  151. </span>
  152. </label>
  153. </div>
  154. <div class="col-xs-6">
  155. <label class="i-checks block m-b" ng-click="
  156. app.settings.navbarHeaderColor='bg-black';
  157. app.settings.navbarCollapseColor='bg-black';
  158. app.settings.asideColor='bg-white b-r';
  159. ">
  160. <input type="radio" ng-model="app.settings.themeID" value="7">
  161. <span class="block bg-light clearfix pos-rlt">
  162. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  163. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  164. </span>
  165. <b class="bg-black header"></b>
  166. <b class="bg-black header"></b>
  167. <b class="bg-white"></b>
  168. </span>
  169. </label>
  170. <label class="i-checks block m-b" ng-click="
  171. app.settings.navbarHeaderColor='bg-dark';
  172. app.settings.navbarCollapseColor='bg-dark';
  173. app.settings.asideColor='bg-light';
  174. ">
  175. <input type="radio" name="a" ng-model="app.settings.themeID" value="14">
  176. <span class="block bg-light clearfix pos-rlt">
  177. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  178. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  179. </span>
  180. <b class="bg-dark header"></b>
  181. <b class="bg-dark header"></b>
  182. <b class="bg-light"></b>
  183. </span>
  184. </label>
  185. <label class="i-checks block m-b" ng-click="
  186. app.settings.navbarHeaderColor='bg-info dker';
  187. app.settings.navbarCollapseColor='bg-info dker';
  188. app.settings.asideColor='bg-light dker b-r';
  189. ">
  190. <input type="radio" ng-model="app.settings.themeID" value="8">
  191. <span class="block bg-light clearfix pos-rlt">
  192. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  193. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  194. </span>
  195. <b class="bg-info dker header"></b>
  196. <b class="bg-info dker header"></b>
  197. <b class="bg-light dker"></b>
  198. </span>
  199. </label>
  200. <label class="i-checks block m-b" ng-click="
  201. app.settings.navbarHeaderColor='bg-primary';
  202. app.settings.navbarCollapseColor='bg-primary';
  203. app.settings.asideColor='bg-dark';
  204. ">
  205. <input type="radio" ng-model="app.settings.themeID" value="9">
  206. <span class="block bg-light clearfix pos-rlt">
  207. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  208. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  209. </span>
  210. <b class="bg-primary header"></b>
  211. <b class="bg-primary header"></b>
  212. <b class="bg-dark"></b>
  213. </span>
  214. </label>
  215. <label class="i-checks block m-b" ng-click="
  216. app.settings.navbarHeaderColor='bg-info dker';
  217. app.settings.navbarCollapseColor='bg-info dk';
  218. app.settings.asideColor='bg-black';
  219. ">
  220. <input type="radio" ng-model="app.settings.themeID" value="10">
  221. <span class="block bg-light clearfix pos-rlt">
  222. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  223. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  224. </span>
  225. <b class="bg-info dker header"></b>
  226. <b class="bg-info dk header"></b>
  227. <b class="bg-black"></b>
  228. </span>
  229. </label>
  230. <label class="i-checks block m-b" ng-click="
  231. app.settings.navbarHeaderColor='bg-success';
  232. app.settings.navbarCollapseColor='bg-success';
  233. app.settings.asideColor='bg-dark';
  234. ">
  235. <input type="radio" ng-model="app.settings.themeID" value="11">
  236. <span class="block bg-light clearfix pos-rlt">
  237. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  238. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  239. </span>
  240. <b class="bg-success header"></b>
  241. <b class="bg-success header"></b>
  242. <b class="bg-dark"></b>
  243. </span>
  244. </label>
  245. <label class="i-checks block" ng-click="
  246. app.settings.navbarHeaderColor='bg-danger dker bg-gd';
  247. app.settings.navbarCollapseColor='bg-danger dker bg-gd';
  248. app.settings.asideColor='bg-dark';
  249. ">
  250. <input type="radio" ng-model="app.settings.themeID" value="12">
  251. <span class="block bg-light clearfix pos-rlt">
  252. <span class="active pos-abt w-full h-full bg-black-opacity text-center">
  253. <i class="glyphicon glyphicon-ok text-white m-t-xs"></i>
  254. </span>
  255. <b class="bg-danger dker header"></b>
  256. <b class="bg-danger dker header"></b>
  257. <b class="bg-dark"></b>
  258. </span>
  259. </label>
  260. </div>
  261. </div>
  262. </div>
  263. <!-- /settings -->