map.html 55 KB

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