map.html 55 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412
  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>Gentallela 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="css/custom.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">Gentellela Alela!</a>
  35. </div>
  36. <!-- menu prile quick info -->
  37. <div class="profile">
  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_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 hidden-small">
  172. <a data-toggle="tooltip" data-placement="top" title="Settings">
  173. <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
  174. </a>
  175. <a data-toggle="tooltip" data-placement="top" title="FullScreen">
  176. <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
  177. </a>
  178. <a data-toggle="tooltip" data-placement="top" title="Lock">
  179. <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
  180. </a>
  181. <a data-toggle="tooltip" data-placement="top" title="Logout">
  182. <span class="glyphicon glyphicon-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 class="" role="navigation">
  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-default'],
  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="js/custom.js"></script>
  1286. <!-- pace -->
  1287. <script src="js/pace/pace.min.js"></script>
  1288. <!-- /footer content -->
  1289. </body>
  1290. </html>