API tools faq
paste
Advertisement
Guest User

road

a guest
Aug 22nd, 2019
427
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.22 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4. SchAlberta 1.0.2.
  5. Requirements:
  6. - Scheduler 6.2.7 or higher.
  7. - WTS 17.9.3.1 or higher.
  8. -->
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <meta charset="utf-8" />
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14. <title>Appointment Search - Alberta Road Test System</title>
  15. <link href="/SchAlberta/Content/css?v=AOjEu0_tttmsFBIjgd9C6OsB1gBNzmZHQ2MgxMTGCGE1" rel="stylesheet"/>
  16.  
  17. <script src="/SchAlberta/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script>
  18.  
  19. <script src="/SchAlberta/bundles/jquery?v=2u0aRenDpYxArEyILB59ETSCA2cfQkSMlxb6jbMBqf81"></script>
  20.  
  21. <script src="/SchAlberta/bundles/bootstrap?v=B07PXpbD03o0-bvVRAgHLnTv1FTs8HN4u7gi_m9sl_41"></script>
  22.  
  23. </head>
  24. <body>
  25. <div class="load-cover-all" id="loadCover">
  26. <div class="load-message-center text-center">
  27. <img src="/SchAlberta/Content/Images/loading.gif" alt="Load-Gif" /><br /><br />
  28. <span id="loadCoverText">Loading... Please wait.</span>
  29. </div>
  30. </div>
  31.  
  32. <div class="modal-cover-ab" onclick="hideABModalPopup()"></div>
  33. <div class="modal-ab clearfix" id="abModalPopup">
  34. <span class="modal-x-close" onclick="hideABModalPopup()">&times;</span>
  35. <h1 id="abModalTitle">This is a title.</h1>
  36. <h2 id="abModalMessage">This is the body text.</h2>
  37. <br />
  38. <button type="button" id="abModalConfirm" class="btn btn-primary float-right margin-sm-left">CONFIRM</button>
  39. <button type="button" id="abModalAgree" class="btn btn-primary float-right margin-sm-left">ACCEPT</button>
  40. <button type="button" id="abModalReject" class="btn btn-outline-danger float-right margin-sm-left">REJECT</button>
  41. <button type="button" id="abModalClose" onclick="hideABModalPopup()" class="btn btn-outline-primary float-right">CLOSE</button>
  42. </div>
  43.  
  44. <div id="containerBody">
  45. <div id="headerContainer">
  46. <div class="contain-center">
  47. <img src="/SchAlberta/Content/Images/logo-goa.png" alt="GoA-Logo" />
  48.  
  49. <span>Alberta Road Test Scheduler</span>
  50. </div>
  51. </div>
  52.  
  53.  
  54. <div id="mainContainer">
  55. <div id="bannerContainer"></div>
  56.  
  57. <div class="row">
  58. <div class="col-4">
  59. <div id="breadcrumbContainer">
  60. <div id="breadcrumbContent">
  61. <h1>Road Test Scheduler</h1>
  62. <br />
  63. <h5 id="step1">1 &nbsp;&nbsp;Driver Information</h5>
  64. <h5 id="step2">2 &nbsp;&nbsp;Eligibility Criteria</h5>
  65. <h5 id="step3">3 &nbsp;&nbsp;Find a Location</h5>
  66. <h5 id="step4">4 &nbsp;&nbsp;Pick a Registry Agent</h5>
  67. <h5 id="step5">5 &nbsp;&nbsp;Select Date and Time</h5>
  68. <h5 id="step6">6 &nbsp;&nbsp;Review</h5>
  69. <h5 id="step7">7 &nbsp;&nbsp;Confirmation</h5>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="col">
  74. <div id="renderBodyContainer">
  75. <div id="renderBodyContent">
  76.  
  77.  
  78.  
  79. <h1>Select Date and Time</h1>
  80. <br />
  81. <form action='/SchAlberta/Appointment/Confirm' method="post" id="submitTimeSlotForm">
  82. <input type="hidden" id="confirmServiceGroupHidden" name="ServiceGroupID" value="7" />
  83. <input type="hidden" id="confirmServiceGroupNameHidden" name="ServiceGroupName" value="Class 5 Basic Road Test" />
  84. <span class="font-weight-bold">Scheduling for Test Class: </span>Class 5 Basic Road Test<br />
  85.  
  86. <h2 class="font-weight-bold">Registry Agent:</h2>
  87. <input type="hidden" id="confirmLocationHidden" name="LocationID" value="220" />
  88. <input type="hidden" id="confirmLocationNameHidden" name="LocationName" value="Northeast Registries – Taradale" />
  89. <h2>Northeast Registries – Taradale<br />
  90. 505-6520 Falconridge Blvd NE<br />
  91. Calgary, T3J 3W6</h2>
  92. <hr />
  93.  
  94. <h2>Please select a date and time for your appointment:</h2>
  95. <div class="row">
  96. <div class="col-sm-4">
  97. <label for="datePickerVal" class="col-form-label font-weight-bold">Select Date</label>
  98. </div>
  99. <div class="col" id="datePickerInput">
  100. <input type="text" name="Date" id="datePickerVal" class="form-control" autocomplete="off" />
  101. </div>
  102. </div>
  103. <input type="hidden" value="" name="AppointmentID" />
  104. <input type="hidden" id="timeSelected" name="Time" />
  105. <br />
  106. </form>
  107.  
  108. <div id="fourContainerSearch"></div>
  109. <div id="errorMessage" class="text-danger"></div>
  110. <button type="submit" id="confirmApptButton" class="btn btn-primary float-right" disabled>SUBMIT</button>
  111. <button type="button" id="searchAvailabilities" class="btn btn-primary attr-hidden float-right" disabled>SEARCH</button>
  112. <button type="button" class="btn btn-outline-primary float-right margin-sm-right" onclick="goBack()">BACK</button>
  113.  
  114. <script type="text/javascript">
  115. // Application defaults.
  116. var isFirstTimeDate = true;
  117.  
  118. $(document).ready(function () {
  119. getAvailabilitiesRequest("");
  120. $("#breadcrumbContent").show();
  121. $("#step1").addClass("h5-visited");
  122. $("#step2").addClass("h5-visited");
  123. $("#step3").addClass("h5-visited");
  124. $("#step4").addClass("h5-visited");
  125. $("#step5").addClass("h5-active").addClass("color-black");
  126.  
  127. // DatePicker JS code.
  128. $('#datePickerInput input').datepicker({
  129. startDate: '2019/08/22',
  130. maxViewMode: 2,
  131. daysOfWeekDisabled: "0",
  132. autoclose: true,
  133. format: "yyyy/mm/dd",
  134. todayHighlight: true
  135. });
  136.  
  137. $('#datePickerInput input').on('changeDate', function () {
  138. $("#datePickerVal").val($('#datepicker').datepicker('getFormattedDate'));
  139. });
  140.  
  141. // Application code.
  142. $("#datePickerVal").change(searchDataChange);
  143.  
  144. $("#searchAvailabilities").click(function () {
  145. $("#fourContainerSearch").html("<blockquote class='add-margin-sm text-muted text-center'><img src='../Content/Images/loading.gif' /><br />Loading. Please wait...</blockquote>");
  146. getAvailabilitiesRequest($("#datePickerVal").val());
  147. });
  148.  
  149. $("#confirmApptButton").click(function () {
  150. var dpVal = $("#datePickerVal").val();
  151. if (dpVal != "") {
  152. $("#submitTimeSlotForm").submit();
  153. } else {
  154. $("#errorMessage").text("Date cannot be empty or null.");
  155. }
  156. });
  157. });
  158.  
  159. // Functions.
  160. function searchDataChange() {
  161. $("#fourContainerSearch").html("<blockquote class='add-margin-sm text-muted text-center'>Data has been modified. Please click Search below to look for availabilities.</blockquote>");
  162. $("#searchAvailabilities").prop("disabled", false).show();
  163. $("#confirmApptButton").prop("disabled", true).hide();
  164. $("#errorMessage").text("");
  165. }
  166.  
  167. function pingMe(id) {
  168. var thisID = "#btn" + id;
  169. $(".ping-me").removeClass("btn-primary");
  170. $(".ping-me").addClass("btn-outline-primary");
  171. $(thisID).addClass("btn-primary");
  172. $(thisID).removeClass("btn-outline-primary");
  173. $("#timeSelected").val($(thisID).text());
  174. $("#confirmApptButton").prop("disabled", false).show();
  175. }
  176.  
  177. function getAvailabilitiesRequest(dateArg) {
  178.  
  179. var request = $.get('/SchAlberta/Appointment/GetFirstAvailableList', { serviceGroupID: 7, locationID: 220, date: dateArg });
  180.  
  181. request.done(function (data, status) {
  182. var myListSample = "";
  183. if (data.length > 0) {
  184. $.each(data, function (index, value) {
  185. if (isFirstTimeDate) {
  186. $("#datePickerVal").val(value.Date);
  187. isFirstTimeDate = false;
  188. }
  189. myListSample += "<blockquote class='clearfix blockquote-search-list'><h2 class='float-left align-middle'>" + formatDateToCommon(value.Date) + "</h2>";
  190. myListSample += "<span class='btn btn-sm btn-outline-primary float-right ping-me' onClick='pingMe(" + value.ID + ")' id='btn" + value.ID + "'>" + value.Time + "</span></blockquote>";
  191. });
  192. } else {
  193. myListSample += "<blockquote class='add-margin-sm text-danger text-center'>No availabilities were found given the selected options. Please modify your search and try again.</blockquote>";
  194. }
  195. $("#fourContainerSearch").html(myListSample);
  196. $("#searchAvailabilities").prop("disabled", true).hide();
  197. $("#confirmApptButton").prop("disabled", true).show();
  198. });
  199.  
  200. request.fail(function (data, status) {
  201. $("#fourContainerSearch").html("<blockquote class='add-margin-sm text-center text-danger'>Something went wrong. Please try again later.</blockquote>");
  202. });
  203. }
  204.  
  205. function formatDateToCommon(dateString) {
  206. var date = new Date(dateString);
  207. var month = ["January", "February", "March", "April", "May", "June",
  208. "July", "August", "September", "October", "November", "December"][date.getMonth()];
  209. var day = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][date.getDay()];
  210. return day + ", " + month + " " + date.getDate();
  211. }
  212. </script>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. <br />
  219.  
  220. <footer>
  221. <div class="contain-center">
  222. <div class="row">
  223. <div class="col text-left">
  224. Alberta toll free: 310-0000<br />
  225. Alberta Transportation Client Support Centre: <br />780-427-8230<br />
  226. Email: <u><a href="mailto:driverexaminations@gov.ab.ca">driverexaminations@gov.ab.ca</a></u>
  227. </div>
  228. <div class="col text-right">
  229. <img src="/SchAlberta/Content/Images/logo-goa.png" alt="GoA-Logo" id="goaLogoImage" />
  230. </div>
  231. </div>
  232. </div>
  233.  
  234. <br /><hr /><br />
  235.  
  236. <div class="contain-center">
  237. <div class="row">
  238. <div class="col text-left">
  239. <a href="/SchAlberta/Legal" target="_blank"><u>Eligibility Disclaimer</u></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  240. <a href="https://www.alberta.ca/privacystatement.aspx" target="_blank"><u>Privacy</u></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  241. <a href="/SchAlberta/Legal/Terms" target="_blank"><u>Terms of Use</u></a>
  242. </div>
  243. <div class="col text-right">
  244. &copy; 2019 Government of Alberta
  245. </div>
  246. </div>
  247. </div>
  248. <br />
  249. </footer>
  250.  
  251. </div>
  252.  
  253. <div class="modal fade bd-example-modal-lg" id="mainPopupModal" tabindex="-1" role="dialog" aria-labelledby="mainPopupModalTitle" aria-hidden="true">
  254. <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  255. <div class="modal-content">
  256. <div class="modal-header">
  257. <h4 class="modal-title" id="mainPopupModalLongTitle">Modal title</h4>
  258. <button type="button" class="close" id="clodeModalX" data-dismiss="modal" aria-label="Close">
  259. <span aria-hidden="true">&times;</span>
  260. </button>
  261. </div>
  262. <div class="modal-body" id="modalBody">
  263. Text here.
  264. </div>
  265. <div class="modal-footer">
  266. <button type="button" class="btn btn-primary" id="closeModal" data-dismiss="modal">CLOSE</button>
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271.  
  272. <script type="text/javascript">
  273.  
  274. function goBack() {
  275. window.history.back();
  276. }
  277.  
  278. function showABModalPopup(headerText, bodyText, cancelBtnText, confirmBtnText, agreeBtnText, rejectBtnText, type) {
  279. // Set Header and Body text.
  280. $("#abModalTitle").text(headerText);
  281. $("#abModalMessage").text(bodyText);
  282.  
  283. // Show Cancel button.
  284. if (cancelBtnText == "") {
  285. $("#abModalClose").hide();
  286. } else {
  287. $("#abModalClose").text(cancelBtnText).show();
  288. }
  289.  
  290. // Show Confirm button.
  291. if (confirmBtnText == "") {
  292. $("#abModalConfirm").hide();
  293. } else {
  294. $("#abModalConfirm").text(confirmBtnText).show();
  295. }
  296.  
  297. // Show Accept button.
  298. if (agreeBtnText == "") {
  299. $("#abModalAgree").hide();
  300. } else {
  301. $("#abModalAgree").text(agreeBtnText).show();
  302. }
  303.  
  304. // Show Reject button.
  305. if (rejectBtnText == "") {
  306. $("#abModalReject").hide();
  307. } else {
  308. $("#abModalReject").text(rejectBtnText).show();
  309. }
  310.  
  311. // Border-left color of pop-up.
  312. switch (type) {
  313. case "Success":
  314. $(".modal-ab").css("border-left", "5px solid #28a745");
  315. break;
  316. case "Warning":
  317. $(".modal-ab").css("border-left", "5px solid #ffc107");
  318. break;
  319. case "Error":
  320. $(".modal-ab").css("border-left", "5px solid #dc3545");
  321. break;
  322. default:
  323. $(".modal-ab").css("border-left", "5px solid #6c757d");
  324. }
  325.  
  326. // Pop-up animation.
  327. $("#abModalPopup").show().animate({
  328. top: "25%"
  329. }, 500);
  330. $(".modal-cover-ab").fadeIn();
  331. }
  332.  
  333. function hideABModalPopup() {
  334. $("#abModalPopup").css("top", "-500px");
  335. $("#abModalPopup").hide();
  336. $("#abModalConfirm").hide();
  337. $("#abModalAgree").hide();
  338. $(".modal-cover-ab").fadeOut();
  339. }
  340.  
  341. </script>
  342.  
  343. </body>
  344. </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!