repsheet_visualizer 0.2.1 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (302) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +2 -0
  3. data/Gemfile.lock +1 -1
  4. data/lib/repsheet_visualizer/application/app.rb +13 -3
  5. data/lib/repsheet_visualizer/application/backend.rb +5 -1
  6. data/lib/repsheet_visualizer/application/public/css/application.css +64 -0
  7. data/lib/repsheet_visualizer/application/public/javascripts/application.js +10 -0
  8. data/lib/repsheet_visualizer/application/views/activity.erb +7 -5
  9. data/lib/repsheet_visualizer/application/views/actors.erb +8 -66
  10. data/lib/repsheet_visualizer/application/views/breakdown.erb +7 -25
  11. data/lib/repsheet_visualizer/application/views/whitelist.erb +82 -0
  12. data/lib/repsheet_visualizer/application/views/worldview.erb +10 -10
  13. data/lib/repsheet_visualizer/version.rb +1 -1
  14. data/redesign/actor.html +228 -0
  15. data/redesign/chart-flot.html +698 -0
  16. data/redesign/chart-morris.html +528 -0
  17. data/redesign/chart-sparkline.html +702 -0
  18. data/redesign/css/App.css +3436 -0
  19. data/redesign/css/Login.css +88 -0
  20. data/redesign/css/bootstrap.min.css +9 -0
  21. data/redesign/css/custom.css +0 -0
  22. data/redesign/css/font-awesome.min.css +395 -0
  23. data/redesign/fonts/FontAwesome.otf +0 -0
  24. data/redesign/fonts/fontawesome-webfont.eot +0 -0
  25. data/redesign/fonts/fontawesome-webfont.svg +414 -0
  26. data/redesign/fonts/fontawesome-webfont.ttf +0 -0
  27. data/redesign/fonts/fontawesome-webfont.woff +0 -0
  28. data/redesign/fonts/glyphicons-halflings-regular.eot +0 -0
  29. data/redesign/fonts/glyphicons-halflings-regular.svg +228 -0
  30. data/redesign/fonts/glyphicons-halflings-regular.ttf +0 -0
  31. data/redesign/fonts/glyphicons-halflings-regular.woff +0 -0
  32. data/redesign/form-extended.html +1052 -0
  33. data/redesign/form-regular.html +863 -0
  34. data/redesign/form-validation.html +678 -0
  35. data/redesign/img/avatars/avatar-1.jpg +0 -0
  36. data/redesign/img/avatars/avatar-2.jpg +0 -0
  37. data/redesign/img/avatars/avatar-large-1.jpg +0 -0
  38. data/redesign/img/avatars/avatar-large-2.jpg +0 -0
  39. data/redesign/img/gallery/zoom.png +0 -0
  40. data/redesign/img/jquery/handle-vertical.png +0 -0
  41. data/redesign/img/jquery/handle.png +0 -0
  42. data/redesign/img/layout/sidebar-bg.png +0 -0
  43. data/redesign/img/loaders/ajax-loader.gif +0 -0
  44. data/redesign/img/logos/logo-login.png +0 -0
  45. data/redesign/img/logos/logo.png +0 -0
  46. data/redesign/img/mockup.png +0 -0
  47. data/redesign/img/photos/blur-lg.jpg +0 -0
  48. data/redesign/img/photos/blur-sm.jpg +0 -0
  49. data/redesign/img/photos/clock-lg.jpg +0 -0
  50. data/redesign/img/photos/clock-sm.jpg +0 -0
  51. data/redesign/img/photos/lens-lg.jpg +0 -0
  52. data/redesign/img/photos/lens-sm.jpg +0 -0
  53. data/redesign/img/photos/map.png +0 -0
  54. data/redesign/img/photos/rust-lg.jpg +0 -0
  55. data/redesign/img/photos/rust-sm.jpg +0 -0
  56. data/redesign/img/pricing/label-editable.png +0 -0
  57. data/redesign/img/pricing/label-red.png +0 -0
  58. data/redesign/img/pricing/label-yellow.png +0 -0
  59. data/redesign/index.html +328 -0
  60. data/redesign/js/App.js +372 -0
  61. data/redesign/js/Login.js +17 -0
  62. data/redesign/js/demos/buttons.js +7 -0
  63. data/redesign/js/demos/calendar.js +142 -0
  64. data/redesign/js/demos/charts/flot/area.js +73 -0
  65. data/redesign/js/demos/charts/flot/chart1.js +77 -0
  66. data/redesign/js/demos/charts/flot/chart2.js +70 -0
  67. data/redesign/js/demos/charts/flot/chart3.js +71 -0
  68. data/redesign/js/demos/charts/flot/chart4.js +69 -0
  69. data/redesign/js/demos/charts/flot/donut.js +49 -0
  70. data/redesign/js/demos/charts/flot/horizontal.js +56 -0
  71. data/redesign/js/demos/charts/flot/line.js +76 -0
  72. data/redesign/js/demos/charts/flot/pie.js +50 -0
  73. data/redesign/js/demos/charts/flot/scatter.js +62 -0
  74. data/redesign/js/demos/charts/flot/stacked-area.js +86 -0
  75. data/redesign/js/demos/charts/flot/stacked-horizontal.js +60 -0
  76. data/redesign/js/demos/charts/flot/stacked-vertical.js +75 -0
  77. data/redesign/js/demos/charts/flot/vertical.js +70 -0
  78. data/redesign/js/demos/charts/morris/area.js +28 -0
  79. data/redesign/js/demos/charts/morris/bar.js +29 -0
  80. data/redesign/js/demos/charts/morris/donut.js +26 -0
  81. data/redesign/js/demos/charts/morris/line.js +30 -0
  82. data/redesign/js/demos/dashboard.js +26 -0
  83. data/redesign/js/demos/form-extended.js +61 -0
  84. data/redesign/js/demos/popups.js +16 -0
  85. data/redesign/js/demos/pricing.js +10 -0
  86. data/redesign/js/demos/sliders.js +77 -0
  87. data/redesign/js/libs/bootstrap.js +1999 -0
  88. data/redesign/js/libs/bootstrap.min.js +6 -0
  89. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  90. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  91. data/redesign/js/libs/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
  92. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  93. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  94. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  95. data/redesign/js/libs/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  96. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  97. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  98. data/redesign/js/libs/css/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
  99. data/redesign/js/libs/css/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
  100. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
  101. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
  102. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
  103. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css +294 -0
  104. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.min.css +7 -0
  105. data/redesign/js/libs/jquery-1.9.1.min.js +5 -0
  106. data/redesign/js/libs/jquery-ui-1.9.2.custom.min.js +6 -0
  107. data/redesign/js/libs/jquery.min.map +1 -0
  108. data/redesign/js/libs/raphael-2.1.2.min.js +11 -0
  109. data/redesign/js/plugins/autosize/jquery.autosize.min.js +7 -0
  110. data/redesign/js/plugins/datatables/DT_bootstrap.js +148 -0
  111. data/redesign/js/plugins/datatables/img/Sorting icons.psd +0 -0
  112. data/redesign/js/plugins/datatables/img/back_disabled.png +0 -0
  113. data/redesign/js/plugins/datatables/img/back_enabled.png +0 -0
  114. data/redesign/js/plugins/datatables/img/back_enabled_hover.png +0 -0
  115. data/redesign/js/plugins/datatables/img/datatable-row-openclose.png +0 -0
  116. data/redesign/js/plugins/datatables/img/favicon.ico +0 -0
  117. data/redesign/js/plugins/datatables/img/forward_disabled.png +0 -0
  118. data/redesign/js/plugins/datatables/img/forward_enabled.png +0 -0
  119. data/redesign/js/plugins/datatables/img/forward_enabled_hover.png +0 -0
  120. data/redesign/js/plugins/datatables/img/sort_asc.png +0 -0
  121. data/redesign/js/plugins/datatables/img/sort_asc_disabled.png +0 -0
  122. data/redesign/js/plugins/datatables/img/sort_both.png +0 -0
  123. data/redesign/js/plugins/datatables/img/sort_desc.png +0 -0
  124. data/redesign/js/plugins/datatables/img/sort_desc_disabled.png +0 -0
  125. data/redesign/js/plugins/datatables/jquery.dataTables.min.js +155 -0
  126. data/redesign/js/plugins/datepicker/bootstrap-datepicker.js +1258 -0
  127. data/redesign/js/plugins/datepicker/datepicker.css +481 -0
  128. data/redesign/js/plugins/datepicker/less/datepicker.less +122 -0
  129. data/redesign/js/plugins/fileupload/bootstrap-fileupload.css +132 -0
  130. data/redesign/js/plugins/fileupload/bootstrap-fileupload.js +169 -0
  131. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.css +31 -0
  132. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.js +7 -0
  133. data/redesign/js/plugins/flot/jquery.flot.js +2599 -0
  134. data/redesign/js/plugins/flot/jquery.flot.orderBars.js +186 -0
  135. data/redesign/js/plugins/flot/jquery.flot.pie.js +750 -0
  136. data/redesign/js/plugins/flot/jquery.flot.resize.js +57 -0
  137. data/redesign/js/plugins/flot/jquery.flot.stack.js +184 -0
  138. data/redesign/js/plugins/flot/jquery.flot.tooltip.min.js +14 -0
  139. data/redesign/js/plugins/fullcalendar/fullcalendar.css +589 -0
  140. data/redesign/js/plugins/fullcalendar/fullcalendar.js +6110 -0
  141. data/redesign/js/plugins/fullcalendar/fullcalendar.min.js +7 -0
  142. data/redesign/js/plugins/fullcalendar/fullcalendar.print.css +32 -0
  143. data/redesign/js/plugins/fullcalendar/gcal.js +107 -0
  144. data/redesign/js/plugins/howl/howl.js +70 -0
  145. data/redesign/js/plugins/howl/howl.min.js +2 -0
  146. data/redesign/js/plugins/icheck/jquery.icheck.js +462 -0
  147. data/redesign/js/plugins/icheck/jquery.icheck.min.js +11 -0
  148. data/redesign/js/plugins/icheck/skins/all.css +61 -0
  149. data/redesign/js/plugins/icheck/skins/flat/_all.css +540 -0
  150. data/redesign/js/plugins/icheck/skins/flat/aero.css +54 -0
  151. data/redesign/js/plugins/icheck/skins/flat/aero.png +0 -0
  152. data/redesign/js/plugins/icheck/skins/flat/aero@2x.png +0 -0
  153. data/redesign/js/plugins/icheck/skins/flat/blue.css +54 -0
  154. data/redesign/js/plugins/icheck/skins/flat/blue.png +0 -0
  155. data/redesign/js/plugins/icheck/skins/flat/blue@2x.png +0 -0
  156. data/redesign/js/plugins/icheck/skins/flat/flat.css +54 -0
  157. data/redesign/js/plugins/icheck/skins/flat/flat.png +0 -0
  158. data/redesign/js/plugins/icheck/skins/flat/flat@2x.png +0 -0
  159. data/redesign/js/plugins/icheck/skins/flat/green.css +54 -0
  160. data/redesign/js/plugins/icheck/skins/flat/green.png +0 -0
  161. data/redesign/js/plugins/icheck/skins/flat/green@2x.png +0 -0
  162. data/redesign/js/plugins/icheck/skins/flat/grey.css +54 -0
  163. data/redesign/js/plugins/icheck/skins/flat/grey.png +0 -0
  164. data/redesign/js/plugins/icheck/skins/flat/grey@2x.png +0 -0
  165. data/redesign/js/plugins/icheck/skins/flat/orange.css +54 -0
  166. data/redesign/js/plugins/icheck/skins/flat/orange.png +0 -0
  167. data/redesign/js/plugins/icheck/skins/flat/orange@2x.png +0 -0
  168. data/redesign/js/plugins/icheck/skins/flat/pink.css +54 -0
  169. data/redesign/js/plugins/icheck/skins/flat/pink.png +0 -0
  170. data/redesign/js/plugins/icheck/skins/flat/pink@2x.png +0 -0
  171. data/redesign/js/plugins/icheck/skins/flat/purple.css +54 -0
  172. data/redesign/js/plugins/icheck/skins/flat/purple.png +0 -0
  173. data/redesign/js/plugins/icheck/skins/flat/purple@2x.png +0 -0
  174. data/redesign/js/plugins/icheck/skins/flat/red.css +54 -0
  175. data/redesign/js/plugins/icheck/skins/flat/red.png +0 -0
  176. data/redesign/js/plugins/icheck/skins/flat/red@2x.png +0 -0
  177. data/redesign/js/plugins/icheck/skins/flat/yellow.css +54 -0
  178. data/redesign/js/plugins/icheck/skins/flat/yellow.png +0 -0
  179. data/redesign/js/plugins/icheck/skins/flat/yellow@2x.png +0 -0
  180. data/redesign/js/plugins/icheck/skins/futurico/futurico.css +54 -0
  181. data/redesign/js/plugins/icheck/skins/futurico/futurico.png +0 -0
  182. data/redesign/js/plugins/icheck/skins/futurico/futurico@2x.png +0 -0
  183. data/redesign/js/plugins/icheck/skins/line/_all.css +740 -0
  184. data/redesign/js/plugins/icheck/skins/line/aero.css +74 -0
  185. data/redesign/js/plugins/icheck/skins/line/blue.css +74 -0
  186. data/redesign/js/plugins/icheck/skins/line/green.css +74 -0
  187. data/redesign/js/plugins/icheck/skins/line/grey.css +74 -0
  188. data/redesign/js/plugins/icheck/skins/line/line.css +74 -0
  189. data/redesign/js/plugins/icheck/skins/line/line.png +0 -0
  190. data/redesign/js/plugins/icheck/skins/line/line@2x.png +0 -0
  191. data/redesign/js/plugins/icheck/skins/line/orange.css +74 -0
  192. data/redesign/js/plugins/icheck/skins/line/pink.css +74 -0
  193. data/redesign/js/plugins/icheck/skins/line/purple.css +74 -0
  194. data/redesign/js/plugins/icheck/skins/line/red.css +74 -0
  195. data/redesign/js/plugins/icheck/skins/line/yellow.css +74 -0
  196. data/redesign/js/plugins/icheck/skins/minimal/_all.css +600 -0
  197. data/redesign/js/plugins/icheck/skins/minimal/aero.css +60 -0
  198. data/redesign/js/plugins/icheck/skins/minimal/aero.png +0 -0
  199. data/redesign/js/plugins/icheck/skins/minimal/aero@2x.png +0 -0
  200. data/redesign/js/plugins/icheck/skins/minimal/blue.css +60 -0
  201. data/redesign/js/plugins/icheck/skins/minimal/blue.png +0 -0
  202. data/redesign/js/plugins/icheck/skins/minimal/blue@2x.png +0 -0
  203. data/redesign/js/plugins/icheck/skins/minimal/green.css +60 -0
  204. data/redesign/js/plugins/icheck/skins/minimal/green.png +0 -0
  205. data/redesign/js/plugins/icheck/skins/minimal/green@2x.png +0 -0
  206. data/redesign/js/plugins/icheck/skins/minimal/grey.css +60 -0
  207. data/redesign/js/plugins/icheck/skins/minimal/grey.png +0 -0
  208. data/redesign/js/plugins/icheck/skins/minimal/grey@2x.png +0 -0
  209. data/redesign/js/plugins/icheck/skins/minimal/minimal.css +60 -0
  210. data/redesign/js/plugins/icheck/skins/minimal/minimal.png +0 -0
  211. data/redesign/js/plugins/icheck/skins/minimal/minimal@2x.png +0 -0
  212. data/redesign/js/plugins/icheck/skins/minimal/orange.css +60 -0
  213. data/redesign/js/plugins/icheck/skins/minimal/orange.png +0 -0
  214. data/redesign/js/plugins/icheck/skins/minimal/orange@2x.png +0 -0
  215. data/redesign/js/plugins/icheck/skins/minimal/pink.css +60 -0
  216. data/redesign/js/plugins/icheck/skins/minimal/pink.png +0 -0
  217. data/redesign/js/plugins/icheck/skins/minimal/pink@2x.png +0 -0
  218. data/redesign/js/plugins/icheck/skins/minimal/purple.css +60 -0
  219. data/redesign/js/plugins/icheck/skins/minimal/purple.png +0 -0
  220. data/redesign/js/plugins/icheck/skins/minimal/purple@2x.png +0 -0
  221. data/redesign/js/plugins/icheck/skins/minimal/red.css +60 -0
  222. data/redesign/js/plugins/icheck/skins/minimal/red.png +0 -0
  223. data/redesign/js/plugins/icheck/skins/minimal/red@2x.png +0 -0
  224. data/redesign/js/plugins/icheck/skins/minimal/yellow.css +60 -0
  225. data/redesign/js/plugins/icheck/skins/minimal/yellow.png +0 -0
  226. data/redesign/js/plugins/icheck/skins/minimal/yellow@2x.png +0 -0
  227. data/redesign/js/plugins/icheck/skins/polaris/polaris.css +60 -0
  228. data/redesign/js/plugins/icheck/skins/polaris/polaris.png +0 -0
  229. data/redesign/js/plugins/icheck/skins/polaris/polaris@2x.png +0 -0
  230. data/redesign/js/plugins/icheck/skins/square/_all.css +600 -0
  231. data/redesign/js/plugins/icheck/skins/square/aero.css +60 -0
  232. data/redesign/js/plugins/icheck/skins/square/aero.png +0 -0
  233. data/redesign/js/plugins/icheck/skins/square/aero@2x.png +0 -0
  234. data/redesign/js/plugins/icheck/skins/square/blue.css +60 -0
  235. data/redesign/js/plugins/icheck/skins/square/blue.png +0 -0
  236. data/redesign/js/plugins/icheck/skins/square/blue@2x.png +0 -0
  237. data/redesign/js/plugins/icheck/skins/square/green.css +60 -0
  238. data/redesign/js/plugins/icheck/skins/square/green.png +0 -0
  239. data/redesign/js/plugins/icheck/skins/square/green@2x.png +0 -0
  240. data/redesign/js/plugins/icheck/skins/square/grey.css +60 -0
  241. data/redesign/js/plugins/icheck/skins/square/grey.png +0 -0
  242. data/redesign/js/plugins/icheck/skins/square/grey@2x.png +0 -0
  243. data/redesign/js/plugins/icheck/skins/square/orange.css +60 -0
  244. data/redesign/js/plugins/icheck/skins/square/orange.png +0 -0
  245. data/redesign/js/plugins/icheck/skins/square/orange@2x.png +0 -0
  246. data/redesign/js/plugins/icheck/skins/square/pink.css +60 -0
  247. data/redesign/js/plugins/icheck/skins/square/pink.png +0 -0
  248. data/redesign/js/plugins/icheck/skins/square/pink@2x.png +0 -0
  249. data/redesign/js/plugins/icheck/skins/square/purple.css +60 -0
  250. data/redesign/js/plugins/icheck/skins/square/purple.png +0 -0
  251. data/redesign/js/plugins/icheck/skins/square/purple@2x.png +0 -0
  252. data/redesign/js/plugins/icheck/skins/square/red.css +60 -0
  253. data/redesign/js/plugins/icheck/skins/square/red.png +0 -0
  254. data/redesign/js/plugins/icheck/skins/square/red@2x.png +0 -0
  255. data/redesign/js/plugins/icheck/skins/square/square.css +60 -0
  256. data/redesign/js/plugins/icheck/skins/square/square.png +0 -0
  257. data/redesign/js/plugins/icheck/skins/square/square@2x.png +0 -0
  258. data/redesign/js/plugins/icheck/skins/square/yellow.css +60 -0
  259. data/redesign/js/plugins/icheck/skins/square/yellow.png +0 -0
  260. data/redesign/js/plugins/icheck/skins/square/yellow@2x.png +0 -0
  261. data/redesign/js/plugins/magnific/jquery.magnific-popup.js +2026 -0
  262. data/redesign/js/plugins/magnific/jquery.magnific-popup.min.js +4 -0
  263. data/redesign/js/plugins/magnific/magnific-popup.css +396 -0
  264. data/redesign/js/plugins/morris/morris.css +1 -0
  265. data/redesign/js/plugins/morris/morris.min.js +1 -0
  266. data/redesign/js/plugins/parsley/parsley.js +1363 -0
  267. data/redesign/js/plugins/select2/select2-spinner.gif +0 -0
  268. data/redesign/js/plugins/select2/select2.css +615 -0
  269. data/redesign/js/plugins/select2/select2.js +3217 -0
  270. data/redesign/js/plugins/select2/select2.min.js +22 -0
  271. data/redesign/js/plugins/select2/select2.png +0 -0
  272. data/redesign/js/plugins/select2/select2x2.png +0 -0
  273. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.css +98 -0
  274. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.js +211 -0
  275. data/redesign/js/plugins/sparkline/jquery.sparkline.min.js +5 -0
  276. data/redesign/js/plugins/tableCheckable/jquery.tableCheckable.js +122 -0
  277. data/redesign/js/plugins/textarea-counter/jquery.textarea-counter.js +163 -0
  278. data/redesign/js/plugins/timepicker/bootstrap-timepicker.css +121 -0
  279. data/redesign/js/plugins/timepicker/bootstrap-timepicker.js +893 -0
  280. data/redesign/page-404.html +446 -0
  281. data/redesign/page-500.html +453 -0
  282. data/redesign/page-blank.html +417 -0
  283. data/redesign/page-calendar.html +491 -0
  284. data/redesign/page-gallery.html +736 -0
  285. data/redesign/page-invoice.html +705 -0
  286. data/redesign/page-login-social.html +111 -0
  287. data/redesign/page-login.html +82 -0
  288. data/redesign/page-pricing.html +707 -0
  289. data/redesign/page-settings.html +665 -0
  290. data/redesign/page-support.html +825 -0
  291. data/redesign/table-advanced.html +1297 -0
  292. data/redesign/table-basic.html +777 -0
  293. data/redesign/table-responsive.html +720 -0
  294. data/redesign/ui-buttons.html +901 -0
  295. data/redesign/ui-icons.html +1392 -0
  296. data/redesign/ui-popups.html +781 -0
  297. data/redesign/ui-portlets.html +887 -0
  298. data/redesign/ui-sliders.html +520 -0
  299. data/redesign/ui-tabs.html +663 -0
  300. data/redesign/ui-typography.html +687 -0
  301. data/script/fill +5 -0
  302. metadata +292 -3
