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
@@ -0,0 +1,665 @@
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>Settings - 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/fileupload/bootstrap-fileupload.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 active">
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">
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>Settings</h1>
385
+ </div> <!-- #content-header -->
386
+
387
+
388
+ <div id="content-container">
389
+
390
+ <div class="row">
391
+
392
+ <div class="col-md-3 col-sm-4">
393
+
394
+ <ul id="myTab" class="nav nav-pills nav-stacked">
395
+ <li class="active">
396
+ <a href="#profile-tab" data-toggle="tab">
397
+ <i class="fa fa-user"></i>
398
+ &nbsp;&nbsp;Profile Settings
399
+ </a>
400
+ </li>
401
+ <li>
402
+ <a href="#password-tab" data-toggle="tab">
403
+ <i class="fa fa-lock"></i>
404
+ &nbsp;&nbsp;Change Password
405
+ </a>
406
+ </li>
407
+ <li>
408
+ <a href="#messaging" data-toggle="tab">
409
+ <i class="fa fa-envelope"></i>
410
+ &nbsp;&nbsp;Message Settings
411
+ </a>
412
+ </li>
413
+ <li>
414
+ <a href="#payments" data-toggle="tab">
415
+ <i class="fa fa-dollar"></i>
416
+ &nbsp;&nbsp;Payment Settings
417
+ </a>
418
+ </li>
419
+ <li>
420
+ <a href="#reports" data-toggle="tab">
421
+ <i class="fa fa-signal"></i>
422
+ &nbsp;&nbsp;Configure Reports
423
+ </a>
424
+ </li>
425
+ </ul>
426
+
427
+ </div> <!-- /.col -->
428
+
429
+ <div class="col-md-9 col-sm-8">
430
+
431
+ <div class="tab-content stacked-content">
432
+ <div class="tab-pane fade in active" id="profile-tab">
433
+
434
+ <h3 class="">Edit Profile Settings</h3>
435
+
436
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
437
+
438
+ <hr />
439
+
440
+ <br />
441
+
442
+ <form action="./page-settings.html" class="form-horizontal">
443
+
444
+
445
+
446
+ <div class="form-group">
447
+
448
+ <label class="col-md-3">Avatar</label>
449
+
450
+ <div class="col-md-7">
451
+ <div class="fileupload fileupload-new" data-provides="fileupload">
452
+ <div class="fileupload-new thumbnail" style="width: 180px; height: 180px;"><img src="./img/avatars/avatar-large-1.jpg" alt="Profile Avatar" /></div>
453
+ <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 200px; line-height: 20px;"></div>
454
+ <div>
455
+ <span class="btn btn-default btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file" /></span>
456
+ <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a>
457
+ </div>
458
+ </div>
459
+ </div> <!-- /.col -->
460
+
461
+ </div> <!-- /.form-group -->
462
+
463
+ <div class="form-group">
464
+
465
+ <label class="col-md-3">Username</label>
466
+
467
+ <div class="col-md-7">
468
+ <input type="text" name="user-name" value="jumpstartui" class="form-control" disabled />
469
+ </div> <!-- /.col -->
470
+
471
+ </div> <!-- /.form-group -->
472
+
473
+ <div class="form-group">
474
+
475
+ <label class="col-md-3">First Name</label>
476
+
477
+ <div class="col-md-7">
478
+ <input type="text" name="first-name" value="Rod" class="form-control" />
479
+ </div> <!-- /.col -->
480
+
481
+ </div> <!-- /.form-group -->
482
+
483
+ <div class="form-group">
484
+
485
+ <label class="col-md-3">Last Name</label>
486
+
487
+ <div class="col-md-7">
488
+ <input type="text" name="last-name" value="Howard" class="form-control" />
489
+ </div> <!-- /.col -->
490
+
491
+ </div> <!-- /.form-group -->
492
+
493
+ <div class="form-group">
494
+
495
+ <label class="col-md-3">Email Address</label>
496
+
497
+ <div class="col-md-7">
498
+ <input type="text" name="email-address" value="rod@example.com" class="form-control" />
499
+ </div> <!-- /.col -->
500
+
501
+ </div> <!-- /.form-group -->
502
+
503
+ <div class="form-group">
504
+
505
+ <label class="col-md-3">Website</label>
506
+
507
+ <div class="col-md-7">
508
+ <input type="text" name="website" value="http://jumpstartthemes.com" class="form-control" />
509
+ </div> <!-- /.col -->
510
+
511
+ </div> <!-- /.form-group -->
512
+
513
+ <div class="form-group">
514
+
515
+ <label class="col-md-3">About You</label>
516
+
517
+ <div class="col-md-7">
518
+ <textarea id="about-textarea" name="about-you" rows="6" class="form-control">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.</textarea>
519
+ </div> <!-- /.col -->
520
+
521
+ </div> <!-- /.form-group -->
522
+
523
+ <br />
524
+
525
+ <div class="form-group">
526
+
527
+ <div class="col-md-7 col-md-push-3">
528
+ <button type="submit" class="btn btn-primary">Save Changes</button>
529
+ &nbsp;
530
+ <button type="reset" class="btn btn-default">Cancel</button>
531
+ </div> <!-- /.col -->
532
+
533
+ </div> <!-- /.form-group -->
534
+
535
+ </form>
536
+
537
+
538
+ </div>
539
+ <div class="tab-pane fade" id="password-tab">
540
+
541
+ <h3 class="">Change Your Password</h3>
542
+
543
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.</p>
544
+
545
+ <br />
546
+
547
+ <form action="./page-settings.html" class="form-horizontal">
548
+
549
+ <div class="form-group">
550
+
551
+ <label class="col-md-3">Old Password</label>
552
+
553
+ <div class="col-md-7">
554
+ <input type="password" name="old-password" class="form-control" />
555
+ </div> <!-- /.col -->
556
+
557
+ </div> <!-- /.form-group -->
558
+
559
+
560
+ <hr />
561
+
562
+
563
+ <div class="form-group">
564
+
565
+ <label class="col-md-3">New Password</label>
566
+
567
+ <div class="col-md-7">
568
+ <input type="password" name="new-password-1" class="form-control" />
569
+ </div> <!-- /.col -->
570
+
571
+ </div> <!-- /.form-group -->
572
+
573
+ <div class="form-group">
574
+
575
+ <label class="col-md-3">New Password Confirm</label>
576
+
577
+ <div class="col-md-7">
578
+ <input type="password" name="new-password-2" class="form-control" />
579
+ </div> <!-- /.col -->
580
+
581
+ </div> <!-- /.form-group -->
582
+
583
+ <br />
584
+
585
+ <div class="form-group">
586
+
587
+ <div class="col-md-7 col-md-push-3">
588
+ <button type="submit" class="btn btn-primary">Save Changes</button>
589
+ &nbsp;
590
+ <button type="reset" class="btn btn-default">Cancel</button>
591
+ </div> <!-- /.col -->
592
+
593
+ </div> <!-- /.form-group -->
594
+
595
+ </form>
596
+ </div>
597
+
598
+ <div class="tab-pane fade" id="messaging">
599
+ <h3>Message Settings</h3>
600
+ <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
601
+
602
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
603
+ </div>
604
+
605
+ <div class="tab-pane fade" id="payments">
606
+ <h3>Payments Settings</h3>
607
+ <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
608
+
609
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
610
+ </div>
611
+
612
+ <div class="tab-pane fade" id="reports">
613
+ <h3>Reports Settings</h3>
614
+ <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
615
+
616
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
617
+ </div>
618
+
619
+ </div>
620
+
621
+ </div> <!-- /.col -->
622
+
623
+ </div> <!-- /.row -->
624
+
625
+
626
+ </div> <!-- /#content-container -->
627
+
628
+
629
+ </div> <!-- #content -->
630
+
631
+
632
+ </div> <!-- #wrapper -->
633
+
634
+ <footer id="footer">
635
+ <ul class="nav pull-right">
636
+ <li>
637
+ Copyright &copy; 2013, Jumpstart Themes.
638
+ </li>
639
+ </ul>
640
+ </footer>
641
+
642
+ <script src="./js/libs/jquery-1.9.1.min.js"></script>
643
+ <script src="./js/libs/jquery-ui-1.9.2.custom.min.js"></script>
644
+ <script src="./js/libs/bootstrap.min.js"></script>
645
+
646
+ <script src="./js/plugins/fileupload/bootstrap-fileupload.js"></script>
647
+ <script src="./js/plugins/textarea-counter/jquery.textarea-counter.js"></script>
648
+
649
+ <script src="./js/App.js"></script>
650
+
651
+
652
+ <script>
653
+
654
+ $(function () {
655
+
656
+ $('#about-textarea').textareaCount({
657
+ maxCharacterSize: 400
658
+ });
659
+
660
+ });
661
+
662
+ </script>
663
+
664
+ </body>
665
+ </html>