map.html 75 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <!-- Meta, title, CSS, favicons, etc. -->
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>Gentallela Alela! | </title>
  10. <!-- Bootstrap core CSS -->
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <link href="fonts/css/font-awesome.min.css" rel="stylesheet">
  13. <link href="css/animate.min.css" rel="stylesheet">
  14. <!-- Custom styling plus plugins -->
  15. <link href="css/custom.css" rel="stylesheet">
  16. <link href="css/icheck/flat/green.css" rel="stylesheet">
  17. <script src="js/jquery.min.js"></script>
  18. <!--[if lt IE 9]>
  19. <script src="../assets/js/ie8-responsive-file-warning.js"></script>
  20. <![endif]-->
  21. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  22. <!--[if lt IE 9]>
  23. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  24. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  25. <![endif]-->
  26. </head>
  27. <body class="nav-md">
  28. <div class="container body">
  29. <div class="main_container">
  30. <div class="col-md-3 left_col">
  31. <div class="left_col scroll-view">
  32. <div class="navbar nav_title" style="border: 0;">
  33. <a href="index.html" class="site_title">Gentellela Alela!</a>
  34. </div>
  35. <!-- menu prile quick info -->
  36. <div class="profile">
  37. <div class="profile_pic">
  38. <img src="images/img.jpg" alt="..." class="img-circle profile_img">
  39. </div>
  40. <div class="profile_info">
  41. <span>Welcome,</span>
  42. <h2>Anthony Fernando</h2>
  43. </div>
  44. </div>
  45. <!-- /menu prile quick info -->
  46. <br />
  47. <!-- sidebar menu -->
  48. <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
  49. <div class="menu_section">
  50. <h3>General</h3>
  51. <ul class="nav side-menu">
  52. <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
  53. <ul class="nav child_menu" style="display: none">
  54. <li><a href="index.html">Dashboard</a>
  55. </li>
  56. <li><a href="index2.html">Dashboard2</a>
  57. </li>
  58. <li><a href="index3.html">Dashboard3</a>
  59. </li>
  60. </ul>
  61. </li>
  62. <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
  63. <ul class="nav child_menu" style="display: none">
  64. <li><a href="form.html">General Form</a>
  65. </li>
  66. <li><a href="form_advanced.html">Advanced Components</a>
  67. </li>
  68. <li><a href="form_validation.html">Form Validation</a>
  69. </li>
  70. <li><a href="form_wizards.html">Form Wizard</a>
  71. </li>
  72. <li><a href="form_upload.html">Form Upload</a>
  73. </li>
  74. <li><a href="form_buttons.html">Form Buttons</a>
  75. </li>
  76. </ul>
  77. </li>
  78. <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
  79. <ul class="nav child_menu" style="display: none">
  80. <li><a href="general_elements.html">General Elements</a>
  81. </li>
  82. <li><a href="media_gallery.html">Media Gallery</a>
  83. </li>
  84. <li><a href="typography.html">Typography</a>
  85. </li>
  86. <li><a href="icons.html">Icons</a>
  87. </li>
  88. <li><a href="glyphicons.html">Glyphicons</a>
  89. </li>
  90. <li><a href="widgets.html">Widgets</a>
  91. </li>
  92. <li><a href="invoice.html">Invoice</a>
  93. </li>
  94. <li><a href="inbox.html">Inbox</a>
  95. </li>
  96. <li><a href="calender.html">Calender</a>
  97. </li>
  98. </ul>
  99. </li>
  100. <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
  101. <ul class="nav child_menu" style="display: none">
  102. <li><a href="tables.html">Tables</a>
  103. </li>
  104. <li><a href="tables_dynamic.html">Table Dynamic</a>
  105. </li>
  106. </ul>
  107. </li>
  108. <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
  109. <ul class="nav child_menu" style="display: none">
  110. <li><a href="chartjs.html">Chart JS</a>
  111. </li>
  112. <li><a href="chartjs2.html">Chart JS2</a>
  113. </li>
  114. <li><a href="morisjs.html">Moris JS</a>
  115. </li>
  116. <li><a href="echarts.html">ECharts </a>
  117. </li>
  118. <li><a href="other_charts.html">Other Charts </a>
  119. </li>
  120. </ul>
  121. </li>
  122. </ul>
  123. </div>
  124. <div class="menu_section">
  125. <h3>Live On</h3>
  126. <ul class="nav side-menu">
  127. <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
  128. <ul class="nav child_menu" style="display: none">
  129. <li><a href="e_commerce.html">E-commerce</a>
  130. </li>
  131. <li><a href="e_commerce_backend.html">E-commerce Backend</a>
  132. </li>
  133. <li><a href="projects.html">Projects</a>
  134. </li>
  135. <li><a href="project_detail.html">Project Detail</a>
  136. </li>
  137. <li><a href="contacts.html">Contacts</a>
  138. </li>
  139. <li><a href="profile.html">Profile</a>
  140. </li>
  141. <li><a href="real_estate.html">Real Estate</a>
  142. </li>
  143. </ul>
  144. </li>
  145. <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
  146. <ul class="nav child_menu" style="display: none">
  147. <li><a href="page_404.html">404 Error</a>
  148. </li>
  149. <li><a href="page_500.html">500 Error</a>
  150. </li>
  151. <li><a href="coming_soon.html">Coming Soon</a>
  152. </li>
  153. <li><a href="plain_page.html">Plain Page</a>
  154. </li>
  155. <li><a href="login.html">Login Page</a>
  156. </li>
  157. <li><a href="sign_up.html">SignUp Page</a>
  158. </li>
  159. <li><a href="pricing_tables.html">Pricing Tables</a>
  160. </li>
  161. </ul>
  162. </li>
  163. <li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
  164. </li>
  165. </ul>
  166. </div>
  167. </div>
  168. <!-- /sidebar menu -->
  169. <!-- /menu footer buttons -->
  170. <div class="sidebar-footer hidden-small">
  171. <a data-toggle="tooltip" data-placement="top" title="Settings">
  172. <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
  173. </a>
  174. <a data-toggle="tooltip" data-placement="top" title="FullScreen">
  175. <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
  176. </a>
  177. <a data-toggle="tooltip" data-placement="top" title="Lock">
  178. <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
  179. </a>
  180. <a data-toggle="tooltip" data-placement="top" title="Logout">
  181. <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
  182. </a>
  183. </div>
  184. <!-- /menu footer buttons -->
  185. </div>
  186. </div>
  187. <!-- top navigation -->
  188. <div class="top_nav">
  189. <div class="nav_menu">
  190. <nav class="" role="navigation">
  191. <div class="nav toggle">
  192. <a id="menu_toggle"><i class="fa fa-bars"></i></a>
  193. </div>
  194. <ul class="nav navbar-nav navbar-right">
  195. <li role="presentation" class="dropdown">
  196. <a id="drop4" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
  197. <i class="fa fa-envelope-o"></i>
  198. <span class="caret"></span>
  199. </a>
  200. <ul class="nav navbar-nav navbar-right">
  201. <li class="">
  202. <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  203. <img src="images/img.jpg" alt="">John Doe
  204. <span class=" fa fa-angle-down"></span>
  205. </a>
  206. <ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
  207. <li><a href="javascript:;"> Profile</a>
  208. </li>
  209. <li>
  210. <a href="javascript:;">
  211. <span class="badge bg-red pull-right">50%</span>
  212. <span>Settings</span>
  213. </a>
  214. </li>
  215. <li>
  216. <a href="javascript:;">Help</a>
  217. </li>
  218. <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
  219. </li>
  220. </ul>
  221. </li>
  222. <li role="presentation" class="dropdown">
  223. <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
  224. <i class="fa fa-envelope-o"></i>
  225. <span class="badge bg-green">6</span>
  226. </a>
  227. <ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
  228. <li>
  229. <a>
  230. <span class="image">
  231. <img src="images/img.jpg" alt="Profile Image" />
  232. </span>
  233. <span>
  234. <span>John Smith</span>
  235. <span class="time">3 mins ago</span>
  236. </span>
  237. <span class="message">
  238. Film festivals used to be do-or-die moments for movie makers. They were where...
  239. </span>
  240. </a>
  241. </li>
  242. <li>
  243. <a>
  244. <span class="image">
  245. <img src="images/img.jpg" alt="Profile Image" />
  246. </span>
  247. <span>
  248. <span>John Smith</span>
  249. <span class="time">3 mins ago</span>
  250. </span>
  251. <span class="message">
  252. Film festivals used to be do-or-die moments for movie makers. They were where...
  253. </span>
  254. </a>
  255. </li>
  256. <li>
  257. <a>
  258. <span class="image">
  259. <img src="images/img.jpg" alt="Profile Image" />
  260. </span>
  261. <span>
  262. <span>John Smith</span>
  263. <span class="time">3 mins ago</span>
  264. </span>
  265. <span class="message">
  266. Film festivals used to be do-or-die moments for movie makers. They were where...
  267. </span>
  268. </a>
  269. </li>
  270. <li>
  271. <a>
  272. <span class="image">
  273. <img src="images/img.jpg" alt="Profile Image" />
  274. </span>
  275. <span>
  276. <span>John Smith</span>
  277. <span class="time">3 mins ago</span>
  278. </span>
  279. <span class="message">
  280. Film festivals used to be do-or-die moments for movie makers. They were where...
  281. </span>
  282. </a>
  283. </li>
  284. <li>
  285. <div class="text-center">
  286. <a>
  287. <strong>See All Alerts</strong>
  288. <i class="fa fa-angle-right"></i>
  289. </a>
  290. </div>
  291. </li>
  292. </ul>
  293. </li>
  294. </ul>
  295. </li>
  296. <li role="presentation" class="dropdown">
  297. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
  298. <i class="fa fa-bell"></i>
  299. <span class="caret"></span>
  300. </a>
  301. <ul class="animated fadeInDown dropdown-menu" role="menu">
  302. <li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Action</a>
  303. </li>
  304. <li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Another action</a>
  305. </li>
  306. <li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Something else here</a>
  307. </li>
  308. <li role="presentation" class="divider"></li>
  309. <li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Separated link</a>
  310. </li>
  311. </ul>
  312. </li>
  313. </ul>
  314. </nav>
  315. </div>
  316. </div>
  317. <!-- /top navigation -->
  318. <!-- page content -->
  319. <!DOCTYPE html>
  320. <html lang="en">
  321. <head>
  322. <meta name="author" content="Anthony Mutisya | https://www.linkedin.com/profile/view?id=239476959">
  323. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  324. <!-- Meta, title, CSS, favicons, etc. -->
  325. <meta charset="utf-8">
  326. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  327. <meta name="viewport" content="width=device-width, initial-scale=1">
  328. <meta name="description" content="Vodacom Sim Registration reporting">
  329. <meta name="keywords" content="Vodacom Sim Registration Dashboard">
  330. <title>SixxmReg Dashboard</title>
  331. <!-- Bootstrap core CSS -->
  332. <link href="http://vodacom.registersim.com/assets/dashboard/template_files/bootstrap.css" rel="stylesheet">
  333. <link rel="stylesheet" type="text/css" media="all" href="http://vodacom.registersim.com/assets/dashboard/js/daterangepicker-bs3.css" />
  334. <link rel="stylesheet" href="http://vodacom.registersim.com/assets/dashboard/js/colorbox.css" />
  335. <link href="http://vodacom.registersim.com/assets/dashboard/css/font/css/font-awesome.min.css" rel="stylesheet">
  336. <script src="http://vodacom.registersim.com/assets/dashboard/template_files/jquery.min.js"></script>
  337. <script src="http://vodacom.registersim.com/assets/dashboard/template_files/bootstrap.min.js"></script>
  338. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  339. <!--[if lt IE 9]>
  340. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  341. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  342. <![endif]-->
  343. </head>
  344. <body data-twttr-rendered="true">
  345. <style>
  346. body {
  347. background: #fff;
  348. color: #6F6F6F
  349. }
  350. @media (min-width: 1200px) {
  351. .container {
  352. width: 1250px !important;
  353. }
  354. }
  355. a {
  356. color: #75787B;
  357. }
  358. .top_menu {
  359. margin-top: 6px
  360. }
  361. .page_logo {
  362. width: 25%;
  363. float: left;
  364. height: 75px;
  365. font-size: 25px;
  366. }
  367. .page_nav {
  368. width: 75%;
  369. float: left
  370. }
  371. .report_title {
  372. font-size: 20px;
  373. color: #75787B;
  374. font-weight: bold;
  375. border-bottom: 2px solid #B4B4B4;
  376. padding-bottom: 5px;
  377. }
  378. .report_title:hover {
  379. color: #e00000;
  380. border-bottom: 2px solid #7c7c7c;
  381. }
  382. @media (min-width: 992px) {
  383. .col-md-4 {
  384. width: 33%;
  385. }
  386. .col-md-8 {
  387. width: 65%
  388. }
  389. }
  390. .nav-tabs > li > a {
  391. border: 0;
  392. }
  393. .nav-tabs {
  394. border: 0;
  395. margin-top: 22px
  396. }
  397. .nav-tabs > li.active > a,
  398. .nav-tabs > li.active > a:hover,
  399. .nav-tabs > li.active > a:focus {
  400. color: #FFF;
  401. cursor: default;
  402. background-color: transparent;
  403. border: 0px solid #ddd;
  404. border-bottom-color: transparent;
  405. }
  406. .nav > li > a:hover,
  407. .nav > li > a:focus {
  408. text-decoration: none;
  409. background-color: rgba(0, 0, 0, 0.13);
  410. border: 0;
  411. color: #C2C2C2;
  412. }
  413. .daterangepicker table {
  414. width: 100%;
  415. margin: 0;
  416. color: #70757E;
  417. }
  418. .nav > li > a:hover,
  419. .nav > li > a:focus {
  420. text-decoration: none;
  421. background-color: rgba(0, 0, 0, 0);
  422. border: 0;
  423. color: #C2C2C2;
  424. }
  425. .single_block {
  426. overflow: hidden !important
  427. }
  428. #main-map canvas {
  429. margin-top: 2px;
  430. }
  431. .map.anto {
  432. zoom: 0.9%;
  433. zoom: 0.87;
  434. -ms-zoom: 0.9;
  435. -webkit-zoom: 0.9;
  436. -moz-transform: scale(0.9, 0.9);
  437. -moz-transform-origin: left center;
  438. }
  439. #map-tooltip {
  440. position: absolute;
  441. background: #f2f2f2;
  442. border: solid 2px #bababa;
  443. margin-left: 5px;
  444. margin-top: 0px;
  445. padding: 7px;
  446. border-radius: 5px;
  447. -moz-border-radius: 5px;
  448. -webkit-border-radius: 5px;
  449. z-index: 1000;
  450. }
  451. .white {
  452. background: #fff !important
  453. }
  454. .btn-primary {
  455. color: #fff;
  456. background-color: #9D9D9D;
  457. border-color: #9D9D9D;
  458. }
  459. .btn-primary:hover,
  460. .btn-primary:focus,
  461. .btn-primary:active,
  462. .btn-primary.active,
  463. .open > .dropdown-toggle.btn-primary {
  464. color: #fff;
  465. background-color: #797878;
  466. border-color: #797878;
  467. }
  468. </style>
  469. <!DOCTYPE html>
  470. <html lang="en">
  471. <head>
  472. <meta name="author" content="Anthony Mutisya | https://www.linkedin.com/profile/view?id=239476959">
  473. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  474. <!-- Meta, title, CSS, favicons, etc. -->
  475. <meta charset="utf-8">
  476. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  477. <meta name="viewport" content="width=device-width, initial-scale=1">
  478. <meta name="description" content="Tigo Sim Registration reporting">
  479. <meta name="keywords" content="Tigo Sim Registration Dashboard">
  480. <title>SimReg Dashboard</title>
  481. <!-- Bootstrap core CSS -->
  482. <link href="http://tigo.registersim.com/assets/dashboard/template_files/bootstrap.css" rel="stylesheet">
  483. <link rel="stylesheet" type="text/css" media="all" href="http://tigo.registersim.com/assets/dashboard/js/daterangepicker-bs3.css" />
  484. <link rel="stylesheet" href="http://tigo.registersim.com/assets/dashboard/js/colorbox.css" />
  485. <link href="http://tigo.registersim.com/assets/dashboard/css/font/css/font-awesome.min.css" rel="stylesheet">
  486. <script src="http://tigo.registersim.com/assets/dashboard/template_files/jquery.min.js"></script>
  487. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  488. <!--[if lt IE 9]>
  489. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  490. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  491. <![endif]-->
  492. </head>
  493. <body data-twttr-rendered="true">
  494. <style>
  495. body {
  496. background: rgb(80, 96, 186);
  497. color: #fff
  498. }
  499. @media (min-width: 1200px) {
  500. .container {
  501. width: 1250px !important;
  502. }
  503. }
  504. a {
  505. color: rgb(255, 172, 42);
  506. }
  507. .top_menu {
  508. margin-top: 6px
  509. }
  510. .page_logo {
  511. width: 25%;
  512. float: left;
  513. height: 75px;
  514. font-size: 25px;
  515. }
  516. .page_nav {
  517. width: 75%;
  518. float: left
  519. }
  520. .report_title {
  521. font-size: 20px;
  522. color: #F4F8FC;
  523. font-weight: bold;
  524. border-bottom: 2px solid #B4B4B4;
  525. padding-bottom: 5px;
  526. }
  527. .report_title:hover {
  528. color: rgb(255, 172, 42);
  529. border-bottom: 2px solid #7c7c7c;
  530. }
  531. @media (min-width: 992px) {
  532. .col-md-4 {
  533. width: 33%;
  534. }
  535. .col-md-8 {
  536. width: 65%
  537. }
  538. }
  539. .nav-tabs > li > a {
  540. border: 0;
  541. }
  542. .nav-tabs {
  543. border: 0;
  544. margin-top: 22px
  545. }
  546. .nav-tabs > li.active > a,
  547. .nav-tabs > li.active > a:hover,
  548. .nav-tabs > li.active > a:focus {
  549. color: #FFF;
  550. cursor: default;
  551. background-color: transparent;
  552. border: 0px solid #ddd;
  553. border-bottom-color: transparent;
  554. }
  555. .nav > li > a:hover,
  556. .nav > li > a:focus {
  557. text-decoration: none;
  558. background-color: rgba(0, 0, 0, 0.13);
  559. border: 0;
  560. color: #C2C2C2;
  561. }
  562. .daterangepicker table {
  563. width: 100%;
  564. margin: 0;
  565. color: #70757E;
  566. }
  567. .nav > li > a:hover,
  568. .nav > li > a:focus {
  569. text-decoration: none;
  570. background-color: rgba(0, 0, 0, 0);
  571. border: 0;
  572. color: #C2C2C2;
  573. }
  574. .single_block {
  575. overflow: hidden !important
  576. }
  577. #main-map canvas {
  578. margin-top: 2px;
  579. }
  580. .map.anto {
  581. zoom: 0.9%;
  582. zoom: 0.9;
  583. -ms-zoom: 0.9;
  584. -webkit-zoom: 0.9;
  585. -moz-transform: scale(0.9, 0.9);
  586. -moz-transform-origin: left center;
  587. }
  588. #map-tooltip {
  589. position: absolute;
  590. background: #f2f2f2;
  591. border: solid 2px ##bababa;
  592. margin-left: 5px;
  593. margin-top: 0px;
  594. padding: 7px;
  595. border-radius: 5px;
  596. -moz-border-radius: 5px;
  597. -webkit-border-radius: 5px;
  598. z-index: 1000;
  599. }
  600. </style>
  601. <style type="text/css">
  602. #map-container {
  603. padding: 6px;
  604. border-width: 1px;
  605. border-style: solid;
  606. border-color: #ccc #ccc #999 #ccc;
  607. -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  608. -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  609. box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
  610. width: 100%;
  611. }
  612. body {
  613. background: white !important;
  614. color: #585757 !important;
  615. }
  616. #map {
  617. width: 100%;
  618. height: 100%;
  619. }
  620. </style>
  621. <script src="http://www.google.com/jsapi"></script>
  622. <script type="text/javascript">
  623. var script = '<script type="text/javascript" src="http://tigo.registersim.com/assets/js/src/markerclusterer';
  624. if (document.location.search.indexOf('packed') !== -1) {
  625. script += '_packed';
  626. }
  627. if (document.location.search.indexOf('compiled') !== -1) {
  628. script += '_compiled';
  629. }
  630. script += '.js"><' + '/script>';
  631. document.write(script);
  632. </script>
  633. <script type="text/javascript">
  634. google.load('maps', '3', {
  635. other_params: 'sensor=false'
  636. });
  637. google.setOnLoadCallback(initialize);
  638. function initialize() {
  639. var data = {
  640. "count": 5,
  641. "photos": [{
  642. "longitude": "39.2742524",
  643. "latitude": "-6.7859093",
  644. "created_by": "AIM Testing5",
  645. "created_date": "2014-11-26 17:02:18",
  646. "msisdn": "255754649464",
  647. "registrant": "Tester Teat"
  648. }, {
  649. "longitude": "39.2742393",
  650. "latitude": "-6.7859373",
  651. "created_by": "AIM Testing5",
  652. "created_date": "2014-11-26 17:09:33",
  653. "msisdn": "255759121175",
  654. "registrant": "Anton Mutisya"
  655. }, {
  656. "longitude": "39.2742669",
  657. "latitude": "-6.7859201",
  658. "created_by": "AIM Testing5",
  659. "created_date": "2014-11-26 17:23:27",
  660. "msisdn": "255754664646",
  661. "registrant": "Anthony Mutisya"
  662. }, {
  663. "longitude": "39.2742574",
  664. "latitude": "-6.7859192",
  665. "created_by": "AIM Testing5",
  666. "created_date": "2014-11-26 17:39:28",
  667. "msisdn": "255759156005",
  668. "registrant": "Anthony Kimuyu"
  669. }, {
  670. "longitude": "33.4450826",
  671. "latitude": "-8.8946264",
  672. "created_by": "MFS Vodashop Mbeya Lupaway",
  673. "created_date": "2014-11-27 08:57:10",
  674. "msisdn": "255769076177",
  675. "registrant": "Jerry January"
  676. }, {
  677. "longitude": "33.4450826",
  678. "latitude": "-8.8946264",
  679. "created_by": "MFS Vodashop Mbeya Lupaway",
  680. "created_date": "2014-11-27 09:29:58",
  681. "msisdn": "255755968449",
  682. "registrant": "Irene Mkocha"
  683. }, {
  684. "longitude": "33.4450826",
  685. "latitude": "-8.8946264",
  686. "created_by": "MFS Vodashop Mbeya Lupaway",
  687. "created_date": "2014-11-27 10:07:15",
  688. "msisdn": "255754418578",
  689. "registrant": "Andreas Koall"
  690. }, {
  691. "longitude": "33.4453114",
  692. "latitude": "-8.8975525",
  693. "created_by": "MFS Vodashop Mbeya Lupaway",
  694. "created_date": "2014-11-27 11:50:12",
  695. "msisdn": "255754424478",
  696. "registrant": "Lelo Denis"
  697. }, {
  698. "longitude": "39.2497688",
  699. "latitude": "-6.7785672",
  700. "created_by": "MFS Arusha (12)",
  701. "created_date": "2014-11-28 16:07:07",
  702. "msisdn": "255759156669",
  703. "registrant": "Joyce Banda"
  704. }, {
  705. "longitude": "39.2499913",
  706. "latitude": "-6.7782498",
  707. "created_by": "MFS Mulimu FS",
  708. "created_date": "2014-11-28 16:43:10",
  709. "msisdn": "255767787878",
  710. "registrant": "Waziri Seif"
  711. }, {
  712. "longitude": "39.2499313",
  713. "latitude": "-6.7783394",
  714. "created_by": "MFS Mulimu FS",
  715. "created_date": "2014-11-28 16:47:03",
  716. "msisdn": "255754665865",
  717. "registrant": "Dded Dhdb"
  718. }, {
  719. "longitude": "39.2499022",
  720. "latitude": "-6.7782986",
  721. "created_by": "MFS Mulimu FS",
  722. "created_date": "2014-11-28 16:53:14",
  723. "msisdn": "255756554587",
  724. "registrant": "Bvdhh Bcx"
  725. }, {
  726. "longitude": "39.2499574",
  727. "latitude": "-6.7781802",
  728. "created_by": "MFS Mulimu FS",
  729. "created_date": "2014-11-28 17:15:21",
  730. "msisdn": "255755825146",
  731. "registrant": "Nxnx Snsh"
  732. }, {
  733. "longitude": "39.2499574",
  734. "latitude": "-6.7781802",
  735. "created_by": "MFS Mulimu FS",
  736. "created_date": "2014-11-28 17:16:17",
  737. "msisdn": "255756585247",
  738. "registrant": "Fvkk Gy"
  739. }, {
  740. "longitude": "39.2499574",
  741. "latitude": "-6.7781802",
  742. "created_by": "MFS Mulimu FS",
  743. "created_date": "2014-11-28 17:19:11",
  744. "msisdn": "255759156666",
  745. "registrant": "Dndnx Jdjd"
  746. }, {
  747. "longitude": "39.2498256",
  748. "latitude": "-6.7784916",
  749. "created_by": "MFS Mulimu FS",
  750. "created_date": "2014-11-28 17:30:14",
  751. "msisdn": "255753607777",
  752. "registrant": "Pele Papa"
  753. }, {
  754. "longitude": "39.2498256",
  755. "latitude": "-6.7784916",
  756. "created_by": "MFS Mulimu FS",
  757. "created_date": "2014-11-28 17:33:21",
  758. "msisdn": "255767824667",
  759. "registrant": "Jdjd Ejsjsj"
  760. }, {
  761. "longitude": "39.2489626",
  762. "latitude": "-6.7797491",
  763. "created_by": "MFS Mulimu FS",
  764. "created_date": "2014-11-28 17:38:05",
  765. "msisdn": "255756215030",
  766. "registrant": "Pipi Pipi"
  767. }, {
  768. "longitude": "36.6806413",
  769. "latitude": "-3.3751969",
  770. "created_by": "MFS Vodashop Karatu",
  771. "created_date": "2014-12-01 13:12:50",
  772. "msisdn": "255754555444",
  773. "registrant": "Bakari Fungo"
  774. }, {
  775. "longitude": "39.2742455",
  776. "latitude": "-6.7859107",
  777. "created_by": "AIM Testing5",
  778. "created_date": "2014-12-01 17:33:17",
  779. "msisdn": "255756884665",
  780. "registrant": "Davidmchokozi Test"
  781. }, {
  782. "longitude": "39.2742679",
  783. "latitude": "-6.7859206",
  784. "created_by": "AIM Testing5",
  785. "created_date": "2014-12-01 17:48:59",
  786. "msisdn": "255756945464",
  787. "registrant": "Kinani Test"
  788. }, {
  789. "longitude": "39.2742544",
  790. "latitude": "-6.7859181",
  791. "created_by": "AIM Testing5",
  792. "created_date": "2014-12-01 17:55:01",
  793. "msisdn": "255756484884",
  794. "registrant": "Tonnitto Test"
  795. }, {
  796. "longitude": "39.2742566",
  797. "latitude": "-6.785915",
  798. "created_by": "AIM Testing5",
  799. "created_date": "2014-12-01 18:03:03",
  800. "msisdn": "255756948441",
  801. "registrant": "Mutisyakimaniii Hhdhd"
  802. }, {
  803. "longitude": "35.6448253",
  804. "latitude": "-10.677705",
  805. "created_by": "MFS Vodashop Songea 2",
  806. "created_date": "2014-12-02 07:42:23",
  807. "msisdn": "255766657080",
  808. "registrant": "Teofrida Komba"
  809. }, {
  810. "longitude": "39.24825666666666",
  811. "latitude": "-6.832218333333333",
  812. "created_by": "MFS Vodashop Buguruni 2",
  813. "created_date": "2014-12-02 15:25:59",
  814. "msisdn": "255752999941",
  815. "registrant": "James Mboya"
  816. }, {
  817. "longitude": "35.2975287",
  818. "latitude": "-8.2997532",
  819. "created_by": "MFS Vodashop Mafinga",
  820. "created_date": "2014-12-02 15:46:30",
  821. "msisdn": "255763893114",
  822. "registrant": "Grac Mahenge"
  823. }, {
  824. "longitude": "39.2203726",
  825. "latitude": "-6.7726398",
  826. "created_by": "MFS Vodashop Mlimani City 2",
  827. "created_date": "2014-12-02 15:50:28",
  828. "msisdn": "255757725092",
  829. "registrant": "Deogratius Kashinde"
  830. }, {
  831. "longitude": "32.9423018",
  832. "latitude": "-9.1075252",
  833. "created_by": "MFS Vodashop Mbozi",
  834. "created_date": "2014-12-02 15:59:59",
  835. "msisdn": "255769129833",
  836. "registrant": "Jackson Sailas"
  837. }, {
  838. "longitude": "34.8244732",
  839. "latitude": "-8.8513982",
  840. "created_by": "MFS Free Agent Makambako VS 9",
  841. "created_date": "2014-12-02 16:13:54",
  842. "msisdn": "255757206531",
  843. "registrant": "Noel Segamba"
  844. }, {
  845. "longitude": "39.2181694",
  846. "latitude": "-6.7747356",
  847. "created_by": "MFS Vodashop Mlimani City 2",
  848. "created_date": "2014-12-02 16:20:57",
  849. "msisdn": "255756896532",
  850. "registrant": "Test Test"
  851. }, {
  852. "longitude": "38.9875959",
  853. "latitude": "-6.7833518",
  854. "created_by": "MFS Vodashop Kibaha",
  855. "created_date": "2014-12-02 16:29:29",
  856. "msisdn": "255767420792",
  857. "registrant": "Nickson Mkenda"
  858. }, {
  859. "longitude": "32.8011976",
  860. "latitude": "-5.0217228",
  861. "created_by": "MFS Vodashop Tabora",
  862. "created_date": "2014-12-02 16:57:55",
  863. "msisdn": "255764222896",
  864. "registrant": "Theresia Simon"
  865. }, {
  866. "longitude": "35.6483504",
  867. "latitude": "-10.6776036",
  868. "created_by": "MFS Vodashop Mbinga",
  869. "created_date": "2014-12-03 08:08:45",
  870. "msisdn": "255762714504",
  871. "registrant": "Prosper Mahay"
  872. }, {
  873. "longitude": "39.2862177",
  874. "latitude": "-6.818356",
  875. "created_by": "MFS Vodashop Samora",
  876. "created_date": "2014-12-03 08:45:09",
  877. "msisdn": "255757106803",
  878. "registrant": "Mafuru Boniphace"
  879. }, {
  880. "longitude": "39.2862177",
  881. "latitude": "-6.818356",
  882. "created_by": "MFS Vodashop Samora",
  883. "created_date": "2014-12-03 09:11:22",
  884. "msisdn": "255764173870",
  885. "registrant": "Reginald Matofali"
  886. }, {
  887. "longitude": "33.4449818",
  888. "latitude": "-8.8951975",
  889. "created_by": "MFS Vodashop Mbeya Lupaway",
  890. "created_date": "2014-12-03 09:31:47",
  891. "msisdn": "255758006147",
  892. "registrant": "nicodemus Malisa"
  893. }, {
  894. "longitude": "39.2862177",
  895. "latitude": "-6.818356",
  896. "created_by": "MFS Vodashop Samora",
  897. "created_date": "2014-12-03 09:33:51",
  898. "msisdn": "255759210166",
  899. "registrant": "Adelmarsi Kimaro"
  900. }, {
  901. "longitude": "39.2862177",
  902. "latitude": "-6.818356",
  903. "created_by": "MFS Vodashop Samora",
  904. "created_date": "2014-12-03 09:37:30",
  905. "msisdn": "255757213372",
  906. "registrant": "Ally Ally"
  907. }, {
  908. "longitude": "35.6483504",
  909. "latitude": "-10.6776036",
  910. "created_by": "MFS Vodashop Mbinga",
  911. "created_date": "2014-12-03 09:45:58",
  912. "msisdn": "255757988611",
  913. "registrant": "Mohamed Ally"
  914. }, {
  915. "longitude": "36.6932663",
  916. "latitude": "-3.3738081",
  917. "created_by": "MFS FREE AGENT ARUSHA Abel O. Melembuki ( 7)",
  918. "created_date": "2014-12-03 09:48:58",
  919. "msisdn": "255767624824",
  920. "registrant": "Fabius Maluli"
  921. }, {
  922. "longitude": "32.8993664",
  923. "latitude": "-2.5182807",
  924. "created_by": "MFS Vodashop Mwanza PPF",
  925. "created_date": "2014-12-03 09:50:49",
  926. "msisdn": "255757658660",
  927. "registrant": "John Mlwilo"
  928. }, {
  929. "longitude": "39.274575",
  930. "latitude": "-6.766905000000001",
  931. "created_by": "MFS Vodashop Oysterbay",
  932. "created_date": "2014-12-03 09:57:34",
  933. "msisdn": "255757608470",
  934. "registrant": "BABU MAKINDA"
  935. }, {
  936. "longitude": "33.4452871",
  937. "latitude": "-8.8975492",
  938. "created_by": "MFS Vodashop Mbeya Lupaway",
  939. "created_date": "2014-12-03 10:02:42",
  940. "msisdn": "255767501009",
  941. "registrant": "Albert Samwel"
  942. }, {
  943. "longitude": "39.2862177",
  944. "latitude": "-6.818356",
  945. "created_by": "MFS Vodashop Samora",
  946. "created_date": "2014-12-03 10:07:18",
  947. "msisdn": "255757725672",
  948. "registrant": "Moses Dingmwipwapwa"
  949. }, {
  950. "longitude": "36.6926228",
  951. "latitude": "-3.3731712",
  952. "created_by": "MFS FREE AGENT ARUSHA Fabius Maluli (14)",
  953. "created_date": "2014-12-03 10:08:55",
  954. "msisdn": "255769353612",
  955. "registrant": "John Gwarehhi"
  956. }, {
  957. "longitude": "39.2862177",
  958. "latitude": "-6.818356",
  959. "created_by": "MFS Vodashop Samora",
  960. "created_date": "2014-12-03 10:14:26",
  961. "msisdn": "255756056586",
  962. "registrant": "Ramadhani Feisal"
  963. }, {
  964. "longitude": "33.4449818",
  965. "latitude": "-8.8951975",
  966. "created_by": "MFS Vodashop Mbeya Lupaway",
  967. "created_date": "2014-12-03 10:16:54",
  968. "msisdn": "255767457802",
  969. "registrant": "Baraka Kyando"
  970. }, {
  971. "longitude": "39.2725987",
  972. "latitude": "-6.7525411",
  973. "created_by": "MFS Vodashop Slipway",
  974. "created_date": "2014-12-03 10:18:06",
  975. "msisdn": "255757887179",
  976. "registrant": "AYESHA MAWJI"
  977. }, {
  978. "longitude": "32.8993664",
  979. "latitude": "-2.5182807",
  980. "created_by": "MFS Vodashop Mwanza PPF",
  981. "created_date": "2014-12-03 10:19:22",
  982. "msisdn": "255762810245",
  983. "registrant": "Selya Abdallah"
  984. }, {
  985. "longitude": "39.2862177",
  986. "latitude": "-6.818356",
  987. "created_by": "MFS Vodashop Samora",
  988. "created_date": "2014-12-03 10:19:39",
  989. "msisdn": "255762039999",
  990. "registrant": "Xiang Zhang"
  991. }, {
  992. "longitude": "36.6926228",
  993. "latitude": "-3.3731712",
  994. "created_by": "MFS FREE AGENT ARUSHA Fabius Maluli (14)",
  995. "created_date": "2014-12-03 10:21:01",
  996. "msisdn": "255754508356",
  997. "registrant": "David Ntandu"
  998. }, {
  999. "longitude": "32.8993664",
  1000. "latitude": "-2.5182807",
  1001. "created_by": "MFS Vodashop Mwanza PPF",
  1002. "created_date": "2014-12-03 10:27:07",
  1003. "msisdn": "255764707029",
  1004. "registrant": "Jonepo Rweyongeza"
  1005. }, {
  1006. "longitude": "39.2862177",
  1007. "latitude": "-6.818356",
  1008. "created_by": "MFS Vodashop Samora",
  1009. "created_date": "2014-12-03 10:28:02",
  1010. "msisdn": "255762629999",
  1011. "registrant": "Changcheng Yu"
  1012. }, {
  1013. "longitude": "39.274548333333335",
  1014. "latitude": "-6.766913333333334",
  1015. "created_by": "MFS Vodashop Oysterbay",
  1016. "created_date": "2014-12-03 10:44:29",
  1017. "msisdn": "255757309574",
  1018. "registrant": "Aysha Johnson"
  1019. }, {
  1020. "longitude": "32.8993664",
  1021. "latitude": "-2.5182807",
  1022. "created_by": "MFS Vodashop Mwanza PPF",
  1023. "created_date": "2014-12-03 10:44:45",
  1024. "msisdn": "255766828574",
  1025. "registrant": "Enos Kapai"
  1026. }, {
  1027. "longitude": "39.2862177",
  1028. "latitude": "-6.818356",
  1029. "created_by": "MFS Vodashop Samora",
  1030. "created_date": "2014-12-03 10:45:21",
  1031. "msisdn": "255764169964",
  1032. "registrant": "Quibhisa Sagini"
  1033. }, {
  1034. "longitude": "39.2862177",
  1035. "latitude": "-6.818356",
  1036. "created_by": "MFS Vodashop Samora",
  1037. "created_date": "2014-12-03 10:49:57",
  1038. "msisdn": "255756171587",
  1039. "registrant": "Peter Msuya"
  1040. }, {
  1041. "longitude": "39.2749072",
  1042. "latitude": "-6.765965",
  1043. "created_by": "MFS Vodashop Oysterbay",
  1044. "created_date": "2014-12-03 10:52:27",
  1045. "msisdn": "255766437816",
  1046. "registrant": "RICHARD MBIDUKA"
  1047. }, {
  1048. "longitude": "37.3431962",
  1049. "latitude": "-3.3484379",
  1050. "created_by": "MFS Vodashop Moshi",
  1051. "created_date": "2015-01-10 09:01:09",
  1052. "msisdn": "255756972562",
  1053. "registrant": "Paolo Ai"
  1054. }]
  1055. };
  1056. var center = new google.maps.LatLng(-5.782901, 36.0790061); //-7.0849437,35.8401773);
  1057. var map = new google.maps.Map(document.getElementById('map'), {
  1058. zoom: 6,
  1059. scrollwheel: false,
  1060. maxZoom: 15,
  1061. minZoom: 6,
  1062. center: center,
  1063. mapTypeId: google.maps.MapTypeId.ROADMAP,
  1064. styles: [{
  1065. "featureType": "landscape",
  1066. "elementType": "labels",
  1067. "stylers": [{
  1068. "visibility": "off"
  1069. }]
  1070. }, {
  1071. "featureType": "transit",
  1072. "elementType": "labels",
  1073. "stylers": [{
  1074. "visibility": "off"
  1075. }]
  1076. }, {
  1077. "featureType": "poi",
  1078. "elementType": "labels",
  1079. "stylers": [{
  1080. "visibility": "off"
  1081. }]
  1082. }, {
  1083. "featureType": "water",
  1084. "elementType": "labels",
  1085. "stylers": [{
  1086. "visibility": "off"
  1087. }]
  1088. }, {
  1089. "featureType": "road",
  1090. "elementType": "labels.icon",
  1091. "stylers": [{
  1092. "visibility": "off"
  1093. }]
  1094. }, {
  1095. "stylers": [{
  1096. "hue": "#00aaff"
  1097. }, {
  1098. "saturation": -100
  1099. }, {
  1100. "gamma": 2.15
  1101. }, {
  1102. "lightness": 12
  1103. }]
  1104. }, {
  1105. "featureType": "road",
  1106. "elementType": "labels.text.fill",
  1107. "stylers": [{
  1108. "visibility": "on"
  1109. }, {
  1110. "lightness": 24
  1111. }]
  1112. }, {
  1113. "featureType": "road",
  1114. "elementType": "geometry",
  1115. "stylers": [{
  1116. "lightness": 57
  1117. }]
  1118. }]
  1119. });
  1120. var infoWindow = new google.maps.InfoWindow();
  1121. var markers = [];
  1122. var html_array = [];
  1123. for (var i = 0, dataPhoto; dataPhoto = data.photos[i]; i++) {
  1124. //console.log(dataPhoto.latitude + " :" + dataPhoto.registrant );
  1125. var latLng = new google.maps.LatLng(dataPhoto.latitude, dataPhoto.longitude);
  1126. var marker = new google.maps.Marker({
  1127. position: latLng
  1128. });
  1129. var html = "<div class='infowin'><strong>" + dataPhoto.registrant + "</strong><hr>";
  1130. html = html + "<p><strong>MSISDN: </strong>" + dataPhoto.msisdn + "</p>";
  1131. html = html + "<p><strong>Date: </strong>" + dataPhoto.created_date + "</p>";
  1132. html = html + "<p><strong>Agent: </strong>" + dataPhoto.created_by + "</p>";
  1133. html_array.push(html);
  1134. google.maps.event.addListener(marker, 'click', (function (marker, i) {
  1135. return function () {
  1136. infoWindow.setContent(html_array[i]);
  1137. infoWindow.open(map, this);
  1138. }
  1139. })(marker, i));
  1140. //google.maps.event.addListener(marker, 'mouseout', function() {
  1141. // infoWindow.close();
  1142. //});
  1143. markers.push(marker);
  1144. }
  1145. var markerCluster = new MarkerClusterer(map, markers);
  1146. }
  1147. </script>
  1148. <div id="map-container" style="height:560px">
  1149. <div id="map"></div>
  1150. </div>
  1151. <script src="http://vodacom.registersim.com/assets/dashboard/js/jquery.masonry.min.js"></script>
  1152. <script>
  1153. $(function () {
  1154. $('#report_blocks').masonry({
  1155. // options
  1156. itemSelector: '.single_block',
  1157. });
  1158. });
  1159. </script>
  1160. <script src="http://vodacom.registersim.com/assets/dashboard/js/jquery.colorbox.js"></script>
  1161. <script>
  1162. $(document).ready(function () {
  1163. $(".iframe").colorbox({
  1164. iframe: true,
  1165. width: "85%",
  1166. height: "96%"
  1167. });
  1168. //Example of preserving a JavaScript event for inline calls.
  1169. $("#click").click(function () {
  1170. $('#click').css({
  1171. "background-color": "#f00",
  1172. "color": "#fff",
  1173. "cursor": "inherit"
  1174. }).text("Open this window again and this message will still be here.");
  1175. return false;
  1176. });
  1177. });
  1178. </script>
  1179. <script type="text/javascript" src="http://vodacom.registersim.com/assets/dashboard/js/moment.min.js"></script>
  1180. <script type="text/javascript" src="http://vodacom.registersim.com/assets/dashboard/js/daterangepicker.js"></script>
  1181. <script type="text/javascript">
  1182. $(document).ready(function () {
  1183. //var cb = function(start, end, label) {
  1184. // console.log(start.toISOString(), end.toISOString(), label);
  1185. // $('#reportrange span').html(start.format('ll') + ' - ' + end.format('ll'));
  1186. // //alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]");
  1187. //}
  1188. var cb = function (start, end, label) {
  1189. //console.log(start.toISOString(), end.toISOString(), label);
  1190. $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
  1191. window.location.replace("http://localhost/work/simreg_newvoda/index.php/dashboard/?from=" + start.format('YYYY-MM-DD') + "&to=" + end.format('YYYY-MM-DD'));
  1192. }
  1193. var optionSet1 = {
  1194. startDate: moment().subtract(29, 'days'),
  1195. endDate: moment(),
  1196. minDate: '01/01/2012',
  1197. maxDate: '03/30/2015',
  1198. dateLimit: {
  1199. days: 100
  1200. },
  1201. showDropdowns: true,
  1202. showWeekNumbers: true,
  1203. timePicker: false,
  1204. timePickerIncrement: 1,
  1205. timePicker12Hour: true,
  1206. ranges: {
  1207. 'Today': [moment(), moment()],
  1208. 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  1209. 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
  1210. 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
  1211. 'This Month': [moment().startOf('month'), moment().endOf('month')],
  1212. 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  1213. },
  1214. opens: 'right',
  1215. buttonClasses: ['btn btn-default'],
  1216. applyClass: 'btn-small btn-primary',
  1217. cancelClass: 'btn-small',
  1218. format: 'MM/DD/YYYY',
  1219. separator: ' to ',
  1220. locale: {
  1221. applyLabel: 'Submit',
  1222. cancelLabel: 'Clear',
  1223. fromLabel: 'From',
  1224. toLabel: 'To',
  1225. customRangeLabel: 'Custom',
  1226. daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
  1227. monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  1228. firstDay: 1
  1229. }
  1230. };
  1231. var optionSet2 = {
  1232. startDate: moment().subtract(7, 'days'),
  1233. endDate: moment(),
  1234. opens: 'right',
  1235. ranges: {
  1236. 'Today': [moment(), moment()],
  1237. 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  1238. 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
  1239. 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
  1240. 'This Month': [moment().startOf('month'), moment().endOf('month')],
  1241. 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  1242. }
  1243. };
  1244. $('#reportrange span').html('Date Filtering'); //moment().subtract(29, 'days').format('ll') + ' - ' + moment().format('ll')
  1245. $('#reportrange').daterangepicker(optionSet1, cb);
  1246. $('#reportrange').on('show.daterangepicker', function () {
  1247. console.log("show event fired");
  1248. });
  1249. $('#reportrange').on('hide.daterangepicker', function () {
  1250. console.log("hide event fired");
  1251. });
  1252. $('#reportrange').on('apply.daterangepicker', function (ev, picker) {
  1253. console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
  1254. });
  1255. $('#reportrange').on('cancel.daterangepicker', function (ev, picker) {
  1256. console.log("cancel event fired");
  1257. });
  1258. $('#options1').click(function () {
  1259. $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
  1260. });
  1261. $('#options2').click(function () {
  1262. $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
  1263. });
  1264. $('#destroy').click(function () {
  1265. $('#reportrange').data('daterangepicker').remove();
  1266. });
  1267. });
  1268. </script>
  1269. <script type="text/javascript" src="http://vodacom.registersim.com/assets/dashboard/js/highcharts.js"></script>
  1270. <script type="text/javascript" data-rocketsrc="http://vodacom.registersim.com/assets/dashboard/maps/jquery.maphilight.min.js;" data-rocketoptimized="true"></script>
  1271. <script type="text/javascript" src="http://vodacom.registersim.com/assets/dashboard/maps/jquery.maphilight.min.js"></script>
  1272. </body>
  1273. </html>
  1274. <!-- /page content -->
  1275. </div>
  1276. <!-- footer content -->
  1277. </div>
  1278. <div id="custom_notifications" class="custom-notifications dsp_none">
  1279. <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
  1280. </ul>
  1281. <div class="clearfix"></div>
  1282. <div id="notif-group" class="tabbed_notifications"></div>
  1283. </div>
  1284. <script src="js/bootstrap.min.js"></script>
  1285. <!-- chart js -->
  1286. <script src="js/chartjs/chart.min.js"></script>
  1287. <!-- bootstrap progress js -->
  1288. <script src="js/progressbar/bootstrap-progressbar.min.js"></script>
  1289. <script src="js/nicescroll/jquery.nicescroll.min.js"></script>
  1290. <!-- icheck -->
  1291. <script src="js/icheck/icheck.min.js"></script>
  1292. <script src="js/custom.js"></script>
  1293. <!-- pace -->
  1294. <script src="js/pace/pace.min.js"></script>
  1295. <!-- /footer content -->
  1296. </body>
  1297. </html>