data/redesign/table-advanced.html ADDED
@@ -0,0 +1,1297 @@
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
+
8
+ <title>Tables Advanced - Canvas Admin</title>
9
+ <meta charset="utf-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
+ <meta name="description" content="">
12
+ <meta name="author" content="" />
13
+
14
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,800italic,400,600,800" type="text/css">
15
+ <link rel="stylesheet" href="./css/font-awesome.min.css" type="text/css" />
16
+ <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" />
17
+ <link rel="stylesheet" href="./js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css" type="text/css" />
18
+
19
+ <link rel="stylesheet" href="./js/plugins/icheck/skins/minimal/blue.css" type="text/css" />
20
+
21
+ <link rel="stylesheet" href="./css/App.css" type="text/css" />
22
+
23
+ <link rel="stylesheet" href="./css/custom.css" type="text/css" />
24
+
25
+ </head>
26
+
27
+ <body>
28
+
29
+ <div id="wrapper">
30
+
31
+ <header id="header">
32
+
33
+ <h1 id="site-logo">
34
+ <a href="./index.html">
35
+ <img src="./img/logos/logo.png" alt="Site Logo" />
36
+ </a>
37
+ </h1>
38
+
39
+ <a href="javascript:;" data-toggle="collapse" data-target=".top-bar-collapse" id="top-bar-toggle" class="navbar-toggle collapsed">
40
+ <i class="fa fa-cog"></i>
41
+ </a>
42
+
43
+ <a href="javascript:;" data-toggle="collapse" data-target=".sidebar-collapse" id="sidebar-toggle" class="navbar-toggle collapsed">
44
+ <i class="fa fa-reorder"></i>
45
+ </a>
46
+
47
+ </header> <!-- header -->
48
+
49
+
50
+ <nav id="top-bar" class="collapse top-bar-collapse">
51
+
52
+ <ul class="nav navbar-nav pull-left">
53
+ <li class="">
54
+ <a href="./index.html">
55
+ <i class="fa fa-home"></i>
56
+ Home
57
+ </a>
58
+ </li>
59
+
60
+ <li class="dropdown">
61
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
62
+ Dropdown <span class="caret"></span>
63
+ </a>
64
+
65
+ <ul class="dropdown-menu" role="menu">
66
+ <li><a href="javascript:;"><i class="fa fa-user"></i>&nbsp;&nbsp;Example #1</a></li>
67
+ <li><a href="javascript:;"><i class="fa fa-calendar"></i>&nbsp;&nbsp;Example #2</a></li>
68
+ <li class="divider"></li>
69
+ <li><a href="javascript:;"><i class="fa fa-tasks"></i>&nbsp;&nbsp;Example #3</a></li>
70
+ </ul>
71
+ </li>
72
+
73
+ </ul>
74
+
75
+ <ul class="nav navbar-nav pull-right">
76
+ <li class="dropdown">
77
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
78
+ <i class="fa fa-user"></i>
79
+ Rod Howard
80
+ <span class="caret"></span>
81
+ </a>
82
+
83
+ <ul class="dropdown-menu" role="menu">
84
+ <li>
85
+ <a href="./page-profile.html">
86
+ <i class="fa fa-user"></i>
87
+ &nbsp;&nbsp;My Profile
88
+ </a>
89
+ </li>
90
+ <li>
91
+ <a href="./page-calendar.html">
92
+ <i class="fa fa-calendar"></i>
93
+ &nbsp;&nbsp;My Calendar
94
+ </a>
95
+ </li>
96
+ <li>
97
+ <a href="./page-settings.html">
98
+ <i class="fa fa-cogs"></i>
99
+ &nbsp;&nbsp;Settings
100
+ </a>
101
+ </li>
102
+ <li class="divider"></li>
103
+ <li>
104
+ <a href="./page-login.html">
105
+ <i class="fa fa-sign-out"></i>
106
+ &nbsp;&nbsp;Logout
107
+ </a>
108
+ </li>
109
+ </ul>
110
+ </li>
111
+ </ul>
112
+
113
+ </nav> <!-- /#top-bar -->
114
+
115
+
116
+ <div id="sidebar-wrapper" class="collapse sidebar-collapse">
117
+
118
+ <div id="search">
119
+ <form>
120
+ <input class="form-control input-sm" type="text" name="search" placeholder="Search..." />
121
+
122
+ <button type="submit" id="search-btn" class="btn"><i class="fa fa-search"></i></button>
123
+ </form>
124
+ </div> <!-- #search -->
125
+
126
+ <nav id="sidebar">
127
+
128
+ <ul id="main-nav" class="open-active">
129
+
130
+ <li class="">
131
+ <a href="./index.html">
132
+ <i class="fa fa-dashboard"></i>
133
+ Dashboard
134
+ </a>
135
+ </li>
136
+
137
+ <li class="dropdown">
138
+ <a href="javascript:;">
139
+ <i class="fa fa-file-text"></i>
140
+ Example Pages
141
+ <span class="caret"></span>
142
+ </a>
143
+
144
+ <ul class="sub-nav">
145
+ <li>
146
+ <a href="./page-profile.html">
147
+ <i class="fa fa-user"></i>
148
+ Profile
149
+ </a>
150
+ </li>
151
+ <li>
152
+ <a href="./page-invoice.html">
153
+ <i class="fa fa-money"></i>
154
+ Invoice
155
+ </a>
156
+ </li>
157
+ <li>
158
+ <a href="./page-pricing.html">
159
+ <i class="fa fa-dollar"></i>
160
+ Pricing Plans
161
+ </a>
162
+ </li>
163
+ <li>
164
+ <a href="./page-support.html">
165
+ <i class="fa fa-question"></i>
166
+ Support Page
167
+ </a>
168
+ </li>
169
+ <li>
170
+ <a href="./page-gallery.html">
171
+ <i class="fa fa-picture-o"></i>
172
+ Gallery
173
+ </a>
174
+ </li>
175
+ <li>
176
+ <a href="./page-settings.html">
177
+ <i class="fa fa-cogs"></i>
178
+ Settings
179
+ </a>
180
+ </li>
181
+ <li>
182
+ <a href="./page-calendar.html">
183
+ <i class="fa fa-calendar"></i>
184
+ Calendar
185
+ </a>
186
+ </li>
187
+ </ul>
188
+
189
+ </li>
190
+
191
+ <li class="dropdown">
192
+ <a href="javascript:;">
193
+ <i class="fa fa-tasks"></i>
194
+ Form Elements
195
+ <span class="caret"></span>
196
+ </a>
197
+
198
+ <ul class="sub-nav">
199
+ <li>
200
+ <a href="./form-regular.html">
201
+ <i class="fa fa-location-arrow"></i>
202
+ Regular Elements
203
+ </a>
204
+ </li>
205
+ <li>
206
+ <a href="./form-extended.html">
207
+ <i class="fa fa-magic"></i>
208
+ Extended Elements
209
+ </a>
210
+ </li>
211
+ <li>
212
+ <a href="./form-validation.html">
213
+ <i class="fa fa-check"></i>
214
+ Validation
215
+ </a>
216
+ </li>
217
+ </ul>
218
+
219
+ </li>
220
+
221
+ <li class="dropdown">
222
+ <a href="javascript:;">
223
+ <i class="fa fa-desktop"></i>
224
+ UI Features
225
+ <span class="caret"></span>
226
+ </a>
227
+
228
+ <ul class="sub-nav">
229
+ <li>
230
+ <a href="./ui-buttons.html">
231
+ <i class="fa fa-hand-o-up"></i>
232
+ Buttons
233
+ </a>
234
+ </li>
235
+ <li>
236
+ <a href="./ui-tabs.html">
237
+ <i class="fa fa-reorder"></i>
238
+ Tabs & Accordions
239
+ </a>
240
+ </li>
241
+
242
+ <li>
243
+ <a href="./ui-popups.html">
244
+ <i class="fa fa-asterisk"></i>
245
+ Popups / Notifications
246
+ </a>
247
+ </li>
248
+
249
+ <li>
250
+ <a href="./ui-sliders.html">
251
+ <i class="fa fa-tasks"></i>
252
+ Sliders
253
+ </a>
254
+ </li>
255
+
256
+ <li class="">
257
+ <a href="./ui-typography.html">
258
+ <i class="fa fa-font"></i>
259
+ Typography
260
+ </a>
261
+ </li>
262
+
263
+ <li class="">
264
+ <a href="./ui-icons.html">
265
+ <i class="fa fa-star-o"></i>
266
+ Icons
267
+ </a>
268
+ </li>
269
+ </ul>
270
+ </li>
271
+
272
+ <li class="dropdown active">
273
+ <a href="javascript:;">
274
+ <i class="fa fa-table"></i>
275
+ Tables
276
+ <span class="caret"></span>
277
+ </a>
278
+
279
+ <ul class="sub-nav">
280
+ <li>
281
+ <a href="./table-basic.html">
282
+ <i class="fa fa-table"></i>
283
+ Basic Tables
284
+ </a>
285
+ </li>
286
+ <li>
287
+ <a href="./table-advanced.html">
288
+ <i class="fa fa-table"></i>
289
+ Advanced Tables
290
+ </a>
291
+ </li>
292
+ <li>
293
+ <a href="./table-responsive.html">
294
+ <i class="fa fa-table"></i>
295
+ Responsive Tables
296
+ </a>
297
+ </li>
298
+ </ul>
299
+
300
+ </li>
301
+
302
+ <li>
303
+ <a href="./ui-portlets.html">
304
+ <i class="fa fa-list-alt"></i>
305
+ Portlets
306
+ </a>
307
+ </li>
308
+
309
+ <li class="dropdown">
310
+ <a href="javascript:;">
311
+ <i class="fa fa-bar-chart-o"></i>
312
+ Charts & Graphs
313
+ <span class="caret"></span>
314
+ </a>
315
+
316
+ <ul class="sub-nav">
317
+ <li>
318
+ <a href="./chart-flot.html">
319
+ <i class="fa fa-bar-chart-o"></i>
320
+ jQuery Flot
321
+ </a>
322
+ </li>
323
+ <li>
324
+ <a href="./chart-morris.html">
325
+ <i class="fa fa-bar-chart-o"></i>
326
+ Morris.js
327
+ </a>
328
+ </li>
329
+ </ul>
330
+ </li>
331
+
332
+ <li class="dropdown">
333
+ <a href="javascript:;">
334
+ <i class="fa fa-file-text-o"></i>
335
+ Extra Pages
336
+ <span class="caret"></span>
337
+ </a>
338
+
339
+ <ul class="sub-nav">
340
+ <li>
341
+ <a href="./page-login.html">
342
+ <i class="fa fa-unlock"></i>
343
+ Login Basic
344
+ </a>
345
+ </li>
346
+ <li>
347
+ <a href="./page-login-social.html">
348
+ <i class="fa fa-unlock"></i>
349
+ Login Social
350
+ </a>
351
+ </li>
352
+ <li>
353
+ <a href="./page-404.html">
354
+ <i class="fa fa-ban"></i>
355
+ 404 Error
356
+ </a>
357
+ </li>
358
+ <li>
359
+ <a href="./page-500.html">
360
+ <i class="fa fa-ban"></i>
361
+ 500 Error
362
+ </a>
363
+ </li>
364
+ <li>
365
+ <a href="./page-blank.html">
366
+ <i class="fa fa-file-text-o"></i>
367
+ Blank Page
368
+ </a>
369
+ </li>
370
+ </ul>
371
+ </li>
372
+
373
+ </ul>
374
+
375
+ </nav> <!-- #sidebar -->
376
+
377
+ </div> <!-- /#sidebar-wrapper -->
378
+
379
+
380
+
381
+ <div id="content">
382
+
383
+ <div id="content-header">
384
+ <h1>Tables Advanced</h1>
385
+ </div> <!-- #content-header -->
386
+
387
+
388
+ <div id="content-container">
389
+
390
+ <div class="row">
391
+
392
+ <div class="col-md-12">
393
+
394
+ <div class="portlet">
395
+
396
+ <div class="portlet-header">
397
+
398
+ <h3>
399
+ <i class="fa fa-table"></i>
400
+ Kitchen Sink
401
+ </h3>
402
+
403
+ </div> <!-- /.portlet-header -->
404
+
405
+ <div class="portlet-content">
406
+
407
+ <div class="table-responsive">
408
+
409
+ <table
410
+ class="table table-striped table-bordered table-hover table-highlight table-checkable"
411
+ data-provide="datatable"
412
+ data-display-rows="10"
413
+ data-info="true"
414
+ data-search="true"
415
+ data-length-change="true"
416
+ data-paginate="true"
417
+ >
418
+ <thead>
419
+ <tr>
420
+ <th class="checkbox-column">
421
+ <input type="checkbox" class="icheck-input">
422
+ </th>
423
+ <th data-filterable="true" data-sortable="true" data-direction="desc">Rendering engine</th>
424
+ <th data-direction="asc" data-filterable="true" data-sortable="true">Browser</th>
425
+ <th data-filterable="true" data-sortable="true">Platform(s)</th>
426
+ <th data-filterable="false" class="hidden-xs hidden-sm">Engine version</th>
427
+ <th data-filterable="true" class="hidden-xs hidden-sm">CSS grade</th>
428
+ </tr>
429
+ </thead>
430
+ <tbody>
431
+ <tr>
432
+ <td class="checkbox-column">
433
+ <input type="checkbox" class="icheck-input">
434
+ </td>
435
+ <td>Trident</td>
436
+ <td>Internet
437
+ Explorer 5.0
438
+ </td>
439
+ <td>Win 95+</td>
440
+ <td class="hidden-xs hidden-sm">5</td>
441
+ <td class="hidden-xs hidden-sm">C</td>
442
+ </tr>
443
+ <tr >
444
+ <td class="checkbox-column">
445
+ <input type="checkbox" class="icheck-input">
446
+ </td>
447
+ <td>Trident</td>
448
+ <td>Internet
449
+ Explorer 5.5
450
+ </td>
451
+ <td>Win 95+</td>
452
+ <td class="hidden-xs hidden-sm">5.5</td>
453
+ <td class="hidden-xs hidden-sm">A</td>
454
+ </tr>
455
+ <tr >
456
+ <td class="checkbox-column">
457
+ <input type="checkbox" class="icheck-input">
458
+ </td>
459
+ <td>Trident</td>
460
+ <td>Internet
461
+ Explorer 6
462
+ </td>
463
+ <td>Win 98+</td>
464
+ <td class="hidden-xs hidden-sm">6</td>
465
+ <td class="hidden-xs hidden-sm">A</td>
466
+ </tr>
467
+ <tr >
468
+ <td class="checkbox-column">
469
+ <input type="checkbox" class="icheck-input">
470
+ </td>
471
+ <td>Trident</td>
472
+ <td>Internet Explorer 7</td>
473
+ <td>Win XP SP2+</td>
474
+ <td class="hidden-xs hidden-sm">7</td>
475
+ <td class="hidden-xs hidden-sm">A</td>
476
+ </tr>
477
+ <tr >
478
+ <td class="checkbox-column">
479
+ <input type="checkbox" class="icheck-input">
480
+ </td>
481
+ <td>Trident</td>
482
+ <td>AOL browser (AOL desktop)</td>
483
+ <td>Win XP</td>
484
+ <td class="hidden-xs hidden-sm">6</td>
485
+ <td class="hidden-xs hidden-sm">A</td>
486
+ </tr>
487
+ <tr class="">
488
+ <td class="checkbox-column">
489
+ <input type="checkbox" class="icheck-input">
490
+ </td>
491
+ <td>Misc</td>
492
+ <td>NetFront 3.1</td>
493
+ <td>Embedded devices</td>
494
+ <td class="hidden-xs hidden-sm">-</td>
495
+ <td class="hidden-xs hidden-sm">C</td>
496
+ </tr>
497
+ <tr class="">
498
+ <td class="checkbox-column">
499
+ <input type="checkbox" class="icheck-input">
500
+ </td>
501
+ <td>Misc</td>
502
+ <td>NetFront 3.4</td>
503
+ <td>Embedded devices</td>
504
+ <td class="hidden-xs hidden-sm">-</td>
505
+ <td class="hidden-xs hidden-sm">A</td>
506
+ </tr>
507
+ <tr >
508
+ <td class="checkbox-column">
509
+ <input type="checkbox" class="icheck-input">
510
+ </td>
511
+ <td>Gecko</td>
512
+ <td>Firefox 2.0</td>
513
+ <td>Win 98+ / OSX.2+</td>
514
+ <td class="hidden-xs hidden-sm">1.8</td>
515
+ <td class="hidden-xs hidden-sm">A</td>
516
+ </tr>
517
+ <tr >
518
+ <td class="checkbox-column">
519
+ <input type="checkbox" class="icheck-input">
520
+ </td>
521
+ <td>Gecko</td>
522
+ <td>Firefox 3.0</td>
523
+ <td>Win 2k+ / OSX.3+</td>
524
+ <td class="hidden-xs hidden-sm">1.9</td>
525
+ <td class="hidden-xs hidden-sm">A</td>
526
+ </tr>
527
+ <tr >
528
+ <td class="checkbox-column">
529
+ <input type="checkbox" class="icheck-input">
530
+ </td>
531
+ <td>Gecko</td>
532
+ <td>Camino 1.0</td>
533
+ <td>OSX.2+</td>
534
+ <td class="hidden-xs hidden-sm">1.8</td>
535
+ <td class="hidden-xs hidden-sm">A</td>
536
+ </tr>
537
+ <tr >
538
+ <td class="checkbox-column">
539
+ <input type="checkbox" class="icheck-input">
540
+ </td>
541
+ <td>Gecko</td>
542
+ <td>Camino 1.5</td>
543
+ <td>OSX.3+</td>
544
+ <td class="hidden-xs hidden-sm">1.8</td>
545
+ <td class="hidden-xs hidden-sm">A</td>
546
+ </tr>
547
+ <tr >
548
+ <td class="checkbox-column">
549
+ <input type="checkbox" class="icheck-input">
550
+ </td>
551
+ <td>Gecko</td>
552
+ <td>Netscape 7.2</td>
553
+ <td>Win 95+ / Mac OS 8.6-9.2</td>
554
+ <td class="hidden-xs hidden-sm">1.7</td>
555
+ <td class="hidden-xs hidden-sm">A</td>
556
+ </tr>
557
+ <tr>
558
+ <td class="checkbox-column">
559
+ <input type="checkbox" class="icheck-input">
560
+ </td>
561
+ <td>Presto</td>
562
+ <td>Nokia N800</td>
563
+ <td>N800</td>
564
+ <td class="hidden-xs hidden-sm">-</td>
565
+ <td class="hidden-xs hidden-sm">A</td>
566
+ </tr>
567
+ <tr>
568
+ <td class="checkbox-column">
569
+ <input type="checkbox" class="icheck-input">
570
+ </td>
571
+ <td>Presto</td>
572
+ <td>Nintendo DS browser</td>
573
+ <td>Nintendo DS</td>
574
+ <td class="hidden-xs hidden-sm">8.5</td>
575
+ <td class="hidden-xs hidden-sm">C/A</td>
576
+ </tr>
577
+ <tr>
578
+ <td class="checkbox-column">
579
+ <input type="checkbox" class="icheck-input">
580
+ </td>
581
+ <td>KHTML</td>
582
+ <td>Konqureror 3.1</td>
583
+ <td>KDE 3.1</td>
584
+ <td class="hidden-xs hidden-sm">3.1</td>
585
+ <td class="hidden-xs hidden-sm">C</td>
586
+ </tr>
587
+ <tr>
588
+ <td class="checkbox-column">
589
+ <input type="checkbox" class="icheck-input">
590
+ </td>
591
+ <td>KHTML</td>
592
+ <td>Konqureror 3.3</td>
593
+ <td>KDE 3.3</td>
594
+ <td class="hidden-xs hidden-sm">3.3</td>
595
+ <td class="hidden-xs hidden-sm">A</td>
596
+ </tr>
597
+ <tr class="">
598
+ <td class="checkbox-column">
599
+ <input type="checkbox" class="icheck-input">
600
+ </td>
601
+ <td>Webkit</td>
602
+ <td>Safari 1.2</td>
603
+ <td>OSX.3</td>
604
+ <td class="hidden-xs hidden-sm">125.5</td>
605
+ <td class="hidden-xs hidden-sm">A</td>
606
+ </tr>
607
+ <tr class="">
608
+ <td class="checkbox-column">
609
+ <input type="checkbox" class="icheck-input">
610
+ </td>
611
+ <td>Webkit</td>
612
+ <td>Safari 1.3</td>
613
+ <td>OSX.3</td>
614
+ <td class="hidden-xs hidden-sm">312.8</td>
615
+ <td class="hidden-xs hidden-sm">A</td>
616
+ </tr>
617
+ <tr class="">
618
+ <td class="checkbox-column">
619
+ <input type="checkbox" class="icheck-input">
620
+ </td>
621
+ <td>Webkit</td>
622
+ <td>Safari 2.0</td>
623
+ <td>OSX.4+</td>
624
+ <td class="hidden-xs hidden-sm">419.3</td>
625
+ <td class="hidden-xs hidden-sm">A</td>
626
+ </tr>
627
+ <tr class="">
628
+ <td class="checkbox-column">
629
+ <input type="checkbox" class="icheck-input">
630
+ </td>
631
+ <td>Webkit</td>
632
+ <td>Safari 3.0</td>
633
+ <td>OSX.4+</td>
634
+ <td class="hidden-xs hidden-sm">522.1</td>
635
+ <td class="hidden-xs hidden-sm">A</td>
636
+ </tr>
637
+ </tbody>
638
+ </table>
639
+ </div> <!-- /.table-responsive -->
640
+
641
+
642
+ </div> <!-- /.portlet-content -->
643
+
644
+ </div> <!-- /.portlet -->
645
+
646
+
647
+
648
+ </div> <!-- /.col -->
649
+
650
+ </div> <!-- /.row -->
651
+
652
+
653
+
654
+
655
+
656
+
657
+
658
+ <div class="row">
659
+
660
+ <div class="col-md-12">
661
+
662
+ <div class="portlet">
663
+
664
+ <div class="portlet-header">
665
+
666
+ <h3>
667
+ <i class="fa fa-filter"></i>
668
+ Column Filtering
669
+ </h3>
670
+
671
+ </div> <!-- /.portlet-header -->
672
+
673
+ <div class="portlet-content">
674
+
675
+ <div class="table-responsive">
676
+
677
+ <table
678
+ class="table table-striped table-bordered table-hover"
679
+ data-provide="datatable"
680
+ data-info="true"
681
+ >
682
+ <thead>
683
+ <tr>
684
+ <th data-filterable="true">Rendering engine</th>
685
+ <th data-direction="asc" data-filterable="true">Browser</th>
686
+ <th data-filterable="true">Platform(s)</th>
687
+ <th data-filterable="false" class="hidden-xs hidden-sm">Engine version</th>
688
+ <th data-filterable="false" class="hidden-xs hidden-sm">CSS grade</th>
689
+ </tr>
690
+ </thead>
691
+ <tbody>
692
+ <tr >
693
+ <td>Trident</td>
694
+ <td>Internet
695
+ Explorer 5.0
696
+ </td>
697
+ <td>Win 95+</td>
698
+ <td class="hidden-xs hidden-sm">5</td>
699
+ <td class="hidden-xs hidden-sm">C</td>
700
+ </tr>
701
+ <tr >
702
+ <td>Trident</td>
703
+ <td>Internet
704
+ Explorer 5.5
705
+ </td>
706
+ <td>Win 95+</td>
707
+ <td class="hidden-xs hidden-sm">5.5</td>
708
+ <td class="hidden-xs hidden-sm">A</td>
709
+ </tr>
710
+ <tr >
711
+ <td>Trident</td>
712
+ <td>Internet
713
+ Explorer 6
714
+ </td>
715
+ <td>Win 98+</td>
716
+ <td class="hidden-xs hidden-sm">6</td>
717
+ <td class="hidden-xs hidden-sm">A</td>
718
+ </tr>
719
+ <tr >
720
+ <td>Trident</td>
721
+ <td>Internet Explorer 7</td>
722
+ <td>Win XP SP2+</td>
723
+ <td class="hidden-xs hidden-sm">7</td>
724
+ <td class="hidden-xs hidden-sm">A</td>
725
+ </tr>
726
+ <tr >
727
+ <td>Trident</td>
728
+ <td>AOL browser (AOL desktop)</td>
729
+ <td>Win XP</td>
730
+ <td class="hidden-xs hidden-sm">6</td>
731
+ <td class="hidden-xs hidden-sm">A</td>
732
+ </tr>
733
+ <tr >
734
+ <td>Gecko</td>
735
+ <td>Firefox 2.0</td>
736
+ <td>Win 98+ / OSX.2+</td>
737
+ <td class="hidden-xs hidden-sm">1.8</td>
738
+ <td class="hidden-xs hidden-sm">A</td>
739
+ </tr>
740
+ <tr >
741
+ <td>Gecko</td>
742
+ <td>Firefox 3.0</td>
743
+ <td>Win 2k+ / OSX.3+</td>
744
+ <td class="hidden-xs hidden-sm">1.9</td>
745
+ <td class="hidden-xs hidden-sm">A</td>
746
+ </tr>
747
+ <tr >
748
+ <td>Gecko</td>
749
+ <td>Camino 1.0</td>
750
+ <td>OSX.2+</td>
751
+ <td class="hidden-xs hidden-sm">1.8</td>
752
+ <td class="hidden-xs hidden-sm">A</td>
753
+ </tr>
754
+ <tr >
755
+ <td>Gecko</td>
756
+ <td>Camino 1.5</td>
757
+ <td>OSX.3+</td>
758
+ <td class="hidden-xs hidden-sm">1.8</td>
759
+ <td class="hidden-xs hidden-sm">A</td>
760
+ </tr>
761
+ <tr >
762
+ <td>Gecko</td>
763
+ <td>Netscape 7.2</td>
764
+ <td>Win 95+ / Mac OS 8.6-9.2</td>
765
+ <td class="hidden-xs hidden-sm">1.7</td>
766
+ <td class="hidden-xs hidden-sm">A</td>
767
+ </tr>
768
+ <tr>
769
+ <td>Presto</td>
770
+ <td>Nokia N800</td>
771
+ <td>N800</td>
772
+ <td class="hidden-xs hidden-sm">-</td>
773
+ <td class="hidden-xs hidden-sm">A</td>
774
+ </tr>
775
+ <tr>
776
+ <td>Presto</td>
777
+ <td>Nintendo DS browser</td>
778
+ <td>Nintendo DS</td>
779
+ <td class="hidden-xs hidden-sm">8.5</td>
780
+ <td class="hidden-xs hidden-sm">C/A</td>
781
+ </tr>
782
+ <tr>
783
+ <td>KHTML</td>
784
+ <td>Konqureror 3.1</td>
785
+ <td>KDE 3.1</td>
786
+ <td class="hidden-xs hidden-sm">3.1</td>
787
+ <td class="hidden-xs hidden-sm">C</td>
788
+ </tr>
789
+ <tr>
790
+ <td>KHTML</td>
791
+ <td>Konqureror 3.3</td>
792
+ <td>KDE 3.3</td>
793
+ <td class="hidden-xs hidden-sm">3.3</td>
794
+ <td class="hidden-xs hidden-sm">A</td>
795
+ </tr>
796
+ <tr class="">
797
+ <td>Webkit</td>
798
+ <td>Safari 1.2</td>
799
+ <td>OSX.3</td>
800
+ <td class="hidden-xs hidden-sm">125.5</td>
801
+ <td class="hidden-xs hidden-sm">A</td>
802
+ </tr>
803
+ <tr class="">
804
+ <td>Webkit</td>
805
+ <td>Safari 1.3</td>
806
+ <td>OSX.3</td>
807
+ <td class="hidden-xs hidden-sm">312.8</td>
808
+ <td class="hidden-xs hidden-sm">A</td>
809
+ </tr>
810
+ <tr class="">
811
+ <td>Webkit</td>
812
+ <td>Safari 2.0</td>
813
+ <td>OSX.4+</td>
814
+ <td class="hidden-xs hidden-sm">419.3</td>
815
+ <td class="hidden-xs hidden-sm">A</td>
816
+ </tr>
817
+ <tr class="">
818
+ <td>Webkit</td>
819
+ <td>Safari 3.0</td>
820
+ <td>OSX.4+</td>
821
+ <td class="hidden-xs hidden-sm">522.1</td>
822
+ <td class="hidden-xs hidden-sm">A</td>
823
+ </tr>
824
+ </tbody>
825
+ </table>
826
+ </div> <!-- /.table-responsive -->
827
+
828
+
829
+ </div> <!-- /.portlet-content -->
830
+
831
+ </div> <!-- /.portlet -->
832
+
833
+
834
+
835
+ </div> <!-- /.col -->
836
+
837
+ </div> <!-- /.row -->
838
+
839
+
840
+
841
+
842
+
843
+
844
+
845
+ <div class="row">
846
+
847
+ <div class="col-md-12">
848
+
849
+ <div class="portlet">
850
+
851
+ <div class="portlet-header">
852
+
853
+ <h3>
854
+ <i class="fa fa-check"></i>
855
+ Checkable Table
856
+ </h3>
857
+
858
+ </div> <!-- /.portlet-header -->
859
+
860
+ <div class="portlet-content">
861
+
862
+
863
+ <div class="table-responsive">
864
+
865
+ <table class="table table-striped table-bordered table-hover table-checkable">
866
+ <thead>
867
+ <tr>
868
+ <th class="checkbox-column">
869
+ <input type="checkbox" class="icheck-input" />
870
+ </th>
871
+ <th>Rendering engine</th>
872
+ <th>Browser</th>
873
+ <th>Platform(s)</th>
874
+ <th>Engine version</th>
875
+ <th>CSS grade</th>
876
+ </tr>
877
+ </thead>
878
+ <tbody>
879
+ <tr>
880
+ <td class="checkbox-column">
881
+ <input type="checkbox" class="icheck-input" />
882
+ </td>
883
+ <td>Trident</td>
884
+ <td>Internet
885
+ Explorer 4.0
886
+ </td>
887
+ <td>Win 95+</td>
888
+ <td>4</td>
889
+ <td>X</td>
890
+ </tr>
891
+ <tr >
892
+ <td class="checkbox-column">
893
+ <input type="checkbox" class="icheck-input" checked />
894
+ </td>
895
+ <td>Trident</td>
896
+ <td>Internet
897
+ Explorer 5.0
898
+ </td>
899
+ <td>Win 95+</td>
900
+ <td>5</td>
901
+ <td>C</td>
902
+ </tr>
903
+ <tr >
904
+ <td class="checkbox-column">
905
+ <input type="checkbox" class="icheck-input" checked />
906
+ </td>
907
+ <td>Trident</td>
908
+ <td>AOL browser (AOL desktop)</td>
909
+ <td>Win XP</td>
910
+ <td>6</td>
911
+ <td>A</td>
912
+ </tr>
913
+ <tr >
914
+ <td class="checkbox-column">
915
+ <input type="checkbox" class="icheck-input" />
916
+ </td>
917
+ <td>Gecko</td>
918
+ <td>Firefox 1.0</td>
919
+ <td>Win 98+ / OSX.2+</td>
920
+ <td>1.7</td>
921
+ <td>A</td>
922
+ </tr>
923
+ <tr >
924
+ <td class="checkbox-column">
925
+ <input type="checkbox" class="icheck-input" />
926
+ </td>
927
+ <td>Gecko</td>
928
+ <td>Firefox 1.5</td>
929
+ <td>Win 98+ / OSX.2+</td>
930
+ <td>1.8</td>
931
+ <td>A</td>
932
+ </tr>
933
+ <tr >
934
+ <td class="checkbox-column">
935
+ <input type="checkbox" class="icheck-input" />
936
+ </td>
937
+ <td>Gecko</td>
938
+ <td>Firefox 2.0</td>
939
+ <td>Win 98+ / OSX.2+</td>
940
+ <td>1.8</td>
941
+ <td>A</td>
942
+ </tr>
943
+ <tr >
944
+ <td class="checkbox-column">
945
+ <input type="checkbox" class="icheck-input" checked />
946
+ </td>
947
+ <td>Gecko</td>
948
+ <td>Firefox 3.0</td>
949
+ <td>Win 2k+ / OSX.3+</td>
950
+ <td>1.9</td>
951
+ <td>A</td>
952
+ </tr>
953
+ <tr >
954
+ <td class="checkbox-column">
955
+ <input type="checkbox" class="icheck-input" />
956
+ </td>
957
+ <td>Gecko</td>
958
+ <td>Camino 1.0</td>
959
+ <td>OSX.2+</td>
960
+ <td>1.8</td>
961
+ <td>A</td>
962
+ </tr>
963
+ </tbody>
964
+ </table>
965
+
966
+ </div> <!-- /.table-responsive -->
967
+
968
+
969
+ </div> <!-- /.portlet-content -->
970
+
971
+ </div> <!-- /.portlet -->
972
+
973
+
974
+
975
+ </div> <!-- /.col -->
976
+
977
+ </div> <!-- /.row -->
978
+
979
+
980
+
981
+
982
+
983
+
984
+
985
+ <div class="row">
986
+
987
+ <div class="col-md-12">
988
+
989
+ <div class="portlet">
990
+
991
+ <div class="portlet-header">
992
+
993
+ <h3>
994
+ <i class="fa fa-hand-o-up"></i>
995
+ Table Pagination
996
+ </h3>
997
+
998
+ </div> <!-- /.portlet-header -->
999
+
1000
+ <div class="portlet-content">
1001
+
1002
+ <div class="table-responsive">
1003
+
1004
+ <table
1005
+ class="table table-striped table-bordered table-hover"
1006
+ data-provide="datatable"
1007
+ data-display-rows="6"
1008
+ data-paginate="true"
1009
+ data-info="true"
1010
+ >
1011
+ <thead>
1012
+ <tr>
1013
+ <th>Rendering engine</th>
1014
+ <th>Browser</th>
1015
+ <th>Platform(s)</th>
1016
+ <th>Engine version</th>
1017
+ <th>CSS grade</th>
1018
+ </tr>
1019
+ </thead>
1020
+ <tbody>
1021
+ <tr>
1022
+ <td>Trident</td>
1023
+ <td>Internet
1024
+ Explorer 4.0
1025
+ </td>
1026
+ <td>Win 95+</td>
1027
+ <td>4</td>
1028
+ <td>X</td>
1029
+ </tr>
1030
+ <tr >
1031
+ <td>Trident</td>
1032
+ <td>Internet
1033
+ Explorer 5.0
1034
+ </td>
1035
+ <td>Win 95+</td>
1036
+ <td>5</td>
1037
+ <td>C</td>
1038
+ </tr>
1039
+ <tr >
1040
+ <td>Trident</td>
1041
+ <td>Internet
1042
+ Explorer 5.5
1043
+ </td>
1044
+ <td>Win 95+</td>
1045
+ <td>5.5</td>
1046
+ <td>A</td>
1047
+ </tr>
1048
+ <tr >
1049
+ <td>Trident</td>
1050
+ <td>Internet
1051
+ Explorer 6
1052
+ </td>
1053
+ <td>Win 98+</td>
1054
+ <td>6</td>
1055
+ <td>A</td>
1056
+ </tr>
1057
+ <tr >
1058
+ <td>Trident</td>
1059
+ <td>Internet Explorer 7</td>
1060
+ <td>Win XP SP2+</td>
1061
+ <td>7</td>
1062
+ <td>A</td>
1063
+ </tr>
1064
+ <tr >
1065
+ <td>Trident</td>
1066
+ <td>AOL browser (AOL desktop)</td>
1067
+ <td>Win XP</td>
1068
+ <td>6</td>
1069
+ <td>A</td>
1070
+ </tr>
1071
+ <tr >
1072
+ <td>Gecko</td>
1073
+ <td>Firefox 1.0</td>
1074
+ <td>Win 98+ / OSX.2+</td>
1075
+ <td>1.7</td>
1076
+ <td>A</td>
1077
+ </tr>
1078
+ <tr >
1079
+ <td>Gecko</td>
1080
+ <td>Firefox 1.5</td>
1081
+ <td>Win 98+ / OSX.2+</td>
1082
+ <td>1.8</td>
1083
+ <td>A</td>
1084
+ </tr>
1085
+ <tr >
1086
+ <td>Gecko</td>
1087
+ <td>Firefox 2.0</td>
1088
+ <td>Win 98+ / OSX.2+</td>
1089
+ <td>1.8</td>
1090
+ <td>A</td>
1091
+ </tr>
1092
+ <tr >
1093
+ <td>Gecko</td>
1094
+ <td>Firefox 3.0</td>
1095
+ <td>Win 2k+ / OSX.3+</td>
1096
+ <td>1.9</td>
1097
+ <td>A</td>
1098
+ </tr>
1099
+ <tr >
1100
+ <td>Gecko</td>
1101
+ <td>Camino 1.0</td>
1102
+ <td>OSX.2+</td>
1103
+ <td>1.8</td>
1104
+ <td>A</td>
1105
+ </tr>
1106
+ <tr >
1107
+ <td>Gecko</td>
1108
+ <td>Camino 1.5</td>
1109
+ <td>OSX.3+</td>
1110
+ <td>1.8</td>
1111
+ <td>A</td>
1112
+ </tr>
1113
+ <tr >
1114
+ <td>Gecko</td>
1115
+ <td>Netscape 7.2</td>
1116
+ <td>Win 95+ / Mac OS 8.6-9.2</td>
1117
+ <td>1.7</td>
1118
+ <td>A</td>
1119
+ </tr>
1120
+ </tbody>
1121
+ </table>
1122
+ </div> <!-- /.table-responsive -->
1123
+
1124
+
1125
+ </div> <!-- /.portlet-content -->
1126
+
1127
+ </div> <!-- /.portlet -->
1128
+
1129
+
1130
+
1131
+ </div> <!-- /.col -->
1132
+
1133
+ </div> <!-- /.row -->
1134
+
1135
+
1136
+
1137
+
1138
+
1139
+
1140
+ <div class="row">
1141
+
1142
+ <div class="col-md-12">
1143
+
1144
+ <div class="portlet">
1145
+
1146
+ <div class="portlet-header">
1147
+
1148
+ <h3>
1149
+ <i class="fa fa-sort-alpha-asc"></i>
1150
+ Table Sorting
1151
+ </h3>
1152
+
1153
+ </div> <!-- /.portlet-header -->
1154
+
1155
+ <div class="portlet-content">
1156
+
1157
+ <div class="table-responsive">
1158
+
1159
+ <table
1160
+ class="table table-striped table-bordered table-hover"
1161
+ data-provide="datatable"
1162
+ >
1163
+ <thead>
1164
+ <tr>
1165
+ <th data-sortable="true">Rendering engine</th>
1166
+ <th data-sortable="true" data-direction="asc">Browser</th>
1167
+ <th data-sortable="true">Platform(s)</th>
1168
+ <th class="hidden-xs hidden-sm">Engine version</th>
1169
+ <th class="hidden-xs hidden-sm">CSS grade</th>
1170
+ </tr>
1171
+ </thead>
1172
+ <tbody>
1173
+ <tr >
1174
+ <td>Trident</td>
1175
+ <td>Internet
1176
+ Explorer 5.0
1177
+ </td>
1178
+ <td>Win 95+</td>
1179
+ <td class="hidden-xs hidden-sm">5</td>
1180
+ <td class="hidden-xs hidden-sm">C</td>
1181
+ </tr>
1182
+ <tr >
1183
+ <td>Trident</td>
1184
+ <td>Internet
1185
+ Explorer 5.5
1186
+ </td>
1187
+ <td>Win 95+</td>
1188
+ <td class="hidden-xs hidden-sm">5.5</td>
1189
+ <td class="hidden-xs hidden-sm">A</td>
1190
+ </tr>
1191
+ <tr >
1192
+ <td>Trident</td>
1193
+ <td>Internet
1194
+ Explorer 6
1195
+ </td>
1196
+ <td>Win 98+</td>
1197
+ <td class="hidden-xs hidden-sm">6</td>
1198
+ <td class="hidden-xs hidden-sm">A</td>
1199
+ </tr>
1200
+ <tr >
1201
+ <td>Trident</td>
1202
+ <td>Internet Explorer 7</td>
1203
+ <td>Win XP SP2+</td>
1204
+ <td class="hidden-xs hidden-sm">7</td>
1205
+ <td class="hidden-xs hidden-sm">A</td>
1206
+ </tr>
1207
+ <tr >
1208
+ <td>Trident</td>
1209
+ <td>AOL browser (AOL desktop)</td>
1210
+ <td>Win XP</td>
1211
+ <td class="hidden-xs hidden-sm">6</td>
1212
+ <td class="hidden-xs hidden-sm">A</td>
1213
+ </tr>
1214
+ <tr >
1215
+ <td>Gecko</td>
1216
+ <td>Firefox 2.0</td>
1217
+ <td>Win 98+ / OSX.2+</td>
1218
+ <td class="hidden-xs hidden-sm">1.8</td>
1219
+ <td class="hidden-xs hidden-sm">A</td>
1220
+ </tr>
1221
+ <tr >
1222
+ <td>Gecko</td>
1223
+ <td>Firefox 3.0</td>
1224
+ <td>Win 2k+ / OSX.3+</td>
1225
+ <td class="hidden-xs hidden-sm">1.9</td>
1226
+ <td class="hidden-xs hidden-sm">A</td>
1227
+ </tr>
1228
+ <tr >
1229
+ <td>Gecko</td>
1230
+ <td>Camino 1.0</td>
1231
+ <td>OSX.2+</td>
1232
+ <td class="hidden-xs hidden-sm">1.8</td>
1233
+ <td class="hidden-xs hidden-sm">A</td>
1234
+ </tr>
1235
+ <tr >
1236
+ <td>Gecko</td>
1237
+ <td>Camino 1.5</td>
1238
+ <td>OSX.3+</td>
1239
+ <td class="hidden-xs hidden-sm">1.8</td>
1240
+ <td class="hidden-xs hidden-sm">A</td>
1241
+ </tr>
1242
+ <tr >
1243
+ <td>Gecko</td>
1244
+ <td>Netscape 7.2</td>
1245
+ <td>Win 95+ / Mac OS 8.6-9.2</td>
1246
+ <td class="hidden-xs hidden-sm">1.7</td>
1247
+ <td class="hidden-xs hidden-sm">A</td>
1248
+ </tr>
1249
+ </tbody>
1250
+ </table>
1251
+ </div> <!-- /.table-responsive -->
1252
+
1253
+
1254
+ </div> <!-- /.portlet-content -->
1255
+
1256
+ </div> <!-- /.portlet -->
1257
+
1258
+
1259
+
1260
+ </div> <!-- /.col -->
1261
+
1262
+ </div> <!-- /.row -->
1263
+
1264
+
1265
+
1266
+ </div> <!-- /#content-container -->
1267
+
1268
+
1269
+
1270
+ </div> <!-- #content -->
1271
+
1272
+
1273
+ </div> <!-- #wrapper -->
1274
+
1275
+ <footer id="footer">
1276
+ <ul class="nav pull-right">
1277
+ <li>
1278
+ Copyright &copy; 2013, Jumpstart Themes.
1279
+ </li>
1280
+ </ul>
1281
+ </footer>
1282
+
1283
+ <script src="./js/libs/jquery-1.9.1.min.js"></script>
1284
+ <script src="./js/libs/jquery-ui-1.9.2.custom.min.js"></script>
1285
+ <script src="./js/libs/bootstrap.min.js"></script>
1286
+
1287
+ <script src="./js/plugins/datatables/jquery.dataTables.min.js"></script>
1288
+ <script src="./js/plugins/datatables/DT_bootstrap.js"></script>
1289
+ <script src="./js/plugins/tableCheckable/jquery.tableCheckable.js"></script>
1290
+
1291
+ <script src="./js/plugins/icheck/jquery.icheck.min.js"></script>
1292
+
1293
+ <script src="./js/App.js"></script>
1294
+
1295
+
1296
+ </body>
1297
+ </html>