API tools faq
paste
Advertisement
Guest User

MFA javascript

a guest
May 27th, 2019
358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- meta section -->
  5. <title>Select PAC : Online Passport Application</title>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  10. <meta name="description" content="Ministry of Foreign Affairs Ghana, Online Passport Application" />
  11. <meta property="og:title" content="Select PAC : Online Passport Application" />
  12.  
  13. <!-- css styles -->
  14. <link rel="stylesheet" type="text/css" href="https://passport.mfa.gov.gh/assets/theme/css/horizontal-blue-white.css" id="dev-css">
  15.  
  16. <!-- Remove blocking CSS -->
  17. <noscript id="deferred-styles">
  18. <!-- <link rel="stylesheet" type="text/css" href="https://passport.mfa.gov.gh/assets/theme/css/default-blue-white.css" id="dev-css"> -->
  19. <link rel="stylesheet" type="text/css" href="https://passport.mfa.gov.gh/assets/theme/css/dev-plugins/tocify/jquery.tocify.css" id="dev-css">
  20. <link href="https://passport.mfa.gov.gh/assets/css/bootstrap.nav-wizard.css" rel="stylesheet" type="text/css">
  21.  
  22. <!-- Custom Stylesheet -->
  23. <link href="https://passport.mfa.gov.gh/assets/css/fullcalendar.min.css" rel="stylesheet">
  24. <link href="https://passport.mfa.gov.gh/assets/css/datepicker.css" rel="stylesheet">
  25. <link rel="stylesheet" type="text/css" href="https://passport.mfa.gov.gh/assets/css/app.new.css" />
  26. <link rel="stylesheet" type="text/css" href="https://passport.mfa.gov.gh/compiled/css/app.css" />
  27. <link rel="stylesheet" type="text/css" href="https://passport.mfa.gov.gh/assets/css/how_to_apply.css" />
  28.  
  29. <!-- Stack: styles -->
  30. </noscript>
  31.  
  32. <!--[if lte IE 9]>
  33. <link rel="stylesheet" type="text/css" href="https://passport.mfa.gov.gh/assets/theme/css/dev-other/dev-ie-fix.css'">
  34. <![endif]-->
  35.  
  36. <style>
  37. /* Don't tie down height */
  38. html, body {
  39. height: auto;
  40. }
  41. .dev-page {
  42. visibility: hidden;
  43. }
  44. </style>
  45.  
  46. <!-- Teamwork help -->
  47. <script>
  48. !(function(e) {
  49. var basehref = "https://itconsortium.teamwork.com",
  50. token = "14e0be06-cd1c-45fa-92b7-61bb50b408da";
  51.  
  52. window.deskcontactwidget = {};
  53. var r=e.getElementsByTagName("script")[0],c=e.createElement("script");c.type="text/javascript",c.async=!0,c.src=basehref+"/support/v1/contact/main.js?token="+token,r.parentNode.insertBefore(c,r),window.addEventListener("message",function(e){var t=e.data[0],a=e.data[1];switch(t){case"setContactFormHeight":document.getElementById("deskcontactwidgetframe").height=Math.min(a, window.window.innerHeight - 75)}},!1);
  54. })(document);
  55. </script>
  56. <!-- -->
  57.  
  58. <!-- Google Analytics -->
  59. <script type="text/javascript">
  60. // DISABLED: Only send data for sites on **domain**
  61. if (document.location.hostname.search("passports.mfa.gov.gh") !== -1 && document.location.hostname.search("passport.mfa.gov.gh") !== -1) {
  62. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  63. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  64. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  65. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  66.  
  67. ga('create', 'UA-76760931-1', 'auto');
  68. ga('send', 'pageview');
  69. }
  70. </script>
  71. <!-- End Google Analytics -->
  72.  
  73. <!-- Server side config -->
  74. <script type="text/javascript">
  75. var GPA = {};
  76. </script>
  77. </head>
  78. <body>
  79.  
  80. <div class="dev-page">
  81. <!-- dev-page-footer: Placed here so any browser forced div closing wouldn't push it outof the dev-page -->
  82.  
  83. <!-- page header -->
  84. <div class="dev-page-header">
  85.  
  86. <div class="dph-logo">
  87. <a style="background-image: url('https://passport.mfa.gov.gh/assets/imgs/logo.new.png')" href="https://passport.mfa.gov.gh">
  88. Ghana Passport Application
  89. </a>
  90. </div>
  91.  
  92. <ul class="dph-buttons pull-right" style="padding-right: 10px;">
  93.  
  94. <li class="dph-button-stuck">
  95. <a href="#" class="dev-page-navigation-toggle">
  96. <span class="fa fa-bars"></span>
  97. </a>
  98. </li>
  99.  
  100.  
  101. <li style="padding-right: 20px;">
  102. <a>Abdul Wahab Alhassan</a>
  103. </li>
  104. <li>
  105. <a href="https://passport.mfa.gov.gh/logout">
  106. <i class="fa fa-power-off"></i> Logout
  107. </a>
  108. </li>
  109. </ul>
  110.  
  111. <ul class="dev-page-navigation">
  112. <li>
  113. <a href="https://passport.mfa.gov.gh/guidelines">Guidelines</a>
  114. </li>
  115.  
  116. <li>
  117. <a href="https://passport.mfa.gov.gh/application">My Applications</a>
  118. </li>
  119.  
  120. <li class="pull-right">
  121. <a href="#">
  122. HELP <i class="fa fa-question"></i> &nbsp;
  123. 030 273 8473
  124. </a>
  125. </li>
  126. </ul>
  127. </div>
  128.  
  129. <!-- page container -->
  130. <div class="dev-page-container">
  131. <div class="dev-page-content">
  132. <div class="container" style="/*margin-bottom: 50px;*/">
  133.  
  134.  
  135.  
  136. <div class="page-title">
  137. <h1>Book an Appointment</h1>
  138. <p>Pick a Passport Application Center.</p>
  139.  
  140. <ul class="breadcrumb">
  141. <li><a href="https://passport.mfa.gov.gh">Home</a></li>
  142. <li><a href="https://passport.mfa.gov.gh/application">Applications</a></li>
  143. <li>Book Appointment: Select PAC</li>
  144. </ul>
  145. </div>
  146.  
  147.  
  148.  
  149. <div class="row">
  150. <div class="col-xs-12 col-sm-8 col-sm-offset-2">
  151. </div>
  152. </div>
  153.  
  154.  
  155. <div class="row">
  156. <div class="col-xs-12">
  157. <!-- Content -->
  158.  
  159. <div class="wrapper wrapper-white">
  160. <div class="row">
  161. <div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
  162.  
  163. <!-- Output errors -->
  164. <div class="row">
  165. <div class="col-xs-12">
  166. </div>
  167. </div>
  168.  
  169. <!-- Form -->
  170. <div class="row">
  171. <div class="col-xs-12 col-sm-4 col-sm-push-8">
  172. <div class="widget-news" style="margin-bottom: 30px;">
  173. <div class="widget-news-content">
  174. <h3 class="lead">Next Available Dates</h3>
  175. <div class="row">
  176. <table class="table table-bordered">
  177. <thead>
  178. <th>PAC</th>
  179. <th>Date</th>
  180. </thead>
  181. <tbody>
  182. <tr>
  183. <td>Accra PAC</td>
  184. <td>
  185. <strong>May 27, 2019</strong>
  186. </td>
  187. </tr>
  188. <tr>
  189. <td>Premium PAC - Accra</td>
  190. <td>
  191. <strong>May 27, 2019</strong>
  192. </td>
  193. </tr>
  194. <tr>
  195. <td>Tema</td>
  196. <td>
  197. <strong>May 27, 2019</strong>
  198. </td>
  199. </tr>
  200. <tr>
  201. <td>Koforidua</td>
  202. <td>
  203. <strong>May 27, 2019</strong>
  204. </td>
  205. </tr>
  206. </tbody>
  207. </table>
  208. </div>
  209.  
  210. </div>
  211. </div>
  212. </div>
  213. <div class="col-xs-12 col-sm-8 col-sm-pull-4">
  214. <div class="widget-news">
  215. <div class="widget-news-content" style="margin: 20px 0;">
  216.  
  217. <div class="col-sm-12">
  218. <div class="form-group text-center">
  219. <h1 class="lead">Select a Passport Application Center (PAC)</h1>
  220. <hr/>
  221. <select class="form-control" name="pac" id="selected-pac">
  222. <option value="">Select a Passport Application Center (PAC)</option>
  223. <option value="ACCKIN">Accra PAC</option>
  224. <option value="PPA">Premium PAC - Accra</option>
  225. <option value="TMAFIO">Tema</option>
  226. <option value="KDUAPO">Koforidua</option>
  227. </select>
  228. </div>
  229. <div id="pac-next-available-date-container" class="text-center"
  230. style="display: none; margin-bottom: 20px;">
  231. <h3><b>Next Available Date: <span id="pac-next-available-date"
  232. class="text-success"
  233. style="font-weight: bolder;"></span></b></h3>
  234. </div>
  235. <div id="premium-pac-message" class="text-center text-danger"
  236. style="display: none; margin-bottom: 20px;">
  237. <h3><b>You are subscribing to a Premium PAC. Additional charges will apply.</b>
  238. </h3>
  239. </div>
  240. </div>
  241. <div id="book-appointment-btn-container" class="col-sm-12" style="display: none;">
  242. <div class="form-group text-center">
  243. <button class="btn btn-primary btn-lg" id="book-appointment">
  244. Book Appointment
  245. </button>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255.  
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262.  
  263. <!-- Modals -->
  264. <!-- Content modals -->
  265. <script>
  266. var loadDeferredStyles = function() {
  267. var addStylesNode = document.getElementById("deferred-styles");
  268. var replacement = document.createElement("div");
  269. replacement.innerHTML = addStylesNode.textContent;
  270. document.body.appendChild(replacement)
  271. addStylesNode.parentElement.removeChild(addStylesNode);
  272. };
  273. var raf = requestAnimationFrame || mozRequestAnimationFrame ||
  274. webkitRequestAnimationFrame || msRequestAnimationFrame;
  275. if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
  276. else window.addEventListener('load', loadDeferredStyles);
  277. </script>
  278.  
  279. <!-- JS Vars -->
  280. <script type="text/javascript">
  281. var appointmentDataURL = "https://passport.mfa.gov.gh/data";
  282. </script>
  283.  
  284. <!-- Scripts -->
  285. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/modernizr/modernizr.js"></script> <!-- Modernizer -->
  286.  
  287. <!-- Additional Form Templates -->
  288.  
  289. <!-- Plugins: From Theme -->
  290. <script type="text/javascript" src="https://passport.mfa.gov.gh/assets/theme/js/plugins/jquery/jquery.min.js"></script>
  291. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/jquery/jquery-ui.min.js"></script>
  292. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/bootstrap/bootstrap.min.js"></script>
  293. <script type="text/javascript" src="https://passport.mfa.gov.gh/assets/theme/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>
  294. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/moment/moment.min.js"></script>
  295. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/knob/jquery.knob.min.js"></script>
  296. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/sparkline/jquery.sparkline.min.js"></script>
  297. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/bootstrap-select/bootstrap-select.js"></script>
  298. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/nvd3/lib/stream_layers.js"></script>
  299. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/dropzone/dropzone.min.js"></script>
  300. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/smartwizard/jquery.smartWizard.js"></script>
  301. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/waypoint/waypoints.min.js"></script>
  302. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/counter/jquery.counterup.min.js"></script>
  303. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/tocify/jquery.tocify.min.js"></script>
  304. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/theme/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
  305. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/js/jquery.validate.min.js"></script>
  306.  
  307. <!-- Plugins Not from theme -->
  308. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/js/fullcalendar.min.js"></script>
  309. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/js/bootstrap-datepicker.js"></script>
  310.  
  311. <!-- Custom -->
  312. <!-- <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/js/app.js"></script> -->
  313. <script type="text/javascript" async src="https://passport.mfa.gov.gh/assets/js/app.bak.js"></script>
  314.  
  315. <!-- Scripts Stack -->
  316. <script type="text/javascript">
  317. let appointmentBaseUrl = "https://passport.mfa.gov.gh/application/c762e5da-2503-4170-8302-8cd56650da5e/appointment";
  318. let pacAvailableDates = {"ACCKIN":"May 27, 2019","PPA":"May 27, 2019","TMAFIO":"May 27, 2019","KDUAPO":"May 27, 2019"};
  319.  
  320. document.getElementById("selected-pac")
  321. .onchange = function (e) {
  322. let selectedPac = e.target.value
  323.  
  324. let app_confirm = alert("You have chosen "+e.target.selectedOptions[0].innerHTML+" and so have agreed to present yourself at the chosen PAC for vetting.");
  325.  
  326. if (app_confirm === false) {
  327. alert("Please confirm before you can continue");
  328. return false;
  329. }
  330. if (!selectedPac) {
  331. document.getElementById("book-appointment-btn-container").style.display = "none";
  332. document.getElementById("pac-next-available-date-container").style.display = "none";
  333. document.getElementById("premium-pac-message").style.display = "none";
  334. return;
  335. }
  336. document.getElementById("book-appointment-btn-container").style.display = "block";
  337.  
  338.  
  339. let pacNextAvailableDate = pacAvailableDates[selectedPac];
  340. console.log(pacNextAvailableDate)
  341. document.getElementById("pac-next-available-date-container").style.display = "block";
  342. document.getElementById("pac-next-available-date").innerHTML = pacNextAvailableDate;
  343.  
  344. if (selectedPac == "PPA") {
  345. document.getElementById("premium-pac-message").style.display = "block";
  346. } else {
  347. document.getElementById("premium-pac-message").style.display = "none";
  348. }
  349. }
  350.  
  351. document.getElementById("book-appointment")
  352. .onclick = function (e) {
  353. let selectedPac = document.getElementById("selected-pac").value
  354. if (!selectedPac) {
  355. alert("No PAC selected. Select one to continue");
  356. return
  357. }
  358.  
  359. console.log(selectedPac, document.getElementById("premium-pac-message").style)
  360. if (selectedPac == "PPA") {
  361. document.getElementById("premium-pac-message").style.display = "block"
  362. } else {
  363. document.getElementById("premium-pac-message").style.display = "none"
  364. }
  365.  
  366. let generatedURL = appointmentBaseUrl + "/" + selectedPac
  367. window.location.href = generatedURL
  368. }
  369. </script>
  370.  
  371. <!-- Run app.js -->
  372. <script type="text/javascript">
  373. window.onload = function () {
  374. app.init();
  375. }
  376. </script>
  377.  
  378. <!-- Post scripts -->
  379.  
  380. </body>
  381. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!