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/form-extended.html ADDED
@@ -0,0 +1,1052 @@
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>Extended Elements - 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
+ <link rel="stylesheet" href="./js/plugins/datepicker/datepicker.css" type="text/css" />
21
+ <link rel="stylesheet" href="./js/plugins/select2/select2.css" type="text/css" />
22
+ <link rel="stylesheet" href="./js/plugins/simplecolorpicker/jquery.simplecolorpicker.css" type="text/css" />
23
+ <link rel="stylesheet" href="./js/plugins/timepicker/bootstrap-timepicker.css" type="text/css" />
24
+ <link rel="stylesheet" href="./js/plugins/fileupload/bootstrap-fileupload.css" type="text/css" />
25
+
26
+ <link rel="stylesheet" href="./css/App.css" type="text/css" />
27
+
28
+ <link rel="stylesheet" href="./css/custom.css" type="text/css" />
29
+
30
+ </head>
31
+
32
+ <body>
33
+
34
+ <div id="wrapper">
35
+
36
+
37
+ <header id="header">
38
+
39
+ <h1 id="site-logo">
40
+ <a href="./index.html">
41
+ <img src="./img/logos/logo.png" alt="Site Logo" />
42
+ </a>
43
+ </h1>
44
+
45
+ <a href="javascript:;" data-toggle="collapse" data-target=".top-bar-collapse" id="top-bar-toggle" class="navbar-toggle collapsed">
46
+ <i class="fa fa-cog"></i>
47
+ </a>
48
+
49
+ <a href="javascript:;" data-toggle="collapse" data-target=".sidebar-collapse" id="sidebar-toggle" class="navbar-toggle collapsed">
50
+ <i class="fa fa-reorder"></i>
51
+ </a>
52
+
53
+ </header> <!-- header -->
54
+
55
+
56
+ <nav id="top-bar" class="collapse top-bar-collapse">
57
+
58
+ <ul class="nav navbar-nav pull-left">
59
+ <li class="">
60
+ <a href="./index.html">
61
+ <i class="fa fa-home"></i>
62
+ Home
63
+ </a>
64
+ </li>
65
+
66
+ <li class="dropdown">
67
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
68
+ Dropdown <span class="caret"></span>
69
+ </a>
70
+
71
+ <ul class="dropdown-menu" role="menu">
72
+ <li><a href="javascript:;"><i class="fa fa-user"></i>&nbsp;&nbsp;Example #1</a></li>
73
+ <li><a href="javascript:;"><i class="fa fa-calendar"></i>&nbsp;&nbsp;Example #2</a></li>
74
+ <li class="divider"></li>
75
+ <li><a href="javascript:;"><i class="fa fa-tasks"></i>&nbsp;&nbsp;Example #3</a></li>
76
+ </ul>
77
+ </li>
78
+
79
+ </ul>
80
+
81
+ <ul class="nav navbar-nav pull-right">
82
+ <li class="dropdown">
83
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
84
+ <i class="fa fa-user"></i>
85
+ Rod Howard
86
+ <span class="caret"></span>
87
+ </a>
88
+
89
+ <ul class="dropdown-menu" role="menu">
90
+ <li>
91
+ <a href="./page-profile.html">
92
+ <i class="fa fa-user"></i>
93
+ &nbsp;&nbsp;My Profile
94
+ </a>
95
+ </li>
96
+ <li>
97
+ <a href="./page-calendar.html">
98
+ <i class="fa fa-calendar"></i>
99
+ &nbsp;&nbsp;My Calendar
100
+ </a>
101
+ </li>
102
+ <li>
103
+ <a href="./page-settings.html">
104
+ <i class="fa fa-cogs"></i>
105
+ &nbsp;&nbsp;Settings
106
+ </a>
107
+ </li>
108
+ <li class="divider"></li>
109
+ <li>
110
+ <a href="./page-login.html">
111
+ <i class="fa fa-sign-out"></i>
112
+ &nbsp;&nbsp;Logout
113
+ </a>
114
+ </li>
115
+ </ul>
116
+ </li>
117
+ </ul>
118
+
119
+ </nav> <!-- /#top-bar -->
120
+
121
+
122
+ <div id="sidebar-wrapper" class="collapse sidebar-collapse">
123
+
124
+ <div id="search">
125
+ <form>
126
+ <input class="form-control input-sm" type="text" name="search" placeholder="Search..." />
127
+
128
+ <button type="submit" id="search-btn" class="btn"><i class="fa fa-search"></i></button>
129
+ </form>
130
+ </div> <!-- #search -->
131
+
132
+ <nav id="sidebar">
133
+
134
+ <ul id="main-nav" class="open-active">
135
+
136
+ <li class="">
137
+ <a href="./index.html">
138
+ <i class="fa fa-dashboard"></i>
139
+ Dashboard
140
+ </a>
141
+ </li>
142
+
143
+ <li class="dropdown">
144
+ <a href="javascript:;">
145
+ <i class="fa fa-file-text"></i>
146
+ Example Pages
147
+ <span class="caret"></span>
148
+ </a>
149
+
150
+ <ul class="sub-nav">
151
+ <li>
152
+ <a href="./page-profile.html">
153
+ <i class="fa fa-user"></i>
154
+ Profile
155
+ </a>
156
+ </li>
157
+ <li>
158
+ <a href="./page-invoice.html">
159
+ <i class="fa fa-money"></i>
160
+ Invoice
161
+ </a>
162
+ </li>
163
+ <li>
164
+ <a href="./page-pricing.html">
165
+ <i class="fa fa-dollar"></i>
166
+ Pricing Plans
167
+ </a>
168
+ </li>
169
+ <li>
170
+ <a href="./page-support.html">
171
+ <i class="fa fa-question"></i>
172
+ Support Page
173
+ </a>
174
+ </li>
175
+ <li>
176
+ <a href="./page-gallery.html">
177
+ <i class="fa fa-picture-o"></i>
178
+ Gallery
179
+ </a>
180
+ </li>
181
+ <li>
182
+ <a href="./page-settings.html">
183
+ <i class="fa fa-cogs"></i>
184
+ Settings
185
+ </a>
186
+ </li>
187
+ <li>
188
+ <a href="./page-calendar.html">
189
+ <i class="fa fa-calendar"></i>
190
+ Calendar
191
+ </a>
192
+ </li>
193
+ </ul>
194
+
195
+ </li>
196
+
197
+ <li class="dropdown active">
198
+ <a href="javascript:;">
199
+ <i class="fa fa-tasks"></i>
200
+ Form Elements
201
+ <span class="caret"></span>
202
+ </a>
203
+
204
+ <ul class="sub-nav">
205
+ <li>
206
+ <a href="./form-regular.html">
207
+ <i class="fa fa-location-arrow"></i>
208
+ Regular Elements
209
+ </a>
210
+ </li>
211
+ <li>
212
+ <a href="./form-extended.html">
213
+ <i class="fa fa-magic"></i>
214
+ Extended Elements
215
+ </a>
216
+ </li>
217
+ <li>
218
+ <a href="./form-validation.html">
219
+ <i class="fa fa-check"></i>
220
+ Validation
221
+ </a>
222
+ </li>
223
+ </ul>
224
+
225
+ </li>
226
+
227
+ <li class="dropdown">
228
+ <a href="javascript:;">
229
+ <i class="fa fa-desktop"></i>
230
+ UI Features
231
+ <span class="caret"></span>
232
+ </a>
233
+
234
+ <ul class="sub-nav">
235
+ <li>
236
+ <a href="./ui-buttons.html">
237
+ <i class="fa fa-hand-o-up"></i>
238
+ Buttons
239
+ </a>
240
+ </li>
241
+ <li>
242
+ <a href="./ui-tabs.html">
243
+ <i class="fa fa-reorder"></i>
244
+ Tabs & Accordions
245
+ </a>
246
+ </li>
247
+
248
+ <li>
249
+ <a href="./ui-popups.html">
250
+ <i class="fa fa-asterisk"></i>
251
+ Popups / Notifications
252
+ </a>
253
+ </li>
254
+
255
+ <li>
256
+ <a href="./ui-sliders.html">
257
+ <i class="fa fa-tasks"></i>
258
+ Sliders
259
+ </a>
260
+ </li>
261
+
262
+ <li class="">
263
+ <a href="./ui-typography.html">
264
+ <i class="fa fa-font"></i>
265
+ Typography
266
+ </a>
267
+ </li>
268
+
269
+ <li class="">
270
+ <a href="./ui-icons.html">
271
+ <i class="fa fa-star-o"></i>
272
+ Icons
273
+ </a>
274
+ </li>
275
+ </ul>
276
+ </li>
277
+
278
+ <li class="dropdown">
279
+ <a href="javascript:;">
280
+ <i class="fa fa-table"></i>
281
+ Tables
282
+ <span class="caret"></span>
283
+ </a>
284
+
285
+ <ul class="sub-nav">
286
+ <li>
287
+ <a href="./table-basic.html">
288
+ <i class="fa fa-table"></i>
289
+ Basic Tables
290
+ </a>
291
+ </li>
292
+ <li>
293
+ <a href="./table-advanced.html">
294
+ <i class="fa fa-table"></i>
295
+ Advanced Tables
296
+ </a>
297
+ </li>
298
+ <li>
299
+ <a href="./table-responsive.html">
300
+ <i class="fa fa-table"></i>
301
+ Responsive Tables
302
+ </a>
303
+ </li>
304
+ </ul>
305
+
306
+ </li>
307
+
308
+ <li>
309
+ <a href="./ui-portlets.html">
310
+ <i class="fa fa-list-alt"></i>
311
+ Portlets
312
+ </a>
313
+ </li>
314
+
315
+ <li class="dropdown">
316
+ <a href="javascript:;">
317
+ <i class="fa fa-bar-chart-o"></i>
318
+ Charts & Graphs
319
+ <span class="caret"></span>
320
+ </a>
321
+
322
+ <ul class="sub-nav">
323
+ <li>
324
+ <a href="./chart-flot.html">
325
+ <i class="fa fa-bar-chart-o"></i>
326
+ jQuery Flot
327
+ </a>
328
+ </li>
329
+ <li>
330
+ <a href="./chart-morris.html">
331
+ <i class="fa fa-bar-chart-o"></i>
332
+ Morris.js
333
+ </a>
334
+ </li>
335
+ </ul>
336
+ </li>
337
+
338
+ <li class="dropdown">
339
+ <a href="javascript:;">
340
+ <i class="fa fa-file-text-o"></i>
341
+ Extra Pages
342
+ <span class="caret"></span>
343
+ </a>
344
+
345
+ <ul class="sub-nav">
346
+ <li>
347
+ <a href="./page-login.html">
348
+ <i class="fa fa-unlock"></i>
349
+ Login Basic
350
+ </a>
351
+ </li>
352
+ <li>
353
+ <a href="./page-login-social.html">
354
+ <i class="fa fa-unlock"></i>
355
+ Login Social
356
+ </a>
357
+ </li>
358
+ <li>
359
+ <a href="./page-404.html">
360
+ <i class="fa fa-ban"></i>
361
+ 404 Error
362
+ </a>
363
+ </li>
364
+ <li>
365
+ <a href="./page-500.html">
366
+ <i class="fa fa-ban"></i>
367
+ 500 Error
368
+ </a>
369
+ </li>
370
+ <li>
371
+ <a href="./page-blank.html">
372
+ <i class="fa fa-file-text-o"></i>
373
+ Blank Page
374
+ </a>
375
+ </li>
376
+ </ul>
377
+ </li>
378
+
379
+ </ul>
380
+
381
+ </nav> <!-- #sidebar -->
382
+
383
+ </div> <!-- /#sidebar-wrapper -->
384
+
385
+
386
+ <div id="content">
387
+
388
+ <div id="content-header">
389
+ <h1>Extended Elements</h1>
390
+ </div> <!-- #content-header -->
391
+
392
+
393
+ <div id="content-container">
394
+
395
+ <div class="portlet">
396
+
397
+ <div class="portlet-header">
398
+
399
+ <h3>
400
+ <i class="fa fa-calendar"></i>
401
+ Date Picker
402
+ </h3>
403
+
404
+ </div> <!-- /.portlet-header -->
405
+
406
+ <div class="portlet-content">
407
+
408
+ <div class="row">
409
+ <div class="col-sm-3">
410
+ <h4>Default</h4>
411
+ <input id="dp-ex-1" class="form-control" type="text">
412
+ <span class="help-block">mm/dd/yyyy</span>
413
+ </div>
414
+
415
+ <div class="col-sm-3">
416
+ <h4>As component</h4>
417
+ <div id="dp-ex-2" class="input-group date">
418
+ <input class="form-control" type="text">
419
+ <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
420
+ </div>
421
+ <span class="help-block">dd-mm-yyyy</span>
422
+ </div>
423
+
424
+ <div class="col-sm-3">
425
+ <h4>Autoclose</h4>
426
+ <div id="dp-ex-3" class="input-group date" data-auto-close="true" data-date="12-02-2012" data-date-format="dd-mm-yyyy" data-date-autoclose="true">
427
+ <input class="form-control" type="text">
428
+ <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
429
+ </div>
430
+ <span class="help-block">dd-mm-yyyy</span>
431
+ </div>
432
+
433
+ <div class="col-sm-3">
434
+ <h4>Start with year view</h4>
435
+ <div id="dp-ex-4" class="input-group date" data-date="12-02-2012" data-date-format="dd.mm.yyyy" data-date-autoclose="true" data-date-start-view="2">
436
+ <input class="form-control" type="text">
437
+ <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
438
+ </div>
439
+ <span class="help-block">dd.mm.yyyy</span>
440
+ </div>
441
+
442
+ </div> <!-- /.row -->
443
+
444
+
445
+
446
+ <div class="row">
447
+ <div class="col-sm-6">
448
+ <h4>Range input</h4>
449
+ <div class="row">
450
+ <div class="col-sm-6">
451
+ <input class="form-control" type="text" placeholder="Start date" id="dpStart" data-date-format="mm-dd-yyyy" data-date-autoclose="true">
452
+ <span class="help-block">mm-dd-yyyy</span>
453
+ </div>
454
+
455
+ <div class="col-sm-6">
456
+ <input class="form-control" type="text" placeholder="End date" id="dpEnd" data-date-format="mm-dd-yyyy" data-date-autoclose="true">
457
+ </div>
458
+ </div>
459
+ </div>
460
+
461
+ <div class="col-sm-6">
462
+ <h4>Inline</h4>
463
+ <div id="dp-ex-5" class="" data-date-format="dd-mm-yyyy"></div>
464
+ </div>
465
+ </div>
466
+
467
+
468
+ </div> <!-- /.portlet-content -->
469
+
470
+ </div> <!-- /.portlet -->
471
+
472
+ <div class="portlet">
473
+
474
+ <div class="portlet-header">
475
+
476
+ <h3>
477
+ <i class="fa fa-clock-o"></i>
478
+ Time Picker
479
+ </h3>
480
+
481
+ </div> <!-- /.portlet-header -->
482
+
483
+ <div class="portlet-content">
484
+
485
+ <div class="row">
486
+ <div class="col-sm-4">
487
+ <h4>Default timepicker</h4>
488
+ <div class="input-group bootstrap-timepicker">
489
+ <input id="tp-ex-1" type="text" class="form-control">
490
+ <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
491
+ </div>
492
+ </div>
493
+
494
+ <div class="col-sm-4">
495
+ <h4>Inside a modal</h4>
496
+ <div class="input-group bootstrap-timepicker">
497
+ <input id="tp-ex-2" type="text" class="form-control">
498
+ <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
499
+ </div>
500
+ </div>
501
+
502
+ <div class="col-sm-4">
503
+
504
+ </div>
505
+
506
+ </div> <!-- /.row -->
507
+
508
+ </div> <!-- /.portlet-content -->
509
+
510
+ </div> <!-- /.portlet -->
511
+
512
+
513
+
514
+
515
+ <div class="portlet">
516
+
517
+ <div class="portlet-header">
518
+
519
+ <h3>
520
+ <i class="fa fa-check"></i>
521
+ Checkbox & Radio Fields
522
+ </h3>
523
+
524
+ </div> <!-- /.portlet-header -->
525
+
526
+ <div class="portlet-content">
527
+
528
+ <div class="row">
529
+
530
+ <div class="col-sm-6">
531
+ <h4>Checkbox (stacked)</h4>
532
+ <div class="form-group">
533
+ <div class="checkbox">
534
+ <label>
535
+ <input type="checkbox" name="checkbox-2" class="" checked>
536
+ Option 1
537
+ </label>
538
+ </div>
539
+ <div class="checkbox">
540
+ <label>
541
+ <input type="checkbox" name="checkbox-2" class="">
542
+ Option 2
543
+ </label>
544
+ </div>
545
+ <div class="checkbox">
546
+ <label>
547
+ <input type="checkbox" name="checkbox-2" class="">
548
+ Option 3
549
+ </label>
550
+ </div>
551
+ </div> <!-- /.form-group -->
552
+
553
+ <h4>Checkbox (inline)</h4>
554
+
555
+ <div class="form-group">
556
+
557
+ <label class="checkbox-inline">
558
+ <input type="checkbox" id="inlineCheckbox1" class="" value="option1" checked> Option 1
559
+ </label>
560
+ <label class="checkbox-inline">
561
+ <input type="checkbox" id="inlineCheckbox2" class="" value="option2"> Option 2
562
+ </label>
563
+ <label class="checkbox-inline">
564
+ <input type="checkbox" id="inlineCheckbox3" class="" value="option3"> Option 3
565
+ </label>
566
+
567
+ </div> <!-- /.form-group -->
568
+ </div>
569
+
570
+ <div class="col-sm-6">
571
+
572
+ <h4>Radio (stacked)</h4>
573
+ <div class="form-group">
574
+ <div class="radio">
575
+ <label>
576
+ <input type="radio" name="radio-2" class="" checked>
577
+ Option 1
578
+ </label>
579
+ </div>
580
+ <div class="radio">
581
+ <label>
582
+ <input type="radio" name="radio-2" class="" data-required="true">
583
+ Option 2
584
+ </label>
585
+ </div>
586
+ <div class="radio">
587
+ <label>
588
+ <input type="radio" name="radio-2" class="" data-required="true">
589
+ Option 3
590
+ </label>
591
+ </div>
592
+ </div> <!-- /.form-group -->
593
+
594
+ <h4>Radio (inline)</h4>
595
+
596
+ <div class="form-group">
597
+
598
+ <label class="radio-inline">
599
+ <input type="radio" name="radio-1" class="" value="option1" checked> Option 1
600
+ </label>
601
+ <label class="radio-inline">
602
+ <input type="radio" name="radio-1" class="" value="option2"> Option 2
603
+ </label>
604
+ <label class="radio-inline">
605
+ <input type="radio" name="radio-1" class="" value="option3"> Option 3
606
+ </label>
607
+
608
+ </div> <!-- /.form-group -->
609
+
610
+ </div>
611
+
612
+ </div> <!-- /.row -->
613
+
614
+ </div> <!-- /.portlet-content -->
615
+
616
+ </div> <!-- /.portlet -->
617
+
618
+
619
+
620
+
621
+ <div class="portlet">
622
+
623
+ <div class="portlet-header">
624
+
625
+ <h3>
626
+ <i class="fa fa-sun-o"></i>
627
+ Color Picker
628
+ </h3>
629
+
630
+ </div> <!-- /.portlet-header -->
631
+
632
+ <div class="portlet-content">
633
+
634
+
635
+ <div class="row">
636
+ <div class="col-sm-4">
637
+ <h4>Inline Picker</h4>
638
+
639
+ <select id="cp-ex-1" name="colorpicker" class="form-control">
640
+ <!-- Colors from Google Calendar -->
641
+ <option>Select</option>
642
+ <option value="#e5412d">Red</option>
643
+ <option value="#f0ad4e">Yellow</option>
644
+ <option value="#428bca">Blue</option>
645
+ <option value="#5cb85c">Green</option>
646
+ <option value="#5bc0de">Teal</option>
647
+ </select>
648
+ </div>
649
+
650
+ <div class="col-sm-4">
651
+ <h4>Dropdown Picker</h4>
652
+
653
+ <select id="cp-ex-2" name="colorpicker" class="form-control">
654
+ <!-- Colors from Google Calendar -->
655
+ <option>Select</option>
656
+ <option value="#e5412d">Red</option>
657
+ <option value="#f0ad4e">Yellow</option>
658
+ <option value="#428bca">Blue</option>
659
+ <option value="#5cb85c">Green</option>
660
+ <option value="#5bc0de">Teal</option>
661
+ </select>
662
+ </div>
663
+
664
+ </div> <!-- /.row -->
665
+
666
+ </div> <!-- /.portlet-content -->
667
+
668
+ </div> <!-- /.portlet -->
669
+
670
+
671
+
672
+ <div class="portlet">
673
+
674
+ <div class="portlet-header">
675
+
676
+ <h3>
677
+ <i class="fa fa-tasks"></i>
678
+ Select2
679
+ </h3>
680
+
681
+ </div> <!-- /.portlet-header -->
682
+
683
+ <div class="portlet-content">
684
+
685
+
686
+ <div class="row">
687
+
688
+ <div class="col-sm-6 ">
689
+
690
+ <h4 class="heading_a">Basic</h4>
691
+ <select id="s2_basic" class="form-control">
692
+
693
+ <optgroup label="Alaskan/Hawaiian Time Zone">
694
+ <option value="AK">Alaska</option>
695
+ <option value="HI">Hawaii</option>
696
+ </optgroup>
697
+ <optgroup label="Pacific Time Zone">
698
+ <option value="CA">California</option>
699
+ <option value="NV" selected>Nevada</option>
700
+ <option value="OR">Oregon</option>
701
+ <option value="WA">Washington</option>
702
+ </optgroup>
703
+ <optgroup label="Mountain Time Zone">
704
+ <option value="AZ">Arizona</option>
705
+ <option value="CO">Colorado</option>
706
+ <option value="ID">Idaho</option>
707
+ <option value="MT">Montana</option>
708
+ <option value="NE">Nebraska</option>
709
+ <option value="NM">New Mexico</option>
710
+ <option value="ND">North Dakota</option>
711
+ <option value="UT">Utah</option>
712
+ <option value="WY">Wyoming</option>
713
+ </optgroup>
714
+ <optgroup label="Central Time Zone">
715
+ <option value="AL">Alabama</option>
716
+ <option value="AR">Arkansas</option>
717
+ <option value="IL">Illinois</option>
718
+ <option value="IA">Iowa</option>
719
+ <option value="KS">Kansas</option>
720
+ <option value="KY">Kentucky</option>
721
+ <option value="LA">Louisiana</option>
722
+ <option value="MN">Minnesota</option>
723
+ <option value="MS">Mississippi</option>
724
+ <option value="MO">Missouri</option>
725
+ <option value="OK">Oklahoma</option>
726
+ <option value="SD">South Dakota</option>
727
+ <option value="TX">Texas</option>
728
+ <option value="TN">Tennessee</option>
729
+ <option value="WI">Wisconsin</option>
730
+ </optgroup>
731
+ <optgroup label="Eastern Time Zone">
732
+ <option value="CT">Connecticut</option>
733
+ <option value="DE">Delaware</option>
734
+ <option value="FL">Florida</option>
735
+ <option value="GA">Georgia</option>
736
+ <option value="IN">Indiana</option>
737
+ <option value="ME">Maine</option>
738
+ <option value="MD">Maryland</option>
739
+ <option value="MA">Massachusetts</option>
740
+ <option value="MI">Michigan</option>
741
+ <option value="NH">New Hampshire</option>
742
+ <option value="NJ">New Jersey</option>
743
+ <option value="NY">New York</option>
744
+ <option value="NC">North Carolina</option>
745
+ <option value="OH">Ohio</option>
746
+ <option value="PA">Pennsylvania</option>
747
+ <option value="RI">Rhode Island</option>
748
+ <option value="SC">South Carolina</option>
749
+ <option value="VT">Vermont</option>
750
+ <option value="VA">Virginia</option>
751
+ <option value="WV">West Virginia</option>
752
+ </optgroup>
753
+ </select>
754
+
755
+ </div>
756
+
757
+ <div class="col-sm-6">
758
+
759
+ <h4 class="heading_a">Multi Value</h4>
760
+
761
+ <select id="s2_multi_value" class="form-control" multiple>
762
+ <optgroup label="Alaskan/Hawaiian Time Zone">
763
+ <option value="AK">Alaska</option>
764
+ <option value="HI">Hawaii</option>
765
+ </optgroup>
766
+ <optgroup label="Pacific Time Zone">
767
+ <option value="CA">California</option>
768
+ <option value="NV">Nevada</option>
769
+ <option value="OR">Oregon</option>
770
+ <option value="WA">Washington</option>
771
+ </optgroup>
772
+ <optgroup label="Mountain Time Zone">
773
+ <option value="AZ">Arizona</option>
774
+ <option value="CO">Colorado</option>
775
+ <option value="ID">Idaho</option>
776
+ <option value="MT">Montana</option>
777
+ <option value="NE">Nebraska</option>
778
+ <option value="NM">New Mexico</option>
779
+ <option value="ND">North Dakota</option>
780
+ <option value="UT">Utah</option>
781
+ <option value="WY">Wyoming</option>
782
+ </optgroup>
783
+ <optgroup label="Central Time Zone">
784
+ <option value="AL">Alabama</option>
785
+ <option value="AR">Arkansas</option>
786
+ <option value="IL">Illinois</option>
787
+ <option value="IA">Iowa</option>
788
+ <option value="KS">Kansas</option>
789
+ <option value="KY">Kentucky</option>
790
+ <option value="LA">Louisiana</option>
791
+ <option value="MN">Minnesota</option>
792
+ <option value="MS">Mississippi</option>
793
+ <option value="MO">Missouri</option>
794
+ <option value="OK">Oklahoma</option>
795
+ <option value="SD">South Dakota</option>
796
+ <option value="TX">Texas</option>
797
+ <option value="TN">Tennessee</option>
798
+ <option value="WI">Wisconsin</option>
799
+ </optgroup>
800
+ <optgroup label="Eastern Time Zone">
801
+ <option value="CT">Connecticut</option>
802
+ <option value="DE">Delaware</option>
803
+ <option value="FL">Florida</option>
804
+ <option value="GA">Georgia</option>
805
+ <option value="IN">Indiana</option>
806
+ <option value="ME">Maine</option>
807
+ <option value="MD">Maryland</option>
808
+ <option value="MA">Massachusetts</option>
809
+ <option value="MI">Michigan</option>
810
+ <option value="NH">New Hampshire</option>
811
+ <option value="NJ">New Jersey</option>
812
+ <option value="NY">New York</option>
813
+ <option value="NC">North Carolina</option>
814
+ <option value="OH">Ohio</option>
815
+ <option value="PA">Pennsylvania</option>
816
+ <option value="RI">Rhode Island</option>
817
+ <option value="SC">South Carolina</option>
818
+ <option value="VT">Vermont</option>
819
+ <option value="VA">Virginia</option>
820
+ <option value="WV">West Virginia</option>
821
+ </optgroup>
822
+ </select>
823
+ </div>
824
+
825
+ </div> <!-- /.row -->
826
+
827
+
828
+ <div class="row">
829
+
830
+ <div class="col-sm-6">
831
+ <h4 class="heading_a">Auto Tokenization</h4>
832
+ <input type="text" id="s2_tokenization" class="form-control" value="green,red">
833
+ <span class="help-block">Try typing in the search field above and entering a space or a comma.</span>
834
+ </div>
835
+
836
+ </div> <!-- /.row -->
837
+
838
+
839
+ </div> <!-- /.portlet-content -->
840
+
841
+ </div> <!-- /.portlet -->
842
+
843
+
844
+
845
+
846
+
847
+ <div class="portlet">
848
+
849
+ <div class="portlet-header">
850
+
851
+ <h3>
852
+ <i class="fa fa-cloud-upload"></i>
853
+ File Upload
854
+ </h3>
855
+
856
+ </div> <!-- /.portlet-header -->
857
+
858
+ <div class="portlet-content">
859
+
860
+
861
+ <div class="row">
862
+
863
+ <div class="col-sm-6">
864
+ <div class="fileupload fileupload-new" data-provides="fileupload">
865
+ <div class="input-group">
866
+ <div class="form-control">
867
+ <i class="fa fa-file fileupload-exists"></i> <span class="fileupload-preview"></span>
868
+ </div>
869
+ <div class="input-group-btn">
870
+ <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a>
871
+ <span class="btn btn-default btn-file">
872
+ <span class="fileupload-new">Select file</span>
873
+ <span class="fileupload-exists">Change</span>
874
+ <input type="file" />
875
+ </span>
876
+ </div>
877
+ </div>
878
+ </div>
879
+ </div>
880
+
881
+ <div class="col-sm-6">
882
+ <div class="fileupload fileupload-new text-center" data-provides="fileupload">
883
+ <span class="btn btn-default btn-file">
884
+ <span class="fileupload-new">Select file</span><span class="fileupload-exists">Change</span><input type="file" />
885
+ </span>
886
+ <span class="fileupload-preview"></span>
887
+ <button type="button" class="close fileupload-exists" data-dismiss="fileupload" style="float:none">&times;</button>
888
+ </div>
889
+ </div>
890
+
891
+ </div> <!-- /.row -->
892
+
893
+
894
+
895
+ <div class="row">
896
+ <div class="col-sm-4">
897
+
898
+ <div class="fileupload fileupload-new" data-provides="fileupload">
899
+ <div class="fileupload-preview thumbnail" style="width: 200px; height: 150px;"></div>
900
+ <div>
901
+ <span class="btn btn-default btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file" /></span>
902
+ <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a>
903
+ </div>
904
+ </div>
905
+
906
+ </div>
907
+
908
+ <div class="col-sm-4">
909
+
910
+ <div class="fileupload fileupload-new" data-provides="fileupload">
911
+ <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;"><img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="Placeholder" /></div>
912
+ <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
913
+ <div>
914
+ <span class="btn btn-default btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file" /></span>
915
+ <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a>
916
+ </div>
917
+ </div>
918
+
919
+ </div>
920
+
921
+ <div class="col-sm-4">
922
+
923
+
924
+
925
+ <div class="fileupload fileupload-new" data-provides="fileupload">
926
+ <div class="fileupload-new thumbnail" style="width: 50px; height: 50px;">
927
+ <img src="http://www.placehold.it/50x50/EFEFEF/AAAAAA" alt="Placeholder" />
928
+ </div>
929
+
930
+ <div class="fileupload-preview fileupload-exists thumbnail" style="width: 50px; height: 50px;">
931
+ </div>
932
+ <span class="btn btn-default btn-file">
933
+ <span class="fileupload-new">Select image</span>
934
+ <span class="fileupload-exists">Change</span>
935
+ <input type="file" />
936
+ </span>
937
+
938
+ <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a>
939
+ </div>
940
+
941
+ </div>
942
+
943
+ </div> <!-- /.row -->
944
+
945
+ </div> <!-- /.portlet-content -->
946
+
947
+ </div> <!-- /.portlet -->
948
+
949
+
950
+
951
+
952
+
953
+ <div class="portlet">
954
+
955
+ <div class="portlet-header">
956
+
957
+ <h3>
958
+ <i class="fa fa-location-arrow"></i>
959
+ Autosize Textarea
960
+ </h3>
961
+
962
+ </div> <!-- /.portlet-header -->
963
+
964
+ <div class="portlet-content">
965
+
966
+ <div class="row">
967
+ <div class="col-sm-6">
968
+ <label>Regular</label>
969
+ <textarea id="as-ex-1" class="form-control" rows="3"></textarea>
970
+ </div>
971
+
972
+ <div class="col-sm-6">
973
+ <label>Animated</label>
974
+ <textarea id="as-ex-2" class="form-control" rows="3"></textarea>
975
+ </div>
976
+ </div> <!-- /.row -->
977
+
978
+ </div> <!-- /.portlet-content -->
979
+
980
+ </div> <!-- /.portlet -->
981
+
982
+
983
+
984
+
985
+
986
+ <div class="portlet">
987
+
988
+ <div class="portlet-header">
989
+
990
+ <h3>
991
+ <i class="fa fa-location-arrow"></i>
992
+ Textarea Counter
993
+ </h3>
994
+
995
+ </div> <!-- /.portlet-header -->
996
+
997
+ <div class="portlet-content">
998
+
999
+ <div class="row">
1000
+ <div class="col-sm-6">
1001
+ <label>Count characters and words</label>
1002
+ <textarea class="form-control" id="count-textarea1" rows="3"></textarea>
1003
+ </div>
1004
+ <div class="col-sm-6">
1005
+ <label>Count and limit characters</label>
1006
+ <textarea class="form-control" id="count-textarea2" rows="3"></textarea>
1007
+ </div>
1008
+ </div> <!-- /.row -->
1009
+
1010
+ </div> <!-- /.portlet-content -->
1011
+
1012
+ </div> <!-- /.portlet -->
1013
+
1014
+
1015
+
1016
+ </div> <!-- /#content-container -->
1017
+
1018
+
1019
+
1020
+
1021
+ </div> <!-- #content -->
1022
+
1023
+
1024
+ </div> <!-- #wrapper -->
1025
+
1026
+ <footer id="footer">
1027
+ <ul class="nav pull-right">
1028
+ <li>
1029
+ Copyright &copy; 2013, Jumpstart Themes.
1030
+ </li>
1031
+ </ul>
1032
+ </footer>
1033
+
1034
+ <script src="./js/libs/jquery-1.9.1.min.js"></script>
1035
+ <script src="./js/libs/jquery-ui-1.9.2.custom.min.js"></script>
1036
+ <script src="./js/libs/bootstrap.min.js"></script>
1037
+
1038
+ <script src="./js/plugins/icheck/jquery.icheck.js"></script>
1039
+ <script src="./js/plugins/datepicker/bootstrap-datepicker.js"></script>
1040
+ <script src="./js/plugins/timepicker/bootstrap-timepicker.js"></script>
1041
+ <script src="./js/plugins/simplecolorpicker/jquery.simplecolorpicker.js"></script>
1042
+ <script src="./js/plugins/select2/select2.js"></script>
1043
+ <script src="./js/plugins/autosize/jquery.autosize.min.js"></script>
1044
+ <script src="./js/plugins/textarea-counter/jquery.textarea-counter.js"></script>
1045
+ <script src="./js/plugins/fileupload/bootstrap-fileupload.js"></script>
1046
+
1047
+ <script src="./js/App.js"></script>
1048
+
1049
+ <script src="./js/demos/form-extended.js"></script>
1050
+
1051
+ </body>
1052
+ </html>