map.html 53 KB

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