map.html 55 KB

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