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