1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2<html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > 5 <meta name = "viewport" content = "width=device-width,initial-scale=1" /> 6 <link rel="shortcut icon" href="/sites/images/favicon.ico" /> 7 <title>CPA Saint-Laurent</title> 8 <meta name="description" content="Welcome to CPA Saint-Laurent!" /> 9 <meta name="keywords" content="" /> 10 <!--[if lte IE 8]> 11<link rel="stylesheet" type="text/css" href="/css/ie.css" /> 12<![endif]--> 13 <link type="text/css" href="/js/chosen/chosen.min.css?1790775045" rel="stylesheet"> 14 <link type="text/css" href="/css/overcast/jquery-ui-1.10.3.custom.min.css?1790775045" rel="stylesheet"> 15 <link type="text/css" href="/css/tooltipster.bundle.min.css?1790775045" rel="stylesheet"> 16 <link type="text/css" href="/css/themes/tooltipster-sideTip-shadow.min.css?1790775045" rel="stylesheet"> 17 <link type="text/css" href="/css/introjs.min.css?1790775045" rel="stylesheet"> 18 <link type="text/css" href="/css/ui.css?1790775045" rel="stylesheet"> 19 <link type="text/css" href="/css/multi.min.css?1790775045" rel="stylesheet"> 20 <link type="text/css" href="/js/fancybox/jquery.fancybox-1.3.4.css?1790775045" rel="stylesheet"> 21 <link type="text/css" href="/js/selectize/css/selectize.css?1790775045" rel="stylesheet"> 22 <link type="text/css" href="/css/selectize-disable.css?1790775045" rel="stylesheet"> 23 <link type="text/css" href="/css/bootstrap.min.css?1790775045" rel="stylesheet"> 24 <link type="text/css" href="/css/login.css?1790775045" rel="stylesheet"> 25 <link type="text/css" href="/themes/fullWidth/css/theme.css?1790775045" rel="stylesheet"> 26 <link type="text/css" href="/sites/css/site.css?1779507329" rel="stylesheet"> 27 <link type="text/css" href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald&display=swap" rel="stylesheet"> 28 29 30
30<script type="text/javascript" src="/globals.php?msg_lang=eng&1790775045"></script>
vendor: 1 bytes, line 30
30
31<script> 32 window.dataLayer = window.dataLayer || []; 33 function gtag(){dataLayer.push(arguments);} 34</script>
vendor: 68 bytes, lines 34-39
34 35 36 37 38 39<script async src="https://www.googletagmanager.com/gtag/js?id=
39G-KN2DJFQGL1
vendor: 12 bytes, line 39
39"></script>
40<script> 41 gtag('js', new Date()); 42 gtag('config', 'G-KN2DJFQGL1'); 43</script>
43 44 45
46<script type="text/javascript"> 47 server_timezone = -240; 48 registration_timer_display_time = 900; 49 lang = 'eng'; 50 _CURRENT_COOKIE_POLICY_VERSIONS = []; 51 _ACCOUNTING_SETTING = {"currency":{"symbol":"$","format":{"pos":"%s%v","zero":"%s%v","neg":"- %s%v"},"decimal":".","thousand":",","precision":2},"number":{"precision":2,"thousand":",","decimal":"."},"symbolWithSign":"- $"}; 52 _DATE_FORMATS = {"7":"h:mm A","8":"h:mm:ss A","6":"MMMM D, Y [at] h:mm A","5":"MMMM D, Y","4":"MMM D, Y, h:mm A","3":"MMM D, Y","2":"Y-MM-DD h:mm A","1":"Y-MM-DD","9":"Y-MM-DD h:mm:ss A","10":"MMM","11":"DD\/MM\/YY","12":"DD\/MM\/YY h:mm A","13":"DD\/MM\/YY h:mm:ss A"}; 53 MOMENT_LOCALE = "en-ca"; 54 55 SHORT_DATE = 1; 56 SHORT_DATE_TIME = 2; 57 MEDIUM_DATE = 3; 58 MEDIUM_DATE_TIME = 4; 59 LONG_DATE = 5; 60 LONG_DATE_TIME = 6; 61 TIME_ONLY = 7; 62 TIME_WITH_SEC = 8; 63 SHORT_DATE_TIME_WITH_SEC = 9; 64 LARGE_FILE_UPLOAD = true; 65 66 lang = "eng"; 67 _SITE_LANGUAGES = ["eng","fre"]; 68 69 languages = ["eng","fre"]; 70 71 langOptions = {"eng":"English","fre":"fran\u00e7ais"}; 72 73 participantSample = {"account_id":null,"birthdate":null,"category_level_id":null,"deleted":0,"first_name":null,"gender_id":null,"guid":null,"last_name":null,"league_participant_id":null,"participant_id":null,"participant_since":null,"update_time":null,"user_id":null,"id":null,"name":"","corporate_name":"","dropdownLabel":"","context_id":0,"site_field_values":{"1":[],"2":[],"3":[],"4":[],"5":[],"6":[],"7":[],"8":[],"9":[],"31":[],"12":[],"14":[],"15":[],"16":[],"17":[],"18":[],"19":[],"28":[],"37":[],"38":[],"40":[],"41":[],"42":[],"51":[],"53":[],"61":[]},"site_participant_field_values":{"_skate_canada_number":{"value":"","icon":"","skateCanadaContactId":false,"field_name":""}},"constraints":{"first_name":{"presence":{"allowEmpty":false,"message":"First Name is required."}},"last_name":{"presence":{"allowEmpty":false,"message":"Last Name is required."}},"gender_id":{"inclusion":{"within":["2","1"],"message":"Gender is required."}},"birthdate":{"datetime":{"dateOnly":true,"message":"Birthdate is required."}}},"instructor":null,"participant_since_formatted":"2026-10-04","birthdate_formatted":null,"instructors":[],"deletable":null,"can_edit":false,"can_view":false,"can_register":false,"can_unlink":false,"roles":[],"site_groups":[],"policies":[],"age":null,"displayAge":null,"instructor_ids":[]}; 74 preventDuplicates = false; 75 var adminScope = false;
76 77 allGenders = {"2":{"deleted":0,"description_string_id":3145,"gender_code":"F","gender_id":2,"guid":null,"league_gender_id":null,"sc_gender_code":"F","sort_order":0,"local_string":{"eng":{"summary":"Female","content":null},"fre":{"summary":"Femme","content":null}}},"1":{"deleted":0,"description_string_id":3144,"gender_code":"M","gender_id":1,"guid":null,"league_gender_id":null,"sc_gender_code":"M","sort_order":1,"local_string":{"eng":{"summary":"Male","content":null},"fre":{"summary":"Homme","content":null}}}}; 78 79 80 isSiteLive = true; 81 82 policyMandatoryScroll = true; 83 birthdateRequired = 1; 84 85 var __RESPONSIVE_SLIDERS_URL = '/js/ui-widgets/responsiveslides.min.js'; 86 var __INCLUDE_CSS = '/js/chosen/chosen.min.css?1790775045,/css/overcast/jquery-ui-1.10.3.custom.min.css?1790775045,/css/tooltipster.bundle.min.css?1790775045,/css/themes/tooltipster-sideTip-shadow.min.css?1790775045,/css/introjs.min.css?1790775045,/css/ui.css?1790775045,/css/multi.min.css?1790775045,/js/fancybox/jquery.fancybox-1.3.4.css?1790775045,/js/selectize/css/selectize.css?1790775045,/css/selectize-disable.css?1790775045,/css/bootstrap.min.css?1790775045,/css/login.css?1790775045,/themes/fullWidth/css/theme.css?1790775045,/sites/css/site.css?1779507329,https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald&display=swap'; 87 require_address = true; 88 POLICY_KEY_VALUE_TAGS = {"member_name":"Contact (Parent\/Guardian) Name","member_first_name":"Contact (Parent\/Guardian) First Name","member_last_name":"Contact (Parent\/Guardian) Last Name","member_address1":"Address Line 1","member_address2":"Address Line 2","member_city":"City","member_prov_state":"Province \/ State","member_postal_zip":"Postal \/ Zip Code","member_country":"Country","member_tel":"Telephone","member_tel_alt":"Mobile","member_email":"Email","participant_first_name":"Skater First Name","participant_last_name":"Skater Last Name","participant_name":"Skater Name","participant_birthdate":"Skater Birthdate","participant_age":"Skater Age","participant_gender":"Skater Gender","signature":"Signature","initials":"Initials","checkbox":"Checkbox","custom_field":"Custom Field","expiry|short_date":"Expiry (Short Date)","expiry|medium_date":"Expiry (Medium Date)","expiry|long_date":"Expiry (Long Date)","current_date|short_date":"Current Date (Short)","current_date|medium_date":"Current Date (Medium)","current_date|long_date":"Current Date (Long)","current_date|time":"Current Date (Time)","current_date":"Date","qrcode":"QR Code"}; 89 POLICY_FONT_OPTIONS = [{"k":"inherit","v":"-- Signature Font --"},{"k":"'Italianno', cursive","v":"Italianno"},{"k":"'Dancing Script', cursive","v":"Dancing Script"},{"k":"'Birthstone', cursive","v":"Birthstone"},{"k":"'Euphoria Script', cursive","v":"Euphoria Script"},{"k":"'Pinyon Script', cursive","v":"Pinyon Script"}]; 90 POLICY_DATE_TAGS = ["current_date|short_date","current_date|medium_date","current_date|long_date","current_date|time"]; 91 92 var price_inclusive_of_taxes = false; 93 price_inclusive_of_taxes = false; 94 var autoRenewWizardOptions = {"recurrence_types":[{"k":"month","v":"Monthly"},{"k":"year","v":"Yearly"},{"k":"week","v":"Weekly"},{"k":"day","v":"Daily"}],"recurrence_labels_by_type":{"day":"day(s)","week":"week(s)","month":"month(s)","year":"year(s)"}}; 95 var UPLIFTER_STRTOTIME_SETTINGS = {"regex":"\/previous\\s*((((2[0-8]|1[0-9]|[1-9])|(last))\\s*day)?\\s*by\\s*(month[s]?)|((monday)|(tuesday)|(wednesday)|(thursday)|(friday)|(saturday)|(sunday))?\\s*by\\s*(week[s]?)|\\s*by\\s*(year[s]?))\/","day_number":4,"last":5,"month":6,"week_days_gap":7,"monday":8,"tuesday":9,"wednesday":10,"thursday":11,"friday":12,"saturday":13,"sunday":14,"week":15}; 96 UPLIFTER_STRTOTIME_SETTINGS.regex = /previous\s*((((2[0-8]|1[0-9]|[1-9])|(last))\s*day)?\s*by\s*(month[s]?)|((monday)|(tuesday)|(wednesday)|(thursday)|(friday)|(saturday)|(sunday))?\s*by\s*(week[s]?)|\s*by\s*(year[s]?))/; 97</script>
97<!--[if lte IE 8]>
98<script type="text/javascript" src="/js/ie.js"></script>
vendor: 1 bytes, line 98
98
99<script type="text/javascript" src="/js/es5-shim.min.js"></script>
vendor: 1 bytes, line 99
99
100<script type="text/javascript" src="/js/es5-sham.min.js"></script>
100 101<![endif]-->
102<script type="text/javascript" src="/js/es6-shim.min.js"></script>
vendor: 1 bytes, line 102
102
103<script type="text/javascript" src="/js/es6-sham.min.js"></script>
103 104
104<script type="text/javascript" src="/js/jquery-1.8.3.min.js?1790775045"></script>
104 105
105<script type="text/javascript" src="/js/jquery-migrate-1.1.1.min.js?1790775045"></script>
105 106
106<script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js?1790775045"></script>
106 107
107<script type="text/javascript" src="/js/chosen/chosen.jquery.min.js?1790775045"></script>
107 108
108<script type="text/javascript" src="/js/multi.js?1790775045"></script>
108 109
109<script type="text/javascript" src="/js/modernizr.custom.js?1790775045"></script>
109 110
110<script type="text/javascript" src="/js/jquery.flexnav.min.js?1790775045"></script>
110 111
111<script type="text/javascript" src="/js/tooltipster.bundle.min.js?1790775045"></script>
111 112
112<script type="text/javascript" src="/js/strtotime.js?1790775045"></script>
112 113
113<script type="text/javascript" src="/js/ui.js?1790775045"></script>
113 114
114<script type="text/javascript" src="/js/localizedFields.js?1790775045"></script>
114 115
115<script type="text/javascript" src="/js/disableAutoFill.js?1790775045"></script>
115 116
116<script type="text/javascript" src="/js/jquery.serializejson.min.js?1790775045"></script>
116 117
117<script type="text/javascript" src="/js/jquery.ui.touch-punch.min.js?1790775045"></script>
117 118
118<script type="text/javascript" src="/js/jquery-ui-timepicker-addon.js?1790775045"></script>
118 119
119<script type="text/javascript" src="/js/introjs.min.js?1790775045"></script>
119 120
120<script type="text/javascript" src="/js/validate.min.js?1790775045"></script>
120 121
121<script type="text/javascript" src="/js/fancybox/jquery.fancybox-modified-1.3.4.js?1790775045"></script>
121 122
122<script type="text/javascript" src="/js/knockout-min-3.4.0.js?1790775045"></script>
122 123
123<script type="text/javascript" src="/js/knockout.mapping-min-2.6.0.js?1790775045"></script>
123 124
124<script type="text/javascript" src="/js/knockout.validation-min-2.0.3.js?1790775045"></script>
124 125
125<script type="text/javascript" src="/js/utils/utils.js?1790775045"></script>
125 126
126<script type="text/javascript" src="/js/moment.min.js?1790775045"></script>
126 127
127<script type="text/javascript" src="/js/moment-timezone.js?1790775045"></script>
127 128
128<script type="text/javascript" src="/js/selectize/js/standalone/selectize.min.js?1790775045"></script>
128 129
129<script type="text/javascript" src="/js/selectize-disabled.js?1790775045"></script>
129 130
130<script type="text/javascript" src="/js/ko_selectize.js?1790775045"></script>
130 131
131<script type="text/javascript" src="/js/accounting.min.js?1790775045"></script>
131 132
132<script type="text/javascript" src="/js/knockout-custom-bindings.js?1790775045"></script>
132 133
133<script type="text/javascript" src="/js/underscore/underscore-min.js?1790775045"></script>
133 134
134<script type="text/javascript" src="/js/bootstrap.min.js?1790775045"></script>
134 135
135<script type="text/javascript" src="/js/jquery.selectlist.min.js?1790775045"></script>
135 136
136<script type="text/javascript" src="/js/login.js?1790775045"></script>
136 137
137<script type="text/javascript" src="/js/recaptcha.js?key=6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq&1790775045"></script>
vendor: 1 bytes, line 137
137
138<script type="text/javascript"> 139 var moment_timezone = 'America/Toronto'; 140 141 if (accounting && _ACCOUNTING_SETTING) { 142 accounting.settings = _ACCOUNTING_SETTING 143 } 144 145 let setTimezone = function () { 146 if (typeof moment === 'function' && typeof moment.tz === 'function') { 147 moment.tz.setDefault(moment_timezone); 148 } 149 moment.locale(MOMENT_LOCALE || 'en'); 150 }; 151 152 if(typeof moment === 'function') { 153 setTimezone(); 154 } else if(typeof jQuery === 'function') { 155 $(document).ready(setTimezone) 156 } else { 157 window.addEventListener('load', setTimezone); 158 } 159 160</script>
160 161 162 </head> 163 <body id="topPage"> 164
164<script>
vendor: 332 bytes, lines 164-171
164 165 166(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 167 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 168 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 169})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 170 171ga('create', '
171UA-53549833-1
vendor: 42 bytes, lines 171-173
171', { 172 'cookieDomain': 'www.cpastl.ca' 173});
174ga('set','anonymizeIp', true); 175ga('send', 'pageview'); 176 177</script>
177 178 <input type="hidden" class="recaptcha" data-action="pageView" data-sitekey="6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq" /> 179 <div id="footerAgreement" class="animated fadeInUp"> 180 <div class="m-row"> 181 <div class="m-cell-lock fourFifth"> 182 <div class="m-cellpad-h"> <b>Browser Cookies</b> </div> 183 </div> 184 <div class="m-cell-lock oneFifth textRight"> 185 <div class="m-cellpad-h"> 186 <span class="icon-x" id="footerClose"></span> 187 </div> 188 </div> 189 </div> 190 <div class="m-row"> 191 <div class="m-cell-lock fiveSixth small-fourFifth xsmall-fullWidth"> 192 <div class="m-cellpad"> This site uses cookies necessary to properly function. By closing this popup, clicking a link or continuing to browse otherwise, you agree to the use of cookies. <a href="/ajax/cookies.php" class="fancybox">View our policies.</a> </div> 193 </div> 194 <div class="m-cell-lock oneSixth small-oneFifth xsmall-fullWidth textRight buttonBar"> 195 <div class="m-cellpad"> 196 <button class="btnAction" id="footerAgree">Accept</button> 197 </div> 198 </div> 199 </div> 200 </div> <noscript> 201 202 <style type="text/css"> 203 .js_only{ 204 display:none; 205 } 206 </style> 207 208 </noscript> 209 210 <div id="header"> 211 <div id="topNav"> 212 <div class="fixedContainer"> 213 <span class="greeting"> 214 <span class="contentPlaceholder" data-content-placeholder="greeting"></span> 215</span> <nav class="dropdown"> 216 <ul id="topNavMenu"> 217 218 219 220 221 222 223 224 225 <li class="Login" data-content-placeholder="userNavLis"> 226 <a title="Login" class="userLogin userMenuItem" href="/login/" > <span class="menuText">Login</span> 227 </a> 228 </li> 229 </ul> 230 </nav> 231 <div class="clear"></div> 232 </div> 233</div> <div id="clubLogo" class="fixedContainer"> 234 <a href="/" > <img id="headerImage" data-src-large="/sites/images/top_header.png?1791144625" data-src-small="/sites/images/logo-mobile.png?1791144625" title="CPA Saint-Laurent" alt="CPA Saint-Laurent"/> </a> </div> 235
235<script>setHeaderImage();</script>
235 236 <nav id="mainNav" class="dropdown"> 237 <span class="menuTarget" title="Menu"></span> 238 <ul class="menuItems" id="mainNavMenu"> 239 240 241 <li class="Club" > 242 <a title="Club" class="" href="/pages/faq/" > <span class="menuText">Club</span> 243 </a> 244 245 246 247 <ul> 248 249 <li class="OurStory" > 250 <a title="Our Story" class="" href="/pages/faq/history/" > <span class="menuText">Our Story</span> 251 </a> 252 253 254 255 256 </li> 257 258 <li class="Boardofdirectors" > 259 <a title="Board of directors" class="" href="/pages/faq/board-director/" > <span class="menuText">Board of directors</span> 260 </a> 261 262 263 264 265 </li> 266 267 <li class="Coaches" > 268 <a title="Coaches" class="" href="/pages/faq/coaches/" > <span class="menuText">Coaches</span> 269 </a> 270 271 272 273 274 </li> 275 276 <li class="ProgramAssistants" > 277 <a title="Program Assistants" class="" href="/pages/faq/program-assistants/" > <span class="menuText">Program Assistants</span> 278 </a> 279 280 281 282 283 </li> 284 285 <li class="Policies" > 286 <a title="Policies" class="" href="/pages/faq/policies/" > <span class="menuText">Policies</span> 287 </a> 288 </li> 289 290 291 292 <li class="FourContinentsVideoJasonHolly" > 293 <a title="Four Continents Video Jason & Holly" class="" href="/pages/faq/testvideo/" > <span class="menuText">Four Continents Video Jason & Holly</span> 294 </a> 295 </li> 296 297 <li class="Lindt" > 298 <a title="Lindt" class="" href="/pages/faq/lindt/" > <span class="menuText">Lindt</span> 299 </a> 300 </li> 301 </ul> 302 303 </li> 304 305 <li class="Programs" > 306 <a title="Programs" class="" href="/pages/programs/" > <span class="menuText">Programs</span> 307 </a> 308 309 310 311 <ul> 312 313 <li class="CanSkate" > 314 <a title="CanSkate" class="" href="/pages/programs/canskate/" > <span class="menuText">CanSkate</span> 315 </a> 316 </li> 317 318 <li class="STARGrouplessons" > 319 <a title="STAR Group lessons" class="" href="/pages/programs/prejunior/" > <span class="menuText">STAR Group lessons</span> 320 </a> 321 </li> 322 323 <li class="AdultSkate" > 324 <a title="AdultSkate" class="" href="/pages/programs/adultskate/" > <span class="menuText">AdultSkate</span> 325 </a> 326 </li> 327 328 <li class="Private" > 329 <a title="Private" class="" href="/pages/programs/starskate/" > <span class="menuText">Private</span> 330 </a> 331 332 333 334 <ul> 335 336 <li class="STAR15" > 337 <a title="STAR 1-5" class="" href="/pages/programs/starskate/star-1-5/" > <span class="menuText">STAR 1-5</span> 338 </a> 339 </li> 340 341 <li class="Becominganofficial" > 342 <a title="Becoming an official" class="" href="/pages/programs/starskate/becoming-an-official/" > <span class="menuText">Becoming an official</span> 343 </a> 344 </li> 345 346 <li class="HowJudgingWorks" > 347 <a title="How Judging Works" class="" href="/pages/programs/starskate/how-judging-works/" > <span class="menuText">How Judging Works</span> 348 </a> 349 </li> 350 351 <li class="TheAthlete" >
352 <a title="The Athlete" class="" href="/pages/programs/starskate/the-athlete/" > <span class="menuText">The Athlete</span> 353 </a> 354 </li> 355 356 <li class="UsefulDocuments" > 357 <a title="Useful Documents" class="" href="/pages/programs/starskate/useful-documents/" > <span class="menuText">Useful Documents</span> 358 </a> 359 </li> 360 361 </ul> 362 363 </li> 364 365 </ul> 366 367 </li> 368 369 <li class="Events" > 370 <a title="Events" class="" href="/pages/events/" > <span class="menuText">Events</span> 371 </a> 372 373 374 375 <ul> 376 377 378 379 <li class="IceShow" > 380 <a title="Ice Show" class="" href="/pages/events/ice-show/" > <span class="menuText">Ice Show</span> 381 </a> 382 383 384 385 <ul> 386 387 <li class="CanSkateIceShowRegistration" > 388 <a title="CanSkate Ice Show Registration" class="" href="/pages/events/ice-show/participation-forms/" > <span class="menuText">CanSkate Ice Show Registration</span> 389 </a> 390 </li> 391 392 393 <li class="Schedules" > 394 <a title="Schedules" class="" href="/pages/events/ice-show/schedules/" > <span class="menuText">Schedules</span> 395 </a> 396 </li> 397 398 <li class="IceShowProgram" > 399 <a title="Ice Show Program" class="" href="/pages/events/ice-show/ice-show-programs/" > <span class="menuText">Ice Show Program</span> 400 </a> 401 </li> 402 403 <li class="TicketSales" > 404 <a title="Ticket Sales" class="" href="/pages/events/ice-show/ticket-sales/" > <span class="menuText">Ticket Sales</span> 405 </a> 406 </li> 407 408 <li class="DressRehearsal" > 409 <a title="Dress Rehearsal" class="" href="/pages/events/ice-show/dress-rehearsal/" > <span class="menuText">Dress Rehearsal</span> 410 </a> 411 </li> 412 413 414 415 416 417 418 419 420 421 <li class="ParticipationAgreement" > 422 <a title="Participation Agreement" class="" href="/pages/events/ice-show/participation-agreement/" > <span class="menuText">Participation Agreement</span> 423 </a> 424 </li> 425 </ul> 426 427 </li> 428 429 430 <li class="Tests" > 431 <a title="Tests" class="" href="/pages/events/test/" > <span class="menuText">Tests</span> 432 </a> 433 434 435 436 <ul> 437 438 <li class="ClubTests" > 439 <a title="Club Tests" class="" href="/pages/events/test/club-tests/" > <span class="menuText">Club Tests</span> 440 </a> 441 </li> 442 443 <li class="CentralizedTests" > 444 <a title="Centralized Tests" class="" href="/pages/events/test/centralized-tests/" > <span class="menuText">Centralized Tests</span> 445 </a> 446 </li> 447 </ul> 448 449 </li> 450 451 <li class="Competitions" > 452 <a title="Competitions" class="" href="/pages/events/competitions/" > <span class="menuText">Competitions</span> 453 </a> 454 455 456 457 <ul> 458 459 <li class="CompetitionRegistration" >
460 <a title="Competition Registration" class="" href="/pages/events/competitions/competition-registration/" > <span class="menuText">Competition Registration</span> 461 </a> 462 </li> 463 464 <li class="Dorval" > 465 <a title="Dorval" class="" href="/pages/events/competitions/dorval-invitation/" > <span class="menuText">Dorval</span> 466 </a> 467 </li> 468 469 <li class="Regional" > 470 <a title="Regional" class="" href="/pages/events/competitions/regional-schedule-michel-proulx-jeux-de-qc/" > <span class="menuText">Regional</span> 471 </a> 472 </li> 473 474 <li class="JBEvaFindlay" > 475 <a title="JB - Eva Findlay" class="" href="/pages/events/competitions/jeannot-bouchard-eva-findlay/" > <span class="menuText">JB - Eva Findlay</span> 476 </a> 477 </li> 478 479 <li class="SummerProvincials" > 480 <a title="Summer Provincials" class="" href="/pages/events/competitions/summer-provincials/" > <span class="menuText">Summer Provincials</span> 481 </a> 482 </li> 483 </ul> 484 485 </li> 486 487 488 489 <li class="Photos" > 490 <a title="Photos" class="" href="/pages/events/photo/" > <span class="menuText">Photos</span> 491 </a> 492 </li> 493 </ul> 494 495 </li> 496 497 <li class="Calendar" > 498 <a title="Calendar" class="" href="/pages/calender/" > <span class="menuText">Calendar</span> 499 </a> 500 501 502 503 <ul> 504 505 <li class="AnnualFallWinterCalendar20262027" > 506 <a title="Annual Fall-Winter Calendar 2026-2027" class="" href="/pages/calender/annual/" > <span class="menuText">Annual Fall-Winter Calendar 2026-2027</span> 507 </a> 508 509 510 511 <ul> 512 513 514 515 <li class="20252026Group" > 516 <a title="2025-2026 Group" class="" href="/pages/calender/annual/f-w-2023-2024-groupe/" > <span class="menuText">2025-2026 Group</span> 517 </a> 518 </li> 519 520 <li class="20252026Junior" > 521 <a title="2025-2026 Junior" class="" href="/pages/calender/annual/2023-2024-junior/" > <span class="menuText">2025-2026 Junior</span> 522 </a> 523 </li> 524 525 <li class="20252026Inter" > 526 <a title="2025-2026 Inter" class="" href="/pages/calender/annual/2023-2024-inter/" > <span class="menuText">2025-2026 Inter</span> 527 </a> 528 </li> 529 530 <li class="20252026Senior" > 531 <a title="2025-2026 Senior" class="" href="/pages/calender/annual/2023-2024-senior/" > <span class="menuText">2025-2026 Senior</span> 532 </a> 533 </li> 534 </ul> 535 536 </li> 537 538 539 540 541 542 <li class="Spring" > 543 <a title="Spring" class="" href="/pages/calender/spring/" > <span class="menuText">Spring</span> 544 </a> 545 546 547 548 <ul> 549 550 551 <li class="SpringGroup" > 552 <a title="Spring Group" class="" href="/pages/calender/spring/spring-group/" > <span class="menuText">Spring Group</span> 553 </a> 554 </li> 555 </ul> 556 557 </li> 558 559 560 561 562 <li class="CalendarSummer2026" >
563 <a title="Calendar Summer 2026" class="" href="/pages/calender/summer-2023-code-session-reference/" > <span class="menuText">Calendar Summer 2026</span> 564 </a> 565 </li> 566 </ul> 567 568 </li> 569 570 <li class="OurStars" > 571 <a title="Our Stars" class="" href="/pages/our-stars/" > <span class="menuText">Our Stars</span> 572 </a> 573 574 575 576 <ul> 577 578 <li class="National" > 579 <a title="National" class="" href="/pages/our-stars/national-team/" > <span class="menuText">National</span> 580 </a> 581 582 583 584 <ul> 585 586 <li class="Media" > 587 <a title="Media" class="" href="/pages/our-stars/national-team/media-articles/" > <span class="menuText">Media</span> 588 </a> 589 </li> 590 591 <li class="20162017" > 592 <a title="2016-2017" class="" href="/pages/our-stars/national-team/2016-2017/" > <span class="menuText">2016-2017</span> 593 </a> 594 </li> 595 </ul> 596 597 </li> 598 599 <li class="QuebecTeam" > 600 <a title="Quebec Team" class="" href="/pages/our-stars/quebec-team/" > <span class="menuText">Quebec Team</span> 601 </a> 602 603 604 605 <ul> 606 607 <li class="20162017" > 608 <a title="2016-2017" class="" href="/pages/our-stars/quebec-team/2016-2017/" > <span class="menuText">2016-2017</span> 609 </a> 610 </li> 611 612 <li class="20172018" > 613 <a title="2017-2018" class="" href="/pages/our-stars/quebec-team/2017-2018/" > <span class="menuText">2017-2018</span> 614 </a> 615 </li> 616 617 <li class="20222023" > 618 <a title="2022-2023" class="" href="/pages/our-stars/quebec-team/2022-2023/" > <span class="menuText">2022-2023</span> 619 </a> 620 </li> 621 622 <li class="20232024" > 623 <a title="2023-2024" class="" href="/pages/our-stars/quebec-team/2023-2024/" > <span class="menuText">2023-2024</span> 624 </a> 625 </li> 626 </ul> 627 628 </li> 629 630 <li class="RegionalTeam" > 631 <a title="Regional Team" class="" href="/pages/our-stars/regional-team/" > <span class="menuText">Regional Team</span> 632 </a> 633 </li> 634 635 <li class="QuebecSectionChampions" > 636 <a title="Quebec Section Champions" class="" href="/pages/our-stars/provincial-champions/" > <span class="menuText">Quebec Section Champions</span> 637 </a> 638 </li> 639 640 <li class="JeuxduQubecdelaparticipation" > 641 <a title="Jeux du Québec/de la participation" class="" href="/pages/our-stars/jeux-du-qu-bec-de-la-participation/" > <span class="menuText">Jeux du Québec/de la participation</span> 642 </a> 643 </li> 644 645 <li class="ChampionnatSectionB" > 646 <a title="Championnat Section B" class="" href="/pages/our-stars/section-b/" > <span class="menuText">Championnat Section B</span> 647 </a> 648 </li> 649 650 <li class="STARSkateGoldTest" > 651 <a title="STARSkate - Gold Test" class="" href="/pages/our-stars/starskate-gold-test/" > <span class="menuText">STARSkate - Gold Test</span> 652 </a> 653 </li> 654 655 <li class="JeuxdeMontral" > 656 <a title="Jeux de Montréal" class="" href="/pages/our-stars/jeux-de-montr-al/" > <span class="menuText">Jeux de Montréal</span> 657 </a> 658 </li> 659 660 661 <li class="International" >
662 <a title="International" class="" href="/pages/our-stars/international/" > <span class="menuText">International</span> 663 </a> 664 </li> 665 </ul> 666 667 </li> 668 669 <li class="FAQ" > 670 <a title="FAQ" class="" href="/pages/questions/" > <span class="menuText">FAQ</span> 671 </a> 672 673 674 675 <ul> 676 677 <li class="FW20262027Registration" > 678 <a title="F/W 2026-2027 Registration" class="" href="/pages/questions/registration-f-w-2024-2025/" > <span class="menuText">F/W 2026-2027 Registration</span> 679 </a> 680 681 682 683 <ul> 684 685 <li class="RegistrationFees20262027" > 686 <a title="Registration Fees 2026-2027" class="" href="/pages/questions/registration-f-w-2024-2025/registration-fees-2024-2025/" > <span class="menuText">Registration Fees 2026-2027</span> 687 </a> 688 </li> 689 </ul> 690 691 </li> 692 693 <li class="Summer2026" > 694 <a title="Summer 2026" class="" href="/pages/questions/summer-2024/" > <span class="menuText">Summer 2026</span> 695 </a> 696 </li> 697 698 <li class="RegistrationSpring2026" > 699 <a title="Registration Spring 2026" class="" href="/pages/questions/registration-procedures/" > <span class="menuText">Registration Spring 2026</span> 700 </a> 701 702 703 704 <ul> 705 706 <li class="SpringGroup" > 707 <a title="Spring Group" class="" href="/pages/questions/registration-procedures/spring/" > <span class="menuText">Spring Group</span> 708 </a> 709 </li> 710 711 <li class="SpringPrivate" > 712 <a title="Spring Private" class="" href="/pages/questions/registration-procedures/spring-private/" > <span class="menuText">Spring Private</span> 713 </a> 714 </li> 715 716 717 718 <li class="OnlineSecurity" > 719 <a title="Online Security" class="" href="/pages/questions/registration-procedures/online-security/" > <span class="menuText">Online Security</span> 720 </a> 721 </li> 722 723 724 725 726 </ul> 727 728 </li> 729 730 731 732 <li class="Equipment" > 733 <a title="Equipment" class="" href="/pages/questions/equipment/" > <span class="menuText">Equipment</span> 734 </a> 735 736 737 738 <ul> 739 740 <li class="Helmet" > 741 <a title="Helmet" class="" href="/pages/questions/equipment/helmet/" > <span class="menuText">Helmet</span> 742 </a> 743 </li> 744 745 <li class="Skates" > 746 <a title="Skates" class="" href="/pages/questions/equipment/skates/" > <span class="menuText">Skates</span> 747 </a> 748 </li> 749 750 <li class="Uniform" > 751 <a title="Uniform" class="" href="/pages/questions/equipment/uniform/" > <span class="menuText">Uniform</span> 752 </a> 753 </li> 754 </ul> 755 756 </li> 757 758 759 <li class="SafetyFirst" > 760 <a title="Safety First" class="" href="/pages/questions/security-procedures/" > <span class="menuText">Safety First</span> 761 </a> 762 763 764 765 <ul> 766 767 <li class="Concussion" >
768 <a title="Concussion" class="" href="/pages/questions/security-procedures/test/" > <span class="menuText">Concussion</span> 769 </a> 770 </li> 771 772 <li class="PreventionandmanagementofConcussions" > 773 <a title="Prevention and management of Concussions" class="" href="/pages/questions/security-procedures/concussion/" > <span class="menuText">Prevention and management of Concussions</span> 774 </a> 775 </li> 776 </ul> 777 778 </li> 779 780 781 </ul> 782 783 </li> 784 785 <li class="STAREVAL" > 786 <a title="STAR EVAL" class="" href="/pages/star-tests/" > <span class="menuText">STAR EVAL</span> 787 </a> 788 </li> 789 790 <li class="Registration" > 791 <a title="Registration" class="" href="/registration/" > <span class="menuText">Registration</span> 792 </a> 793 794 795 796 797 </li> 798 799 <li class="News" > 800 <a title="News" class="" href="/news/" > <span class="menuText">News</span> 801 </a> 802 </li> 803 804 <li class="ContactUs" > 805 <a title="Contact Us" class="" href="/contact-us/" > <span class="menuText">Contact Us</span> 806 </a> 807 </li> 808 </ul> 809 <div class="clear"></div> 810</nav> </div> 811 <div id="content"> 812 <div class="fixedContainer clearfix"> 813 <div id="topNotices"> 814 </div> 815 <div class="contentSection"> 816 <div class="mainBody fixedContainer"> 817<aside id="subNav" class="leftSubNav loginContent noPadding"> 818 <div class="fixedPadding"> 819 <h2>Have an Account?</h2> 820 <p>If you've registered with us previously, please login below to proceed.</p> 821 <form method="post" class="twoColumns"> 822 <div class="field"> <label>Email Address:</label> <input type="email" name="email" value=""/> 823 </div> 824 <div class="field"> <label>Password:</label> <input type="password" name="password" autocomplete="off" /> 825 </div> 826 <div class="field"> 827 <input type="submit" name="login" class="btnAction" value="Login"/> 828 </div> 829 830 <div class="warningMsg"> 831 <h3>Forgot your password?</h3><p><a href="/reset-password.php">Click here to reset your password.</a></p> 832 </div> 833 </form> 834 </div> 835</aside> 836<article id="pageBody" class="bodyWithNav"> 837 <div class="fixedPadding"> 838 <h2>First Time Registering?</h2> 839 <p>If you have never registered for a program on this website, you will need to setup an account to get started.</p> 840 <p><span class="req">Required Fields are marked with an asterisk *</span></p> 841 <form method="post" action="/signup/" enctype="multipart/form-data"> 842 843 <fieldset class="threeColumns"> 844 <legend>Account Login Information</legend> 845 <p>Please provide an email and password ( minimum 12 characters, minimum 1 letter, and 1 number required ) for the primary contact (parent/guardian) of your account. Keep this information to register your skaters for additional programs in the future and to gain access to contact (parent/guardian) features, such as invoice history, skater profiles and family calendars.</p> 846 <div class="field isRequired"> <label for="email">Email Address</label> <input id="email" class="" name="email" type="email" value=""/> 847 </div> 848 <div class="field isRequired"> <label for="password">Password</label> <input type="password" id="password" class="" required minlength="12" name="password" value="" autocomplete="off"/> 849 </div> 850 <div class="field isRequired"> <label for="password_conf">Confirm Your Password</label> <input type="password" id="password_conf" class="" required minlength="12" name="password_conf" value="" autocomplete="off"/> 851 </div> 852 <br class="clear" /> 853 </fieldset> 854 <fieldset> 855 <div class="threeColumns"> 856 <div class="field"> 857 <header class="isRequired"> <label for="first_name">First Name</label> </header> 858 <input id="first_name" class="" name="first_name" type="text" value=""/> 859 </div> 860 <div class="field"> 861 <header class="isRequired"> <label for="last_name">Last Name</label> </header> 862 <input id="last_name" class="" name="last_name" type="text" value=""/> 863 </div> 864 <div class="field"> 865 <header class="isRequired"> <label for="lang">Language</label> </header> 866 <select id="lang" class="" name="lang"> 867 <option value="eng" selected="selected">English</option> 868<option value="fre">français</option> 869 870 </select>
871 </div> 872 </div> 873 <div class="twoColumns"> 874 <div class="field"> 875 <header class="isRequired"> <label for="gender">Gender</label> </header> 876 <select id="gender" name="gender_id" class=""> 877 <option value="">--</option> 878 <option value="2">Female</option> 879<option value="1">Male</option> 880 881 </select> 882 </div> 883 <div class="field"> 884 <header class="isRequired"> <label for="dd">Birthdate <span class="small"> ( DD / MM / YYYY )</span> 885 </label> 886 </header> 887 <div> 888 <input class="dd" type="text" name="dd" value="" id="dd"/> 889 <span class="sideDivider">/</span> <input class="mm" type="text" name="mm" value="" id="mm"/> 890 <span class="sideDivider">/</span> <input class="yyyy" type="text" name="yyyy" value="" id="yyyy"/> 891 </div> 892 </div> 893 <br class="clear" /> 894 </div> 895 </fieldset> 896 <section id="club-policies"> 897 <!-- ko foreach: groupedPolicies --> 898 <fieldset> 899 <legend data-bind="text: type"></legend> 900 <ul class="unstyled" data-bind="foreach: policies"> 901 <li class="m-row"> 902 <div data-bind="template: 'clubPolicyModal'"></div> 903 </li> 904 </ul> 905 </fieldset> 906 <!-- /ko --> 907 </section> 908 909 <fieldset class=""> 910 <legend>Address</legend> 911 <p>Please provide the main contact address for this contact (parent/guardian) account.</p> 912 <div class="twoColumns"> 913 <div class="oneColumn"> 914 <div class="field isRequired"> <label for="address1">Address</label> <input id="address1" class="" name="address1" value="" /> 915 </div> 916 <div class="field"> <label for="address2">Address Line 2</label> <input id="address2" class="" name="address2" value="" /> 917 </div> 918 </div> 919 </div> 920 <div class="threeColumns"> 921 <div class="field isRequired"> <label for="city">City</label> <input id="city" class="" name="city" value="" /> 922 </div> 923 <div class="field isRequired"> <label for="prov">Province / State</label> <select name="prov" id="prov" class="cascadingProvince " data-country-selector="#country"> 924 <option value=""> -- </option> 925 </select> 926 </div> 927 <div class="field isRequired"> <label for="country">Country</label> <select name="country" id="country" class=""> 928 <option value="CAN" selected="selected">Canada</option> 929 930 </select> 931 </div> 932 <div class="field isRequired"> <label for="postal">Postal / Zip Code</label> <input id="postal" class="" name="postal" value="" /> 933 </div> 934 <div class="field isRequired"> <label for="phone">Phone</label> <input id="phone" class="" type="tel" name="phone" value="" /> 935 </div> 936 <div class="field"> <label for="cell">Mobile</label> <input id="cell" class="" type="tel" name="cell" value="" /> 937 </div> 938 </div> 939 <br class="clear" /> 940 </fieldset> 941 <fieldset> 942 <legend>Communication Preferences</legend> 943 <div class="field col oneFifthCol"> <label for="mail_list_1" class="inlineLabel"> <label><input type="radio" name="mail_list[1]" id="mail_list_yes_1" value="1" checked="checked" disabled="disabled"/>Yes</label> <label><input type="radio" name="mail_list[1]" id="mail_list_no_1" class="list-warning-popup" value="0" disabled="disabled" />No</label> </label> </div> 944 <div class="field col threeFourthCol"> 945 <label class="itemTitle">Transaction & Service Notifications</label> 946 <span class="itemDesc">These messages include copies of your invoices, waitlist notifications and any factual messages directly related to the specific delivery of any products or services that members have purchased, such as class re-scheduling or cancellation notices.</span> 947 </div> 948 <br class="clear" /> 949 <div class="field col oneFifthCol"> <label for="mail_list_2" class="inlineLabel"> <label><input type="radio" name="mail_list[2]" id="mail_list_yes_2" value="1" checked="checked"/>Yes</label> <label><input type="radio" name="mail_list[2]" id="mail_list_no_2" class="list-warning-popup" value="
9490" />No</label> </label> </div> 950 <div class="field col threeFourthCol isRequired"> 951 <label class="itemTitle">Contact (Parent/Guardian) Information Messages</label> 952 <span class="itemDesc">These messages provide factual information and details regarding your ongoing subscriptions or membership account updates, such as an upcoming membership subscription expiry or a club AGM notice.</span> 953 </div> 954 <br class="clear" /> 955 <div class="field col oneFifthCol"> <label for="mail_list_3" class="inlineLabel"> <label><input type="radio" name="mail_list[3]" id="mail_list_yes_3" value="1"/>Yes</label> <label><input type="radio" name="mail_list[3]" id="mail_list_no_3" class="list-warning-popup" value="0" />No</label> </label> </div> 956 <div class="field col threeFourthCol isRequired"> 957 <label class="itemTitle">News, Upcoming Program & Registration Information</label> 958 <span class="itemDesc">These messages provide up-to-date news about the organization, upcoming programs and registration information, such as an upcoming competition or show, program registration opening dates and other club news. You may opt out of these messages at any time.</span> 959 </div> 960 <br class="clear" /> 961 <div class="smsLists" style="display: none;"> 962 <div class="field col oneFifthCol"> <label for="sms_list_1" class="inlineLabel"> <label><input type="radio" name="sms_list[1]" id="sms_list_yes_1" value="1" checked="checked"/>Yes</label> <label><input type="radio" name="sms_list[1]" id="sms_list_no_1" class="list-warning-popup" value="0"/>No</label> </label> </div> 963 <div class="field col threeFourthCol isRequired"> 964 <label class="itemTitle">SMS Notifications</label> 965 <span class="itemDesc">These messages provide up to date information at the club’s discretion delivered to the user’s mobile device via text message.</span> 966 </div> 967 <br class="clear" /> 968 </div> 969 </fieldset> 970 <input type="hidden" name="signup" value="1" /> 971 <input type="hidden" name="g-recaptcha-response-v3" id="reCaptchaCode"> 972 <button 973 class="g-recaptcha btnAction" 974 data-sitekey="6LeWysEUAAAAAN9cNvicDMs_hcT73YMQwKY2yUXq" 975 data-callback='signup_onSubmit' 976 data-action='signup'>Create Account</button> 977
977<script type="text/javascript"> 978 function signup_onSubmit(token) { 979 $('#reCaptchaCode').val(token).closest('form')[0].submit(); 980 } 981 </script>
981 982 </form> 983 </div> 984 </article> 985</div>
986<script> 987 var instructors = {"50":{"deleted":0,"first_name":"z-Igor","instructor_id":50,"last_name":" Tchiniaev (2nd club)","update_time":1772494248,"user_id":null,"weekdays_avail":null,"name":"z-Igor Tchiniaev (2nd club)","context_id":50,"encoded_id":"{\"instructor_id\":50}"},"18":{"deleted":0,"first_name":"z- Entra\u00eeneur 2e club","instructor_id":18,"last_name":"\/ 2nd club coach","update_time":1687954754,"user_id":null,"weekdays_avail":null,"name":"z- Entra\u00eeneur 2e club \/ 2nd club coach","context_id":18,"encoded_id":"{\"instructor_id\":18}"},"1":{"deleted":0,"first_name":"Aucun","instructor_id":1,"last_name":"\/ None","update_time":1602003466,"user_id":null,"weekdays_avail":null,"name":"Aucun \/ None","context_id":1,"encoded_id":"{\"instructor_id\":1}"},"44":{"deleted":0,"first_name":"z-Sandrina","instructor_id":44,"last_name":"Alkayssi (2e club)","update_time":1744774557,"user_id":null,"weekdays_avail":null,"name":"z-Sandrina Alkayssi (2e club)","context_id":44,"encoded_id":"{\"instructor_id\":44}"},"39":{"deleted":0,"first_name":"Thea","instructor_id":39,"last_name":"Bakleh","update_time":1724870783,"user_id":null,"weekdays_avail":null,"name":"Thea Bakleh","context_id":39,"encoded_id":"{\"instructor_id\":39}"},"2":{"deleted":0,"first_name":"z-Daniel","instructor_id":2,"last_name":"Beland (2nd club)","update_time":1687954718,"user_id":null,"weekdays_avail":null,"name":"z-Daniel Beland (2nd club)","context_id":2,"encoded_id":"{\"instructor_id\":2}"},"56":{"deleted":0,"first_name":"Osswa","instructor_id":56,"last_name":"Bensalah","update_time":1787680005,"user_id":null,"weekdays_avail":null,"name":"Osswa Bensalah","context_id":56,"encoded_id":"{\"instructor_id\":56}"},"37":{"deleted":0,"first_name":"z- Catherine","instructor_id":37,"last_name":"B\u00e9rub\u00e9 (2e club)","update_time":1713212897,"user_id":null,"weekdays_avail":null,"name":"z- Catherine B\u00e9rub\u00e9 (2e club)","context_id":37,"encoded_id":"{\"instructor_id\":37}"},"29":{"deleted":0,"first_name":"Manya","instructor_id":29,"last_name":"Boyajian","update_time":1686939695,"user_id":null,"weekdays_avail":null,"name":"Manya Boyajian","context_id":29,"encoded_id":"{\"instructor_id\":29}"},"43":{"deleted":0,"first_name":"z-Jessica","instructor_id":43,"last_name":"Cadorette (2e club)","update_time":1744743154,"user_id":null,"weekdays_avail":null,"name":"z-Jessica Cadorette (2e club)","context_id":43,"encoded_id":"{\"instructor_id\":43}"},"23":{"deleted":0,"first_name":"Edrian Paul","instructor_id":23,"last_name":"Celestino","update_time":1602003466,"user_id":null,"weekdays_avail":null,"name":"Edrian Paul Celestino","context_id":23,"encoded_id":"{\"instructor_id\":23}"},"32":{"deleted":0,"first_name":"z-Meagan","instructor_id":32,"last_name":"Continelli (2nd club)","update_time":1687954738,"user_id":null,"weekdays_avail":null,"name":"z-Meagan Continelli (2nd club)","context_id":32,"encoded_id":"{\"instructor_id\":32}"},"38":{"deleted":0,"first_name":"z-Emma","instructor_id":38,"last_name":"Darbinian (2e club)","update_time":1715966169,"user_id":null,"weekdays_avail":null,"name":"z-Emma Darbinian (2e club)","context_id":38,"encoded_id":"{\"instructor_id\":38}"},"33":{"deleted":0,"first_name":"z- Simon","instructor_id":33,"last_name":"Daz\u00e9 (2nd club)","update_time":1687954700,"user_id":null,"weekdays_avail":null,"name":"z- Simon Daz\u00e9 (2nd club)","context_id":33,"encoded_id":"{\"instructor_id\":33}"},"40":{"deleted":0,"first_name":"Kenya","instructor_id":40,"last_name":"Delloye","update_time":1724986874,"user_id":null,"weekdays_avail":null,"name":"Kenya Delloye","context_id":40,"encoded_id":"{\"instructor_id\":40}"},"55":{"deleted":0,"first_name":"zz-Yvan","instructor_id":55,"last_name":"Desjardins (2e club)","update_time":1778696307,"user_id":null,"weekdays_avail":null,"name":"zz-Yvan Desjardins (2e club)","context_id":55,"encoded_id":"{\"instructor_id\":55}"},"35":{"deleted":0,"first_name":"James","instructor_id":35,"last_name":"Draier","update_time":1708694212,"user_id":null,"weekdays_avail":null,"name":"James Draier","context_id":35,"encoded_id":"{\"instructor_id\":35}"},"25":{"deleted":0,"first_name":"Barbara","instructor_id":25,"last_name":"Eimer","update_time":1681948811,"user_id":null,"weekdays_avail":null,"name":"Barbara
987Eimer","context_id":25,"encoded_id":"{\"instructor_id\":25}"},"6":{"deleted":0,"first_name":"Louise","instructor_id":6,"last_name":"Gagn\u00e9","update_time":1602003466,"user_id":340,"weekdays_avail":null,"name":"Louise Gagn\u00e9","context_id":6,"encoded_id":"{\"instructor_id\":6}"},"28":{"deleted":0,"first_name":"z-Marianne","instructor_id":28,"last_name":"Gagnon-Rosato","update_time":1687954776,"user_id":null,"weekdays_avail":null,"name":"z-Marianne Gagnon-Rosato","context_id":28,"encoded_id":"{\"instructor_id\":28}"},"7":{"deleted":0,"first_name":"Stephanie","instructor_id":7,"last_name":"Gentile","update_time":1602003466,"user_id":27,"weekdays_avail":null,"name":"Stephanie Gentile","context_id":7,"encoded_id":"{\"instructor_id\":7}"},"46":{"deleted":0,"first_name":"Tanisha","instructor_id":46,"last_name":"Gokhale","update_time":1746894813,"user_id":null,"weekdays_avail":null,"name":"Tanisha Gokhale","context_id":46,"encoded_id":"{\"instructor_id\":46}"},"8":{"deleted":0,"first_name":"M\u00e9lanye","instructor_id":8,"last_name":"Goldyn","update_time":1602003466,"user_id":233,"weekdays_avail":null,"name":"M\u00e9lanye Goldyn","context_id":8,"encoded_id":"{\"instructor_id\":8}"},"52":{"deleted":0,"first_name":"z-Marwa","instructor_id":52,"last_name":"Guarraz (2e club)","update_time":1777437493,"user_id":null,"weekdays_avail":null,"name":"z-Marwa Guarraz (2e club)","context_id":52,"encoded_id":"{\"instructor_id\":52}"},"26":{"deleted":0,"first_name":"z- \u00c9lo\u00efse","instructor_id":26,"last_name":"Gu\u00e9rin (2e club)","update_time":1687954809,"user_id":null,"weekdays_avail":null,"name":"z- \u00c9lo\u00efse Gu\u00e9rin (2e club)","context_id":26,"encoded_id":"{\"instructor_id\":26}"},"53":{"deleted":0,"first_name":"z-Pia","instructor_id":53,"last_name":"Hasrouni (2e club)","update_time":1777475604,"user_id":null,"weekdays_avail":null,"name":"z-Pia Hasrouni (2e club)","context_id":53,"encoded_id":"{\"instructor_id\":53}"},"54":{"deleted":0,"first_name":"z-Lea","instructor_id":54,"last_name":"Kibrit\u00e9 (2e club)","update_time":1777578395,"user_id":null,"weekdays_avail":null,"name":"z-Lea Kibrit\u00e9 (2e club)","context_id":54,"encoded_id":"{\"instructor_id\":54}"},"42":{"deleted":0,"first_name":"z-Eve","instructor_id":42,"last_name":"Laliberte (2e club)","update_time":1744689414,"user_id":null,"weekdays_avail":null,"name":"z-Eve Laliberte (2e club)","context_id":42,"encoded_id":"{\"instructor_id\":42}"},"30":{"deleted":0,"first_name":"z-Alexandre","instructor_id":30,"last_name":"Laliberte (2nd club)","update_time":1687954831,"user_id":null,"weekdays_avail":null,"name":"z-Alexandre Laliberte (2nd club)","context_id":30,"encoded_id":"{\"instructor_id\":30}"},"51":{"deleted":0,"first_name":"z-Zoe","instructor_id":51,"last_name":"Lodge (2e club)","update_time":1776040571,"user_id":null,"weekdays_avail":null,"name":"z-Zoe Lodge (2e club)","context_id":51,"encoded_id":"{\"instructor_id\":51}"},"41":{"deleted":0,"first_name":"z-Thea","instructor_id":41,"last_name":"Luksitch (2e club )","update_time":1744686098,"user_id":null,"weekdays_avail":null,"name":"z-Thea Luksitch (2e club )","context_id":41,"encoded_id":"{\"instructor_id\":41}"},"10":{"deleted":0,"first_name":"Mari-Beth","instructor_id":10,"last_name":"MacFadyen","update_time":1602003466,"user_id":null,"weekdays_avail":null,"name":"Mari-Beth MacFadyen","context_id":10,"encoded_id":"{\"instructor_id\":10}"},"11":{"deleted":0,"first_name":"Michelle-Lyn","instructor_id":11,"last_name":"MacFadyen","update_time":1602003466,"user_id":602,"weekdays_avail":null,"name":"Michelle-Lyn MacFadyen","context_id":11,"encoded_id":"{\"instructor_id\":11}"},"36":{"deleted":0,"first_name":"z-Sarah","instructor_id":36,"last_name":"Martin Holland (2nd club)","update_time":1712716356,"user_id":null,"weekdays_avail":null,"name":"z-Sarah Martin Holland (2nd club)","context_id":36,"encoded_id":"{\"instructor_id\":36}"},"12":{"deleted":0,"first_name":"Peggy","instructor_id":12,"last_name":"Meus","update_time":1602003466,"user_id":284,"weekdays_avail":null,"name":"Peggy Meus","context_id":12,"encoded_id":"{\"instructor_id\":12}"},"13":{"deleted":0,"first_name":"Monika","instructor_id":13,"last_name":"Papert","update_time":1602003466,"user_id":61,"weekdays_avail":null,"name":"Monika Papert","context_id":13,"encoded_id":"{\"instructor_id\":13}"},"45":{"deleted":0,"first_name":"z-Jeanne","instructor_id":45,"last_name":"Parent-Lamoureux (2e club)","update_time":1777597433,"user_id":null,"weekdays_avail":null,"name":"z-Jeanne Parent-Lamoureux (2e club)","context_id":45,"encoded_id":"{\"instructor_id\":45}"},"27":{"deleted":0,"first_name":"z- Audrey","instructor_id":27,"last_name":"Popescu (2e club)","update_time":1687954852,"user_id":null,"weekdays_avail":null,"name":"z- Audrey Popescu (2e club)","context_id":27,"encoded_id":"{\"instructor_id\":27}"},"31":{"deleted":0,"first_name":"z- Claudia","instructor_id":31,"last_name":"Rajaonah (2nd club)","update_time":1687954874,"user_id":null,"weekdays_avail":null,"name":"z- Claudia Rajaonah (2nd club)","context_id":31,"encoded_id":"{\"instructor_id\":31}"},"47":{"deleted":0,"first_name":"Georgy","instructor_id":47,"last_name":"Sader","update_time":1746894791,"user_id":null,"weekdays_avail":null,"name":"Georgy Sader","context_id":47,"encoded_id":"{\"instructor_id\":47}"},"57":{"deleted":0,"first_name":"Monica","instructor_id":57,"last_name":"Tanase","update_time":1787753548,"user_id":null,"weekdays_avail":null,"name":"Monica Tanase","context_id":57,"encoded_id":"{\"instructor_id\":57}"},"34":{"deleted":0,"first_name":"z- Saskia","instructor_id":34,"last_name":"Van der Sluys (2nd club)","update_time":1687954919,"user_id":null,"weekdays_avail":null,"name":"z- Saskia Van der Sluys (2nd club)","context_id":34,"encoded_id":"{\"instructor_id\":34}"},"17":{"deleted":0,"first_name":"Jeffrey","instructor_id":17,"last_name":"Wong","update_time":1602003466,"user_id":222,"weekdays_avail":null,"name":"Jeffrey Wong","context_id":17,"encoded_id":"{\"instructor_id\":17}"}}; 988 var pageData = []; 989 var displayBirthdate = true; 990 991 var policyPost = {}; 992 $().ready(function() { 993 $('#cell').change(function(){ 994 toggleSmsOptInPreferencesVisibility(); 995 }); 996 const toggleSmsOptInPreferencesVisibility = function() { 997 if ($('#cell').val()) { 998 $('.smsLists input').attr('disabled', false); 999 $('.smsLists').show(); 1000 } else { 1001 $('.smsLists').hide(); 1002 $('.smsLists input').attr('disabled', true); 1003 } 1004 } 1005 toggleSmsOptInPreferencesVisibility(); 1006 }); 1007</script>
1007 <div class="clear"></div> 1008 </div> 1009 1010 <div class="clear"></div> 1011 </div> 1012 </div> 1013 <div class="sponsorBar"> 1014 <div><span style="font-family: helvetica, arial, sans-serif; font-size: 12pt;"><strong><span class="subHeaderTitle">Our club is a non-profit organization run by volunteers who ensure the club is managed in accordance with the regulations and policies of Skate Canada</span></strong></span></div> 1015<p><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt;"><span class="subHeaderTitle">REGISTRATION</span></span></p> 1016<div style="text-align: justify;"> 1017<table style="border-collapse: collapse; width: 100%;" border="1"> 1018<tbody> 1019<tr> 1020<td style="width: 100%; background-color: #fcf99c; border-style: solid; border-color: #fcf99c;"> 1021<div style="text-align: justify;"><span style="color: rgb(255, 0, 0); font-family: verdana, geneva, sans-serif; font-size: 12pt; background-color: rgb(255, 255, 153);">You are responsible to provide copies of all updated information via email ([email protected]) 48 houres BEFORE registration:</span></div> 1022<div style="text-align: left;"> 1023<ul> 1024<li><span style="color: rgb(255, 0, 0); font-family: verdana, geneva, sans-serif; font-size: 12pt; background-color: rgb(255, 255, 153);">Borough issued documents for Low-income families wishing to benefit from a discount. (Fall-Winter session only)</span></li> 1025</ul> 1026<span style="color: rgb(255, 0, 0); font-family: verdana, geneva, sans-serif; font-size: 12pt; background-color: rgb(255, 255, 153);">The Saint Laurent issued Carte Loisirs is mandatory for the creation and update of any skater account. The Saint Laurent borough carte loisir system is not linked to the club registration system. Parents must submit a copy of any update to the club a minimum of 48 hours prior to the registration. Registrations which have been completed without providing the mandatory documents and a confirmation of the account update will not receive the associated discounts. In accordance with the borough policies, no adjustments will be issued once the registration has been finalized by the account holder. </span></div> 1027</td> 1028</tr> 1029</tbody> 1030</table> 1031</div> 1032<h1><span style="color: rgb(0, 0, 0);"><strong><span style="font-size: 14pt; font-family: helvetica, arial, sans-serif;"><span class="subHeaderTitle"> USEFUL LINKS </span></span></strong></span></h1> 1033<div class="fixedContainer"> 1034<div class="fixedContainer"><span style="font-family: arial, helvetica, sans-serif;"><a href="https://skatecanada.ca/" target="_blank" rel="noopener"> <img src="/sites/files/SC-BI_RGB.340-1.png" border="0" width="244" height="65"></a> <a href="https://patinage.qc.ca/" target="_blank" rel="noopener"><img src="/sites/files/Patinage_Quebec-Logo-FINAL-Couleur-1-scaled.jpg" border="0" width="195" height="79"></a> <a href="http://lacstlouisskating.com/en/index.html" target="_blank" rel="noopener"><img src="/sites/files/logo_patinage-artistique-lac-saint-louis_120x140_colored_AA.png" border="0" width="87" height="102"></a></span></div> 1035</div> 1036 </div> 1037 1038 <div id="footer"> 1039 <footer> 1040 <div class="fixedContainer clearfix"> 1041 <span> 1042 <b>CPA Saint-Laurent</b><br /> 1043 2345 Thimens Saint Laurent, Québec H4R 1T4 1044 </span> 1045 <ul id="bottomNav"> 1046 <li><a href="/sitemap/">Sitemap</a></li> 1047 <li> 1048 <a href="/pages/terms-and-conditions-of-use/"> Terms and Conditions of Use</a> 1049 </li> 1050 <li> 1051 <a href="http://www.cpastl.ca/login/?lang=fre"> français</a> 1052 </li> 1053 </ul> </div> 1054 <div class="fixedContainer copyright textCenter"> © 2026 powered by <a href="https://www.uplifterinc.com/skate-club-management-software" target="_blank">Uplifter Inc.</a> </div> 1055 </footer> 1056 </div> 1057 1058
1058<script type="text/html" id="siteFieldEdit"> 1059 <!-- ko if: isReadOnly --> 1060 <div data-bind="template: 'siteFieldView'"></div> 1061 <!-- /ko --> 1062 <!-- ko ifnot: isReadOnly --> 1063 <section class="site-field-wrap" data-bind="css: { isRequired: site_field.required(), allowMultiples: site_field.allowMultiples() }, attr: {'data-name': getInputName}"> 1064 <header> 1065 <label> 1066 <!-- ko text: site_field.name --><!-- /ko --> 1067 <!-- ko if: getError() --> 1068 <span class="icon-alert-circled staticIcon tooltip" data-bind="attr: {title: getError}"></span> 1069 <!-- /ko --> 1070 <!-- ko if: site_field.isLeagueParticipantField && site_field.isLeagueParticipantField() && $parents[1] && ko.unwrap($parents[1].hasLeagueSeasonSubscription) && $root && ko.unwrap($root.leagueIcon) --> 1071 <span data-bind="attr: {class: $root.leagueIcon}"></span> 1072 <!-- /ko --> 1073 <!-- ko if: site_field.help_text --> 1074 <span class="icon-help tooltip" data-bind="attr: { title: site_field.help_text}"></span> 1075 <!-- /ko --> 1076 </label> 1077 </header> 1078 <!-- ko if: mode() == 'simple' --> 1079 <div class="site-field-values"> 1080 <!-- ko if: allowMultiples() || values().length > 1 --> 1081 <div class="m-table site-field-value-wrap"> 1082 <!-- ko foreach: values --> 1083 <div class="m-row site-field-value"> 1084 <div class="m-cell-lock sevenEighth"> 1085 <input type="text" data-bind="value: value, css: $parent.getIn
1085putClass, attr: { name: $parent.getInputName }"/> 1086 </div> 1087 <div class="m-cell-lock oneEighth" > 1088 <span class="icon-delete" data-bind="click: $parent.removeValue"></span> 1089 </div> 1090 </div> 1091 <!-- /ko --> 1092 </div> 1093 <!-- /ko --> 1094 1095 <!-- ko if: !allowMultiples() && values().length == 1 --> 1096 <div> 1097 <!-- ko if: allowUpdate --> 1098 <div class="m-row site-field-value"> 1099 <div class="m-cell-lock sevenEighth"> 1100 <input type="text" data-bind="value: firstValue(), css: getInputClass, attr: { name: getInputName }"/> 1101 </div> 1102 <div class="m-cell-lock oneEighth"> 1103 <span class="icon-delete" data-bind="click: removeValue"></span> 1104 </div> 1105 </div> 1106 <!-- /ko --> 1107 1108 <!-- ko ifnot: allowUpdate --> 1109 <span data-bind="text: formatValue()"></span> 1110 <!-- /ko --> 1111 </div> 1112 <!-- /ko --> 1113 1114 </div> 1115 <!-- ko if: allowMultiples --> 1116 <footer> <span class="icon-add iconBtn" data-bind="click: addValue">Add Row</span> 1117 </footer> 1118 <!-- /ko --> 1119 <!-- /ko --> 1120 <!-- ko if: mode() == 'select' --> 1121 <div class="site-field-values"> 1122 <select data-bind="selectize: selectOptions, 1123 selectedOptions: selectedOptions, 1124 selectizeDropdownParent: 'body', 1125 css: getInputClass, 1126 attr: { name: getInputName }, 1127 optionsValue: 'name', 1128 optionsText: 'text', 1129 optionsMaxItems: optionsMaxItems(), 1130 optionsCreate: optionsCreate(), 1131 onItemAdd: onItemAdd(), 1132 selectizePlaceholder: selectizePlaceholder()" multiple="multiple"></select> 1133 </div> 1134 <!-- /ko --> 1135 <!-- ko if: mode() == 'image' || mode() == 'file' --> 1136 <div class="site-field-values"> 1137 <!-- ko foreach: values --> 1138 <div class="m-row site-field-value" data-bind="if: (value() && value() !== 'deleted')"> 1139 <div class="m-cell-lock sevenEighth"> 1140 <a target="_blank" data-bind="css: { 'icon-file': $parent.mode() == 'file' }, attr: { href: $parent.getFileSrc(value()), download: $parent.getFileName(value()) }"> 1141 <!-- ko if: $parent.mode() == 'image' --> 1142 <img style="min-width: 50px; max-height: 300px;" data-bind="attr: { src: $parent.getThumbnailSrc(value()) }"/> 1143 <!-- /ko --> 1144 <p data-bind="text: $parent.getFileName(value())"></p> 1145 </a> 1146 </div> 1147 <div class="m-cell-lock oneEighth"> 1148 <span class="icon-delete tooltip" title="Delete" data-bind="click: $parent.removeValue"></span> 1149 </div> 1150 </div> 1151 <!-- /ko --> 1152 <!-- ko if: !values().length || !values()[0].value() || values()[0].value() === 'deleted' --> 1153 <input type="file" data-bind="event: { change: selectFile($element)}, attr: {accept: acceptedTypes()}"> 1154 <!-- /ko --> 1155 </div> 1156 <!-- /ko --> 1157 <!-- ko if: mode() === 'instructor' --> 1158 <div class="site-field-values"> 1159 <!-- ko if: allowInstructorCreation --> 1160 <!-- ko if: allowMultiples --> 1161 <!-- ko if : values().length --> 1162 <ul class="selectlist-list" data-bind="foreach: values"> 1163 <li class="m-row selectlist-item"> 1164 <span class="m-cell-lock sevenEighth" data-bind="text: $parent.getInstructorName(value())"> 1165 </span> 1166 <div class="m-cell-lock oneEighth textRight"> 1167 <span class="icon-delete" data-bind="click: $parent.removeValue"></span> 1168 </div> 1169 </li> 1170 </ul> 1171 <!-- /ko --> 1172 1173 <!-- ko ifnot: instructor --> 1174 <span class="m-cell-lock sevenEighth"> 1175 <input type="text" data-bind="instructorFieldAutoComplete: $data, css: $parent.getIn
1175putClass, attr: { name: getInputName }" placeholder="Instructor(ONLY STARSkate) Email ..."/> 1176 </span> 1177 <span class="m-cell-lock oneEighth textRight"> 1178 <!-- ko if: error --> 1179 <span class="icon-alert-circled tooltip icon" data-bind="attr: { title: error }"></span> 1180 <!-- /ko --> 1181 </span> 1182 <!-- /ko --> 1183 <!-- /ko --> 1184 1185 <!-- ko ifnot: allowMultiples --> 1186 <!-- ko if: !values().length && !instructor() --> 1187 <span class="m-cell-lock sevenEighth"> 1188 <input type="text" data-bind="instructorFieldAutoComplete: $data, css: $parent.getInputClass, attr: { name: getInputName }" placeholder="Instructor(ONLY STARSkate) Email ..."/> 1189 </span> 1190 <span class="m-cell-lock oneEighth textRight"> 1191 <!-- ko if: error --> 1192 <span class="icon-alert-circled tooltip icon" data-bind="attr: { title: error }"></span> 1193 <!-- /ko --> 1194 </span> 1195 <!-- /ko --> 1196 <!-- ko if: values().length --> 1197 <span class="m-cell-lock sevenEighth" data-bind="text: getInstructorName(firstValue())"></span> 1198 <div class="m-cell-lock oneEighth textRight"> 1199 <span class="icon-delete" data-bind="click: removeValue"></span> 1200 </div> 1201 <!-- /ko --> 1202 <!-- /ko --> 1203 <!-- /ko --> 1204 <!-- ko ifnot: allowInstructorCreation --> 1205 <!-- ko if: SiteField.instructors()() !== false --> 1206 <!-- ko if: allowMultiples --> 1207 <select data-bind="selectize: selectOptions, 1208 selectedOptions: selectedOptions, 1209 selectizeDropdownParent: 'body', 1210 css: getInputClass, 1211 attr: { name: getInputName }, 1212 optionsValue: 'encoded_id', 1213 optionsMaxItems: maxSelections() || null, 1214 onItemAdd: function () { 1215 updateFB(); 1216 $('*:focus').blur(); 1217 }, 1218 selectizePlaceholder: ' -- '" multiple="multiple"></select> 1219 <!-- /ko --> 1220 <!-- ko ifnot: allowMultiples --> 1221 <select data-bind="selectize: selectOptions, 1222 selectedOptions: selectedOptions, 1223 selectizeDropdownParent: 'body', 1224 css: getInputClass, 1225 attr: { name: getInputName }, 1226 optionsValue: 'encoded_id', 1227 selectizePlaceholder: ' -- '"></select> 1228 <!-- /ko --> 1229 <!-- /ko --> 1230 <!-- /ko --> 1231 1232 <!-- ko if: instructor --> 1233 <form data-bind="with: instructor"> 1234 <input type="text" data-bind="textInput: email" placeholder="E-mail" disabled="disabled"> 1235 <input type="text" data-bind="textInput: first_name, css: {error: firstNameError}" placeholder="First Name"> 1236 <input type="text" data-bind="textInput: last_name, css: {error: lastNameError}" placeholder="Last Name"> 1237 1238 <div class="textRight"> 1239 <button class="btnAction cancelButton" data-bind="click: $parent.clearInstructor">Cancel</button> 1240 <button class="btnAction saveButton" data-bind="click: $parent.createInstructor">Add</button> 1241 </div> 1242 </form> 1243 <!-- /ko --> 1244 </div> 1245 <!-- /ko --> 1246 1247 <!-- ko if: mode() === 'figure-skating' --> 1248 <small data-bind="text: firstValue()"></small> 1249 <table> 1250 <tbody> 1251 <tr> 1252 <td class="noPadding"> 1253 <select data-bind="options: site_field.elementTypes, 1254 optionsValue: 'k', 1255 optionsText: 'v', 1256 value: elementType, 1257 optionsCaption: '--', 1258 optionsAfterRender: function(){updateFB();}"></select> 1259 </td> 1260 </tr> 1261 <!-- ko foreach: elementSelectors --> 1262 <tr> 1263 <td class="noPadding"> 1264 <select data-bind="options: options, 1265 optionsValue: 'k', 1266 optionsText: 'v', 1267 value: value, 1268 optionsCaption: '--', 1269 optionsAfterRender: function(){updateFB();}, css: {error: valueError}"></select> 1270 </td> 1271 <!-- ko if: revOptions() !== false --> 1272 <td class="noPadding"> 1273 <select data-bind="options: revOptions, 1274 value: revolutions, 1275 optionsCaption: '--', css: {error: revolutionsError}"></select> 1276 </td> 1277 <!-- /ko --> 1278 </tr> 1279 <!-- /ko --> 1280 </tbody> 1281 </table> 1282 <input type="hidden" data-bind="value: firstValue(), attr: {name: getInputName}"> 1283 <!-- /ko --> 1284 <!-- ko if: mode() === 'product-recurrence' --> 1285 <div class="site-field-values"> 1286 <select data-bind="selectize: selectOptions, 1287 selectedOptions: selectedOptions, 1288 selectizeDropdownParent: 'body',
1289 css: getInputClass, 1290 attr: { name: getInputName }, 1291 selectizePlaceholder: ' -- '"></select> 1292 </div> 1293 <!-- /ko --> 1294 </section> 1295 <!-- /ko --> 1296</script>
1296 1297
1297<script type="text/html" id="siteFieldView"> 1298 <section class="site-field-wrap"> 1299 <header> 1300 <label> 1301 <span data-bind="text: site_field.name"></span> 1302 <!-- ko if: getError() --> 1303 <span class="icon-alert-circled staticIcon tooltip" data-bind="attr: {title: getError}"></span> 1304 <!-- /ko --> 1305 <!-- ko if: site_field.isLeagueParticipantField && site_field.isLeagueParticipantField() && $parents[1] && ko.unwrap($parents[1].hasLeagueSeasonSubscription) && $root && ko.unwrap($root.leagueIcon) --> 1306 <span data-bind="attr: {class: $root.leagueIcon}"></span> 1307 <!-- /ko --> 1308 </label> 1309 <!-- ko if: site_field.context() === 'user' || site_field.context() === 'participant' --> 1310 <small>(<span data-bind="text: context().name"></span>)</small> 1311 <!-- /ko --> 1312 </header> 1313 <!-- ko if: mode() == 'simple' || mode() === 'product-recurrence' --> 1314 <div class="site-field-values m-table"> 1315 <!-- ko if: allowMultiples --> 1316 <div class="siteFieldMultiValue"> 1317 <!-- ko if: values().length --> 1318 <!-- ko foreach: values --> 1319 <div class="siteFieldData"> 1320 <span data-bind="text: value"></span> 1321 <!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length && $parent.firstValue() --> 1322 <span class="icon-delete" data-bind="click: $parent.removeValue"></span> 1323 <!-- /ko --> 1324 </div> 1325 <!-- /ko --> 1326 <!-- /ko --> 1327 <!-- ko ifnot: values().length > 1 || firstValue() --> 1328 <div class="siteFieldData"> 1329 <span><i>--</i></span> 1330 </div> 1331 <!-- /ko --> 1332 </div> 1333 <!-- /ko --> 1334 1335 <!-- ko ifnot: allowMultiples --> 1336 <div class="siteFieldData"> 1337 <!-- ko if: firstValue() --> 1338 <span data-bind="text: firstValue()"></span> 1339 <!-- ko if: site_field.league_number_icon && ko.unwrap(context().league_participant_id) --> 1340 <span class="icon-help" data-bind="attr: { class: site_field.league_number_icon }"></span> 1341 <!-- /ko --> 1342 <!-- /ko --> 1343 <!-- ko ifnot: firstValue() --> 1344 <span><i>--</i></span> 1345 <!-- /ko --> 1346 </div> 1347 <!-- /ko --> 1348 </div> 1349 <!-- /ko --> 1350 1351 <!-- ko if: mode() == 'select' --> 1352 <div class="site-field-values"> 1353 <!-- ko if: allowMultiples --> 1354 <!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue() --> 1355 <!-- ko foreach: values --> 1356 <div class="siteFieldData"> 1357 <span data-bind="text: value"></span> 1358 <!-- ko if: typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue() --> 1359 <span class="icon-delete" data-bind="click: $parent.removeValue"></span> 1360 <!-- /ko --> 1361 </div> 1362 <!-- /ko --> 1363 <!-- /ko --> 1364 1365 <!-- ko if: !(typeof $parent.$item !== 'undefined' && $parent.$item.allowDelete && $parent.values().length > 1 && $parent.firstValue()) --> 1366 <div class="siteFieldData"> 1367 <span data-bind="text: getOptionValues(selectedOptions())"></span> 1368 </div> 1369 <!-- /ko --> 1370 <!-- /ko --> 1371 1372 <!-- ko ifnot: allowMultiples --> 1373 <div class="siteFieldData"> 1374 <span data-bind="text: getOptionValue(firstValue())"></span> 1375 </div> 1376 <!-- /ko --> 1377 </div> 1378 <!-- /ko --> 1379 1380 <!-- ko if: mode() == 'image' || mode() == 'file' --> 1381 <div class="site-field-values"> 1382 <!-- ko foreach: values --> 1383 <!-- ko if: value() --> 1384 <a target="_blank" data-bind="css: { 'icon-file': $parent.mode() == 'file' }, attr: { href: $parent.getFileSrc(value()), download: $parent.getFileName(value()) }"> 1385 <!-- ko if: $parent.mode() == 'image' --> 1386 <img style="min-width: 100px; max-height: 300px;" data-bind="attr: { src: $parent.getThumbnailSrc(value()) }"/> 1387 <!-- /ko --> 1388 <span data-bind="text: $parent.getFileName(value())"></span> 1389 </a> 1390 <!-- /ko --> 1391 <!-- /ko --> 1392 </div> 1393 <!-- /ko --> 1394 1395 <!-- ko if: mode() == 'instructor' --> 1396 <div class="site-field-values"> 1397 <!-- ko if: values().length --> 1398 <!-- ko foreach: values --> 1399 <div class="siteFieldData"> 1400 <span data-bind="text: $parent.getInstructorName(value())"></span> 1401 </div> 1402 <!-- /ko --> 1403 <!-- /ko --> 1404 <!-- ko ifnot: values().length > 1 || firstValue() --> 1405 <div class="siteFieldData"> 1406 <span><i>--</i></span> 1407 </div> 1408 <!-- /ko --> 1409 </div> 1410 <!-- /ko --> 1411 1412 <!-- ko if: mode() == 'figure-skating' --> 1413 <div class="site-field-values m-table"> 1414 1415 <!-- ko ifnot: allowMultiples --> 1416 <div class="siteFieldData">
1417 <!-- ko if: firstValue() --> 1418 <span data-bind="text: firstValue()"></span> 1419 <!-- /ko --> 1420 <!-- ko ifnot: firstValue() --> 1421 <span><i>--</i></span> 1422 <!-- /ko --> 1423 </div> 1424 <!-- /ko --> 1425 </div> 1426 <!-- /ko --> 1427 </section> 1428 </script>
1428 1429
1429<script type="text/html" id="editOrderItemTemp"> 1430 <div id="editOrderItemModal" class="popContent"> 1431 <header class="headerDivider"> 1432 <!-- ko if: order_item --> 1433 <!-- ko with: order_item --> 1434 <div class="m-row"> 1435 <div class="m-cell-lock threeFourth"> 1436 <h2 data-bind="text: local_string[lang].summary"></h2> 1437 <!-- ko if: product().program --> 1438 <span class="m-cellpad-v"> 1439 <div class="nowhitespace metaData inlineBlock"> 1440 1441 <span class="icon-calendar-blank staticIcon" title="Start & End Date" data-bind="text: (function(){ 1442 return (product().program.start_date() != product().program.end_date() ? moment(product().program.start_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]) + ' - ' + moment(product().program.end_date()).locale(false).format(_DATE_FORMATS[LONG_DATE]) : moment(product().program.start_date()).locale(false).format(_DATE_FORMATS[LONG_DATE])) 1443 })()"></span> 1444 1445 </div> 1446 <div class="nowhitespace metaData inlineBlock"> 1447 <span class="icon-clock staticIcon" title="Time" data-bind="text: product().program.day_time"></span> 1448 </div> 1449 <div class="nowhitespace metaData inlineBlock"> 1450 <!-- ko if: product().program.location.show_address --> 1451 <span class="icon-location staticIcon" title="Location"></span><span data-bind="text: product().program.facility.address.address1"></span><!-- ko if: product().program.facility.address.address2 -->, <span data-bind="text: product().program.facility.address.address2"></span><!-- /ko -->, <span data-bind="text: product().program.facility.address.city"></span> <span data-bind="text: product().program.facility.address.prov"></span> 1452 <!-- /ko --> 1453 </div> 1454 </span> 1455 <!-- /ko --> 1456 <!-- ko if: next_invoice_date --> <span class="nowhitespace metaData inlineBlock"><b>Next Invoice Date: </b><span data-bind="text: next_invoice_date.date(LONG_DATE)"></span></span> 1457 <!-- /ko --> 1458 </div> 1459 <div class="m-cell-lock oneFourth textRight"> 1460 <div class="m-cellpad"> 1461 <!-- ko if: !canToggleDropIn() || canToggleFullProgram() --> 1462 <div class="originalPrice" data-bind="visible: original_item_price() > discount_price(), text: original_extended_price_display.currency()"></div> 1463 <div class="subtotal" data-bind="text: total_display.currency()"></div> 1464 <!-- /ko --> 1465 </div> 1466 </div> 1467 </div> 1468 <!-- ko if: canToggleDropIn --> 1469 <ul class="radioTabs inlineMobile textRight" style="font-size:1.4em; bottom:-11px;"> 1470 <!-- ko if: canToggleFullProgram --> 1471 <!-- ko if: isFullProgram --> 1472 <li class="tab active"> 1473 <div class="title">Full Program</div> 1474 </li> 1475 <li class="tab"> 1476 <div class="title" data-bind="click: toggleDropIn">Drop In</div> 1477 </li> 1478 <!-- /ko --> 1479 <!-- ko ifnot: isFullProgram --> 1480 <li class="tab" data-bind="click: toggleFullProgram"> 1481 <div class="title">Full Program</div> 1482 </li> 1483 <li class="tab active"> 1484 <div class="title">Drop In</div> 1485 </li> 1486 <!-- /ko --> 1487 <!-- /ko --> 1488 <!-- ko ifnot: canToggleFullProgram --> 1489 <li class="tab active"> 1490 <div class="title">Drop In</div> 1491 </li> 1492 <!-- /ko --> 1493 </ul> 1494 <!-- /ko --> 1495 <!-- /ko --> 1496 1497 <!-- /ko --> 1498 1499 <!-- ko ifnot: order_item --> 1500 <!-- ko if: $root.itemAdded() --> 1501 <h1 class="textCenter"> 1502 <!-- ko if: $root.itemsAddedCount() == 1 --> Item Added <!-- /ko --> 1503 <!-- ko if: $root.itemsAddedCount() > 1 --> Added <span data-bind="text: $root.itemsAddedCount"></span> items <!-- /ko --> 1504 </h1> 1505 <!-- /ko --> 1506 <!-- /ko --> 1507 1508 <!-- ko ifnot: $root.itemAdded() --> 1509 <!-- ko if: $root.itemsCount() > 1 --> 1510 <div class="itemCountContainer"> 1511 <div class="inlineBlock itemCount"> Item <span data-bind="text: $root.itemNumber"></span> of <span data-bind="text: $root.itemsCount"></span> 1512 </div> 1513 </div> 1514 <!-- /ko --> 1515 <!-- /ko --> 1516 </header> 1517 <div class="popBody"> 1518 <div class="m-cellpad"> 1519 <!-- ko if: order_item --> 1520 <div data-bind="with: order_item"> 1521 <div data-bind="with: $root"> 1522 <div class="noticeMessage" > 1523 <!-- ko if: errors().length --> 1524 <div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors"> 1525 <li class="errorMsg" data-bind="html: $data"></li> 1526 </ul> 1527 </div> 1528 <!-- /ko --> 1529 <!-- ko if: warnings().length --> 1530 <div class="warnings"> 1531 <ul data-bind="foreach: warnings"> 1532 <li class="warningMsg" data-bind="html: $data"></li> 1533 </ul> 1534 </div> 1535 <!-- /ko --> 1536 <!-- ko if: typeof success === 'function' && success() && success().length --> 1537 <ul class="success" data-bind="foreach: success"> 1538 <li class="successMsg" data-bind="text: $data"></li> 1539 </ul> 1540 <!-- /ko --> 1541 1542</div>
1542 </div> 1543 <!-- ko if: registration() --> 1544 <h3 data-bind="text: $root.title"></h3> 1545 <table data-bind="foreach: $root.dropdowns"> 1546 <tr> 1547 <th data-bind="text: $index() + 1 + '.'" width="10%"></th> 1548 1549 <td data-bind="attr: (function(){return $root.fromWaitList() ? {width: '90%'} : {width: '80%'}})()"> 1550 1551 <!-- ko if: !$parent.product().site_group_type_id() --> 1552 <select class="fullWidth" data-bind="selectize: options, 1553 optionsText: 'name', 1554 optionsValue: 'participant_id', 1555 value: participant_id, 1556 selectizePlaceholder: '--', 1557 selectizeDropdownParent: 'body', 1558 selectizeOnType: adjustDropdown, 1559 selectizeOnDropdownOpen: adjustDropdown, 1560 selectizeDisable: $root.fromWaitList()"></select> 1561 <!-- /ko --> 1562 <!-- ko if: $parent.product().site_group_type_id() --> 1563 <select class="fullWidth" data-bind="selectize: options, 1564 optionsText: 'name', 1565 optionsValue: 'site_group_id', 1566 value: site_group_id, 1567 selectizePlaceholder: '--', 1568 selectizeDropdownParent: 'body', 1569 selectizeOnType: adjustDropdown, 1570 selectizeOnDropdownOpen: adjustDropdown, 1571 selectizeDisable: $root.fromWaitList() 1572 "></select> 1573 <!-- /ko --> 1574 </td> 1575 <!-- ko if: !$root.fromWaitList() --> 1576 <td class="textRight" width="10%"> 1577 <!-- ko if: $root.dropdowns().length > 1 --> 1578 <span class="icon-delete" title="Delete" data-bind="click: $root.removeParticipant"></span> 1579 <!-- /ko--> 1580 </td> 1581 <!-- /ko--> 1582 </tr> 1583 </table> 1584 <!-- ko if: !product().site_group_type_id() --> 1585 <!-- ko if: product().program.maximum_participants_per_registration() > 1 --> 1586 <div class="m-row"> 1587 <div class="m-cell oneHalf"> 1588 <span class="m-cellpad"> 1589 <span data-bind="text: $root.selectedParticipantIds().length"></span> skaters selected. You must select between <span data-bind="text: product().program.minimum_participants_per_registration"></span> and <span data-bind="text: product().program.maximum_participants_per_registration"></span> skaters. </span> 1590 </div> 1591 <div class="m-cell oneHalf textRight"> <span class="m-cellpad"> <span class="icon-add iconBtn" data-bind="click: $root.addParticipant, visible: $root.showAddIcon">Add Skater</span> 1592 </span> 1593 </div> 1594 </div> 1595 <!-- /ko --> 1596 <!-- /ko --> 1597 1598 <!-- ko if: product().site_group_type_id() --> 1599 <table data-bind="foreach: $root.selectedParticipants" style="width:100%"> 1600 <tr> 1601 <td> 1602 <span data-bind="text: name()"></span> 1603 </td> 1604 <td> 1605 <!-- ko if: !$root.fromWaitList() --> 1606 1607 <span class="icon-delete" data-bind="click: function(){$root.siteGroupRemoveParticipant($data)}"></span> 1608 1609 <!-- /ko --> 1610 </td> 1611 </tr> 1612 </table> 1613 <!-- ko if: $root.processing() && $root.allowSaveErrorMessage() --> 1614 <div class="m-row"> 1615 <div class="m-cell oneHalf"> 1616 <div class="m-cellpad"> 1617 <span data-bind="text: $root.allowSaveErrorMessage"></span> 1618 </div> 1619 </div> 1620 </div> 1621 <!-- /ko --> 1622 <!-- /ko --> 1623 <!-- /ko --> 1624 1625 <!-- ko if: showDropInOptions --> 1626 1627 <ul class="dropinSlots unstyled"> 1628 <!-- ko foreach: grouped_drop_in_events --> 1629 <li class="slotsByDay contentGroup"> 1630 <h3 class="slotHeader groupNumber" data-bind="text: start_date.date(MEDIUM_DATE)"></h3> 1631 <div class="slotCol"> 1632 <!-- ko foreach: events --> 1633 <div class="checkboxField noBorder rightPosition" data-bind="css: {selected: $parents[1].selectedDropInEvent(event_id()), canRegister: canRegister, canWaitlist: !canRegister() && canWaitlist(), isDisabled: !canRegister() && !canWaitlist()}"> 1634 <!-- ko if: canRegister() || canWaitlist() --> 1635 <input type="checkbox" data-bind="checked: $parents[1].selectedDropInEvent(event_id()), attr: {id: 'event' + event_id()}" /> 1636 <!-- /ko --> 1637 <!-- ko if: !canRegister() && !canWaitlist() --> 1638 <input type="checkbox" disabled="disabled"/> 1639 <!-- /ko --> 1640 <label class="m-row" data-bind="attr: {for: 'event' + event_id()}"> 1641 <div class="m-cell-lock sixEighth small-twoThird"> 1642 <div class="m-row"> 1643 <div class="m-cell oneHalf"> 1644 <div class="m-cellpad-h"> 1645 <!-- ko if: event_start_time.date(SHORT_DATE)() !== event_end_time.date(SHORT_DATE)() --> 1646 <span data-bind="text: event_start_time.date(LONG_DATE_TIME)"></span> - <span data-bind="text: event_end_time.date(LONG_DATE_TIME)"></span> 1647 <!-- /ko --> 1648 <!-- ko if: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() --> 1649 <span data-bind="text: event_start_time.date(TIME_ONLY)"></span> - <span data-bind="text: event_end_time.date(TIME_ONLY)"></span> 1650 <!-- /ko --> 1651 <!-- ko if: !canRegister() && canWaitlist() --> <small class="statusBadge statusWaitlist">Waitlist</small> <!-- /ko --> 1652 <!-- ko if: !canRegister() && !canWaitlist() --> <small class="statusBadge statusFull">Full</small> <!-- /ko --> 1653 </div> 1654 </div> 1655 <div class="m-cell oneHalf"> 1656 <span class="m-cellpad-h" data-bind="text: location().local_string[lang].summary"></span> 1657 </div> 1658 </div> 1659 </div> 1660 <div class="m-cell-lock twoEighth small-oneThird textRight"> 1661 <div class="m-cellpad-h"> 1662 <span data-bind="text: price_display.currency()"></span> 1663 </div> 1664 </div> 1665 </label> 1666 </div> 1667 <!-- /ko --> 1668 </div> 1669 </li> 1670 <!-- /ko --> 1671 </ul> 1672 1673 <!-- /ko --> 1674 <!-- ko if : selectedEvent --> 1675 <div class="m-cellpad" data-bind="with: selectedEvent"> 1676 <ul class="listItems"> 1677 <li class="m-row"> 1678 <label> 1679 <div class="m-cell-lock sevenEighth small-fourFifth"> 1680 <div class="m-row"> 1681 <div class="m-cell twoThird"> 1682 <div class="m-cellpad"> 1683 <span data-bind="text: event_start_time.date(LONG_DATE_TIME)"></span> - 1684 <!-- ko if: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() --> 1685 <span data-bind="text: event_end_time.date(SHORT_DATE_TIME)().replace(event_start_time.date(SHORT_DATE)(),'')"></span> 1686 <!-- /ko --> 1687 <!-- ko ifnot: event_start_time.date(SHORT_DATE)() === event_end_time.date(SHORT_DATE)() --> 1688 <span data-bind="text: event_end_time.date(LONG_DATE_TIME)"></span> 1689 <!-- /ko --> 1690 </div> 1691 </div> 1692 <div class="m-cell oneThird"> 1693 <span class="m-cellpad" data-bind="text: location().local_string[lang].summary"></span> 1694 </div> 1695 </div> 1696 </div> 1697 <div class="m-cell-lock oneEighth small-oneFifth textRight"> 1698 <div class="m-cellpad"> 1699 <span data-bind="text: price.currency()"></span> 1700 </div> 1701 </div> 1702 </label> 1703 </li> 1704 </ul>
1705 </div> 1706 <!-- /ko --> 1707 1708 1709 <!-- ko if: !registration() && apply_to() === 'participant' --> 1710 <div class="field sectionSpacer"> <label for="">Purchasing for:</label> <!-- ko if: !auto_added() && (!order_item_id() || !subscription_id()) --> 1711 <!-- ko with: dropdown --> 1712 <select data-bind="selectize: options, 1713 optionsText: 'name', 1714 optionsValue: 'participant_id', 1715 value: participant_id, 1716 selectizePlaceholder: '--', 1717 selectizeDropdownParent: 'body', 1718 selectizeOnType: adjustDropdown, 1719 selectizeOnDropdownOpen: adjustDropdown, 1720 selectizeDisable: $root.fromWaitList()"></select> 1721 <!-- /ko --> 1722 <!-- /ko --> 1723 <!-- ko if: !(!auto_added() && (!order_item_id() || !subscription_id())) --> 1724 <span data-bind="text: participant().name"></span> 1725 <!-- /ko --> 1726 </div> 1727 <!-- /ko --> 1728 1729 <!-- ko if: $root.displaySFVS --> 1730 <div class="site-fields threeColumns siteFieldEditable"> 1731 <!-- ko foreach: site_field_values --> 1732 <!-- ko if: displaySFV --> 1733 <div data-bind="template: 'siteFieldEdit'" class="col"></div> 1734 <!-- /ko --> 1735 <!-- /ko --> 1736 </div> 1737 <!-- /ko --> 1738 </div> 1739 1740 <!-- ko if: requiresMembershipValidation --> 1741 <div id="validateMembershipFooter"> 1742 <p> 1743 <span data-bind="text: jsmsgValidMembershipRequired"></span> 1744 <span 1745 class="iconInline icon-help tooltip" 1746 data-bind="visible: requiredConnectionNames().length, attr: { title: membershipConnectionsTooltip }"> 1747 </span> 1748 </p> 1749</div> <!-- /ko --> 1750 <!-- /ko --> 1751 1752 <!-- ko ifnot: order_item --> 1753 <!-- ko if: $root.itemAdded() --> 1754 <div class="textCenter"> 1755 <div class="cartItemAdded"> 1756 <div class="staticIcon icon-check-circle-o"></div> 1757 <div class="staticIcon icon-cart"></div> 1758 </div> 1759 </div> 1760 <!-- /ko --> 1761 <div data-bind="with: $root"> 1762 <!-- ko if: warnings().length && typeof $root.warningsByKey()['registrationFull'] === 'undefined' && typeof $root.warningsByKey()['addedToWaitlist'] === 'undefined' && typeof $root.warningsByKey()['addedFromWaitlist'] === 'undefined' && typeof $root.warningsByKey()['inventory'] === 'undefined' --> <span class="warnings alertText m-cellpad itemTitle"> Your item has been added to your cart, but you may not be able to proceed with your checkout because: </span> 1763 <!-- /ko --> 1764 <div class="noticeMessage" > 1765 <!-- ko if: errors().length --> 1766 <div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors"> 1767 <li class="errorMsg" data-bind="html: $data"></li> 1768 </ul> 1769 </div> 1770 <!-- /ko --> 1771 <!-- ko if: warnings().length --> 1772 <div class="warnings"> 1773 <ul data-bind="foreach: warnings"> 1774 <li class="warningMsg" data-bind="html: $data"></li> 1775 </ul> 1776 </div> 1777 <!-- /ko --> 1778 <!-- ko if: typeof success === 'function' && success() && success().length --> 1779 <ul class="success" data-bind="foreach: success"> 1780 <li class="successMsg" data-bind="text: $data"></li> 1781 </ul> 1782 <!-- /ko --> 1783 1784</div> </div> 1785 <!-- /ko --> 1786 </div> 1787 1788 1789 1790 </div> 1791 1792 <footer class="footerDivider buttonBar"> 1793 <div class="m-row xsmallHide"> 1794 <div class="m-cell-lock oneThird textLeft"> 1795 <div class="m-cellpad"> 1796 <!-- ko if: !$root.itemAdded() && $root.orderItemProduct() && $root.orderItemProduct().apply_to() === 'participant' --> 1797 <!-- ko if: !$root.orderItemProduct().site_group_type_id() --> 1798 <button class="icon-add iconBtn outlineBtn" data-bind="visible: $root.showAdd, click: function(){$root.addNewParticipant(null)}, disable: $root.processing">New Skater</button> 1799 <button class="icon-add iconBtn outlineBtn" data-bind="visible: $root.showFind, click: function(){$root.findParticipant(null)}, disable: $root.processing">Find Skater</button> 1800 <!-- /ko --> 1801 1802 <!-- ko if: $root.orderItemProduct().site_group_type_id() --> <a target="_parent" class="btnAction" data-bind="attr: {href: '/users/groups.php?siteGroupType=' + $root.orderItemProduct().site_group_type_id()}"> Manage <span data-bind="text: $root.orderItemProduct().site_group_type.name"></span> 1803 </a> 1804 <!-- /ko --> 1805 1806 <!-- /ko --> 1807 </div> 1808 </div> 1809 <div class="m-cell-lock twoThird textRight"> 1810 <div class="m-cellpad"> 1811 <!-- ko if: order_item --> 1812 <div data-bind="with: order_item"> 1813 <!-- ko if: !$root.fromWaitList() && !(order_item_id() || order.order_id()) && product() && product().cart_code && product().cart_code() --> 1814 <div class="inlineBlock" style="top: 10px"> 1815 <div class="m-cellpad-h"> 1816 <div class="iconFieldContainer"> 1817 <span class="indicator"><span class="staticIcon icon-key"></span></span> 1818 <input type="text" data-bind="textInput: $root.cart_code" placeholder="REGISTRATION CODE"/> 1819 </div> 1820 </div> 1821 </div> 1822 <!-- /ko --> 1823 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}, disable: $root.processing()">Cancel</button> 1824 <!-- ko if: order_item_id() || order.order_id() --> 1825 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'EditOrderItem')}, disable: $root.processing">Save</button> 1826 <!-- /ko --> 1827 <!-- ko if: !(order_item_id() || order.order_id()) --> 1828 <!-- ko if: !$root.fromWaitList() --> 1829 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'add_order_item')}, disable: $root.processing"> 1830 <!-- ko ifnot: $root.next() --> OK <!-- /ko --> 1831 <!-- ko if: $root.next() --> Next <!-- /ko --> 1832 </button> 1833 <!-- ko if: $root.itemsCount() > 1 && $root.next() --> 1834 <!-- ko ifnot: $root.processing() --> 1835 <button class="btnAction" data-bind="click: $root.skip">Skip</button> 1836 <!-- /ko --> 1837 <!-- ko if: $root.processing() --> 1838 <button class="btnAction" disabled="disabled">Skip</button> 1839 <!-- /ko --> 1840 <!-- /ko --> 1841 <!-- /ko --> 1842 <!-- ko if: $root.fromWaitList() --> 1843 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'register_from_waitlist')}, disable: $root.processing">Add</button> 1844 <!-- /ko --> 1845 <!-- /ko --> 1846 </div> 1847 <!-- /ko --> 1848 <!-- ko ifnot: order_item --> 1849 <!-- ko if: $root.showViewCart() && !$root.onCheckout() -->
1849 <a href="/registration/checkout/" target="_parent" class="btnAction">View Cart</a> <!-- /ko --> 1850 <!-- ko if: next() && next().constructor.name === 'ProductOrderItemEdit' --> 1851 <button class="btnAction" data-bind="click: function(){$.fancybox.close()}">Next</button> 1852 <!-- /ko --> 1853 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Close</button> 1854 <!-- /ko --> 1855 </div> 1856 </div> 1857 </div> 1858 <div class="m-row xsmallDisplay"> 1859 <div class="m-cell fullWidth"> 1860 <!-- ko if: order_item --> 1861 <div data-bind="with: order_item"> 1862 <!-- ko if: !$root.fromWaitList() && !(order_item_id() || order.order_id()) && product() && product().cart_code && product().cart_code() --> 1863 <div class="iconFieldContainer"> 1864 <span class="indicator"><span class="staticIcon icon-key"></span></span> 1865 <input type="text" data-bind="textInput: $root.cart_code" placeholder="REGISTRATION CODE"/> 1866 </div> 1867 <!-- /ko --> 1868 <!-- ko if: order_item_id() || order.order_id() --> 1869 <!-- ko ifnot: $root.processing() --> 1870 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'EditOrderItem')}">Save</button> 1871 <!-- /ko --> 1872 <!-- ko if: $root.processing() --> 1873 <button class="btnAction" disabled="disabled">Save</button> 1874 <!-- /ko --> 1875 <!-- /ko --> 1876 <!-- ko if: !(order_item_id() || order.order_id()) --> 1877 <!-- ko if: !$root.fromWaitList() --> 1878 <!-- ko ifnot: $root.processing() --> 1879 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'add_order_item')}"> 1880 <!-- ko ifnot: $root.next() --> Add <!-- /ko --> 1881 <!-- ko if: $root.next() --> Next <!-- /ko --> 1882 </button> 1883 <!-- /ko --> 1884 <!-- ko if: $root.processing() --> 1885 <button class="btnAction" disabled="disabled"> 1886 <!-- ko ifnot: $root.next() --> Add <!-- /ko --> 1887 <!-- ko if: $root.next() --> Next <!-- /ko --> 1888 </button> 1889 <!-- /ko --> 1890 <!-- ko if: $root.itemsCount() > 1 && $root.next()--> 1891 <!-- ko ifnot: $root.processing() --> 1892 <button class="btnAction" data-bind="click: $root.skip">Skip</button> 1893 <!-- /ko --> 1894 <!-- ko if: $root.processing() --> 1895 <button class="btnAction" disabled="disabled">Skip</button> 1896 <!-- /ko --> 1897 <!-- /ko --> 1898 <!-- /ko --> 1899 <!-- ko if: $root.fromWaitList() --> 1900 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(1, data, 'register_from_waitlist')}">Add</button> 1901 <!-- /ko --> 1902 <!-- /ko --> 1903 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Cancel</button> 1904 </div> 1905 <!-- /ko --> 1906 <!-- ko ifnot: order_item --> 1907 <!-- ko if: $root.showViewCart() && !$root.onCheckout() --> <a href="/registration/checkout/" target="_parent" class="btnAction">View Cart</a> <!-- /ko --> 1908 <!-- ko if: next() && next().constructor.name === 'ProductOrderItemEdit' --> 1909 <button class="btnAction" data-bind="click: function(){$.fancybox.close()}">Next</button> 1910 <!-- /ko --> 1911 <button class="btnAction closeWindow" data-bind="click: function(data){$root.processModal(0, null, null)}">Close</button> 1912 <!-- /ko --> 1913 1914 <!-- ko if: $root.orderItemProduct() && $root.orderItemProduct().apply_to() === 'participant' --> 1915 1916 <!-- ko if: !$root.orderItemProduct().site_group_type_id() --> 1917 <button class="btnAction" data-bind="click: function(){$root.addNewParticipant(null)}">Add New Skater</button> 1918 <!-- /ko --> 1919 1920 <!-- ko if: $root.orderItemProduct().site_group_type_id() --> <a target="_parent" class="btnAction" data-bind="attr: {href: '/users/groups.php?siteGroupType=' + orderItemProduct().site_group_type_id()}"> Manage <span data-bind="text: $root.orderItemProduct().site_group_type.name"></span> 1921 </a> 1922 <!-- /ko --> 1923 <!-- /ko --> 1924 1925 </div>
1926 </div> 1927 </footer> 1928 1929 </div> 1930</script>
1930 <style> 1931 1932 1933 .avatarWidgetContent .dialogContent { 1934 flex-direction: row; 1935 justify-content: left; 1936 } 1937 1938 .avatarWidgetContent #uploadedPhoto{ 1939 width:200px; 1940 height:200px; 1941 margin:20px 0 0 20px; 1942 } 1943 .avatarWidgetContent #image-preview-wrapper,.avatarWidgetContent #avatar-container{ 1944 width:240px; 1945 height:240px; 1946 } 1947 .avatarWidgetContent h3{ 1948 width:25%; 1949 padding:10px; 1950 } 1951 .avatarWidgetContent #options-container, .avatarWidgetContent #save-img-container{ 1952 padding:0 20px; 1953 } 1954 @media screen and (max-width: 917px) { 1955 .avatarWidgetContent h3{ 1956 width:100%; 1957 text-align:center; 1958 } 1959 .avatarWidgetContent #options-container{ 1960 text-align:center; 1961 } 1962 .avatarWidgetContent .dialogContent { 1963 flex-direction: column; 1964 justify-content: center; 1965 } 1966 } 1967</style> 1968
1969<script type="text/html" id="addParticipantTemp"> 1970 <div id="addParticipant" class="popContent"> 1971 <header class="headerDivider"> 1972 <h2 data-bind="visible: participant().lookUp">Find Skater</h2> 1973 <h2 data-bind="visible: !participant().lookUp">Add New Skater</h2> 1974 </header> 1975 <div class="popBody"> 1976 <!-- ko if: loading --> Loading..... <!-- /ko --> 1977 <!-- ko ifnot: loading --> 1978 <div class="noticeMessage" > 1979 <!-- ko if: errors().length --> 1980 <div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors"> 1981 <li class="errorMsg" data-bind="html: $data"></li> 1982 </ul> 1983 </div> 1984 <!-- /ko --> 1985 <!-- ko if: warnings().length --> 1986 <div class="warnings"> 1987 <ul data-bind="foreach: warnings"> 1988 <li class="warningMsg" data-bind="html: $data"></li> 1989 </ul> 1990 </div> 1991 <!-- /ko --> 1992 <!-- ko if: typeof success === 'function' && success() && success().length --> 1993 <ul class="success" data-bind="foreach: success"> 1994 <li class="successMsg" data-bind="text: $data"></li> 1995 </ul> 1996 <!-- /ko --> 1997 1998</div> <div class="m-cellpad"><span class="req">* = Required Fields</span></div> 1999 <form data-bind="with: participant, submit: $root.addParticipant"> 2000 2001 2002 <div class="signupTable m-row clearfix blockSection"> 2003 <header class="m-cell oneFourth"> 2004 <div class="m-cellpad"> 2005 <h3>Skater Details</h3> 2006 </div> 2007 </header> 2008 <div class="m-cell threeFourth threeColumns"> 2009 <div class="field"> 2010 <header class="isRequired"> <label for="participant_first_name">First Name</label> </header> 2011 <!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() --> 2012 <input type="text" disabled data-bind="value: $parent.user_first_name"/> 2013 <!-- /ko --> 2014 <!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() --> 2015 <input type="text" data-bind="value: first_name"/> 2016 <!-- /ko --> 2017 2018 </div> 2019 2020 <div class="field"> 2021 <header class="isRequired"> <label for="participant_last_name">Last Name</label> </header> 2022 <!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() --> 2023 <input disabled data-bind="value: $parent.user_last_name"/> 2024 <!-- /ko --> 2025 <!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() --> 2026 <input data-bind="value: last_name"/> 2027 <!-- /ko --> 2028 </div> 2029 2030 <div class="field"> 2031 <header class="isRequired"> <label>Gender</label> </header> 2032 <!-- ko if: $parent.create_participant() && !$parent.alreadyParticipant() && $parent.user_gender_id() --> 2033 <select disabled data-bind="value: $parent.user_gender_id"> 2034 <option value=""> -- </option> 2035 <option value="2">Female</option> 2036<option value="1">Male</option> 2037 2038 </select> 2039 <!-- /ko --> 2040 <!-- ko ifnot: $parent.create_participant() && !$parent.alreadyParticipant() && $parent.user_gender_id() --> 2041 <select data-bind="value: gender_id"> 2042 <option value=""> -- </option> 2043 <option value="2">Female</option> 2044<option value="1">Male</option> 2045 2046 </select> 2047 <!-- /ko --> 2048 </div> 2049 2050 <div class="field"> 2051 <header class="isRequired"> <label>Birthdate <span class="small"> ( DD / MMM / YYYY )</span> 2052 </label> 2053 </header> 2054 <div class="nowhitespace"> 2055 <!-- ko ifnot: $parent.showBirthdate() --> 2056 <select disabled class="dd" data-bind="value: $parent.user_dd"> 2057 <option value=""></option> 2058<option value="1">1</option> 2059<option value="2">2</option> 2060<option value="3">3</option> 2061<option value="4">4</option> 2062<option value="5">5</option> 2063<option value="6">6</option> 2064<option value="7">7</option> 2065<option value="8">8</option> 2066<option value="9">9</option> 2067<option value="10">10</option> 2068<option value="11">11</option> 2069<option value="12">12</option> 2070<option value="13">13</option> 2071<option value="14">14</option> 2072<option value="15">15</option> 2073<option value="16">16</option> 2074<option value="17">17</option> 2075<option value="18">18</option> 2076<option value="19">19</option> 2077<option value="20">20</option> 2078<option value="21">21</option> 2079<option value="22">22</option> 2080<option value="23">23</option> 2081<option value="24">24</option> 2082<option value="25">25</option> 2083<option value="26">26</option> 2084<option value="27">27</option> 2085<option value="28">28</option> 2086<option value="29">29</option> 2087<option value="30">30</option> 2088<option value="31">31</option> 2089 2090 </select> 2091 <span class="sideDivider">/</span> <!-- /ko --> 2092 <!-- ko if: $parent.showBirthdate() --> 2093 <select name="participant_dd" class="dd" data-bind="value: dd"> 2094 <option value=""></option> 2095<option value="1">1</option> 2096<option value="2">2</option> 2097<option value="3">3</option> 2098<option value="4">4</option> 2099<option value="5">5</option> 2100<option value="6">6</option> 2101<option value="7">7</option> 2102<option value="8">8</option> 2103<option value="9">9</option> 2104<option value="10">10</option> 2105<option value="11">11</option> 2106<option value="12">12</option> 2107<option value="13">13</option> 2108<option value="14">14</option> 2109<option value="15">15</option> 2110<option value="16">16</option> 2111<option value="17">17</option> 2112<option value="18">18</option> 2113<option value="19">19</option> 2114<option value="20">20</option> 2115<option value="21">21</option> 2116<option value="22">22</option> 2117<option value="23">23</option> 2118<option value="24">24</option> 2119<option value="25">25</option> 2120<option value="26">26</option> 2121<option value="27">27</option> 2122<option value="28">28</option> 2123<option value="29">29</option> 2124<option value="30">30</option> 2125<option value="31">31</option> 2126 2127 </select> 2128 <span class="sideDivider">/</span> <!-- /ko --> 2129 <!-- ko ifnot: $parent.showBirthdate() --> 2130 <select disabled class="mm" data-bind="value: $parent.user_mm"> 2131 <option value=""></option> 2132<option value="01">Jan</option> 2133<option value="02">Feb</option> 2134<option value="03">Mar</option> 2135<option value="04">Apr</option> 2136<option value="05">May</option> 2137<option value="06">Jun</option> 2138<option value="07">Jul</option> 2139<option value="08">Aug</option> 2140<option value="09">Sep</option> 2141<option value="10">
2141Oct</option> 2142<option value="11">Nov</option> 2143<option value="12">Dec</option> 2144 2145 </select> 2146 <span class="sideDivider">/</span> <!-- /ko --> 2147 <!-- ko if: $parent.showBirthdate() --> 2148 <select name="participant_mm" class="mm" data-bind="value: mm"> 2149 <option value=""></option> 2150<option value="01">Jan</option> 2151<option value="02">Feb</option> 2152<option value="03">Mar</option> 2153<option value="04">Apr</option> 2154<option value="05">May</option> 2155<option value="06">Jun</option> 2156<option value="07">Jul</option> 2157<option value="08">Aug</option> 2158<option value="09">Sep</option> 2159<option value="10">Oct</option> 2160<option value="11">Nov</option> 2161<option value="12">Dec</option> 2162 2163 </select> 2164 <span class="sideDivider">/</span> <!-- /ko --> 2165 <!-- ko ifnot: $parent.showBirthdate() --> 2166 <input disabled class="yyyy" type="text" name="participant_yyyy" data-bind="value: $parent.user_yyyy" /> 2167 <span class="sideDivider">/</span> <!-- /ko --> 2168 <!-- ko if: $parent.showBirthdate() --> 2169 <input class="yyyy" type="text" name="participant_yyyy" data-bind="value: yyyy" /> 2170 <span class="sideDivider">/</span> <!-- /ko --> 2171 <!-- ko ifnot: $parent.showBirthdate() --> 2172 <select disabled class="dd" data-bind="value: $parent.user_dd"> 2173 <option value=""></option> 2174<option value="1">1</option> 2175<option value="2">2</option> 2176<option value="3">3</option> 2177<option value="4">4</option> 2178<option value="5">5</option> 2179<option value="6">6</option> 2180<option value="7">7</option> 2181<option value="8">8</option> 2182<option value="9">9</option> 2183<option value="10">10</option> 2184<option value="11">11</option> 2185<option value="12">12</option> 2186<option value="13">13</option> 2187<option value="14">14</option> 2188<option value="15">15</option> 2189<option value="16">16</option> 2190<option value="17">17</option> 2191<option value="18">18</option> 2192<option value="19">19</option> 2193<option value="20">20</option> 2194<option value="21">21</option> 2195<option value="22">22</option> 2196<option value="23">23</option> 2197<option value="24">24</option> 2198<option value="25">25</option> 2199<option value="26">26</option> 2200<option value="27">27</option> 2201<option value="28">28</option> 2202<option value="29">29</option> 2203<option value="30">30</option> 2204<option value="31">31</option> 2205 2206 </select> 2207 <span class="sideDivider">/</span> <!-- /ko --> 2208 <!-- ko if: $parent.showBirthdate() --> 2209 <select name="participant_dd" class="dd" data-bind="value: dd"> 2210 <option value=""></option> 2211<option value="1">1</option> 2212<option value="2">2</option> 2213<option value="3">3</option> 2214<option value="4">4</option> 2215<option value="5">5</option> 2216<option value="6">6</option> 2217<option value="7">7</option> 2218<option value="8">8</option> 2219<option value="9">9</option> 2220<option value="10">10</option> 2221<option value="11">11</option> 2222<option value="12">12</option> 2223<option value="13">13</option> 2224<option value="14">14</option> 2225<option value="15">15</option> 2226<option value="16">16</option> 2227<option value="17">17</option> 2228<option value="18">18</option> 2229<option value="19">19</option> 2230<option value="20">20</option> 2231<option value="21">21</option> 2232<option value="22">22</option> 2233<option value="23">23</option> 2234<option value="24">24</option> 2235<option value="25">25</option> 2236<option value="26">26</option> 2237<option value="27">27</option> 2238<option value="28">28</option> 2239<option value="29">29</option> 2240<option value="30">30</option> 2241<option value="31">31</option> 2242 2243 </select> 2244 <span class="sideDivider">/</span> <!-- /ko --> 2245 <!-- ko ifnot: $parent.showBirthdate() --> 2246 <select disabled class="mm" data-bind="value: $parent.user_mm"> 2247 <option value=""></option> 2248<option value="01">Jan</option> 2249<option value="02">Feb</option> 2250<option value="03">Mar</option> 2251<option value="04">Apr</option> 2252<option value="05">May</option> 2253<option value="06">Jun</option> 2254<option value="07">Jul</option> 2255<option value="08">Aug</option> 2256<option value="09">Sep</option> 2257<option value="10">
2257Oct</option> 2258<option value="11">Nov</option> 2259<option value="12">Dec</option> 2260 2261 </select> 2262 <span class="sideDivider">/</span> <!-- /ko --> 2263 <!-- ko if: $parent.showBirthdate() --> 2264 <select name="participant_mm" class="mm" data-bind="value: mm"> 2265 <option value=""></option> 2266<option value="01">Jan</option> 2267<option value="02">Feb</option> 2268<option value="03">Mar</option> 2269<option value="04">Apr</option> 2270<option value="05">May</option> 2271<option value="06">Jun</option> 2272<option value="07">Jul</option> 2273<option value="08">Aug</option> 2274<option value="09">Sep</option> 2275<option value="10">Oct</option> 2276<option value="11">Nov</option> 2277<option value="12">Dec</option> 2278 2279 </select> 2280 <span class="sideDivider">/</span> <!-- /ko --> 2281 <!-- ko ifnot: $parent.showBirthdate() --> 2282 <input disabled class="yyyy" type="text" name="participant_yyyy" data-bind="value: $parent.user_yyyy" /> 2283 <!-- /ko --> 2284 <!-- ko if: $parent.showBirthdate() --> 2285 <input class="yyyy" type="text" name="participant_yyyy" data-bind="value: yyyy" /> 2286 <!-- /ko --> 2287 </div> 2288 </div> 2289 2290 <!-- ko if: getInstructors()() !== false && getInstructors()().length --> 2291 <div class="field"> <label>Instructor(ONLY STARSkate)</label> <select data-bind="selectize: getInstructors(), 2292 optionsText: 'name', 2293 optionsValue: 'instructor', 2294 value: instructor, 2295 selectizePlaceholder: jsmsgSelectInstructor, 2296 selectizeDropdownParent: 'body'"></select> 2297 </div> 2298 <!-- /ko --> 2299 2300 <!-- ko if: site_participant_field_values().length || site_field_values_create().length --> 2301 <span class="site-fields" style="padding: 0"> 2302 <span class="site-fields-group"> 2303 <!-- ko foreach: site_participant_field_values --> 2304 <div data-bind="template: 'site-participant-field-value-edit'" class="field"></div> 2305 <!-- /ko --> 2306 2307 <!-- ko foreach: site_field_values_create --> 2308 <!-- ko ifnot: site_field.visibility().includes("avatar") --> 2309 <div data-bind="template: 'siteFieldEdit'" class="field"></div> 2310 <!-- /ko --> 2311 <!-- /ko --> 2312 </span> 2313 </span> 2314 <!-- /ko --> 2315 </div> 2316 </div> 2317 <!-- ko if: avatarFieldSet --> 2318 <div id="avatarWidget" data-bind="with: avatarVM" class="avatarWidgetContent blockSection"> 2319 <style> 2320 2321 input[type="range"]:focus { 2322 outline: none; 2323 } 2324 2325 2326 .ui-dialog { 2327 top: 50% !important; 2328 left: 50% !important; 2329 transform: translate(-50%, -50%) !important; 2330 } 2331 2332 .avatar-container{ 2333 cursor:pointer; 2334 margin:0 auto; 2335 text-align:center; 2336 position:relative; 2337 } 2338 .avatar-container:hover img{ 2339 opacity:0.5; 2340 z-index:2; 2341 } 2342 .avatar-container:hover:after{ 2343 font-family: "uplifter"; 2344 font-size:25px; 2345 content: "\f030"; 2346 z-index:1; 2347 display:block; 2348 position:absolute; 2349 top:40%; 2350 left:0; 2351 width:100%; 2352 color:#fff; 2353 } 2354 .avatar-container:hover:before{ 2355 width:100px; 2356 height:100px; 2357 border:3px solid #fff; 2358 overflow:hidden; 2359 background-color:#000; 2360 border-radius:50%; 2361 margin:0 auto; 2362 display:block; 2363 content:''; 2364 } 2365 #uploadedPhoto { 2366 border-radius: 50%; 2367 margin:40px 0 0 40px; 2368 } 2369 2370 .dialogContent { 2371 display: flex; 2372 flex-direction: column; 2373 justify-content: center; 2374 align-items: center; 2375 width: 100%; 2376 height: 100%; 2377 cursor:default; 2378 } 2379 #capture-preview-container { 2380 position: relative; 2381 display: flex; 2382 justify-content: center; 2383 align-items: center; 2384 overflow: hidden; 2385 height: 400px; 2386 width: 400px; 2387 } 2388 2389 #player { 2390 position: absolute; 2391 top: 50%; 2392 left: 50%; 2393 transform: translate(-50%, -50%); 2394 min-width: 100%; 2395 min-height: 100%; 2396 } 2397 2398 #circular-frame-overlay { 2399 position: absolute; 2400 top: 50%; 2401 left: 50%; 2402 transform: translate(-50%, -50%); 2403 width: 90%; 2404 height: 90%; 2405 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); 2406 border-radius: 50%; 2407 pointer-events: none; 2408 z-index: 2; 2409 } 2410 2411 #image-preview-wrapper, #avatar-container { 2412 width: 400px; 2413 height: 400px; 2414 overflow: hidden; 2415 position: relative; 2416 } 2417 2418 #imagePreview { 2419 display: block; 2420 max-width: 100%; 2421 max-height: 100%; 2422 } 2423 2424 .cropper-view-box, 2425 .cropper-face { 2426 border-radius: 50%; 2427 } 2428 2429 .cropper-view-box { 2430 outline: none; 2431 box-shadow: 0 0 0 1px #39f; 2432 } 2433 #avatar-container .icon-delete{ 2434 position:relative; 2435 left:-40px; 2436 bottom:10px; 2437 } 2438 2439 #zoom-slider-container { 2440 display: flex; 2441 align-items: center; 2442 justify-content: center; 2443 gap: 0; 2444 margin-top: 10px; 2445 width: auto !important; 2446 } 2447 2448 .zoom-btn { 2449 width: 30px; 2450 height: 30px; 2451 font-size: 16px; 2452 margin: 0; 2453 } 2454 2455 #zoomRange { 2456 width: auto; 2457 margin: 0 5px; 2458 vertical-align: middle; 2459 } 2460 2461 @media screen and (max-width: 768px) { 2462 #image-preview-container { 2463 padding: 0 10px; 2464 width:300px; 2465 } 2466 2467 #imagePreview{ 2468 max-width: 100%; 2469 } 2470 2471 #uploadedPhoto{ 2472 margin: 0; 2473 } 2474 2475 #zoom-slider-container { 2476 display: flex; 2477 align-items: center; 2478 justify-content: space-between; 2479 margin-top: 10px; 2480 width: auto !important; 2481 } 2482 2483 .zoom-btn { 2484 width: 30px; 2485 height: 30px; 2486 font-size: 16px; 2487 margin: 0; 2488 } 2489 2490 #image-preview-wrapper{ 2491 height:300px; 2492 width: auto; 2493 } 2494 #imagePreview{ 2495 max-width: 100%; 2496 } 2497 2498 #zoomRange { 2499 width: 70%; 2500 margin: 0px; 2501 } 2502 2503 #avatar-container { 2504 max-width: 100%; 2505 height: auto; 2506 text-align: center; 2507 position: relative; 2508 } 2509 2510 #uploadedPhoto { 2511 max-width: 100%; 2512 height: auto; 2513 } 2514 2515 .icon-delete { 2516 position: absolute; 2517 top: 5px; 2518 right: 5px; 2519 } 2520 2521 #capture-preview-container { 2522 position: relative; 2523 display: flex; 2524 justify-content: center; 2525 align-items: center; 2526 overflow: hidden; 2527 height: 300px; 2528 width: 300px; 2529 } 2530 2531 .avatar-container:hover img { 2532 opacity: 1; 2533 } 2534 2535 .avatar-container:hover:after { 2536 display: none; 2537 } 2538 2539 .avatar-container:hover:before { 2540 display: none; 2541 } 2542 #avatar-container { 2543 height: 350px; 2544 } 2545 } 2546</style> 2547
2548<div id="dialogContent" class="dialogContent" > 2549 2550 <h3> Upload Profile Avatar </h3> 2551 2552 <div id="avatar-container" data-bind="visible: imgVisible"> 2553 <img id="uploadedPhoto" data-bind="attr: { src: avatar }" alt="" width="320" height="320" /> 2554 <span id="delete" class="icon-delete tooltip" data-bind="visible: !saving(), click: deleteAvatar, 2555 enable: !avatarFieldRequired, attr: { title: deleteIconTitle}, 2556 css: {isDisabled: avatarFieldRequired }"> 2557 </span> 2558 </div> 2559 2560 2561 <div id="options-container" data-bind="visible: optionVisible"> 2562 <button id="capture_option_button" data-bind="click: capturePhoto, enable: supported"><span class="icon-camera activeIcon iconRestyle"></span> Capture Photo</button> 2563 <input type="file" style="display: none;" accept="image/*" id="fileInput" data-bind="event: { change: fileInputChange }"> 2564 <button id="upload_option_button" data-bind="click: openFileExplorer"><span class="icon-upload activeIcon iconRestyle"></span> Upload Image</button> 2565 </div> 2566 2567 <div id="capture-preview-container" data-bind="visible: playerVisible"> 2568 <div id="video-wrapper" data-bind="visible: permissionGranted"> 2569 <video id="player" controls autoplay data-bind="visible: permissionGranted" ></video> 2570 <div id="circular-frame-overlay"></div> 2571 </div> 2572 2573 <div id="permissions-container" data-bind="hidden: permissionGranted"> 2574 <div id="avatar_error_messages"></div> 2575 <button id="retry-button" data-bind="click: capturePhoto"> Retry</button> 2576 <button id="cancel-button" data-bind="click: cancel"> Cancel</button> 2577 </div> 2578 </div> 2579 2580 <div id="image-preview-container" data-bind="visible: cropperVisible"> 2581 <div id="image-preview-wrapper" > 2582 <img id="imagePreview" data-bind="attr: { src: uploadedImage }"> 2583 </div> 2584 <div id="zoom-slider-container" class="center-text"> 2585 <button id="zoomOutButton" class="icon-minus iconBtn outlineBtn zoom-btn" data-bind="click: zoomOut"></button> 2586 <input type="range" id="zoomRange" data-bind="value: zoomValue, event: { input: setZoom }, attr: { min: minZoom, max: maxZoom }" step="1" style="vertical-align:middle"> 2587 <button id="zoomInButton" class="icon-plus iconBtn outlineBtn zoom-btn" data-bind="click: zoomIn"></button> 2588 </div> 2589 </div> 2590 2591 <div id="save-img-container" data-bind="visible: saveImgVisible" > 2592 <button id="cancel_button" data-bind="click: cancel">Cancel</button> 2593 <button id="save_button" data-bind="click: save">Save Avatar</button> 2594 </div> 2595</div> </div> 2596 <!-- /ko --> 2597 2598 <!-- ko if: !$data.lookUp && applicablePolicies().length --> 2599 <ul class="unstyled" data-bind="foreach: applicablePolicies"> 2600 <li class="m-row"> 2601 <div data-bind="template: 'clubPolicyModal'"></div> 2602 </li> 2603 </ul> 2604 <!-- /ko --> 2605 </form> 2606 <!-- /ko --> 2607 </div> 2608 <footer class="footerDivider buttonBar textRight"> 2609 <!-- ko ifnot: loading --> 2610 2611 <button class="btnAction closeWindow" data-bind="click: function() {addParticipant(0)}, enable: !processing()">CANCEL</button> 2612 2613 2614 <!-- ko if: participant().lookUp --> 2615 <button class="btnAction" data-bind="click: function() {findParticipant(1)}, enable: !processing()">FIND SKATER</button> 2616 <!-- /ko --> 2617 <!-- ko ifnot: participant().lookUp --> 2618 <button class="btnAction" data-bind="click: function() {addParticipant(1)}, enable: !processing()">ADD SKATER</button> 2619 <!-- /ko --> 2620 2621 <!-- /ko --> 2622 </footer> 2623 </div> 2624</script>
2624 2625 2626 <style> 2627 .popContent .fixedContainer { 2628 width: 100%; 2629 max-width: 100%; 2630 margin: 0 auto; 2631 } 2632 #addParticipant { 2633 margin-bottom: 50px; 2634 } 2635 </style> 2636
2636<script type="text/html" id="addAddressModalTemp"> 2637 <div id="addAddress" class="popContent"> 2638 <header class="headerDivider"> 2639 <h1>Add Account Address</h1> 2640 </header> 2641 <div class="popBody"> 2642 <!-- ko if: showWarning --> 2643 <p class="warningMsg"> Please provide your address to proceed. </p> 2644 <!-- /ko --> 2645 <form data-bind="with: account_address, submit: saveAccountAddress"> 2646 <div data-bind="template: 'addAddressTemp'"></div> 2647 <div class="textRight m-cellpad"> 2648 <button class="btnAction closeWindow" type="button" data-bind="click: $parent.cancel">Cancel</button> 2649 <button class="btnAction" type="submit">Save</button> 2650 </div> 2651 </form> 2652 </div> 2653 </div> 2654</script>
2654
2654<script type="text/html" id="addAddressTemp"> 2655 <div class="columnContainer oneColumn"> 2656 <div class="field"> <label for="">Account Address Nickname:</label> <input placeholder="(i.e.) Mom's Work Address" id="address_name" name="address_name" data-bind="value: address_name" /> 2657 </div> 2658 </div> 2659 <div class="threeColumns"> 2660 2661 <div class="field isRequired"> <label for="">First Name:</label> <input id="first_name" name="first_name" data-bind="value: address.first_name"> 2662 </div> 2663 2664 <div class="field isRequired"> <label for="">Last Name:</label> <input id="last_name" name="last_name" data-bind="value: address.last_name"> 2665 </div> 2666 2667 <div class="field isRequired"> <label for="">Address Line 1:</label> <input id="address1" name="address1" data-bind="value: address.address1" /> 2668 </div> 2669 2670 <div class="field"> <label>Address Line 2:</label> <input id="address2" name="address2" data-bind="value: address.address2" /> 2671 </div> 2672 2673 <div class="field isRequired"> <label>City:</label> <input id="city" name="city" data-bind="value: address.city" /> 2674 </div> 2675 2676 <div class="field isRequired"> <label>Province / State:</label> <!-- ko if: typeof provinces()() !== 'undefined' && provinces()().length --> 2677 <select name="prov" id="prov" class="" data-bind="options: provinces(), 2678 optionsText: 'v', 2679 optionsValue: 'k', 2680 value: address.prov_code"></select> 2681 <!-- /ko --> 2682 <!-- ko ifnot: typeof provinces()() !== 'undefined' && provinces()().length --> 2683 <input name="prov" id="prov" class="" data-bind="value: address.prov" /> 2684 <!-- /ko --> 2685 </div> 2686 2687 <div class="field isRequired"> <label>Country:</label> <!-- ko if: typeof countries()() !== 'undefined' && countries()().length --> 2688 <select name="country" id="country" class="" data-bind="options: countries(), 2689 optionsText: 'v', 2690 optionsValue: 'k', 2691 value: address.country_code"></select> 2692 <!-- /ko --> 2693 <!-- ko ifnot: typeof countries()() !== 'undefined' && countries()().length --> 2694 <input name="country" id="country" class="" data-bind="value: address.country" /> 2695 <!-- /ko --> 2696 </div> 2697 2698 <div class="field account-address-field isRequired"> <label>Postal / Zip Code:</label> <input id="postal" name="postal" data-bind="value: address.postal" /> 2699 </div> 2700 2701 <div class="field account-address-field isRequired"> <label>Telephone:</label> <input id="phone" name="phone" data-bind="value: address.phone" /> 2702 </div> 2703 <div class="field account-address-field"> <label>Mobile:</label> <input id="cell" name="cell" data-bind="value: address.cell" /> 2704 </div> 2705 2706 <div class="field account-address-field"> <label for="">Email :</label> <input id="email" name="email" data-bind="value: address.email"> 2707 </div> 2708 </div> 2709</script>
2709
2709<script type="text/html" id="matchParticipantTemp"> 2710 <div id="matchParticipant" class="popContent"> 2711 <header class="headerDivider"> 2712 <h1>Skater Match</h1> 2713 </header> 2714 <div class="popBody matchingPopup" id="contentWrapper" data-bind="floatingHorizontalScrollbar: { wrapper: '.gridContent', container: '.mainScrollContent'}"> 2715 <div class="divGrid" id="participantMatching"> 2716 <div class="noticeMessage" > 2717 <!-- ko if: errors().length --> 2718 <div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors"> 2719 <li class="errorMsg" data-bind="html: $data"></li> 2720 </ul> 2721 </div> 2722 <!-- /ko --> 2723 <!-- ko if: warnings().length --> 2724 <div class="warnings"> 2725 <ul data-bind="foreach: warnings"> 2726 <li class="warningMsg" data-bind="html: $data"></li> 2727 </ul> 2728 </div> 2729 <!-- /ko --> 2730 <!-- ko if: typeof success === 'function' && success() && success().length --> 2731 <ul class="success" data-bind="foreach: success"> 2732 <li class="successMsg" data-bind="text: $data"></li> 2733 </ul> 2734 <!-- /ko --> 2735 2736</div> <div class="gridContent" > 2737 <div class="flexItem"> 2738 <div class="col"> 2739 <div class="cell header"> </div> 2740 <div class="cell cell-title firstName"> First Name </div> 2741 <div class="cell cell-title lastName"> Last Name </div> 2742 <div class="cell cell-title birthdate"> Birthdate </div> 2743 <div class="cell cell-title gender"> Gender </div> 2744 <!-- ko foreach: site_fields--> 2745 <div class="cell cell-title" data-bind="text: name, css: $root.getSiteFieldClassName($data)"></div> 2746 <!-- /ko --> 2747 2748 <!-- ko foreach: site_participant_fields--> 2749 <div class="cell cell-title" data-bind="text: name"></div> 2750 <!-- /ko --> 2751 </div> 2752 2753 <div class="col" data-bind="with: createNewValues"> 2754 <div class="cell cell-title header">Imported Values</div> 2755 <div class="cell firstName"> 2756 <span data-bind="text: first_name"></span> 2757 </div> 2758 <div class="cell lastName"> 2759 <span data-bind="text: last_name"></span> 2760 </div> 2761 <div class="cell birthdate"> 2762 <span data-bind="text: birthdate"></span> 2763 </div> 2764 <div class="cell gender"> 2765 <span data-bind="text: full_gender"></span> 2766 </div> 2767 <!-- ko foreach: site_field_values_for_matching_popup($root) --> 2768 <div class="cell"> 2769 <!-- ko if: $root.getSFV($data) --> 2770 <div class="new inlineBlock" data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }"></div> 2771 <!-- /ko --> 2772 <!-- ko ifnot: $root.getSFV($data) --> 2773 <div class="new inlineBlock"> </div> 2774 <!-- /ko --> 2775 </div> 2776 <!-- /ko --> 2777 2778 <!-- ko foreach: site_participant_field_values --> 2779 <div class="cell"> 2780 <div data-bind="template: {name: 'site-participant-field-value'}"></div> 2781 </div> 2782 <!-- /ko--> 2783 </div> 2784 </div> 2785 2786 <div class="flexItem mainScrollContent"> 2787 <!-- ko foreach: matches --> 2788 <div class="col matches-col paddingTop-0" data-bind="css: {selected: $root.selected_participant_id() == participant_id(), findParticipant: $root.findParticipant }, click: function() {$root.selected_participant_id(participant_id())}"> 2789 <div class="cell cell-title header">Skater Match #<span data-bind="text: $index() + 1"></span></div> 2790 <div class="cell firstName" data-bind="css: { match: compareValue('first_name', $root.createNewValues().first_name), keepExisting: first_name() === '', noMatch: !(compareValue('first_name', $root.createNewValues().first_name) || first_name() === '') }"> 2791 <div class="old inlineBlock" data-bind="text: first_name"></div> 2792 <div class="new inlineBlock" data-bind="text: $root.createNewValues().first_name"></div>  </div> 2793 <div class="cell lastName" data-bind="css: { match: compareValue('last_name', $root.createNewValues().last_name), keepExisting: last_name() === '', noMatch: !(compareValue('last_name', $root.createNewValues().last_name) || last_name() === '') }"> 2794 <div class="old inlineBlock" data-bind="text: last_name"></div> 2795 <div class="new inlineBlock" data-bind="text: $root.createNewValues().last_name"></div> </div> 2796 <div class="cell birthdate" data-bind="css: { match: compareValue('birthdate', $root.createNewValues().birthdate), keepExisting: birthdate() === '', noMatch: !(compareValue('birthdate', $root.createNewValues().birthdate) || birthdate() === ''), noUpdate: !$root.isAdminScope()}"> 2797 <div class="old inlineBlock" data-bind="text: birthdate"></div> 2798 <div class="new inlineBlock" data-bind="text: $root.createNewValues().birthdate"></div> </div> 2799 <!-- ko if: $data.gender_id --> 2800 <div class="cell gender" data-bind="css: { match: compareValue('gender_id', $root.createNewValues().gender_id), keepExisting: gender_id() === '', noMatch: !(compareValue('gender_id', $root.createNewValues().gender_id) || gender_id() === '') }"> 2801 <div class="old inlineBlock" data-bind="text: full_gender"></div> 2802 <div class="new inlineBlock" data-bind="text: $root.createNewValues().full_gender"></div> 2803 </div> 2804 <!-- /ko -->
2805 <!-- ko if: $data.gender_code --> 2806 <div class="cell gender" data-bind="css: { match: compareValue('gender_code', $root.createNewValues().gender_code), keepExisting: gender_code() === '', noMatch: !(compareValue('gender_code', $root.createNewValues().gender_code) || gender_code() === '') }"> 2807 <div class="old inlineBlock" data-bind="text: full_gender"></div> 2808 <div class="new inlineBlock" data-bind="text: $root.createNewValues().full_gender"></div> 2809 </div> 2810 <!-- /ko --> 2811 <!-- ko foreach: site_field_values_for_matching_popup($root) --> 2812 <div class="cell" data-bind="css: $.extend($root.getSiteFieldClassName($data), { match: compareValue($root.getSiteFieldValuesData($data)), keepExisting: (($data.site_field.type() === 'league' && $data.site_field.number_field) || $root.getSiteFieldValuesData($data).length === 0 || ($root.getSiteFieldValuesData($data).length === 1 && $root.getSiteFieldValuesData($data)[0].value() === null)), noMatch:($data.site_field.type() !== 'league' || !$data.site_field.number_field()) && !(compareValue($root.getSiteFieldValuesData($data)) || ($root.getSiteFieldValuesData($data).length === 0 || ($root.getSiteFieldValuesData($data).length === 1 && $root.getSiteFieldValuesData($data)[0].value() === null))), noUpdate: (!$root.isAdminScope() && $.inArray('import', $data.site_field.visibility()) !== -1 && $.inArray('edit', $data.site_field.visibility()) === -1), updateOriginal: ($data.site_field.type() == 'league' && $data.site_field.number_field() && !compareValue($root.getSiteFieldValuesData($data))) })"> 2813 <div class="old inlineBlock" data-bind="template: 'siteFieldView'"></div> 2814 <!-- ko if: $root.getSFV($data) --> 2815 <div class="new inlineBlock" data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }"></div> 2816 <!-- /ko --> 2817 2818 </div> 2819 <!-- /ko --> 2820 <!-- ko foreach: site_participant_field_values --> 2821 <div class="cell" data-bind="css : {match: compareValue($root.getSiteParticipantFieldData($data)), noMatch: !compareValue($root.getSiteParticipantFieldData($data)), noUpdate: !(!skateCanadaContactId() || skateCanadaContactId() && $root.isAdminScope())}"> 2822 <div class="old inlineBlock" data-bind="template: {name: 'site-participant-field-value'}"></div> 2823 <!-- ko if: $root.getSPFV($data) --> 2824 <div class="new inlineBlock" data-bind="template: {name: 'site-participant-field-value', data: $root.getSPFV($data) }"></div> 2825 <!-- /ko --> 2826 </div> 2827 <!-- /ko--> 2828 2829 <div class="cell"> 2830 <input type="radio" data-bind="checkedValue: participant_id(), checked: $root.selected_participant_id"> Select </div> 2831 </div> 2832 <!-- /ko--> 2833 <!-- ko ifnot: $root.findParticipant --> 2834 <div class="col matches-col paddingTop-0" data-bind="with: createNewValues, css: {selected: $root.selected_participant_id() == 'createNew' }, click: function() {$root.selected_participant_id('createNew')}"> 2835 <div class="cell cell-title header">Create New</div> 2836 <div class="cell firstName"> 2837 <div class="new inlineBlock" data-bind="text: first_name"></div> 2838 </div> 2839 <div class="cell lastName"> 2840 <div class="new inlineBlock" data-bind="text: last_name"></div> 2841 </div> 2842 <div class="cell birthdate"> 2843 <div class="new inlineBlock" data-bind="text: birthdate"></div> 2844 </div> 2845 <div class="cell gender"> 2846 <div class="new inlineBlock" data-bind="text: full_gender"></div> 2847 </div> 2848 <!-- ko foreach: site_field_values_for_matching_popup($root) --> 2849 <div class="cell"> 2850 <!-- ko if: $root.getSFV($data) --> 2851 <div class="new inlineBlock" data-bind="template: {name: 'siteFieldView', data: $root.getSFV($data) }, css: $root.getSiteFieldClassName($data)"></div> 2852 <!-- /ko --> 2853 <!-- ko ifnot: $root.getSFV($data) --> 2854 <div class="new inlineBlock"> </div> 2855 <!-- /ko --> 2856 </div> 2857 <!-- /ko --> 2858 <!-- ko foreach: site_participant_field_values --> 2859 <div class="cell"> 2860 <!-- ko if: $root.getSPFV($data) --> 2861 <div class="new inlineBlock" data-bind="template: {name: 'site-participant-field-value', data: $root.getSPFV($data) }"></div> 2862 <!-- /ko --> 2863 <!-- ko ifnot: $root.getSPFV($data) --> 2864 <div class="new inlineBlock"> </div> 2865 <!-- /ko --> 2866 </div> 2867 <!-- /ko--> 2868 <div class="cell"> 2869 <input type="radio" data-bind="checkedValue: 'createNew', checked: $root.selected_participant_id"> Create New </div> 2870 </div> 2871 <!-- /ko --> </div> 2872 2873 </div> 2874 2875 2876 </div> 2877 </div>
2878 <footer class="footerDivider"> 2879 <p class="fullWidthButton textRight"> 2880 <input type="submit" value="Cancel" data-bind="click: $root.cancel"/> 2881 <input type="submit" data-bind="click: $root.setMatchingParticipant, enable: $root.selected_participant_id" name="selectParticipant" value="Select Skater" /> 2882 </p> 2883 </footer> 2884 </div> 2885 </script>
2885 2886 <style> 2887 .popBody.matchingPopup { overflow-y: scroll !important; } 2888 2889 #participantMatching .gridContent { 2890 display: flex; 2891 justify-content: flex-start; 2892 } 2893 .gridContent .flexItem { 2894 box-sizing: border-box; 2895 } 2896 .gridContent > .flexItem:nth-child(1) { 2897 border-top: 1px solid transparent; 2898 2899 } 2900 .gridContent > .flexItem:nth-child(2) { 2901 flex-grow: 2; 2902 } 2903 .paddingTop-0 { 2904 padding-top: 0 !important; 2905 } 2906 </style> 2907 2908
2908<script type="text/html" id="site-participant-field-value"> 2909 <!-- ko if: icon --> 2910 <span data-bind="css: icon"></span> 2911 <!-- /ko --> 2912 <span data-bind="text: value"></span> 2913 </script>
2913 2914
2914<script type="text/html" id="site-participant-field-value-edit"> 2915 <label data-bind="text: siteParticipantField.name"></label> 2916 <input type="text" data-bind="value: value"/> 2917 </script>
2917 2918
2918<script type="text/html" id="calendarEventTemp" xmlns="http://www.w3.org/1999/html"> 2919 <section class="calEventDetails m-cellpad" > 2920 <header class="m-cellpad" data-bind="style: {'border-color': backgroundColor}"> 2921 <h2 data-bind="text: ko.unwrap(product).summary"></h2> 2922<div class="m-row"> 2923 <div class="m-cell threeFourth" data-bind="with: product"> 2924 <span class="price"> 2925 <!-- ko ifnot: $root.isDropOnlyProgram() --> 2926 <!-- ko if: price_display_mode() !== 'none'--> 2927 <span class="nowhitespace"> 2928 <!-- ko if: price_display_mode() == 'total' --> 2929 <!-- ko text: item_price.currency() --><!--/ko--> 2930 <!-- /ko --> 2931 <!-- ko if: price_display_mode() == 'installments' --> 2932 <div data-bind="html: installmentPrice"></div> 2933 <!-- /ko --> 2934 </span> 2935 <!-- ko if: item_price() < program.program_price() && price_display_mode() !== 'installments' --> 2936 <span class="originalPrice" style="white-space: nowrap" data-bind="text: program.program_price.currency()"></span> 2937 <!-- /ko --> 2938 <!-- /ko --> 2939 <!--ko text: fee_description --><!--/ko--> 2940 <!-- /ko --> 2941 </span> 2942 </div> 2943 <div class="m-cell textRight" data-bind="css:{oneFourth: !isDropOnlyProgram(), fullWidth: isDropOnlyProgram()}, with: product"> 2944 <!-- ko if: price_display_mode() !== 'none' && $root.event.allow_drop_in && ($root.showDropinWaitlisted() || $root.event.spots_dropin != 0) --> 2945 <span class="price"> 2946 <span class="nowhitespace"> 2947 <span class="staticIcon icon-dropin"></span><!-- ko text: $root.event_price.currency() --><!--/ko--> 2948 </span> 2949 </span> 2950 <!-- /ko --> 2951 </div> 2952</div> </header> 2953 2954 <table class="m-cellpad"> 2955 <tr> 2956 <th class="textLeft" style="width:35%;"><span class="icon-calendar-blank staticIcon"> Start & End Date:</span></th> 2957 <td><span data-bind="text: startAndEndDate"></span></td> 2958 </tr> 2959 <tr data-bind="with: product"> 2960 <th class="textLeft"><span class="icon-clock staticIcon"> Day / Time:</span></th> 2961 <td><span data-bind="text: program.day_time"></span></td> 2962 </tr> 2963 <!-- ko if: $data.location --> 2964 <tr data-bind="with: location"> 2965 <th class="textLeft" valign="top"><span class="icon-map-pin staticIcon"> Location:</span></th> 2966 <td> 2967 <!-- ko text: facility().summary --><!--/ko-->,<br /> 2968 <!-- ko text: summary --><!--/ko--> 2969 <!-- ko if: show_address --> 2970 <br /><span data-bind="text: facility().address.address1"></span><!-- ko if: facility().address.address2 -->, <span data-bind="text: facility().address.address2"></span><!-- /ko --> 2971 <br /><span data-bind="text: facility().address.city"></span> <span data-bind="text: facility().address.prov"></span> 2972 <br /><span data-bind="text: facility().address.country"></span> <span data-bind="text: facility().address.postal"></span> 2973 <!-- /ko --> 2974 </td> 2975 </tr> 2976 <!-- /ko --> 2977 <tr> 2978 <th class="textLeft">Registration Begins:</th> 2979 <td><span data-bind="text: registration_start_time.date(LONG_DATE_TIME)"></span></td> 2980 </tr> 2981 <tr> 2982 <th class="textLeft">Registration Cut-off:</th> 2983 <td><span data-bind="text: registration_cutoff.date(LONG_DATE_TIME)"></span></td> 2984 </tr> 2985</table> 2986 2987<div class="m-cellpad" data-bind="with: product"> <b>Program Description:</b> <div class="scrollContainer" style="height:150px; background-color:#eee;"> 2988 <div class="m-cellpad" data-bind="html: program.local_string[lang].content"></div> 2989 </div> 2990</div> 2991 <footer> 2992 <!-- ko if: typeof buttonAction === 'undefined' || buttonAction === 'addToCart' --> 2993 <!-- ko if: product.registrationHasStarted(ko.unwrap(userHasBetaOrders))() --> 2994 <div class="m-row"> 2995 <!-- ko if: !isDropOnlyProgram() && ko.unwrap(ko.unwrap(product).fullRegistrationIsOpen((ko.unwrap(window.userHasBetaOrders)))--> 2996 <div class="m-cell-lock" data-bind="css: {fullWidth: !event.allow_drop_in || (!showDropinWaitlisted() && event.spots_dropin == 0), oneHalf: event.allow_drop_in && (showDropinWaitlisted() || event.spots_dropin != 0)}"> 2997 <div class="m-cellpad" data-bind="with: product"> 2998 <!-- ko if: spots() !== null && spots() <= 0 && !dropinOnly() --> 2999 <section class="textCenter"> 3000 <div class="warningMsg"> FULL <!-- ko if: program.max_waitlist() != 0 && program.max_dropin_waitlist() != 0 --> 3001 <span style="font-size: 11px; color: #aaa; font-style: italic; white-space: nowrap;"> 3002 (<!-- ko text: qty_waitlisted --><!-- /ko --> Waiting)<br /> 3003 </span> 3004 <!-- /ko --> 3005 </div> 3006 <!-- ko if: waitlistSpotsAvailable() -->
3007 <form method="get" target="_parent" class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof $root.addToCartURL === 'undefined' || $root.addToCartAjax}"> 3008 <input type="hidden" name="action" value="add_order_item"/> 3009 <input type="hidden" name="product_id" data-bind="value: product_id" /> 3010 <input type='submit' class="btnAction" value="Join Waitlist"/> 3011 </form> 3012 <!-- /ko --> 3013 <!-- ko if: !waitlistSpotsAvailable() && program.max_waitlist() != 0 && program.max_dropin_waitlist() != 0 --> <span style="font-size: 11px; color: #aaa;">Waitlist is full.</span> 3014 <!-- /ko--> 3015 </section> 3016 <!-- /ko --> 3017 3018 <!-- ko if: spots() === null || spots() > 0 --> 3019 <section class="textCenter"> 3020 <!-- ko if: registrationHasNotStarted() --> Beta until:<br/> 3021 <!-- ko text: program.registration_start_time.date(SHORT_DATE) --> <!-- /ko --> 3022 <!-- /ko --> 3023 <!-- ko if: !registrationHasNotStarted() && status() == 'Beta' --> Beta<br/> 3024 <!-- /ko --> 3025 <!-- ko ifnot: program.max_full_registrations() === 0 && program.max_full_waitlist() === 0 --> 3026 3027 <form method="get" target="_top" class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof $root.addToCartURL === 'undefined' || $root.addToCartAjax}"> 3028 <input type="hidden" name="action" value="add_order_item" /> 3029 <input type="hidden" name="product_id" data-bind="value: product_id"/> 3030 3031 <input type='submit' class="btnAction" value="Register"/> 3032 </form> 3033 <!-- ko if: showSpotsLeft() --> 3034 <i style="white-space: nowrap;"> 3035 <!-- ko text: spots --><!-- /ko --> spot(s) left </i> <!-- /ko --> 3036 <!-- /ko --> 3037 </section> 3038 <!-- /ko --> 3039 </div> 3040 </div> 3041 <!-- /ko --> 3042 <!-- ko if: event.allow_drop_in && (showDropinWaitlisted() || event.spots_dropin != 0) --> 3043 <div class="m-cell-lock" data-bind="css: {oneHalf: !isDropOnlyProgram(), fullWidth: isDropOnlyProgram()}"> 3044 <div class="m-cellpad"> 3045 <!-- ko if: showDropinWaitlisted --> 3046 <section class="textCenter"> 3047 <!-- ko if: event.waitlist_spots_dropin == 0 --> 3048 <div class="warningMsg"> DROP IN FULL </div> 3049 <!-- /ko --> 3050 <!-- ko if: waitlistDropinSpotsAvailable --> 3051 <form method="get" target="_parent" class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof addToCartURL === 'undefined' || $root.addToCartAjax}"> 3052 <input type="hidden" name="action" value="add_order_item"/> 3053 <input type="hidden" name="product_id" data-bind="value: ko.unwrap(product).product_id" /> 3054 <input type="hidden" name="event_id" data-bind="value: event.event_id"/> 3055 <input type='submit' class="btnAction" value="Join Drop In Waitlist" style="white-space: pre-wrap;"/> 3056 </form> 3057 <!-- /ko --> 3058 <!-- ko ifnot: waitlistDropinSpotsAvailable --> <span style="font-size: 11px; color: #aaa;">Waitlist is full.</span> 3059 <!-- /ko--> 3060 </section> 3061 <!-- /ko --> 3062 3063 <!-- ko if: event.spots_dropin != 0 --> 3064 <section class="textCenter"> 3065 <form method="get" target="_top" class="fullWidthField" data-bind="attr: {action: typeof $root.addToCartURL === 'undefined' ? '#' : $root.addToCartURL}, css: {addToCartAjax: typeof $root.addToCartURL === 'undefined' || addToCartAjax}"> 3066 3067 <input type="hidden" name="action" value="add_order_item" /> 3068 3069 <input type="hidden" name="product_id" data-bind="value: ko.unwrap(product).product_id"/> 3070 <input type="hidden" name="event_id" data-bind="value: event.event_id"/> 3071 <button type='submit' class="btnAction">Drop In <span class="icon-dropin activeIcon iconRestyle"></span></button> 3072 <!-- ko ifnot: isDropOnlyProgram --> 3073 <span data-bind="text: moment(event.event_start_time * 1000).format( _DATE_FORMATS[MEDIUM_DATE_TIME])"></span> 3074 <!-- /ko --> 3075 </form> 3076 </section> 3077 <!-- /ko --> 3078 </div> 3079 </div> 3080 <!-- /ko --> 3081</div> 3082 <!-- /ko --> 3083 <!-- /ko --> 3084 <!-- ko if: typeof buttonAction !== 'undefined' && buttonAction === 'productDetails' && showProductDetailsButton() --> 3085 <div class="m-cell-lock fullWidth"> 3086 <div class="m-cellpad fullWidthField"> <a data-bind="attr: {href: registerURL}
3086" target="_parent" class="btnAction">Register</a> </div> 3087 </div> 3088 <!-- /ko --> 3089 </footer> 3090 <form action="#" method="get" class="closeTooltip"> 3091 <button type="submit" class="closeWindow icon-x-circle iconBtn"></button> 3092 </form> 3093 </section> 3094</script>
3094
3094<script type="text/html" id="clubPolicyModal"> 3095 <div class="fieldInputAuto policy" data-bind="click: $root.openClubPolicy"> 3096 <div class="checkboxField" data-bind="css: {'isRequired' : club_policy().required, 'halfChecked': isRejected}"> 3097 <div class="m-row"> 3098 <div class="m-cell-lock threeFifth"> 3099 <input disabled="disabled" type="checkbox" data-bind="checked: accepted"> 3100 <label data-bind="text: club_policy().summary"></label> 3101 </div> 3102 <!-- ko if: accepted() --> 3103 <div class="m-cell-lock twoFifth topPadding"> <small><i>Accepted on<br /> <span data-bind="text: accepted.date(window.POLICY_DATE_FORMAT || SHORT_DATE_TIME)"></span><!-- ko if: accepted_order_id --> [Invoice #<!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko --></i></small> 3104 </div> 3105 <!-- /ko --> 3106 </div> 3107 </div> 3108 </div> 3109 <input type="hidden" data-bind="value: accepted, attr: {name: 'policies[' + club_policy_id() + '][accepted]'}"> 3110 <input type="hidden" data-bind="value: viewed, attr: {name: 'policies[' + club_policy_id() + '][viewed]'}"> 3111 <!-- ko if: acknowledgeIdentityField --> 3112 <input type="hidden" data-bind="value: acknowledgeIdentityField().value, attr: {name: 'policies[' + club_policy_id() + '][acknowledged_by]'}"> 3113 <!-- /ko --> 3114 <!-- ko if: acknowledgedAgeOfMajorityField --> 3115 <input type="hidden" data-bind="value: acknowledgedAgeOfMajorityField().value, attr: {name: 'policies[' + club_policy_id() + '][acknowledged_age_of_majority]'}"> 3116 <!-- /ko --> 3117 <!-- ko if: digitalSignatureField --> 3118 <input type="hidden" data-bind="value: digitalSignatureField().value, attr: {name: 'policies[' + club_policy_id() + '][digital_signature]'}"> 3119 <!-- /ko --> 3120 <!-- ko foreach: policyFields --> 3121 <input type="hidden" data-bind="value: tag, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][tag]'}"> 3122 <input type="hidden" data-bind="value: value, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][value]'}"> 3123 <!-- ko if: required --> 3124 <input type="hidden" data-bind="value: required, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][required]'}"> 3125 <!-- /ko --> 3126 <!-- ko if: font --> 3127 <input type="hidden" data-bind="value: font, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][font]'}"> 3128 <!-- /ko --> 3129 <!-- ko if: site_field_id --> 3130 <input type="hidden" data-bind="value: site_field_id, attr: {name: 'policies[' + club_policy_id() + '][policy_fields][' + $index() + '][site_field_id]'}"> 3131 <!-- /ko --> 3132 <!-- /ko --> 3133 </script>
3133 3134 3135
3135<script type="text/html" id="clubPolicyView"> 3136 <div class="m-cell sevenEighth"> 3137 <div class="m-cellpad"> 3138 <a data-bind="attr: {href: viewLink}, css: {fancybox: !$root.openClubPolicy}, click: function (data, event) {$root.openClubPolicy && $root.openClubPolicy(data, event)}"> 3139 <span data-bind="text: club_policy().summary"></span> 3140 <!-- ko if: user_payment_token --> 3141 (<small data-bind="html: user_payment_token().summary"></small>) 3142 <!-- /ko --> 3143 </a> 3144 <!-- ko if: previousAcceptedVersion --> <small> [<b>Replacement for:</b> <span data-bind="text: previousAcceptedVersion().club_policy().local_string[lang].summary"></span>] 3145 </small> 3146 <!-- /ko --> 3147 <!-- ko if: accepted() || previousAcceptedVersion() --> 3148 <i> 3149 <!-- ko if: accepted --> accepted on <span data-bind="text: accepted.date(SHORT_DATE_TIME)"></span> 3150 <!-- ko if: digitalSignature() --> by <b><span data-bind="text: digitalSignature()"></span></b> 3151 <!-- /ko --> 3152 <!-- /ko --> 3153 3154 <!-- ko if: expected_expiry_time() || (previousAcceptedVersion() && previousAcceptedVersion().expected_expiry_time()) --> 3155 <!-- ko if: previousAcceptedVersion --> 3156 <span class="rightAlign"> <!-- ko if: previous_accepted_version_order_number -->[Invoice # <!-- ko text: previous_accepted_version_order_number --><!-- /ko -->]<!-- /ko --></span> 3157 <!-- /ko --> 3158 <!-- ko ifnot: previousAcceptedVersion --> 3159 <span class="rightAlign"> <!-- ko if: accepted_order_id -->[Invoice # <!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko --> Expires: <span data-bind="text: expected_expiry_time()"></span></span> 3160 <!-- /ko --> 3161 <!-- /ko --> 3162 </i> 3163 <!-- /ko --> 3164 </div> 3165 </div> 3166 <div class="m-cell oneEighth"> 3167 <div class="m-cellpad"> 3168 <!-- ko if: deleted() --> 3169 <!-- ko if: previousAcceptedVersion --> <span class="iconBtn icon-delete tooltip noPadding isDisabled" data-bind="click: $root.addPolicy" style="background-color: transparent !important;"> <span class="tooltipContent"> A previous version of this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been accepted by the contact (parent/guardian) and may not be deleted </span> 3170 </span> 3171 <!-- /ko --> 3172 <!-- ko ifnot: previousAcceptedVersion --> <span class="iconBtn icon-add tooltip noPadding" data-bind="click: $root.addPolicy" style="background-color: transparent !important;"> <span class="tooltipContent"> Add <!-- ko text: clubPolicyType() --><!-- /ko --> 3173 </span> 3174 </span> 3175 <!-- /ko --> 3176 <!-- /ko --> 3177 3178 <!-- ko if: isDeletable --> 3179 <span class="iconBtn icon-delete tooltip noPadding" data-bind="click: $root.removePolicy"> 3180 <span class="tooltipContent"> 3181 <!-- ko if: viewed() && !accepted() --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been viewed but was not accepted <!-- /ko --> 3182 <!-- ko if: !viewed() --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has not yet been viewed nor accepted. <!-- /ko --> 3183 </span> 3184 </span> 3185 <!-- /ko --> 3186 3187 <!-- ko if: accepted --> <span class="icon-delete iconBtn tooltip noPadding isDisabled"> <span class="tooltipContent"> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> has been accepted by the contact (parent/guardian) on <span data-bind="text: accepted.date(SHORT_DATE)"></span> and may not be deleted </span> 3188 </span> 3189 <!-- /ko --> 3190 3191 <!-- ko if: downloadLink --> 3192 <a data-bind="attr: {href: downloadLink}" target="_blank" class="tooltip" title="Download a PDF copy"> 3193 <span class="icon-download iconBtn noPadding"></span> 3194 </a> 3195 <!-- /ko --> 3196 </div> 3197 </div> 3198 </script>
3198 3199 3200
3200<script type="text/html" id="policyContentTemp"> 3201 <div class="modal fade" id="policyModal"> 3202 <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable"> 3203 <div class="modal-content"> 3204 <div class="modal-header"> 3205 <div class="fullWidth"> 3206 <div class="m-row" data-bind="css: { rightSpace: allowPreview }"> 3207 <!-- ko if: club_policy() --> 3208 <div class="m-row tabIconSpacer" data-bind="css: headerClass"> 3209 <h2 class="modal-title fullWidth truncate-text-mobile tooltip" data-bind="attr: {title: club_policy().summary}"><!-- ko text: club_policy().summary --><!-- /ko --> </h2> 3210 <div class="iconContainer"> 3211 <div class="tabButtonBar" data-bind="css: {topAlign: !allowPreview() }"> 3212 <ul class="tabButtons"> 3213 <!-- ko ifnot: isDisabled --> 3214 <li data-bind="css: {active: showFontSelect}"> 3215 <div class="tabIcon"> 3216 <!-- ko if: showFontOptions --> 3217 <span> 3218 <!-- ko if: showFontSelect --> 3219 <a class="icon-pen staticIcon tooltip" 3220 title="Font Selection" 3221 data-bind="click: toggleFontSelect"></a> 3222 <!-- /ko --> 3223 <!-- ko ifnot: showFontSelect --> 3224 <a class="icon-pen tooltip" title="Font Selection" 3225 data-bind="click: toggleFontSelect"></a> 3226 <!-- /ko --> 3227 </span> 3228 <!-- /ko --> 3229 </div> 3230 </li> 3231 <!-- /ko --> 3232 </ul> 3233 <div> 3234 <!-- ko if: showFontOptions --> 3235 <div class="m-cellpad toolPopup rightPopup withBorder" 3236 data-bind="visible: showFontSelect" 3237 style="min-width: 150px;"> 3238 <select data-bind="value: policyFont"> 3239 <!-- ko foreach: policyFontOptions --> 3240 <option data-bind="value: k, text: v"></option> 3241 <!-- /ko --> 3242 </select> 3243 </div> 3244 <!-- /ko --> 3245 </div> 3246 </div> 3247 </div> 3248 </div> 3249 <!-- /ko --> 3250 </div> 3251 <!-- ko if: allowPreview --> 3252 <div class="iconContainer"> 3253 <span class="btn-close icon-cancel" data-bind="click: $root.close" aria-label="Close"></span> 3254 </div> 3255 <!-- /ko --> 3256 </div> 3257 </div> 3258 <!-- ko if: displayScrollError() || errorsByKey().acknowledged_age_of_majority || acceptanceError() --> 3259 <div class="textCenter error m-cellpad-h"> 3260 <!-- ko if: displayScrollError --> 3261 <!-- ko text: scrollErrorString --><!-- /ko --> 3262 <!-- /ko --> 3263 <!-- ko if: errorsByKey().acknowledged_age_of_majority || acceptanceError() --> 3264 <span data-bind="html: acceptanceError() ? acceptanceError() : errorsByKey().acknowledged_age_of_majority"></span> 3265 <!-- /ko --> 3266 </div> 3267 <!-- /ko --> 3268 <div class="modal-body"> 3269 <!-- ko if: club_policy() --> 3270 <div data-bind="policyDescription: description"></div> 3271 <!-- /ko --> 3272 <!-- ko if: displaySetting() || displayTransferEmail() --> 3273 <!-- ko if: displaySetting --> 3274 <section class="blockSection warnings noMargin" data-bind="css: {isDisabled: (isDisabled() && !missingSignature())}"> 3275 <!-- ko if: acknowledgeIdentityField --> 3276 <div data-bind="template: {name: 'policyEditableField', data: acknowledgeIdentityField}"></div> 3277 <!-- /ko --> 3278 3279 <!-- ko if: acknowledgedAgeOfMajorityField --> 3280 <div data-bind="template: {name: 'policyEditableField', data: acknowledgedAgeOfMajorityField}"></div> 3281 <!-- /ko --> 3282 3283 <!-- ko if: digitalSignatureField --> 3284 <div data-bind="template: {name: 'policyEditableField', data: digitalSignatureField}"></div> 3285 <!-- /ko --> 3286 </section> 3287 <!-- /ko --> 3288 <!-- ko if: displaySetting() && displayTransferEmail() --> 3289 <!-- ko ifnot: transfer_code --> 3290 <h4 class="textCenter">OR</h4> 3291 <!-- /ko --> 3292 <!-- ko if: transfer_code --> 3293 <br> 3294 <!-- /ko --> 3295 <!-- /ko --> 3296 <!-- ko if: displayTransferEmail --> 3297 <section class="blockSection fullWidthField warnings noMargin"> 3298 <form action="/policies/transfer-policy.php" method="post" data-bind="submit: transferPolicy"> 3299 <label for="policy_email"> 3300 <!-- ko if: transfer_code --> This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> was sent for acceptance to: <!-- /ko--> 3301 <!-- ko ifnot: transfer_code --> E-mail this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> to: <span class="icon-help tooltip tooltipster" data-bind="attr: {title: 'Send ' + clubPolicyType().toLowerCase() + ' to another party for acceptance'}"></span> 3302 <!-- /ko--> 3303 </label> 3304 <div class="m-row"> 3305 <div class="m-cell-lock sixEighth small-twoThird"> 3306 <div class="m-cellpad-v"> 3307 <!-- ko if: transfer_code --> 3308 <span data-bind="text: email"></span> 3309 <!-- /ko--> 3310 <!-- ko ifnot: transfer_code --> 3311 <input type="email" name="policy_email" id="policy_email" data-bind="value: emailTransferPolicy, css: {error: emailTransferPolicy.error}"/> 3312 <!-- /ko--> 3313 </div> 3314 </div> 3315 <!-- ko ifnot: transfer_code --> 3316 <div class="m-cell-lock twoEighth small-oneThird"> 3317 <div class="m-cellpad-h"> 3318 <input type="submit" value="Send" data-bind="disable: emailTransferPolicy.processing"> 3319 </div> 3320 </div> 3321 <!-- /ko --> 3322 </div> 3323 <!-- ko ifnot: transfer_code --> 3324 <!-- ko if: club_policy().required() --> <small>Note: You will not be allowed to proceed until the party accepts this <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> on your behalf.</small> <!-- /ko --> 3325 <!-- /ko --> 3326 </form> 3327 </section> 3328 <!-- /ko --> 3329 <!-- /ko --> 3330 </div> 3331 <!-- ko if: club_policy().display_progress_bar() && editableFields().length --> 3332 <div class="progress-bar"> 3333 <ul data-bind="foreach: editableFields" class="unstyled clearfix flexBox"> 3334 <li class="fullWidth"> 3335 <button class="fullWidth noMargin" data-bind="text: $index() + 1, 3336 css: { 3337 error: isInErrorState, 3338 warning: isInWarningState, 3339 success: value, 3340 hasFocus: hasFocus, 3341 }, 3342 click: function(data) {data.hasFocus(1)}"> 3343 </button> 3344 </li> 3345 </ul> 3346 </div> 3347 <!-- /ko --> 3348 <!-- ko if: expected_expiry_time() && (club_policy().duration_type() === 'end_date' || club_policy().duration_type() === 'effective_duration') --> 3349 <div class="warning m-cellpad-h"> <span data-bind="visible: !accepted()|| !isDisabled()">This <!-- ko text: clubPolicyType().toLowerCase() --><!-- /ko --> will be valid to</span> <span data-bind="visible: accepted() && isDisabled()">Valid to </span> 3350 <span data-bind="text: expected_expiry_time()"></span> 3351 </div> 3352 <!-- /ko --> 3353 <div class="modal-footer modal-footer--policy"> 3354 <!-- ko if: isDisabled --> 3355 <!-- ko if: accepted --> 3356 <div> 3357 <!-- ko if: deleted() --> <span>Deleted</span> 3358 <!-- /ko --> 3359 <!-- ko ifnot: deleted --> 3360 <b><span data-bind="text: club_policy().action_performed_description"></span> on:</b><br /> 3361 <span data-bind="text: accepted.date(SHORT_DATE_TIME)"></span><!-- ko if: accepted_order_id --> [Invoice # <!-- ko text: accepted_order_number --><!-- /ko -->]<!-- /ko --> 3362 <!-- /ko --> 3363 </div> 3364 <!-- /ko --> 3365 <!-- ko ifnot: accepted --> 3366 <button class="btnAction" disabled="disabled" data-bind="text: club_policy().call_to_action_description"></button> 3367 <!-- /ko --> 3368 <!-- /ko --> 3369 <!-- ko ifnot: isDisabled --> 3370 <!-- ko if: allowAcceptance --> 3371 <button data-bind="click: function(){markAsAcceptedRejected(1)}, text: club_policy().call_to_action_description, css: acceptButtonCssClasse
3371s"></button> 3372 <!-- /ko --> 3373 <!-- ko ifnot: allowAcceptance --> 3374 <button disabled="disabled" data-bind="text: club_policy().call_to_action_description, css: acceptButtonCssClasses, attr: acceptButtonAttributes"></button> 3375 <!-- /ko --> 3376 <!-- /ko --> 3377 <!-- ko if: isDisabled --> 3378 <!-- ko if: hasEditableContent() && allowPreview() --> 3379 <button class="btnAction desktopOnly" disabled="disabled">Save & Close</button> 3380 <!-- /ko --> 3381 <!-- ko if: allowPreview --> 3382 <button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}">Reject</button> 3383 <!-- /ko --> 3384 <!-- ko ifnot: allowPreview --> 3385 <button class="btnAction" data-bind="click: close">Cancel</button> 3386 <!-- /ko --> 3387 <!-- /ko --> 3388 <!-- ko ifnot: isDisabled --> 3389 <!-- ko if: hasEditableContent --> 3390 <button class="btnAction desktopOnly" data-bind="click: close, enable: enableCloseAndSaveButton()">Save & Close</button> 3391 <button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}"> Reject </button> 3392 <!-- /ko --> 3393 <!-- ko ifnot: hasEditableContent --> 3394 <button class="btnAction desktopOnly" data-bind="click: close">Close</button> 3395 <!-- ko ifnot: transfer_code --> 3396 <button class="btnAction" data-bind="click: function(){markAsAcceptedRejected(0)}"> Reject </button> 3397 <!-- /ko --> 3398 <!-- ko if: transfer_code --> 3399 <button class="btnAction" data-bind="click: close">Close</button> 3400 <!-- /ko --> 3401 <!-- /ko --> 3402 <!-- /ko --> 3403 </div> 3404 </div> 3405 3406 </div> 3407 </div> 3408 </script>
3408 3409 3410
3410<script type="text/html" id="policyEditableField"> 3411 <!-- ko if: $data --> 3412 <!-- ko ifnot: isSpecialField --> 3413 <input type="text" data-bind=" 3414 textInput: value, 3415 hasFocus: hasFocus, 3416 event: {focusout: $parent.onFocusOut, focusin: $parent.onFocusIn}, 3417 css : {error: $parent.errorsByKey()[errorKey()], datePicker: datePicker}, 3418 attr: {id: 'policy-field-' + context_id(), placeholder: placeHolder}, 3419 disable: isDisabled, 3420 style: styles"> 3421 <!-- ko if: tag() === 'signature' || tag() === 'initials' --> 3422 3423 <!-- /ko --> 3424 <!-- /ko --> 3425 <!-- ko if: isSpecialField --> 3426 <!-- ko if: isPlainText --> 3427 <span data-bind="text: value, css: { tooltip: tooltip }, attr: { title: tooltip }"></span> 3428 <!-- /ko --> 3429 <!-- ko if: isCheckbox --> 3430 <span class="inlineCheckboxFields"> 3431 <span class="checkboxField noBorder noBackground" style="width: 24px; height: 1em; line-height: 1em; top: -2px;"> 3432 <input type="checkbox" data-bind=" 3433 checked: value, 3434 hasFocus: hasFocus, 3435 disable: isDisabled, 3436 event: {focusout: $parent.onFocusOut, focusin: $parent.onFocusIn}, 3437 attr: {id: 'policy-field-' + context_id()}"> 3438 <label> </label> 3439 </span> 3440 </span> 3441 <!-- /ko --> 3442 <!-- ko if: isSelect --> 3443 <select data-bind=" 3444 hasFocus: hasFocus, 3445 event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }, 3446 css: { error: $parent.errorsByKey()[errorKey()] }, 3447 attr: { id: 'policy-field-' + context_id() }, 3448 disable: isDisabled, 3449 options: ['-- ' + placeHolder() + ' --'].concat(selectOptions()), 3450 value: value"></select> 3451 <!-- /ko --> 3452 <!-- ko if: isImage --> 3453 <!-- ko if: isReadOnly --> 3454 <!-- ko if: value --> 3455 <!-- ko if: tag() === "qrcode" && $parent.original_accepted() && $data.uri --> 3456 <a target="_blank" data-bind="attr: {href: '/policies/view/' + uri() }"> 3457 <img data-bind="attr: { src: value }" /> 3458 </a> 3459 <!-- /ko --> 3460 <!-- ko ifnot: tag() === "qrcode" && $parent.original_accepted() --> 3461 <img data-bind="attr: { src: value }" /> 3462 <!-- /ko --> 3463 <!-- /ko --> 3464 <!-- ko ifnot: value --> 3465 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkMAYAADkANVKH3ScAAAAASUVORK5CYII=" data-bind="attr: {width: getImageWidth(), height: getImageHeight()}"/> 3466 <!-- /ko --> 3467 <!-- /ko --> 3468 <!-- ko ifnot: isReadOnly --> 3469 <div class="imagePreviewHolder inlineBlock"> 3470 <!-- ko if: value --> 3471 <img class="imagePreview" data-bind="attr: { src: value }" /> 3472 <span class="icon-delete" data-bind="click: sfvRemoveValue"></span> 3473 <!-- /ko --> 3474 <!-- ko ifnot: value --> 3475 <input type="file" style="position: absolute; margin-top: 0; border: 0;" data-bind=" 3476 style: { width: getImageWidth() + 'px', height: getImageHeight() + 'px' }, 3477 event: { change: sfvSelectFile($element), focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }, 3478 css: { error: $parent.errorsByKey()[errorKey()] }, 3479 attr: { accept: sfvAcceptedTypes }" /> 3480 <img class="imagePreview" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkMAYAADkANVKH3ScAAAAASUVORK5CYII=" data-bind="attr: {width: getImageWidth(), height: getImageHeight()}"/> 3481 <!-- /ko --> 3482 </div> 3483 <!-- /ko --> 3484 <!-- /ko --> 3485 <!-- ko if: isAcknowledgeIdentity --> 3486 <div class="checkboxField noBorder" data-bind="css: {error: $parent.errorsByKey().acknowledged_by, isDisabled: isDisabled}"> 3487 <input type="checkbox" name="acknowledged_by" value="1" data-bind=" 3488 checked: value, 3489 attr: {id: 'acknowledged_by_' + $parent.context_id()}, 3490 disable: isDisabled, 3491 hasFocus: hasFocus, 3492 event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }"> 3493 <label data-bind="attr: { for: 'acknowledged_by_' + $parent.context_id() }"> 3494 <!-- ko if: $parent.club_policy().apply_to() === 'user' --> I acknowledge that I am the parent / legal guardian of the skaters in this account <!-- /ko --> 3495 3496 <!-- ko if: $parent.club_policy().apply_to() === 'participant' --> 3497 <!-- ko if: $parent.club_policy().acknowledge_identity() === 'participant' || ($parent.club_policy().acknowledge_identity() === 'parent / legal guardian if participant is under-age' && $parent.isParticipantAgeOfMajority()) --> I acknowledge that I am the skater <!-- /ko --> 3498 <!-- ko if: $parent.club_policy().acknowledge_identity() === 'parent / legal guardian if participant is under-age' && !$parent.isParticipantAgeOfMajority() --> I acknowledge that I am the parent / legal guardian of this skater <!-- /ko --> 3499 <!-- /ko --> 3500 3501 <!-- ko if: $parent.errorsByKey().acknowledged_by --> 3502 <div class="inlineBlock icon-alert-circled staticIcon tooltip"> 3503 <span class="tooltipContent" data-bind="text: $parent.errorsByKey().acknowledged_by"></span> 3504 </div> 3505 <!-- /ko --> 3506 </label> 3507 </div> 3508 <!-- /ko --> 3509 <!-- ko if: isAcknowledgeAgeOfMajority --> 3510 <div class="checkboxField noBorder" data-bind="css : {error: $parent.errorsByKey().acknowledged_age_of_majority, isDisabled: isDisabled}"> 3511 <input type="checkbox" name="acknowledged_age_of_majority" value="1" data-bind=" 3512 checked: value, 3513 attr: { id: 'acknowledged_age_of_majority_' + $parent.context_id() }, 3514 disable: isDisabled, 3515 hasFocus: hasFocus, 3516 event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }"> <label data-bind="attr: { for: 'acknowledged_age_of_majority_' + $parent.context_id() }"> I acknowledge that I am at least <span data-bind="text: $parent.club_policy().age_of_majority"></span> years of age </label> </div> 3517 <!-- /ko --> 3518 <!-- ko if: isDigitalSignature --> 3519 <div data-bind="css: { error: $parent.errorsByKey().digital_signature, isDisabled: (isDisabled() && !$parent.missingSignature() }"> 3520 <div class="fullWidthField isRequired m-cellpad"> <label for="policy_digital_signature">Accepted by (full name): <span class="icon-help tooltip tooltipster" title="Please type your full name to be used as your digital signature for this policy"></span></label> 3521 <input type="text" name="policy_digital_signature" id="policy_digital_signature" data-bind=" 3522 textInput: value, 3523 disable: (isDisabled() && !$parent.missingSignature()), 3524 attr: { placeholder: $parent.digitalSignaturePlaceholder() }, 3525 hasFocus: hasFocus, 3526 event: { focusout: $parent.onFocusOut, focusin: $parent.onFocusIn }, 3527 style: styles"/> 3528 </div> 3529 </div> 3530 <!-- /ko --> 3531 <!-- /ko --> 3532 <!-- /ko --> 3533 </script>
3533 3534 3535 <style> 3536 .policy .checkboxField .topPadding { 3537 padding-top: 5px; 3538 } 3539 .flexBox { 3540 display: flex; 3541 } 3542 .noMargin { 3543 margin: 0 !important; 3544 } 3545 #policyModal .modal-footer.modal-footer--policy button, #policyModal .modal-footer.modal-footer--policy div { 3546 margin: 0; 3547 } 3548 #policyModal .modal-footer.modal-footer--policy { 3549 gap: 1em; 3550 justify-content: space-around; 3551 } 3552 #policyModal .modal-footer.modal-footer--policy button, #policyModal .modal-footer.modal-footer--policy div { 3553 flex: 1; 3554 } 3555 </style> 3556 <style> 3557 @import url('https://fonts.googleapis.com/css2?family=Birthstone&family=Dancing+Script&family=Italianno&family=Birthstone&family=Dancing+Script&family=Euphoria+Script&display=swap'); 3558 </style> 3559
3559<script type="text/html" id="percentOrPriceInput"> 3560 3561 <div > 3562 <div class="iconFieldContainer" data-bind="css: {rightIcon: (window._ACCOUNTING_SETTING.currency.format.pos.indexOf('%s') > window._ACCOUNTING_SETTING.currency.format.pos.indexOf('%v')) }"> 3563 <span class="indicator btn" data-bind="text: iconText, click: function(){isClickable() ? iconClick() : null;}"></span> 3564 <input type="text" data-bind="textInput: liveValue, value: updateFormat, enable: enable, attr: attributes()" class="textRight"> 3565 <input type="hidden" data-bind="value: unFormattedValue, attr: {name: inputName, id: inputId, class: inputClass}"> 3566 </div> 3567 </div> 3568 3569 </script>
3569 3570
3570<script type="text/html" id="indeterminateInput"> 3571 <div > 3572 <input data-bind="textInput: inputObservable, attr: attributes(), event: {focusin: focusIn, focusout: focusOut}"> 3573 </div> 3574 </script>
3574 3575 3576
3576<script type="text/html" id="indeterminateTextArea"> 3577 <div > 3578 <textarea data-bind="textInput: inputObservable, attr: attributes()"></textarea> 3579 </div> 3580 </script>
3580 3581 3582
3582<script type="text/html" id="indeterminateWidget"> 3583 <!-- ko if: typeof targetObservable() === 'undefined' --> 3584 <span data-bind="click: clearValue" class="linkBtn icon-delete linkBtn-margin-left--5"></span> 3585 <!-- /ko --> 3586 <!-- ko if: typeof targetObservable() !== 'undefined' --> 3587 <span data-bind="click: undoChanges" class="linkBtn icon-undo linkBtn-margin-left--5"></span> 3588 <!-- /ko --> 3589 </script>
3589 3590
3590<script type="text/html" id="customLoadingTemp"> 3591 <div id="customLoading" class="popContent"> 3592 <div class="popBody popBodyLoading"> 3593 <!-- ko if: image --> 3594 3595 <img class="centerImg" data-bind="attr: {src: image}" alt="loading.."> 3596 3597 <!-- /ko --> 3598 <!-- ko if: message --> 3599 <p class="itemTitle textCenter" data-bind="text: message"></p> 3600 <!-- /ko --> 3601 </div> 3602 </div> 3603 </script>
3603 3604
3604<script type="text/html" id="confirmModalTemp"> 3605 <div id="confirmModal" class="popContent"> 3606 <header class="headerDivider"> 3607 <h3>Confirm</h3> 3608 </header> 3609 <div class="popBody"> 3610 <!-- ko if: errors().length --> 3611 <div class="noticeMessage" > 3612 <!-- ko if: errors().length --> 3613 <div class="error"> <strong>You have encountered the following error(s) on this page:</strong> <ul data-bind="foreach: errors"> 3614 <li class="errorMsg" data-bind="html: $data"></li> 3615 </ul> 3616 </div> 3617 <!-- /ko --> 3618 <!-- ko if: warnings().length --> 3619 <div class="warnings"> 3620 <ul data-bind="foreach: warnings"> 3621 <li class="warningMsg" data-bind="html: $data"></li> 3622 </ul> 3623 </div> 3624 <!-- /ko --> 3625 <!-- ko if: typeof success === 'function' && success() && success().length --> 3626 <ul class="success" data-bind="foreach: success"> 3627 <li class="successMsg" data-bind="text: $data"></li> 3628 </ul> 3629 <!-- /ko --> 3630 3631</div> <!-- /ko--> 3632 <!-- ko if: isWarning --> 3633 3634 <div class="warningMsg m-table"> 3635 <div class="m-cell oneEighth textCenter"> 3636 <span class="icon-alert-circled staticIcon"></span> 3637 </div> 3638 <div class="m-cell sevenEighth"> <b>*Note:</b> <span data-bind="text: msg"></span> 3639 </div> 3640 </div> 3641 <!-- /ko --> 3642 <!-- ko ifnot: isWarning --> 3643 <p data-bind="html: msg"></p> 3644 <!-- /ko --> 3645 <!-- ko if: extraOption --> 3646 <div class="checkboxField"> 3647 <input type="checkbox" value="1" data-bind="checked: selected" id="extraOption"/> 3648 <label class="fullWidth" for="extraOption" data-bind="text: extraOption"></label> 3649 </div> 3650 <!-- /ko --> 3651 </div> 3652 <footer class="footerDivider buttonBar textRight"> 3653 <div class="m-cell fullWidth"> 3654 <!-- ko ifnot: hideCancel --> 3655 <button class="btn" data-bind="click: cancel">Cancel</button> 3656 <!-- /ko --> 3657 <!-- ko ifnot: hideOk --> 3658 <button class="btn" data-bind="click: ok">Ok</button> 3659 <!-- /ko --> 3660 </div> 3661 </footer> 3662 </div> 3663 </script>
3663 3664
3664<script type="text/html" id="LSLanguageSelectorTemp"> 3665 <!-- ko if: langOptions().length > 1 --> 3666 <div class="language-selector" data-bind="foreach: langOptions"><span data-bind="text: v, click: $parent.changeInputLang, css: {'error': $parent.errorByLangKey()[k]}, attr: {'data-lang': k}"></span></div> 3667 <!-- /ko --> 3668 </script>
3668 3669 3670 <style> 3671 .language-selector--container { 3672 display: flex; 3673 justify-content: space-between; 3674 padding-bottom: 1px; 3675 } 3676 .language-selector--container-right { 3677 justify-content: flex-end; 3678 } 3679 .language-selector { 3680 display: flex; 3681 align-self: flex-end; 3682 } 3683 .language-selector span { 3684 padding: 2px 6px; 3685 font-weight: normal; 3686 cursor: pointer; 3687 border: 1px solid #ccc; 3688 } 3689 .language-selector span:first-child { 3690 border-radius: 5px 0 0 5px; 3691 } 3692 .language-selector span:last-child { 3693 border-radius: 0 5px 5px 0; 3694 } 3695 .language-selector span.selected { 3696 background-color: #c8ddff; 3697 border: 1px solid #309acf; 3698 cursor: default; 3699 font-weight: bold; 3700 } 3701 </style> 3702
3702<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"586155d4cfe04fe38cd4d66fb5363c29","spa":2}' crossorigin="anonymous"></script>
3702 3703</body> 3704</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.