1 2 3 4 <!-- Google Analytics --> 5 6<!DOCTYPE html> 7<html lang="en-GB" data-root="/"> 8 9<head> 10 <meta charset="utf-8" /> 11<meta name="viewport" content="width=device-width, initial-scale=1.0"> 12 13 14 15 <title>Interested in Membership?</title> 16 17 <link rel="icon" href="data:image/png;base64,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" type="image/x-icon" /> 18 19 20 21 22<style type="text/css"> 23 .data { 24 display: none; 25 } 26</style> 27 28 29<link rel="stylesheet" href="https://www.colemanstreet.org/css/content.css?v=6.2.19.18" /> 30 31<link href="https://www.colemanstreet.org/Content/fontawesome/css/all.min.css" rel="stylesheet" type="text/css" /> 32<link href="https://www.colemanstreet.org/Content/fontawesome/css/v4-shims.min.css" rel="stylesheet" type="text/css" /> 33 34<link href="https://www.colemanstreet.org/Content/less/All.less?v=6.2.19.18" rel="stylesheet" type="text/css" /> 35<link href="https://www.colemanstreet.org/Content/less/NonLess.css?v=6.2.19.18" rel="stylesheet" type="text/css" /> 36 37<link rel="stylesheet" href="https://www.colemanstreet.org/css/kendo.css?v=6.2.19.18" /> 38 39 <style type="text/css"> 40 #events-bind {background-image: none !important;} 41 </style>
42<script src="https://www.colemanstreet.org/Scripts/prefixfree.min.js" type="text/javascript"></script>
42 43 44 45 46 <meta property="og:title" content="Coleman Street Ward Club" /> 47<meta property="og:type" content="website" /> 48<meta property="og:url" content="http://www.colemanstreet.org/Registration/Register/Index?id=1" /> 49<meta property="og:description" content="" /> 50<meta property="og:image" content="https://www.colemanstreet.org/Client/Images/Site/MicrosoftTeams-image__5_.png" /> 51 52 53 54 55
55<script type="text/javascript"> 56 var myClubhouseData = {"ClubName":"Coleman Street Ward Club","Culture":{"Currency":{"ISOSymbol":"GBP","Symbol":"£","DecimalPlaces":2,"DecimalDelimiter":".","GroupDelimiter":",","GroupSizes":[3],"PositivePattern":0,"NegativePattern":1},"Number":{"DecimalDelimiter":".","GroupDelimiter":",","GroupSizes":[3],"NegativePattern":1},"DateTime":{"ShortDatePattern":"dd/MM/yyyy","LongDatePattern":"dddd, d MMMM yyyy","ShortTimePattern":"HH:mm","LongTimePattern":"HH:mm:ss","DateTimePattern":"dd/MM/yyyy HH:mm","FullDateTimePattern":"dddd, d MMMM yyyy HH:mm:ss"}},"TimezoneID":"Europe/London","Terminology":{"OrgName":"Coleman Street Ward Club","OrgType":"club","Branch":"Branch","Branches":"Branches","Section":"Section","Sections":"Sections","User":"member","Users":"members","Official":"officer","Officials":"officers","Usership":"membership","LinkedSubscription":"Linked Subscription","SubscriptionAddOn":"Add-on","Token":"Token","TokenSystem":"Token","VAT":"VAT","AbilityLevel":"Ability Level","SecondAbilityLevel":"Ability Level","EventOrganiser":"Organiser","EventOrganiser2":"Second Organiser","EventOrganisingBranch":"Organising %Branch%","EventOrganisingSection":"Organising %Section%","HorseMember":"Member","HorseNonMember":"Non-Member","Certification":"Certification"},"HasBranches":false,"HasSections":false,"HasSeasons":true,"HasAbilityLevels":false,"HasSecondAbilityLevels":false,"CurrentSeasonStartDate":"01/01/2026","IsSmsEnabled":false,"IsVatRegistered":false,"TokensAreMoney":false,"EnabledModules":["CHAT_ROOMS","CMS","FAMILY_GROUPS","SHOP"],"IsDemo":false,"IsDebugging":false,"ClubLocation":{"Location":null,"
56Latitude":null,"Longitude":null},"PrimaryColour":"rgb(75, 19, 23)","SecondaryColour":"rgb(0, 13, 84)","CurrentUser":{"ID":null,"Name":null,"CompanyName":null,"HasEmail":false},"CurrentUserCanModifyMenu":false,"HorsesHaveMembership":true}; 57 var myClubhouseUrlReferrer = ''; 58 </script>
58 59 60 <!-- Site Analytics Module - disable when debugging --> 61
61<script src="/Scripts/CookieConsent.js"></script>
61 62
62<script> 63 window.addEventListener("load", function () { 64 CookieConsent.init({"ClubName":"Coleman Street Ward Club","Analytics":false,"Marketing":false,"EmbeddedContent":false}); 65 }); 66 </script>
66 67</head> 68 69<body> 70 71 72 73<!-- Main Menu --> 74<!-- This is Views/Shared/_MenuBar.cshtml --> 75 76 77 78 79<div class="banner-messages"> 80 <!-- Bad Browser Warning --> 81 <div id="browser-warning" class="banner-message banner-message-danger" style="display: none"> 82 <span class="pull-right"> 83 <i class="fa fa-close"></i> 84 </span> 85 <h1><i class="fa fa-exclamation-triangle"></i> Outdated Browser</h1> 86 <p> 87 Some website features may not work properly and it will probably run very slowly. For a better experience (and better security!) keep your browser up to date. Check 88 <a href="http://outdatedbrowser.com">here</a> for latest versions. 89 </p> 90 </div> 91 92 <!-- Demo Mode Warning --> 93 <div id="sandbox-warning" class="banner-message banner-message-warning" style="display: none; text-align: center;"> 94 <h1><i class="fa fa-exclamation-triangle"></i> Sandbox Mode</h1> 95 <p> 96 Warning! Use fictitious data only; any personal data entered will become publicly available. 97 <a class="alert-link" href="https://clients.myclubhouse.co.uk/Home/ContactUs?Subject=Sandbox%20Login%20Request" target="_blank">Get free 'admin' access</a>. 98 </p> 99 </div> 100</div> 101 102<div class="navbar-wrapper " data-spy="affix" data-offset-top="1"> 103 104 <nav id="main-menu" class="navbar navbar-inverse navbar-clubhouse"> 105 <div class="container-fluid" data-bind="visible: true" style="display: none;"> 106 <div class="navbar-header"> 107 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse"> 108 <span class="sr-only">Toggle navigation</span> 109 <span class="icon-bar"></span> 110 <span class="icon-bar"></span> 111 <span class="icon-bar"></span> 112 </button> 113 <!-- Show the home button if it hasn't been hidden --> 114 <a class="navbar-brand" href="/" title="Home"> 115 <img src="https://www.colemanstreet.org/Client/Images/Site/cswc_logo_new_1024w_text.png" alt="Home" style="border: 0"/> 116 </a> 117 </div> 118 119 <div class="navbar-collapse collapse" id="main-navbar-collapse"> 120 <ul class="nav navbar-nav navbar-main"> 121 <!-- Groups --> 122 123<li class="dropdown"> 124 <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Club Information" role="button" aria-expanded="false"> 125 <i class="fa fa-info-circle"></i> Club Information <span class="caret"></span> 126 </a> 127 128 <ul class="dropdown-menu" role="menu"> 129 130 <li> 131 <a href="/Home" data-caption="Home Page" > 132 <i class="fa-fw fa fa-home"></i> 133 Home Page 134 </a> 135 </li> 136 137 138 <li> 139 <a href="/Cms/Spaces/DEFAULT/General+Information" data-caption="About the Club" > 140 <i class="fa-fw fal fa-question-circle"></i> 141 About the Club 142 </a> 143 </li> 144 145 146 <li> 147 <a href="/Cms/Spaces/INFO/Club+Rules" data-caption="Club Rules" > 148 <i class="fa-fw fal fa-book"></i> 149 Club Rules 150 </a> 151 </li> 152 153 154 <li> 155 <a href="/Registration/Register/Index?id=1" data-caption="Register Interest in Joining" > 156 <i class="fa-fw fal fa-person-sign"></i> 157 Register Interest in Joining 158 </a> 159 </li> 160 161 162 <li> 163 <a href="/Home/ContactUs" data-caption="Contact Us" > 164 <i class="fa-fw fa fa-phone"></i> 165 Contact Us 166 </a> 167 </li> 168 169 170 171 172 173 174 <li role="separator" class="divider"></li> 175 <li> 176 <a href="/PrivacyPolicy" data-caption="Privacy Policy" > 177 <i class="fa-fw fa fa-lock"></i> 178 Privacy Policy 179 </a> 180 </li> 181 182 183 <li> 184 <a href="/Home/TermsAndConditions" data-caption="Terms and Conditions" > 185 <i class="fa-fw fa fa-gavel"></i> 186 Terms and Conditions 187 </a> 188 </li> 189 190 </ul> 191</li> 192 193 194 195<li class="dropdown"> 196 <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="About Coleman Street" role="button" aria-expanded="false"> 197 <i class="fas fa-question-square"></i> About Coleman Street <span class="caret"></span> 198 </a> 199 200 <ul class="dropdown-menu" role="menu"> 201 202 <li> 203 <a href="/Cms/Spaces/PUBLIC/Club+Rules" data-caption="Club Rules" > 204 <i class="fa-fw"></i> 205 Club Rules 206 </a> 207 </li> 208 209 210 <li> 211 <a href="/Cms/Spaces/PUBLIC/About+Coleman+Street" data-caption="About Coleman Street" > 212 <i class="fa-fw"></i> 213 About Coleman Street 214 </a> 215 </li> 216 217 218 <li> 219 <a href="/Cms/Spaces/PUBLIC/Around+the+
219Ward" data-caption="Around the Ward" > 220 <i class="fa-fw"></i> 221 Around the Ward 222 </a> 223 </li> 224 225 226 <li> 227 <a href="/Cms/Spaces/PUBLIC/History+in+the+Ward" data-caption="History in the Ward" > 228 <i class="fa-fw"></i> 229 History in the Ward 230 </a> 231 </li> 232 233 234 <li> 235 <a href="/Cms/Spaces/PUBLIC/Ward+Boundary" data-caption="Ward Boundary" > 236 <i class="fa-fw"></i> 237 Ward Boundary 238 </a> 239 </li> 240 241 242 <li> 243 <a href="/Cms/Spaces/PUBLIC/Common+Council" data-caption="Common Council" > 244 <i class="fa-fw"></i> 245 Common Council 246 </a> 247 </li> 248 249 250 <li> 251 <a href="/Cms/Spaces/PUBLIC/Armourers+Hall" data-caption="Armourers' Hall" > 252 <i class="fa-fw"></i> 253 Armourers' Hall 254 </a> 255 </li> 256 257 258 <li> 259 <a href="/Cms/Spaces/PUBLIC/St+Margaret+Lothbury" data-caption="St. Margaret, Lothbury" > 260 <i class="fa-fw"></i> 261 St. Margaret, Lothbury 262 </a> 263 </li> 264 265 266 <li> 267 <a href="/Cms/Spaces/PUBLIC/Links" data-caption="Links" > 268 <i class="fa-fw"></i> 269 Links 270 </a> 271 </li> 272 273 </ul> 274</li> 275 276 277 278<li class="dropdown"> 279 <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Events" role="button" aria-expanded="false"> 280 <i class="fas fa-wine-glass-alt"></i> Events <span class="caret"></span> 281 </a> 282 283 <ul class="dropdown-menu" role="menu"> 284 285 <li> 286 <a href="/Events/Calendar" data-caption="Events Calendar" > 287 <i class="fa-fw fa fa-calendar"></i> 288 Events Calendar 289 </a> 290 </li> 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 </ul> 313</li> 314 315 316 317 <!-- Overflow --> 318 <li id="overflow-menu" class="dropdown hidden-xs" style="display: none"> 319 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> 320 <i class="fa fa-ellipsis-v"></i> 321 </a> 322 323 <ul class="dropdown-menu dropdown-menu-right" role="menu"> 324 325 <li class="dropdown dropdown-submenu"> 326 <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Club Information" role="button" aria-expanded="false"> 327 <i class="fa-fw fa fa-info-circle"></i> 328 Club Information 329 </a> 330 331 <ul class="dropdown-menu" role="menu"> 332 333 <li> 334 <a href="/Home" data-caption="Home Page" > 335 <i class="fa-fw fa fa-home"></i> 336 Home Page 337 </a> 338 </li> 339 340 341 <li> 342 <a href="/Cms/Spaces/DEFAULT/General+Information" data-caption="About the Club" > 343 <i class="fa-fw fal fa-question-circle"></i> 344 About the Club 345 </a> 346 </li> 347 348 349 <li> 350 <a href="/Cms/Spaces/INFO/Club+Rules" data-caption="Club Rules" > 351 <i class="fa-fw fal fa-book"></i> 352 Club Rules 353 </a> 354 </li> 355 356 357 <li> 358 <a href="/Registration/Register/Index?id=1" data-caption="Register Interest in Joining" > 359 <i class="fa-fw fal fa-person-sign"></i> 360 Register Interest in Joining 361 </a> 362 </li> 363 364 365 <li> 366 <a href="/Home/ContactUs" data-caption="Contact Us" > 367 <i class="fa-fw fa fa-phone"></i> 368 Contact Us 369 </a> 370 </li> 371 372 373 374 375 376 377 <li role="separator" class="divider"></li> 378 <li> 379 <a href="/PrivacyPolicy" data-caption="Privacy Policy" > 380 <i class="fa-fw fa fa-lock"></i> 381 Privacy Policy 382 </a> 383 </li> 384 385 386 <li> 387 <a href="/Home/TermsAndConditions" data-caption="Terms and Conditions" > 388 <i class="fa-fw fa fa-gavel"></i> 389 Terms and Conditions 390 </a> 391 </li> 392 393 </ul> 394 </li> 395 396 397 <li class="dropdown dropdown-submenu"> 398 <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="About Coleman Street" role="button" aria-expanded="false"> 399 <i class="fa-fw fas fa-question-square"></i> 400 About Coleman Street 401 </a> 402 403 <ul class="dropdown-menu" role="menu"> 404 405 <li> 406 <a href="/Cms/Spaces/PUBLIC/Club+Rules" data-caption="Club Rules" > 407 <i class="fa-fw"></i> 408 Club Rules 409 </a> 410 </li> 411 412 413 <li> 414 <a href="/Cms/Spaces/PUBLIC/About+Coleman+Street" data-caption="About Coleman Street" > 415 <i class="fa-fw"></i> 416 About Coleman Street 417 </a> 418 </li> 419 420 421 <li> 422 <a href="/Cms/Spaces/PUBLIC/Around+the+
422Ward" data-caption="Around the Ward" > 423 <i class="fa-fw"></i> 424 Around the Ward 425 </a> 426 </li> 427 428 429 <li> 430 <a href="/Cms/Spaces/PUBLIC/History+in+the+Ward" data-caption="History in the Ward" > 431 <i class="fa-fw"></i> 432 History in the Ward 433 </a> 434 </li> 435 436 437 <li> 438 <a href="/Cms/Spaces/PUBLIC/Ward+Boundary" data-caption="Ward Boundary" > 439 <i class="fa-fw"></i> 440 Ward Boundary 441 </a> 442 </li> 443 444 445 <li> 446 <a href="/Cms/Spaces/PUBLIC/Common+Council" data-caption="Common Council" > 447 <i class="fa-fw"></i> 448 Common Council 449 </a> 450 </li> 451 452 453 <li> 454 <a href="/Cms/Spaces/PUBLIC/Armourers+Hall" data-caption="Armourers' Hall" > 455 <i class="fa-fw"></i> 456 Armourers' Hall 457 </a> 458 </li> 459 460 461 <li> 462 <a href="/Cms/Spaces/PUBLIC/St+Margaret+Lothbury" data-caption="St. Margaret, Lothbury" > 463 <i class="fa-fw"></i> 464 St. Margaret, Lothbury 465 </a> 466 </li> 467 468 469 <li> 470 <a href="/Cms/Spaces/PUBLIC/Links" data-caption="Links" > 471 <i class="fa-fw"></i> 472 Links 473 </a> 474 </li> 475 476 </ul> 477 </li> 478 479 480 <li class="dropdown dropdown-submenu"> 481 <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Events" role="button" aria-expanded="false"> 482 <i class="fa-fw fas fa-wine-glass-alt"></i> 483 Events 484 </a> 485 486 <ul class="dropdown-menu" role="menu"> 487 488 <li> 489 <a href="/Events/Calendar" data-caption="Events Calendar" > 490 <i class="fa-fw fa fa-calendar"></i> 491 Events Calendar 492 </a> 493 </li> 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 </ul> 516 </li> 517 518 </ul> 519 </li> 520 </ul> 521 522 <!-- ko if: IsUserSignedIn --> 523 <p class="navbar-text navbar-right"> 524 <a href="/SignOut" alt="Sign out" title="Sign out"> 525 <i class="far fa-sign-out"></i> 526 <span class="visible-xs-inline">Sign out</span> 527 </a> 528 </p> 529 530 <ul class="nav navbar-nav navbar-right"> 531 <li class="dropdown"> 532 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> 533 <i class="fas" data-bind="css: IsImpersonating()? 'fa-user-secret': 'fa-user'"></i> 534 <span data-bind="text: SignedInUserName"></span> <span class="caret"></span> 535 </a> 536 537 <ul class="dropdown-menu dropdown-menu-right" role="menu"> 538 539 <!-- Profile Menu Items --> 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 <li> 572 <a href="/Documents/Download" data-caption="Document Downloads" > 573 <i class="fa-fw fa fa-download"></i> 574 Document Downloads 575 </a> 576 </li> 577 578 579 580 581 582 583 584 585 586 587 <!-- Sign Out --> 588 <li role="separator" class="divider"></li> 589 <li> 590 <a href="/SignOut" alt="Sign out" title="Sign out"><i class="far fa-sign-out"></i> Sign out</a> 591 </li> 592 593 <!-- Roles --> 594 <li role="separator" class="divider"></li> 595 <li class="dropdown-header">Roles</li> 596 597 <!-- ko foreach: Roles --> 598 <li><span class="role-item" data-bind="text: Name"></span></li> 599 <!-- /ko --> 600 601 <!-- Impersonation Option --> 602 603 <!-- ko if: CanImpersonate --> 604 <li role="separator" class="divider"></li> 605 <li> 606 <a href="#" data-bind="click: impersonate"> 607 <i class="far fa-user-secret"></i> Impersonate ... 608 </a> 609 </li> 610 <li data-bind="visible: IsImpersonating"> 611 <a href="#" data-bind="click: stopImpersonating"> 612 <i class="far fa-user-slash"></i> Stop Impersonating 613 </a> 614 </li> 615 <!-- /ko --> 616 </ul> 617 </li> 618 </ul> 619 620 <p class="navbar-text navbar-right navbar-token-balance" title="Token Balance" data-bind="requiresFeature: 'TOKENS'" style="display: none"> 621 <a id="token-balance" href="/Finance/Tokens/MyTransactions">
622 <span data-bind="text: TokenBalance"></span> 623 <span class="visible-xs-inline"> 624 Tokens 625 </span> 626 </a> 627 </p> 628 <!-- /ko --> 629 <!-- ko if: !IsUserSignedIn() --> 630 <p class="nav navbar-nav navbar-right"> 631 <a class="btn btn-default" alt="Sign in" title="Sign in" data-bind="click: signIn" href="#"><i class="far fa-sign-in"></i> Sign in</a> 632 </p> 633 <!-- /ko --> 634 635 <!-- ko if: IsUserSignedIn --> 636 <p id="cart-indicator" class="navbar-text navbar-right navbar-highlightable" data-bind="css: { 'navbar-highlight': Cart.ItemCount() }, attr: { title: Cart.ItemCount()? 'You have items in basket':'' }"> 637 <a href="/Finance/Cart" data-bind="visible: true" style="display: none"> 638 <i class="fa fa-shopping-basket"></i> 639 <span class="visible-xs-inline"> 640 Shopping Basket 641 </span> 642 </a> 643 </p> 644 645 <ul class="nav navbar-nav navbar-right"> 646 <li class="dropdown"> 647 <a href="#" class="dropdown-toggle" data-bind="dropdown: 'sticky'" role="button" aria-expanded="false"> 648 <i class="fas fa-search"></i> 649 <span class="visible-xs-inline"> 650 Search 651 </span> 652 </a> 653 654 <div class="dropdown-menu search-dropdown"> 655 <div class="input-group"> 656 <input type="text" class="form-control" placeholder="what are you looking for ...?" data-bind="value: SearchText, enterkey: search"> 657 <span class="input-group-btn"> 658 <button class="btn btn-default" type="button" data-bind="click: search"> 659 <i class="fas fa-search"></i> 660 </button> 661 </span> 662 </div> 663 664 <div class="searching-indicator" data-bind="visible: IsSearching"> 665 <i class="fas fa-spin fa-spinner"></i> Searching ... 666 </div> 667 668 <div class="search-result-groups" data-bind="foreach: SearchResults"> 669 <div data-bind="visible: !$parent.SearchCategory() || $parent.SearchCategory() === Category()"> 670 <div class="search-result-group-category" data-bind="text: Category"></div> 671 <div class="search-results" data-bind="foreach: $parent.SearchCategory() === Category()? Results(): TopResults()"> 672 <a data-bind="html: MatchingSnippet, attr: { href: URL }"></a> 673 </div> 674 <div class="clearfix"> 675 <button type="button" class="btn btn-xs btn-default search-expand-btn pull-right" 676 data-bind="visible: !$parent.SearchCategory() && Results().length > TopResults().length, 677 click: function() { $parent.SearchCategory(Category()); }"> 678 more ... 679 </button> 680 <button type="button" class="btn btn-xs btn-default search-expand-btn pull-right" 681 data-bind="visible: $parent.SearchCategory() === Category(), 682 click: function() { $parent.SearchCategory(null); }"> 683 back 684 </button> 685 </div> 686 </div> 687 </div> 688 </div> 689 </li> 690 </ul> 691 <!-- /ko --> 692 693 694 <p class="navbar-text navbar-right" data-bind="visible: IsUserSignedIn"> 695 696 <!-- Questions - should go to the club itself --> 697 <a href="/Home/ContactUs" data-bind="visible: !IsAdministratorSecurityLevel()" title="Questions for Coleman Street Ward Club?"> 698 <i class="fa fa-question"></i>
699 <span class="visible-xs-inline">Questions?</span> 700 </a> 701 702 <!-- myClubhouse Service Desk - currently for admins only --> 703 <a href="https://simmetrics.atlassian.net/servicedesk" data-bind="visible: IsAdministratorSecurityLevel" title="myClubhouse Help and Support - Service Desk" target="_blank"> 704 <i class="fas fa-briefcase-medical"></i> 705 <span class="visible-xs-inline">Help and Support</span> 706 </a> 707 </p> 708 </div> 709 </div> 710 </nav> 711</div> 712 713<div id="impersonation-modal" class="modal fade" tabindex="-1" role="dialog"> 714 <div class="modal-dialog"> 715 <div class="modal-content"> 716 <div class="modal-header"> 717 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 718 <h4 class="modal-title">Impersonate Another User</h4> 719 </div> 720 <div class="modal-body"> 721 <div class="form-horizontal"> 722 <div class="form-group" data-bind="validationElement: User.ID"> 723 <label class="control-label col-md-3">User</label> 724 <div class="col-md-8"> 725 <input type="text" class="form-control user-control" data-bind="clubhouseAutoCompleteMulti: { value: User.ID, text: User.Name, options: { dataSource: lookupMatchingUsers, singleValue: true } }"/> 726 <span class="help-block" data-bind="validationMessage: User.ID"></span> 727 </div> 728 </div> 729 </div> 730 </div> 731 <div class="modal-footer"> 732 <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button> 733 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 734 </div> 735 </div> 736 </div> 737</div> 738 739 740 741<div id="my-todo-list-modal" class="modal fade" tabindex="-1" role="dialog"> 742 <div class="modal-dialog modal-lg"> 743 <div class="modal-content"> 744 <div class="modal-header"> 745 <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-bind="click: closeModal"><span aria-hidden="true">×</span></button> 746 <h4 class="modal-title">To-do List</h4> 747 </div> 748 <div class="modal-body"> 749 <table class="table table-striped table-hover"> 750 <tbody data-bind="foreach: Items"> 751 <tr class="todo-item" data-bind="css: { 'text-muted': !AreDependenciesResolved(), resolved: IsResolved, complete: IsComplete, skipped: IsSkipped, deleted: IsDeleted }"> 752 <td class="todo-ordinal"> 753 <span> 754 <span data-bind="text: $index() + 1, visible: !IsResolved()"></span> 755 <i class="fas" data-bind="visible: IsResolved, css: { 'fa-check-circle': IsComplete(), 'fa-angle-double-right': IsSkipped() }"></i> 756 </span> 757 </td> 758 <td class="todo-detail"> 759 <h4> 760 <span data-bind="style: { 'color': Type.Colour() || 'black' }, attr: { title: Type.Name }"> 761 <i class="fa-fw" data-bind="faIcon: Type.Icon() || 'fas fa-clipboard-check'"></i> 762 </span> 763 <span data-bind="text: Name"></span> 764 </h4> 765 <p data-bind="text: Description"></p> 766 767 <div data-bind="visible: !IsResolved()"> 768 <button type="button" class="btn btn-xs btn-success" 769 data-bind="visible: HasHelpSequence() && AreDependenciesResolved(), click: runHelpSequence"> 770 Show me how! 771 </button> 772 </div> 773 774 <div class="todo-resolution" data-bind="visible: IsResolved"> 775 <strong data-bind="text: Resolution"></strong> by <strong data-bind="text: ResolvedBy.Name"></strong> at <strong data-bind="text: ResolutionTime"></strong>. 776 </div> 777 </td> 778 <td> 779 <button type="button" class="btn btn-xs btn-success" data-bind="click: markComplete, visible: CanBeManuallyResolved" title="Mark completed"> 780 <i class="fas fa-check"></i> 781 </button> 782 783 <button type="button" class="btn btn-xs btn-default" data-bind="click: skip, visible: CanBeSkipped" title="Skip"> 784 <i class="fas fa-angle-double-right"></i> 785 Skip 786 </button> 787 </td> 788 <td> 789 <button type="button" class="btn btn-xs btn-default" data-bind="click: hide, visible: CanBeHidden" title="Hide"> 790 <i class="fas fa-times"></i> 791 </button> 792 </td> 793 </tr> 794 </tbody> 795 </table> 796 797 <div class="no-content" data-bind="visible: !Items().length"> 798 You have no items in your to-do list. 799 </div> 800 </div> 801 </div> 802 </div> 803</div> 804 805 806 807 808<div class="data" id="menu-user-data"> 809 {"UserID":null,"IsUserSignedIn":false,"IsImpersonating":false,"CanImpersonate":false,"SignedInUserName":null,"IsAdministratorSecurityLevel":false,"Cart":{"ItemCount":0,"TotalCost":null},"TokenBalance":null,"Roles":[],"ShowRoles":false,"HasToDoItems":false} 810</div> 811 812<!-- This is Views/Shared/_Banner.cshtml --> 813 814 815<div class="clubhouseBanner hidden-print clearfix">
816 <div class="clubhouseBannerBackground"> 817 <div></div> 818 </div> 819 820 <div class="clubhouseBannerArea"> 821 <div class="clubhouseBannerContent clubhouseBannerContentCenter"> 822 823 824<!-- Center logo and club name, side-by-side --> 825<div class="center-side-by-side"> 826 <div> 827 <span class="clubhouseBannerImageLeft"> 828 829 <span> 830 <img src="https://www.colemanstreet.org/Client/Images/Site/MicrosoftTeams-image__5_.png" alt="Home" class="no-border" /> 831 </span> 832 </span> 833 834 <span class="clubhouseTitle"> 835 <span class="clubhouseClubName">Coleman Street Ward Club</span> 836 <span class="clubhouseClubTagLine">Founded 1862</span> 837 </span> 838 839 </div> 840</div> 841 842 843 </div> 844 845 <div class="clubhouseBannerImageRight"> 846 847 </div> 848 </div> 849</div> 850 851<div id="client-messages" class="clubhouseMessages"> 852 853 854</div> 855</partial> 856 857<div class="container body-content"> 858 859 860<div id="registration-binding"> 861 862 <div data-bind="hideOnceImagesLoaded: true"> 863 864 <div class="loader-inner ball-grid-pulse"> 865 <div></div> 866 <div></div> 867 <div></div> 868 <div></div> 869 <div></div> 870 <div></div> 871 <div></div> 872 <div></div> 873 <div></div> 874 </div> 875 876</div> 877</partial> 878 879 <div data-bind="visible: true" style="display: none"> 880 <h2 class="form-header"> 881 Interested in Membership? 882 </h2> 883 884 <div data-bind="component: { name: 'registration-wizard', params: { RegistrationWizard: RegistrationWizard, doneCallback: register } }"></div> 885 </div> 886</div> 887 888<div id="registration-data" class="data"> 889 {"ID":1,"Title":"Interested in Membership?","CompleteButtonCaption":"Complete Registration","WizDefRequiredFieldsOn":true,"ShowRequiredFieldsToggleSwitch":false,"IsRegisteringForChild":false,"ShowRegisteringForChildSwitch":false,"RegisteringForChildCaption":"Are you registering on behalf of a child?","IsSlotReAssignment":false,"GroupAssignmentCode":null,"IsUserLoggedIn":false,"InvitedUserID":null,"InviteCode":null,"IntroductoryElements":[{"ID":"markdown","ComponentName":"registration-element-markdown","Definition":{"Content":"There are 25 Wards in the City of London and most Wards now have a Ward Club.\n\nColeman Street Ward Club was founded in 1862 and currently has over 200 members. \n\n#### Objects of the Club\nThe Coleman Street Ward Club is founded on a non-political basis and is for the association of members with a view to watch and protect the interest of the Ward and to promote neighbourly and social intercourse, particularly in matters of local interest and appertaining to the rights and privileges of the City of London, but excluding those of a religious or political nature.\n\n#### Membership Qualifications\n\nAll candidates for admission to membership of the Club shall be persons who, at the date of their application, are either:-\n* On the Ward list of municipal or parliamentary voters for the City of London and Westminster in respect of an address within the Ward; or\n* Shall be interested in or represent a Company, Society or Business within the Ward; or\n* Exercise a Profession or be engaged in Business within the Ward; or\n* Be a spouse or child of a member; or\n* Be able to satisfy the Membership Committee that they have the interests of the Ward at heart.\n\nNo member shall be disqualified from retaining their membership by ceasing to be on the said Ward list or by reason of their subsequently leaving the Ward.\n\nA joining fee currently £35 is levied on all new members. The Current annual Subscription is £30 payable after acceptance. ","IsFullWidth":true,"HtmlContent":"\u003cp\u003eThere are 25 Wards in the City of London and most Wards now have a Ward Club.\u003c/p\u003e\n\u003cp\u003eColeman Street Ward Club was founded in 1862 and currently has over 200 members.\u003c/p\u003e\n\u003ch4 class=\u0022form-header\u0022\u003eObjects of the Club\u003c/h4\u003e\n\u003cp\u003eThe Coleman Street Ward Club is founded on a non-political basis and is for the association of members with a view to wat
889ch and protect the interest of the Ward and to promote neighbourly and social intercourse, particularly in matters of local interest and appertaining to the rights and privileges of the City of London, but excluding those of a religious or political nature.\u003c/p\u003e\n\u003ch4 class=\u0022form-header\u0022\u003eMembership Qualifications\u003c/h4\u003e\n\u003cp\u003eAll candidates for admission to membership of the Club shall be persons who, at the date of their application, are either:-\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eOn the Ward list of municipal or parliamentary voters for the City of London and Westminster in respect of an address within the Ward; or\u003c/li\u003e\n\u003cli\u003eShall be interested in or represent a Company, Society or Business within the Ward; or\u003c/li\u003e\n\u003cli\u003eExercise a Profession or be engaged in Business within the Ward; or\u003c/li\u003e\n\u003cli\u003eBe a spouse or child of a member; or\u003c/li\u003e\n\u003cli\u003eBe able to satisfy the Membership Committee that they have the interests of the Ward at heart.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eNo member shall be disqualified from retaining their membership by ceasing to be on the said Ward list or by reason of their subsequently leaving the Ward.\u003c/p\u003e\n\u003cp\u003eA joining fee currently £35 is levied on all new members. The Current annual Subscription is £30 payable after acceptance.\u003c/p\u003e","ElementID":"markdown"},"Data":null}],"Pages":[{"Title":"Please fill in the details below","Icon":null,"Introduction":null,"Sections":[{"Title":null,"Icon":null,"Elements":[{"ID":"name","ComponentName":"registration-element-name","Definition":{"Title":{"ID":"Title","Caption":{"Value":"Title","Formatted":"Title"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** title","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e title"},"DefaultFromLoggedInUser":false},"Forename":{"ID":"Forename","Caption":{"Value":"Forename","Formatted":"Forename"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Forename","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Forename"},"DefaultFromLoggedInUser":false},"PreferredForename":{"ID":"PreferredForename","Caption":{"Value":"Preferred Forename","Formatted":"Preferred Forename"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Preferred Forename","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Preferred Forename"},"DefaultFromLoggedInUser":false},"MiddleName":{"ID":"MiddleName","Caption":{"Value":"Middle Name","Formatted":"Middle Name"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Middle Name","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Middle Name"},"DefaultFromLoggedInUser":false},"Surname":{"ID":"Surname","Caption":{"Value":"Surname","Formatted":"Surname"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Surname","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Surname"},"DefaultFromLoggedInUser":false},"PostNominal":{"ID":"PostNominal","Caption":{"Value":"Post-nominal","Formatted":"Post-nominal"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"MaidenName":{"ID":"MaidenName","Caption":{"Value":"Maiden Name","Formatted":"Maiden Name"},"Mode":0,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false}
889,"CompanyName":{"ID":"CompanyName","Caption":{"Value":"Company Name","Formatted":"Company Name"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"ElementID":"name"},"Data":"{\u0022Title\u0022:null,\u0022Forename\u0022:null,\u0022PreferredForename\u0022:null,\u0022MiddleName\u0022:null,\u0022Surname\u0022:null,\u0022PostNominal\u0022:null,\u0022MaidenName\u0022:null,\u0022CompanyName\u0022:null}"},{"ID":"occupation","ComponentName":"registration-element-occupation","Definition":{"Occupation":{"ID":"Occupation","Caption":{"Value":"Occupation","Formatted":"Occupation"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Please provide occupation if you would be willing to help the club should it need your expertise.","Formatted":"Please provide occupation if you would be willing to help the club should it need your expertise."},"DefaultFromLoggedInUser":false},"ElementID":"occupation","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022Occupation\u0022:null}"}]},{"Title":"Home Address","Icon":"fal fa-home","Elements":[{"ID":"address","ComponentName":"registration-element-address","Definition":{"MailAddressee":{"ID":"MailAddressee","Caption":{"Value":"Mail Addressee","Formatted":"Mail Addressee"},"Mode":2,"HelpText":{"Value":"To whom should correspondence from the %orgtype% be addressed? Include all active %users% to be registered at this address e.g. \u0022Mr H. \u0026 Mrs M. Simpson\u0022 or \u0022The Simpson Family\u0022.","Formatted":"To whom should correspondence from the club be addressed? Include all active members to be registered at this address e.g. \u0026quot;Mr H. \u0026amp; Mrs M. Simpson\u0026quot; or \u0026quot;The Simpson Family\u0026quot;."},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"Street":{"ID":"Street","Caption":{"Value":"Building Number/Name \u0026 Street","Formatted":"Building Number/Name \u0026amp; Street"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"City":{"ID":"City","Caption":{"Value":"Town/City","Formatted":"Town/City"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true}
889,"County":{"ID":"County","Caption":{"Value":"County","Formatted":"County"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"Country":{"ID":"Country","Caption":{"Value":"Country","Formatted":"Country"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"PostCode":{"ID":"PostCode","Caption":{"Value":"Postcode","Formatted":"Postcode"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"ShareAddress":{"ID":"ShareAddress","Caption":{"Value":"Share Address","Formatted":"Share Address"},"Mode":0,"HelpText":{"Value":"Share Address with other current %users%","Formatted":"Share Address with other current members"},"ChildHelpText":{"Value":"Share Address with other current %users%","Formatted":"Share Address with other current members"},"DefaultFromLoggedInUser":false},"HelpText":{"Value":"","Formatted":""},"ChildHelpText":{"Value":null,"Formatted":null},"AllowSharing":false,"IsHidden":false,"ShowMailAddressee":false,"Address1Label":"Address","Address2Label":"Address 2","ForAddress2":false,"ElementID":"address","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022IsAdmin\u0022:false,\u0022AddressRequired\u0022:false,\u0022ID\u0022:null,\u0022Street\u0022:null,\u0022City\u0022:null,\u0022County\u0022:null,\u0022Country\u0022:null,\u0022Postcode\u0022:null,\u0022MailAddressee\u0022:null,\u0022ShareAddress\u0022:false}"}]},{"Title":"Contact Details","Icon":"fal fa-phone","Elements":[{"ID":"email","ComponentName":"registration-element-email","Definition":{"Email1":{"ID":"Email1","Caption":{"Value":"Email 1","Formatted":"Email 1"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **your own** email.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e email."},"DefaultFromLoggedInUser":true},"ShareEmail1":{"ID":"ShareEmail1","Caption":{"Value":"Share Email 1","Formatted":"Share Email 1"},"Mode":0,"HelpText":{"Value":"Share Email 1 with other current %users%","Formatted":"Share Email 1 with other current members"},"ChildHelpText":{"Value":"Share Email 1 with other current %users%","Formatted":"Share Email 1 with other current members"},"DefaultFromLoggedInUser":false},"Email2":{"ID":"Email2","Caption":{"Value":"Email 2","Formatted":"Email 2"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter your own email or enter your child\u0027s if you would like them to receive correspondence for this account.","Formatted":"Parents, enter your own email or enter your child\u0027s if you would like them to receive correspondence for this account."},"DefaultFromLoggedInUser":true},"ShareEmail2":{"ID":"ShareEmail2","Caption":{"Value":"Share Email 2","Formatted":"Share Email 2"},"Mode":0,"HelpText":{"Value":"Share Email 2 with other current %users%","Formatted":"Share Email 2 with other current members"},"ChildHelpText":{"Value":"Share Email 2 with other current %users%","Formatted":"Share Email 2 with other current members"},"DefaultFromLoggedInUser":false},"AllowSharing":false,"RequireVerification":false,"ElementID":"email","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022Email1\u0022:null,\u0022Email2\u0022:null,\u0022ShareEmail1\u0022:false,\u0022ShareEmail2\u0022:false}"},{"ID":"phone","ComponentName":"registration-element-phone","Definition":{"HomePhone":{"ID":"HomePhone","Caption":{"Value":"Home Phone","Formatted":"Home Phone"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **your own** phone.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e phone."},"DefaultFromLoggedInUser":true},"ShareHomePhone":{"ID":"ShareHomePhone","Caption":{"Value":"Share Home Phone","Formatted":"Share Home Phone"},"Mode":0,"HelpText":{"Value":"Share Home Phone with other current %users%","Formatted":"Share Home Phone with other current members"},"ChildHelpText":{"Value":"Share Home Phone with other current %users%","Formatted":"Share Home Phone with other current members"},"DefaultFromLoggedInUser":false},"BusinessPhone":{"ID":"BusinessPhone","Caption":{"Value":"Business Phone","Formatted":"Business Phone"},"Mode":1,"HelpText":{"Value":null,"Formatted":null}
889,"ChildHelpText":{"Value":"Parents, enter **your own** phone.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e phone."},"DefaultFromLoggedInUser":true},"ShareBusinessPhone":{"ID":"ShareBusinessPhone","Caption":{"Value":"Share Business Phone","Formatted":"Share Business Phone"},"Mode":0,"HelpText":{"Value":"Share Business Phone with other current %users%","Formatted":"Share Business Phone with other current members"},"ChildHelpText":{"Value":"Share Business Phone with other current %users%","Formatted":"Share Business Phone with other current members"},"DefaultFromLoggedInUser":false},"MobilePhone":{"ID":"MobilePhone","Caption":{"Value":"Mobile Phone","Formatted":"Mobile Phone"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **your own** phone.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e phone."},"DefaultFromLoggedInUser":true},"ShareMobilePhone":{"ID":"ShareMobilePhone","Caption":{"Value":"Share Mobile Phone","Formatted":"Share Mobile Phone"},"Mode":0,"HelpText":{"Value":"Share Mobile Phone with other current %users%","Formatted":"Share Mobile Phone with other current members"},"ChildHelpText":{"Value":"Share Mobile Phone with other current %users%","Formatted":"Share Mobile Phone with other current members"},"DefaultFromLoggedInUser":false},"RequireAtLeastOne":true,"AllowSharing":false,"ElementID":"phone","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022HomePhone\u0022:null,\u0022BusinessPhone\u0022:null,\u0022MobilePhone\u0022:null,\u0022ShareHomePhone\u0022:false,\u0022ShareBusinessPhone\u0022:false,\u0022ShareMobilePhone\u0022:false}"}]},{"Title":"Work/Business","Icon":"fal fa-building","Elements":[{"ID":"form-question","ComponentName":"registration-element-form-question","Definition":{"FormID":1,"QuestionIDs":[2],"ElementID":"form-question"},"Data":"{\u0022FormID\u0022:1,\u0022CompletionReference\u0022:\u00221FFANTY9GT\u0022,\u0022Questions\u0022:[{\u0022QuestionID\u0022:2,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u0022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u00221FFANTY9GT\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:1,\u0022QuestionShortName\u0022:\u0022Work Address\u0022,\u0022QuestionText\u0022:\u0022Please enter work address (if applicable)\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00221\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:1000,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022}]}"}]},{"Title":"Membership","Icon":"fal fa-address-card","Elements":[{"ID":"alert","ComponentName":"registration-element-alert","Definition":{"Type":"info","Icon":null,"Title":"New Membership Applications","Text":"All new membership applications are subject to approval. We will contact you following your registration. ","HtmlContent":"\u003cdiv class=\u0022alert alert-info\u0022\u003e\u003cstrong\u003eNew Membership Applications\u003c/strong\u003e\u003cp\u003eAll new membership applications are subject to approval. We will contact you following your registration.\u003c/p\u003e\u003c/div\u003e","ElementID":"alert"},"Data":null},{"ID":"membership-request","ComponentName":"registration-element-membership-request","Definition":{"MembershipLabel":{"Value":"Category","Formatted":"Category"},"LinkedMembershipLabel":{"Value":"Linked Subscriptions","Formatted":"Linked Subscriptions"},"MembershipRequiredLabel":{"Value":"Are you applying for %usership%?","Formatted":"Are you applying for membership?"},"MinRequestCount":1,"MaxRequestCount":1,"MinLinkedRequestCount":null,"Ma
889xRequestCountPerSection":null,"MembershipCategoryIDs":[2],"DefaultMembershipCategoryID":2,"ShowSectionSelector":false,"HideCostsIfZero":false,"ElementID":"membership-request","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022MembershipCategoryID\u0022:null,\u0022Requests\u0022:[]}"},{"ID":"form-question","ComponentName":"registration-element-form-question","Definition":{"FormID":8,"QuestionIDs":[3],"ElementID":"form-question"},"Data":"{\u0022FormID\u0022:8,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022Questions\u0022:[{\u0022QuestionID\u0022:3,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u0022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:1,\u0022QuestionShortName\u0022:\u0022Proposer\u0022,\u0022QuestionText\u0022:\u0022Please enter name of proposer (if you have one)\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00221\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:200,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022}]}"},{"ID":"form-question","ComponentName":"registration-element-form-question","Definition":{"FormID":8,"QuestionIDs":[5,4],"ElementID":"form-question"},"Data":"{\u0022FormID\u0022:8,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022Questions\u0022:[{\u0022QuestionID\u0022:4,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u0022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:1,\u0022QuestionShortName\u0022:\u0022Other Ward Clubs\u0022,\u0022QuestionText\u0022:\u0022Please detail any other ward clubs of which you are a member.\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00222\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:1000,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022},{\u0022QuestionID\u0022:5,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u
8890022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:2,\u0022QuestionShortName\u0022:\u0022Other Livery Companies\u0022,\u0022QuestionText\u0022:\u0022Please detail any livery companies of which you are a member.\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00223\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:1000,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022}]}"}]},{"Title":"Website Access","Icon":"fal fa-key","Elements":[{"ID":"credentials","ComponentName":"registration-element-credentials","Definition":{"Username":{"ID":"Username","Caption":{"Value":"Username","Formatted":"Username"},"Mode":2,"HelpText":{"Value":"Username must be at least 6 characters long and unique. It can be any sequence of characters and, if you prefer, you can use your email address.","Formatted":"Username must be at least 6 characters long and unique. It can be any sequence of characters and, if you prefer, you can use your email address."},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"ShareEmail1":{"ID":"ShareEmail1","Caption":{"Value":"Share Username","Formatted":"Share Username"},"Mode":0,"HelpText":{"Value":"Share Username with other current %users%","Formatted":"Share Username with other current members"},"ChildHelpText":{"Value":"Share Username with other current %users%","Formatted":"Share Username with other current members"},"DefaultFromLoggedInUser":false},"Password":{"ID":"Password","Caption":{"Value":"Password","Formatted":"Password"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"AllowSharing":false,"UsernameIsOptional":false,"UsernameIsOptionalIfLoggedIn":true,"UsernameIsEmailAddress":false,"RequirePasswordTwice":true,"AllowLowStrengthPassword":false,"MinPasswordStrength":3,"ElementID":"credentials"},"Data":"{\u0022IsUserLoggedIn\u0022:false,\u0022LoggedInUserIsAdmin\u0022:false,\u0022Username\u0022:null,\u0022ShareEmail1\u0022:false,\u0022Password\u0022:null,\u0022SendCredentialsEmails\u0022:false}"},{"ID":"system-consent","ComponentName":"registration-element-system-consent","Definition":{"ElementID":"system-consent","ConsentIDs":[],"AllConsents":true,"IsFormDisplayFormat":true},"Data":"{\u0022Consents\u0022:[{\u0022ID\u0022:6,\u0022Name\u0022:\u0022Privacy Policy\u0022,\u0022Description\u0022:\u0022At Coleman Street Ward Club we take your privacy seriously. Before giving your consents, \u003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/PrivacyPolicy\\\u0022\u003eclick here to read our Privacy Policy\u003c/a\u003e which explains what personal data we collect and how we will use it.\u003cbr\u003e\\nPlease indicate that you have read the \u
889003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/PrivacyPolicy\\\u0022\u003ePrivacy Policy\u003c/a\u003e and consent to the club processing your data in accordance with it. If you do not consent to the Privacy Policy then you must stop using this site.\u0022,\u0022IsGiftAidConsent\u0022:false,\u0022AffirmLabel\u0022:\u0022I consent\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsGranted\u0022:null},{\u0022ID\u0022:7,\u0022Name\u0022:\u0022Terms \u0026 Conditions\u0022,\u0022Description\u0022:\u0022In order to use this site, you must agree to Simmetrics Ltd\u0027s \u003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/Home/TermsAndConditions\\\u0022\u003eTerms \u0026amp; Conditions\u003c/a\u003e for use of myClubhouse.\u0022,\u0022IsGiftAidConsent\u0022:false,\u0022AffirmLabel\u0022:\u0022I have read and agree to the Terms \u0026 Conditions\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsGranted\u0022:null}]}"}]},{"Title":"Consents \u0026amp; Agreements","Icon":"fal fa-badge-check","Elements":[{"ID":"agreements","ComponentName":"registration-element-agreements","Definition":{"ElementID":"agreements","ConsentIDs":[],"AllConsents":true,"IsFormDisplayFormat":true},"Data":"{\u0022Agreements\u0022:[{\u0022ID\u0022:9,\u0022Name\u0022:\u0022Declaration\u0022,\u0022Description\u0022:\u0022I desire to become a member of the Coleman Street Ward Club and I agree, if elected, to be bound by the \u003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/Cms/Spaces/PUBLIC/Club+Rules\\\u0022\u003eRules and by-laws of the Club\u003c/a\u003e.\u0022,\u0022IsGiftAidConsent\u0022:false,\u0022AffirmLabel\u0022:\u0022I agree\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsGranted\u0022:null}]}"},{"ID":"consents","ComponentName":"registration-element-consents","Definition":{"ElementID":"consents","ConsentIDs":[],"AllConsents":true,"IsFormDisplayFormat":true},"Data":"{\u0022Consents\u0022:[]}"},{"ID":"message-consents","ComponentName":"registration-element-message-consents","Definition":{"ElementID":"message-consents","IsFormDisplayFormat":true},"Data":"{\u0022IsSmsEnabled\u0022:false,\u0022CategoryConsents\u0022:[{\u0022ID\u0022:10,\u0022Name\u0022:\u0022City of London\u0022,\u0022Description\u0022:\u0022I consent to receiving messages of category City of London sent to mailing lists\u0022,\u0022MessageCategoryID\u0022:3,\u0022MessageCategoryName\u0022:\u0022City of London\u0022,\u0022AffirmLabel\u0022:\u0022I consent\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsEmailGranted\u0022:null,\u0022IsSmsGranted\u0022:null}]}"}]}]}]} 890</div> 891 892<div data-bind="stopBindings: true"> 893 <div id="photo-upload-dlg" class="modal fade"> 894 <div class="modal-dialog"> 895 <div class="modal-content"> 896 <div class="modal-header"> 897 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 898 <h4 class="modal-title"></h4> 899 </div> 900 <div class="modal-body"> 901 <div data-bind="stopBindings: true"> 902 <div class="image-uploader"> 903 904 <!-- Upload controls --> 905 <div class="mb-10"> 906 <input type="file" data-bind="fileInput: FileData, customFileInput: { buttonClass: 'btn btn-primary', fileNameClass: 'disabled form-control' }" accept="image/*" /> 907 </div> 908 909 <!-- Croppable Image - Displayed if there is a photo URL assigned visible: photoUrl --> 910 <div class="img-container" data-bind="visible: photoUrl"> 911 <img id="photo-image" class="mugshot" data-bind="cropper: { imageUrl: photoUrl, crop: parameters, options: { aspectRatio: AspectRatio, autoCrop: true, autoCropArea: 1, dragMode: 'crop' } }" style="display: inline-block; max-width: 100%" /> 912 </div> 913 914 <!-- Cropper Toolbar --> 915 <div class="docs-toolbar mb-10"> 916 <div class="btn-group"> 917 <button id="imageUploadZoomInBtn" class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="zoom" data-option="0.1" type="button" title="Zoom In">
918 <span class="fas fa-search-plus"></span> 919 </button> 920 <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="zoom" data-option="-0.1" type="button" title="Zoom Out"> 921 <span class="fas fa-search-minus"></span> 922 </button> 923 <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="rotate" data-option="-90" type="button" title="Rotate Left"> 924 <span class="fas fa-reply"></span> 925 </button> 926 <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="rotate" data-option="90" type="button" title="Rotate Right"> 927 <span class="fas fa-share"></span> 928 </button> 929 <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="setDragMode" data-option="move" type="button" title="Move"> 930 <span class="fas fa-arrows"></span> 931 </button> 932 <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="setDragMode" data-option="crop" type="button" title="Crop"> 933 <span class="fas fa-crop"></span> 934 </button> 935 <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="clear" type="button" title="Clear"> 936 <span class="fas fa-times"></span> 937 </button> 938 </div> 939 </div> 940 941 <div class="help-block"> 942 Click the 'Upload image file' button on the right-hand end of the toolbar to choose an image from your device.* 943 </div> 944 945 <div class="help-block"> 946 Use the other buttons on the toolbar to zoom, rotate and crop your image as desired. 947 </div> 948 949 <div class="help-block visible-md-block visible-lg-block"> 950 * On some desktops you can also paste a <strong>URL web link</strong> into the 'File name' box at the bottom of the Open file dialog; then click 'Open'. 951 </div> 952 953 <div class="help-block visible-xs-block visible-sm-block"> 954 * On some devices you can also take a photo from this button. Alternatively, to use an image from the web, you will need to first save the image to your device before selecting. 955 </div> 956 957 <div id="progress-bar" class="progress mb-10"> 958 <div class="progress-bar" role="progressbar" data-bind="style: { width: progress() + '%' }, attr: { 'aria-valuenow': progress }, text: progress() + '%'" 959 aria-valuemin="0" aria-valuemax="100"> 960 </div> 961 </div> 962 963 </div> 964</div></partial> 965 </div> 966 <div class="modal-footer"> 967 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 968 <button id="imageUploadModalOKBtn" type="button" class="btn btn-primary ok-btn" data-bind="enable: selectedFile || photoUrl" autofocus="true">Upload</button> 969 </div> 970 </div> 971 </div> 972 </div> 973 974 <div id="bulk-image-upload-modal" class="modal fade" tabindex="-1" role="dialog"> 975 <div class="modal-dialog modal-lg"> 976 <div class="modal-content"> 977 <div class="modal-header"> 978 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 979 <h4 class="modal-title">Bulk Image Upload</h4> 980 </div> 981 <div class="modal-body"> 982 <input type="file" multiple data-bind="fileInput: multiFileData, customFileInput: { onClear: onClear }" accept="image/*" /> 983 984 <div class="mt-10" data-bind="fileDrag: multiFileData" style="height: 75px;"> 985 <div> 986 <label class="drag-label">Drag files here</label> 987 </div> 988 </div> 989 990 <div data-bind="visible: Files().length"> 991 <h3 class="form-header"> 992 Images 993 </h3> 994 995 <div class="table-stacked" style="max-height:500px; overflow:auto;"> 996 <table class="table"> 997 <thead> 998 <tr> 999 <th class="col-md-2">Image</th> 1000 <th>File</th> 1001 <th /> 1002 </tr> 1003 </thead> 1004 <tbody data-bind="foreach: Files"> 1005 <tr> 1006 <td data-title="Image"> 1007 <img style="height: 100px;" class="img-rounded thumb" data-bind="attr: { src: DataURL }, visible: DataURL"> 1008 </td> 1009 <td data-title="File" data-bind="validationElement: IsTooBig"> 1010 <h4> 1011 <i class="far fa-file-image fa-lg"></i>
1012 <span data-bind="text: Filename"></span> 1013 </h4> 1014 1015 <div class="progress progress-thin"> 1016 <div class="progress-bar" role="progressbar" data-bind="style: { width: UploadProgress() + '%' }, attr: { 'aria-valuenow': UploadProgress }" 1017 aria-valuemin="0" aria-valuemax="100"> 1018 </div> 1019 </div> 1020 1021 <div class="text-muted"> 1022 <small> 1023 <i class="fas fa-exclamation-triangle text-danger" data-bind="visible: IsTooBig" title="File size is more than 10 MiB"></i> 1024 <span data-bind="text: Size"></span> 1025 </small> 1026 <small data-bind="text: LastModified"></small> 1027 </div> 1028 1029 <span class="help-block" data-bind="validationMessage: IsTooBig"></span> 1030 </td> 1031 <td> 1032 <button class="btn btn-xs btn-danger" data-bind="click: $parent.deleteFile"> 1033 <i class="far fa-trash-alt"></i> 1034 </button> 1035 </td> 1036 </tr> 1037 </tbody> 1038 </table> 1039 </div> 1040 </div> 1041 1042 <!-- This is _KoValidationSummary --> 1043<div data-bind="visible: validationObject.errors.isAnyMessageShown()" class="alert alert-block alert-danger"> 1044 <p>Form is not yet complete, please correct the following fields:-</p> 1045 <ul class="text-danger" data-bind="foreach: validationObject.errors"> 1046 <li data-bind="text: $data"></li> 1047 </ul> 1048</div></partial> 1049 1050 <div class="progress"> 1051 <div class="progress-bar" role="progressbar" data-bind="style: { width: UploadProgress() + '%' }, attr: { 'aria-valuenow': UploadProgress }, text: UploadProgress() + '%'" 1052 aria-valuemin="0" aria-valuemax="100"> 1053 </div> 1054 </div> 1055 1056 <div class="alert alert-success" data-bind="visible: UploadComplete"> 1057 <i class="fas fa-check-circle"></i> Upload completed successfully. 1058 </div> 1059 1060 </div> 1061 <div class="modal-footer"> 1062 <button type="button" class="btn btn-primary" data-bind="click: onOk, enable: !UploadInProgress(), visible: !UploadComplete()">Upload</button> 1063 <button type="button" class="btn btn-default" data-dismiss="modal"> 1064 <span data-bind="text: UploadInProgress()? 'Close': 'Cancel'"></span> 1065 </button> 1066 </div> 1067 </div> 1068 </div> 1069</div> 1070 1071 1072 1073</partial> 1074</div> 1075 1076</partial> 1077 1078 1079 <!-- Commonly used modals and Knockout templates --> 1080<div id="areyousure-modal" class="modal fade"> 1081 <div class="modal-dialog"> 1082 <div class="modal-content"> 1083 <div class="modal-header"> 1084 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1085 <h4 class="modal-title">Are you sure?</h4> 1086 </div> 1087 <div class="modal-body"> 1088 <p></p> 1089 </div> 1090 <div class="modal-footer"> 1091 <button type="button" class="btn btn-danger no-button" data-dismiss="modal">No</button> 1092 <button type="button" class="btn btn-success yes-button" data-dismiss="modal">Yes</button> 1093 </div> 1094 </div> 1095 </div> 1096</div> 1097</partial> 1098<div id="message-requiring-ok-modal" class="modal fade"> 1099 <div class="modal-dialog"> 1100 <div class="modal-content"> 1101 <div class="modal-header"> 1102 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1103 <h4 class="modal-title"></h4> 1104 </div> 1105 <div class="modal-body"> 1106 <p></p> 1107 </div> 1108 <div class="modal-footer"> 1109 <button type="button" class="btn btn-primary ok-button" data-dismiss="modal">OK</button> 1110 </div> 1111 </div> 1112 </div> 1113</div> 1114</partial> 1115<div id="alert-messages" class="clubhouseMessages modal fade"> 1116 1117 <div class="modal-dialog"> 1118 1119 <!-- Databound class --> 1120 <div class="modal-content" data-bind="css: CssClass"> 1121 1122 <div class="modal-header" data-bind="visible: ShowHeader"> 1123 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1124 1125 <div role="alert" data-bind="visible: Title"> 1126 <h4 class="modal-title"> 1127 <!-- Databound Title -->
1128 <span data-bind="text: Title"></span> 1129 </h4> 1130 </div> 1131 </div> 1132 1133 <div class="modal-body" data-bind="visible: Text"> 1134 <div role="alert"> 1135 <!-- Databound Text --> 1136 <span data-bind="html: Text"></span> 1137 </div> 1138 </div> 1139 1140 <div class="modal-footer" data-bind="visible: ShowFooter"> 1141 <button id="messageModalOKBtn" type="button" class="btn btn-primary ok-btn" data-dismiss="modal">OK</button> 1142 </div> 1143 1144 </div> 1145 </div> 1146</div></partial> 1147<div id="simple-question-modal" class="modal fade" tabindex="-1" role="dialog"> 1148 <div class="modal-dialog"> 1149 <div class="modal-content"> 1150 <div class="modal-header"> 1151 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1152 <h4 class="modal-title" data-bind="text: Title"></h4> 1153 </div> 1154 <div class="modal-body"> 1155 <div> 1156 <div class="form-group"> 1157 <span class="help-block" data-bind="text: Question"></span> 1158 </div> 1159 <div class="form-group" data-bind="validationElement: Answer"> 1160 <label class="control-label" data-bind="text: AnswerLabel"></label> 1161 <input type="text" class="form-control" data-bind="value: Answer" maxlength="400" /> 1162 <span class="help-block" data-bind="validationMessage: Answer"></span> 1163 </div> 1164 </div> 1165 </div> 1166 <div class="modal-footer"> 1167 <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button> 1168 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1169 </div> 1170 </div> 1171 </div> 1172</div> 1173 1174 1175 1176</partial> 1177 1178 1179<div id="messageme-modal" class="modal fade"> 1180 <div class="modal-dialog modal-lg"> 1181 <div class="modal-content"> 1182 <div class="modal-header"> 1183 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1184 <h4 class="modal-title"><i class="fa fa-envelope"></i> Message Me</h4> 1185 </div> 1186 <div class="modal-body"> 1187 1188 <p> 1189 Use this form to send an email to another member. You may only send to one member at a time. 1190 Your registered email address will be passed on to this member but you may also include alternative contact details. 1191 </p> 1192 <p> 1193 Note: Emails sent via the website are not entirely private. A copy of every email is held on the database and this can be 1194 accessed by certain club administrators using the Sent Emails page. 1195 </p> 1196 1197 <div class="form form-horizontal form-condensed"> 1198 1199 <div class="form-group"> 1200 <label class="control-label col-md-3">To</label> 1201 <div class="col-md-8"> 1202 <p class="form-control-static" data-bind="text: To"></p> 1203 </div> 1204 </div> 1205 <div class="form-group"> 1206 <label class="control-label col-md-3">From</label> 1207 <div class="col-md-8"> 1208 <p class="form-control-static"></p> 1209 </div> 1210 </div> 1211 1212 <div class="form-group" data-bind="css: { 'has-error': AlternativeEmail.error() !== null }"> 1213 <label class="control-label col-md-3">Alternative contact email</label> 1214 <div class="col-md-8"> 1215 <input type="email" class="form-control" data-bind="value: AlternativeEmail, enterkey: send" maxlength="100" autofocus="true" />
1216 <span class="help-block">Another email address which the recipient can use to contact you.</span> 1217 </div> 1218 </div> 1219 1220 <div class="form-group" data-bind="css: { 'has-error': AlternativeContact.error() !== null }"> 1221 <label class="control-label col-md-3">Alternative contact details</label> 1222 <div class="col-md-8"> 1223 <input type="email" class="form-control" data-bind="value: AlternativeContact, enterkey: send" maxlength="200" /> 1224 <span class="help-block">Other contact details which the recipient can use to contact you e.g. phone number.</span> 1225 </div> 1226 </div> 1227 1228 <div class="form-group" data-bind="css: { 'has-error': Subject.error() !== null }"> 1229 <label class="control-label col-md-3">Subject</label> 1230 <div class="col-md-8"> 1231 <input type="text" class="form-control" data-bind="value: Subject, enterkey: send" maxlength="200"/> 1232 <span class="help-block"></span> 1233 </div> 1234 </div> 1235 1236 <!-- HTML Editor for Message Body --> 1237 <div class="form-group" data-bind="css: { 'has-error': MessageBody.error() !== null }"> 1238 <label class="control-label col-md-3">Message</label> 1239 1240 <div class="col-md-8"> 1241 <div> 1242 <div data-bind="component: { name: 'html-editor', 1243 params: { 1244 content: MessageBody, 1245 options: { 1246 minHeight: '300px', 1247 maxHeight: '300px', 1248 tabKey: false, 1249 plugins: ['alignment','fontcolor','fontsize','inlinestyle','source'], 1250 styles: true, 1251 stylesClass: 'redactor-styles mail-preview' 1252 } } }"></div> 1253 <span class="help-block" data-bind="validationMessage: MessageBody, visible: MessageBody.error() !== null "></span> 1254 </div> 1255 </div> 1256 </div> 1257 1258 <div class="form-group"> 1259 <div class="col-md-offset-3 col-md-8"> 1260 <div class="checkbox"> 1261 <label> 1262 <input type="checkbox" data-bind="checked: CopyToSender, enterkey: send" /> 1263 Copy this message to my email address 1264 </label> 1265 </div> 1266 </div> 1267 </div> 1268 </div> 1269 </div> 1270 1271 <div class="modal-footer"> 1272 <button type="button" class="btn btn-primary btn-success" data-bind="click: send">Send</button> 1273 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1274 </div> 1275 </div> 1276 </div> 1277</div></partial> 1278<div data-bind="stopBindings: true"> 1279 <div id="viewconfig-edit-modal" class="modal fade" tabindex="-1" role="dialog"> 1280 <div class="modal-dialog"> 1281 <div class="modal-content"> 1282 <div class="modal-header"> 1283 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1284 <h4 class="modal-title">Save View Configuration</h4> 1285 </div> 1286 <div class="modal-body"> 1287 <div class="form-horizontal"> 1288 <div class="form-group" data-bind="validationElement: Name"> 1289 <label class="control-label col-md-3">Name</label> 1290 <div class="col-md-8"> 1291 <input type="text" class="form-control" data-bind="value: Name" />
1292 <span class="help-block" data-bind="validationMessage: Name"></span> 1293 </div> 1294 </div> 1295 <div class="form-group" data-bind="validationElement: Description"> 1296 <label class="control-label col-md-3">Description</label> 1297 <div class="col-md-8"> 1298 <textarea class="form-control" data-bind="value: Description" rows="3"></textarea> 1299 <span class="help-block" data-bind="validationMessage: Description"></span> 1300 </div> 1301 </div> 1302 <div class="form-group" data-bind="validationElement: Code"> 1303 <label class="control-label col-md-3">Code</label> 1304 <div class="col-md-8"> 1305 <input type="text" class="form-control" data-bind="value: Code" /> 1306 <span class="help-block" data-bind="validationMessage: Code"></span> 1307 <span class="help-block"> 1308 The code is used in the URL of the page to identify the view to be displayed. 1309 It should be a short text value. 1310 </span> 1311 </div> 1312 </div> 1313 <div class="form-group" data-bind="validationElement: Owner.ID"> 1314 <label class="col-md-3 control-label">Owner</label> 1315 <div class="col-md-8"> 1316 <input type="text" class="form-control user-control" data-bind="clubhouseAutoCompleteMulti: { value: Owner.ID, text: Owner.Name, options: { dataSource: lookupMatchingUsers, singleValue: true } }"/> 1317 <span class="help-block" data-bind="validationMessage: Owner.ID"></span> 1318 </div> 1319 </div> 1320 <div class="form-group"> 1321 <label class="col-md-3 control-label">Share with</label> 1322 <div class="col-md-8"> 1323 <input type="text" data-bind="clubhouseAutoCompleteMulti: { value: Shares, options: { dataSource: lookupMatchingShareOptions } }" /> 1324 <span class="help-block"> 1325 Select the members, roles, security levels or member lists with which you wish to share the view config. 1326 </span> 1327 </div> 1328 </div> 1329 <div class="form-group" data-bind="visible: CanSetDefaultForShares() && Shares().length"> 1330 <label class="control-label col-md-3">Set as Default</label> 1331 <div class="col-md-8"> 1332 <div data-bind="component: { name: 'radio-group', params: { Value: IsDefaultForShares, Options: [ true, false ] } }"></div> 1333 <p class="help-block"> 1334 If set, then this will be the default view for those people with whom it is shared, unless they 1335 have set their own personal default. 1336 </p> 1337 </div> 1338 </div> 1339 </div> 1340 </div> 1341 <div class="modal-footer"> 1342 <button type="button" class="btn btn-primary" data-bind="click: onOK">OK</button> 1343 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1344 </div> 1345 </div> 1346 </div> 1347 </div> 1348</div> 1349 1350</partial> 1351<style type="text/css"> 1352 .selector-panel > div { 1353 overflow-y: scroll; 1354 height: 500px; 1355 } 1356 1357 .styles-panel { 1358 padding-bottom: 10px; 1359 margin-bottom: 10px; 1360 border-bottom: 1px solid #ddd; 1361 } 1362 1363 .search-control { 1364 margin-bottom: 20px; 1365 } 1366 1367 .icon-panel .row { 1368 margin-bottom: 10px; 1369 } 1370 1371 .icon-option { 1372 height: 80px; 1373 text-align: center; 1374 padding: 5px; 1375 cursor: pointer; 1376 } 1377 1378 .icon-option:hover { 1379 background-color: lightblue; 1380 } 1381 1382 .icon-label { 1383 margin-top: 5px; 1384 } 1385</style> 1386 1387<div id="icon-select-modal" class="modal fade"> 1388 <div class="modal-dialog modal-lg"> 1389 <div class="modal-content"> 1390 <div class="modal-header"> 1391 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1392 <h4 class="modal-title">Choose an Icon</h4> 1393 </div> 1394 <div class="modal-body"> 1395 <div class="clearfix"> 1396 <div class="col-md-3 selector-panel"> 1397 <div> 1398 <div class="styles-panel"> 1399 <div class="checkbox"> 1400 <label> 1401 <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'solid'" /> Solid 1402 </label> 1403 </div> 1404 <div class="checkbox"> 1405 <label> 1406 <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'regular'" /> Regular 1407 </label> 1408 </div> 1409 <div class="checkbox"> 1410 <label> 1411 <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'light'" /> Light 1412 </label> 1413 </div> 1414 <div class="checkbox"> 1415 <label> 1416 <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'duotone'" /> Duotone 1417 </label> 1418 </div> 1419 <div class="checkbox"> 1420 <label> 1421 <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'brands'" /> Brands 1422 </label> 1423 </div> 1424 </div> 1425 1426 <div data-bind="foreach: Categories"> 1427 <div class="checkbox"> 1428 <label> 1429 <input type="checkbox" data-bind="checked: $parent.SelectedCategories, checkedValue: id" />
1430 <span data-bind="text: label"></span> 1431 </label> 1432 </div> 1433 </div> 1434 </div> 1435 </div> 1436 1437 <div class="col-md-9 icon-panel"> 1438 <div> 1439 <div class="input-group search-control"> 1440 <input type="text" class="form-control" placeholder="Search for..." data-bind="textInput: SearchString"> 1441 <span class="input-group-btn"> 1442 <button class="btn btn-default" type="button"> 1443 <i class="far fa-search"></i> 1444 </button> 1445 </span> 1446 </div> 1447 </div> 1448 1449 <div data-bind="foreach: DisplayedIconRows"> 1450 <div class="row" data-bind="foreach: $data"> 1451 <div class="col-md-3 icon-option" data-bind="click: select"> 1452 <div> 1453 <i class="fa-3x" data-bind="css: CssClass"></i> 1454 </div> 1455 <div class="icon-label" data-bind="text: label"></div> 1456 </div> 1457 </div> 1458 </div> 1459 1460 <div class="no-content" data-bind="visible: !DisplayedIconRows().length"> 1461 No matching icons. 1462 </div> 1463 1464 <nav aria-label="Page navigation" data-bind="visible: DisplayedIconRows().length"> 1465 <ul class="pagination"> 1466 <li> 1467 <a href="#" aria-label="Previous" data-bind="click: previousPage"> 1468 <span aria-hidden="true">«</span> 1469 </a> 1470 </li> 1471 <!-- ko foreach: Pages --> 1472 <li data-bind="css: { active: $data === $parent.PageIndex() }"> 1473 <a href="#" data-bind="text: $data + 1, click: $parent.PageIndex"></a> 1474 </li> 1475 <!-- /ko --> 1476 <li> 1477 <a href="#" aria-label="Next" data-bind="click: nextPage"> 1478 <span aria-hidden="true">»</span> 1479 </a> 1480 </li> 1481 </ul> 1482 </nav> 1483 </div> 1484 </div> 1485 </div> 1486 <div class="modal-footer"> 1487 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1488 </div> 1489 </div> 1490 </div> 1491</div> 1492 1493</partial> 1494 1495<div data-bind="stopBindings: true"> 1496 <div id="document-edit-modal" class="modal fade"> 1497 <div class="modal-dialog modal-lg"> 1498 <div class="modal-content"> 1499 <div class="modal-header"> 1500 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1501 <h4 class="modal-title"> 1502 Edit Document 1503 <span data-bind="visible: User.ID"> 1504 for <span data-bind="text: User.Name"></span> 1505 </span> 1506 </h4> 1507 </div> 1508 <div class="modal-body"> 1509 <div class="alert alert-warning" data-bind="visible: !DiskSpace.IsSpaceAvailable()" style="display: none"> 1510 <i class="fa fa-warning"></i> <strong>Out of disk space!</strong> 1511 Sorry, your directory is full. You are using <span data-bind="text: DiskSpace.UsedDiskSpace"></span>MB out of <span data-bind="text: DiskSpace.DiskSpaceLimit"></span>MB of allocated disk space. 1512 Please delete some documents or purchase extra disk space from your vendor. 1513 </div> 1514 1515 <div class="alert alert-info" data-bind="visible: DiskSpace.IsSpaceAvailable()" style="display: none"> 1516 <i class="fa fa-info-circle"></i> 1517 You are currently using <span data-bind="text: DiskSpace.UsedDiskSpace"></span>MB out of <span data-bind="text: DiskSpace.DiskSpaceLimit"></span>MB of allocated disk space. 1518 </div> 1519 1520 <form class="form-horizontal"> 1521 <div class="form-group" data-bind="visible: ID()>0"> 1522 <label class="col-md-3 control-label">ID</label> 1523 <div class="col-md-7"> 1524 <p class="form-control-static" data-bind="text: ID"></p> 1525 </div> 1526 </div> 1527 1528 <!-- validationElement: knockout validation, mostly set up in the js viewmodel --> 1529 <div class="form-group" data-bind="validationElement: Title"> 1530 <label class="col-md-3 control-label">Title</label> 1531 <div class="col-md-7"> 1532 <input name="Title" type="text" class="form-control" data-bind="value: Title, enterkey: onOk" maxlength="50" autofocus="true" />
1533 <span class="help-block" data-bind="validationMessage: Title"></span> 1534 </div> 1535 </div> 1536 1537 <div class="form-group" data-bind="validationElement: Description"> 1538 <label class="col-md-3 control-label">Description</label> 1539 <div class="col-md-7"> 1540 <textarea class="form-control" rows="3" data-bind="value: Description" maxlength="500"></textarea> 1541 <span class="help-block" data-bind="validationMessage: Description"></span> 1542 </div> 1543 </div> 1544 1545 <!-- ko if: UploadType() === "Document" --> 1546 <div data-bind="component: { name: 'entity-entitlements', params: Entitlements }"></div> 1547 1548 <div class="form-group" data-bind="validationElement: CategoryCount"> 1549 <label class="col-md-3 control-label">Categories</label> 1550 <div class="col-md-7"> 1551 <div class="form-inline"> 1552 <div class="inline-component" data-bind="component: { name: 'dropdown-checkbox-list', params: { Selection: CategoryIDs, OptionSet: 'DocumentCategories', OptionText: 'FullPath' } }"></div> 1553 <button type="button" class="btn btn-xs btn-success" data-bind="click: addCategory"> 1554 <i class="fa fa-plus"></i> 1555 </button> 1556 </div> 1557 <span class="help-block" data-bind="validationMessage: CategoryCount"></span> 1558 </div> 1559 </div> 1560 <!-- /ko --> 1561 1562 <div class="form-group" data-bind="validationElement: FileData().file"> 1563 <label class="col-md-3 control-label">File</label> 1564 <div class="col-md-7"> 1565 <div class="form-inline mb-10"> 1566 1567 <div data-bind="component: { 1568 name: 'radio-group', 1569 params: { 1570 Value: IsNewUpload, 1571 Options: [ 1572 { ID: false, Name: 'Keep Existing' , Icon: 'far fa-cloud' }, 1573 { ID: true, Name: 'New File', Icon: 'far fa-cloud-upload' } 1574 ], 1575 OptionsValue: 'ID', OptionsText: 'Name', OptionsIcon: 'Icon', 1576 Enable: CanUpload() && DiskSpace.IsSpaceAvailable() && LastUpload() != null 1577 } 1578 }"></div> 1579 1580 <div class="form-inline mb-10 mt-10" data-bind="visible: !IsNewUpload()"> 1581 <span data-bind="html: LastUpload"></span> 1582 <em data-bind="visible: !LastUpload()">(no previous upload)</em> 1583 </div> 1584 1585 <div class="form-inline mb-10 mt-10" data-bind="visible: IsNewUpload"> 1586 <div class="form-inline mb-10"> 1587 <div data-bind="attr: {title: !CanUpload() ? 'You do not have permission to upload documents' : !DiskSpace.IsSpaceAvailable() ? 'No disk space' : ''}"> 1588 <input type="file" data-bind="enable: CanUpload() && DiskSpace.IsSpaceAvailable(), fileInput: FileData, customFileInput: { buttonClass: CanUpload() && DiskSpace.IsSpaceAvailable() ? 'btn btn-primary' : 'btn btn-primary disabled', fileNameClass: 'form-control'}" /> 1589 </div>
1590 <span class="text-danger help-block" data-bind="validationMessage: FileData().file"></span> 1591 </div> 1592 <div class="progress" data-bind="visible: !IsScanning()"> 1593 <div class="progress-bar" role="progressbar" data-bind="style: { width: UploadProgress() + '%' }, attr: { 'aria-valuenow': UploadProgress }, text: UploadProgress() + '%'" 1594 aria-valuemin="0" aria-valuemax="100"> 1595 </div> 1596 </div> 1597 <div class="text-muted mt-5" data-bind="visible: IsScanning"> 1598 <i class="fa fa-spin fa-shield-virus"></i> Scanning file for viruses… 1599 </div> 1600 </div> 1601 1602 <span class="text-danger help-block" data-bind="visible: !CanUpload()">You do not have permission to upload documents.</span> 1603 <span class="text-danger help-block" data-bind="visible: CanUpload() && !DiskSpace.IsSpaceAvailable()">You cannot upload new documents because you are out of disk space.</span> 1604 1605 </div> 1606 </div> 1607 </div> 1608 1609 </form> 1610 </div> 1611 <div class="modal-footer"> 1612 <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button> 1613 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1614 </div> 1615 </div> 1616 </div> 1617 </div> 1618</div> 1619 1620</partial> 1621<div data-bind="stopBindings: true"> 1622 <div id="document-category-edit-modal" class="modal fade"> 1623 <div class="modal-dialog"> 1624 <div class="modal-content"> 1625 <div class="modal-header"> 1626 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1627 <h4 class="modal-title">Edit Document Category</h4> 1628 </div> 1629 <div class="modal-body"> 1630 <div class="form-horizontal"> 1631 <div class="form-group" data-bind="visible: ID()>0"> 1632 <label class="col-md-3 control-label">ID</label> 1633 <div class="col-md-7"> 1634 <p class="form-control-static" data-bind="text: ID"></p> 1635 </div> 1636 </div> 1637 1638 <div class="form-group"> 1639 <label class="col-md-3 control-label">Parent Category</label> 1640 <div class="col-md-7"> 1641 <select class="form-control" data-bind="select2: true, value: ParentCategoryID, options: ParentCategoryOptions, optionsValue: 'ID', optionsText: 'FullPath', optionsCaption: '(top-level)'"></select> 1642 </div> 1643 </div> 1644 1645 <div class="form-group" data-bind="validationElement: Name"> 1646 <label class="col-md-3 control-label">Name</label> 1647 <div class="col-md-7"> 1648 <input type="text" class="form-control" data-bind="textInput: Name, enterkey: onOk" maxlength="200" autofocus="true"/> 1649 <span class="help-block" data-bind="validationMessage: Name"></span> 1650 </div> 1651 </div> 1652 1653 <div class="form-group" data-bind="validationElement: Description"> 1654 <label class="col-md-3 control-label">Description</label> 1655 <div class="col-md-7"> 1656 <textarea class="form-control" rows="3" data-bind="textInput: Description" maxlength="200"></textarea>
1657 <span class="help-block" data-bind="validationMessage: Description"></span> 1658 </div> 1659 </div> 1660 </div> 1661 </div> 1662 <div class="modal-footer"> 1663 <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button> 1664 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 1665 </div> 1666 </div> 1667 </div> 1668 </div> 1669</div> 1670 1671 1672</partial> 1673 1674<div id="registration-modal" class="modal fade" tabindex="-1" role="dialog"> 1675 <div class="modal-dialog modal-lg"> 1676 <div class="modal-content"> 1677 <div class="modal-header"> 1678 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1679 <h4 class="modal-title" data-bind="text: (RegistrationWizard() && RegistrationWizard().Title) || 'Register'"></h4> 1680 </div> 1681 <div class="modal-body" data-bind="if: RegistrationWizard()"> 1682 <div data-bind="component: { name: 'registration-wizard', params: { RegistrationWizard: RegistrationWizard(), IsPreviewing: IsPreviewing(), doneCallback: register } }"></div> 1683 </div> 1684 </div> 1685 </div> 1686</div> 1687 1688</partial> 1689 1690<style type="text/css"> 1691 .slot-linked-subscriptions { 1692 border-top: 1px solid #eee; 1693 margin-top: 5px; 1694 padding: 5px; 1695 } 1696 1697 .slot-linked-subscriptions div { 1698 margin: 2px 0; 1699 } 1700</style> 1701 1702<div id="registration-complete-modal" class="modal fade" tabindex="-1" role="dialog"> 1703 <div class="modal-dialog modal-lg"> 1704 <div class="modal-content"> 1705 <div class="modal-header"> 1706 <h4 class="modal-title">Registration Complete</h4> 1707 </div> 1708 <div class="modal-body"> 1709 <!-- Alerts --> 1710 <div class="alert alert-info" data-bind="visible: RegisteredUser.ID() === LoggedInUser.ID() && IsNewUser()"> 1711 <i class="fas fa-sign-in-alt"></i> 1712 You have been automatically logged in. 1713 </div> 1714 <div class="alert alert-info" data-bind="visible: FamilyGroup.ID() && IsNewUser()"> 1715 <i class="fas fa-users"></i> 1716 <strong data-bind="text: RegisteredUser.Name"></strong> has been added to family group: <strong data-bind="text: FamilyGroup.Name"></strong> 1717 </div> 1718 1719 <!-- Registration Complete Message --> 1720 <p> 1721 Registration successfully completed for <strong data-bind="text: RegisteredUser.Name"></strong>. 1722 </p> 1723 <div data-bind="html: CompletionMessage"></div> 1724 1725 <!-- Subscriptions Requested --> 1726 <div data-bind="visible: Subscriptions().length"> 1727 <h4 class="form-header"> 1728 Requested Membership Subscriptions 1729 </h4> 1730 1731 <div class="alert alert-warning" data-bind="visible: HasSubscriptionsPendingApproval"> 1732 <i class="fas fa-user-check"></i> 1733 One or more of the requested Membership applications require approval. 1734 1735 <!-- New user or related user --> 1736 <span data-bind="visible: IsRelatedUser()"> 1737 You will be emailed if your request has been approved and, at that point, you will be able to view and accept or reject 1738 the membership offer and proceed with payment. 1739 </span> 1740 1741 <!-- Existing user has registered unrelated user --> 1742 <span data-bind="visible: !IsRelatedUser()"> 1743 <span data-bind="text: RegisteredUser.Name"></span> will be emailed once the request has been approved and, at that point, 1744 they will be able to view and accept or reject the membership offer and proceed with payment. 1745 </span> 1746 </div> 1747 1748 <div class="alert alert-success" data-bind="visible: IsRelatedUser() && HasPaymentsInBasket()"> 1749 <div> 1750 <i class="fas fa-shopping-basket"></i> 1751 Subscriptions have been automatically approved and have been added to your basket. Please now proceed there to make payment. 1752 </div> 1753 <a class="btn btn-primary mt-10" href="/Finance/Cart"> 1754 <i class="fa fa-shopping-basket"></i> Pay for Subscriptions 1755 </a> 1756 </div> 1757 1758 <div class="table-stacked"> 1759 <table class="table"> 1760 <thead> 1761 <tr> 1762 <th>Reference</th> 1763 <th>
1763Name</th> 1764 <th>Category</th> 1765 <th>Costs</th> 1766 <th class="action-column" /> 1767 </tr> 1768 </thead> 1769 <tbody data-bind="foreach: Subscriptions"> 1770 <tr> 1771 <td data-title="Reference" data-bind="text: ReferenceNumber"></td> 1772 <td data-title="Name" data-bind="text: Name"></td> 1773 <td data-title="Category"> 1774 <span data-bind="text: MembershipCategoryName"></span> 1775 <div data-bind="html: Status.Formatted"></div> 1776 <div data-bind="html: Section.Label"></div> 1777 </td> 1778 <td> 1779 <div data-bind="visible: JoiningFee.InclTax.Value"> 1780 <strong>Joining Fee</strong> 1781 <span class="label-cost" data-bind="text: JoiningFee.InclTax.Formatted"></span> 1782 </div> 1783 <div data-bind="visible: Cost.InclTax.Value"> 1784 <strong>Cost</strong> 1785 <span class="label-cost"> 1786 <span data-bind="text: Cost.InclTax.Formatted"></span> 1787 </span> 1788 <span data-bind="visible: HasEarlyPaymentOption"> 1789 / 1790 <span class="label-cost" data-bind="attr: { title: 'Early payment discount. Deadline: ' + EarlyPaymentDeadline() + ' (inclusive)' }"> 1791 <i class="fa fa-hourglass-half"></i> 1792 <span data-bind="text: EarlyPaymentCost.InclTax.Formatted"></span> 1793 </span> 1794 </span> 1795 </div> 1796 <div data-bind="foreach: AddOns"> 1797 <div> 1798 <strong data-bind="text: Name"></strong> 1799 <span class="label-cost" data-bind="text: Cost.Cost.Formatted"></span> 1800 </div> 1801 </div> 1802 </td> 1803 <td> 1804 <a class="btn btn-xs btn-info" data-bind="attr: { href: '/Subscriptions/View?id=' + ID() }, visible: !IsGroup() && !IsLinked()"> 1805 <i class="fa fa-search"></i> View 1806 </a> 1807 1808 <a class="btn btn-xs btn-info" data-bind="attr: { href: '/Subscriptions/View?id=' + ID() }, visible: IsGroup"> 1809 <i class="fa fa-users"></i> Manage 1810 </a> 1811 </td> 1812 </tr> 1813 </tbody> 1814 </table> 1815 </div> 1816 </div> 1817 1818 <!-- Group Subscription Assignment --> 1819 <div data-bind="visible: GroupSubscriptions().length"> 1820 <h4 class="form-header"> 1821 Group Subscriptions 1822 </h4> 1823 1824 <div data-bind="foreach: GroupSubscriptions"> 1825 <h5 class="form-header" data-bind="visible: $parent.GroupSubscriptions().length > 1">
1826 <span data-bind="text: MembershipCategoryName"></span> - <span data-bind="text: User.Name"></span> 1827 <small data-bind="visible: GroupName"> 1828 <strong data-bind="text: GroupNameTerm"></strong>: <span data-bind="text: GroupName"></span> 1829 </small> 1830 </h5> 1831 <p> 1832 You have requested one or more group membership subscriptions. You should now use the 1833 register buttons below to add additional members into the available slots. 1834 </p> 1835 1836 <div class="table-stacked"> 1837 <table class="table table-bordered"> 1838 <thead> 1839 <tr> 1840 <th class="id-column">No.</th> 1841 <th>Membership</th> 1842 <th></th> 1843 </tr> 1844 </thead> 1845 <tbody data-bind="foreach: Slots"> 1846 <tr> 1847 <td data-title="No." data-bind="text: Ordinal()+1"></td> 1848 <td data-title="Membership"> 1849 <div data-bind="visible: Assignee.ID"> 1850 <div class="assignee"> 1851 <span data-bind="text: Assignee.Name"></span> 1852 </div> 1853 <div class="assigned-category"> 1854 <span data-bind="text: AssignedMembershipCategoryName"></span> 1855 </div> 1856 1857 <div class="slot-linked-subscriptions" data-bind="foreach: LinkedSubscriptions, visible: LinkedSubscriptions().length"> 1858 <div> 1859 <span data-bind="html: Section.IconWithColour"></span> <span data-bind="text: MembershipCategoryName"></span> 1860 </div> 1861 </div> 1862 </div> 1863 <div data-bind="visible: !Assignee.ID()"> 1864 <div>One of:</div> 1865 <ul data-bind="foreach: CategoryOptions"> 1866 <li data-bind="text: Name"></li> 1867 </ul> 1868 </div> 1869 </td> 1870 <td> 1871 <div data-bind="visible: !Assignee.ID() && !$parent.IsApplicantAssigned()"> 1872 <div class="btn-group btn-group-sm" data-bind="visible: CategoryOptions().length > 1"> 1873 <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 1874 <i class="fa fa-user"></i> 1875 Assign to me 1876 <span class="caret"></span> 1877 </button> 1878 <ul class="dropdown-menu" data-bind="foreach: CategoryOptions"> 1879 <li> 1880 <a href="#" data-bind="text: Name, click: function() { $parents[1].assignToMe($parent, ID()); }"></a> 1881 </li> 1882 </ul> 1883 </div> 1884 <div data-bind="visible: CategoryOptions().length === 1"> 1885 <button type="button" class="btn btn-sm btn-primary" data-bind="click: function() { $parent.assignToMe($data, CategoryOptions()[0].ID()); }"> 1886 <i class="fa fa-user"></i> 1887 Assign to me 1888 </button> 1889 </div> 1890 1891 </div> 1892 1893 <button type="button" class="btn btn-sm btn-success" data-bind="click: $parent.assignSlot, visible: !Assignee.ID()"> 1894 <i class="fa fa-user-plus"></i> 1895 Register Another Member 1896 </button> 1897 1898 <div data-bind="visible: Assignee.ID"> 1899 <button type="button" class="btn btn-sm btn-success" data-bind="visible: CanAddLinkedSubscription, click: $parent.addLinkedSubscription"> 1900 <i class="fas fa-link"></i> Add Linked Subscription 1901 </button> 1902 </div> 1903 </td> 1904 </tr> 1905 </tbody> 1906 </table> 1907 </div> 1908 </div> 1909 </div> 1910 1911 <!-- Next Steps --> 1912 <div data-bind="visible: NextSteps().length"> 1913 <h4 class="form-header"> 1914 Next Steps 1915 </h4> 1916 1917 <div class="list-group" data-bind="foreach: NextSteps"> 1918 <a class="list-group-item" data-bind="attr: { href: FullLinkURL }"> 1919 <h4 class="list-group-item-heading"> 1920 <i data-bind="css: GlyphClass"></i>
1921 <span data-bind="text: Caption"></span> 1922 </h4> 1923 <p class="list-group-item-text" data-bind="text: Description"></p> 1924 </a> 1925 </div> 1926 </div> 1927 </div> 1928 </div> 1929 </div> 1930</div> 1931 1932 1933 1934<div id="add-linked-subscription-modal" class="modal fade" tabindex="-1" role="dialog"> 1935 <div class="modal-dialog modal-lg"> 1936 <div class="modal-content"> 1937 <div class="modal-header"> 1938 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1939 <h4 class="modal-title">Request Linked Membership</h4> 1940 </div> 1941 <div class="modal-body"> 1942 <div class="form-horizontal"> 1943 <div class="form-group" data-bind="validationElement: SelectedOption"> 1944 <label class="col-md-3 control-label">Membership Category</label> 1945 <div class="col-md-8"> 1946 <div data-bind="component: { 1947 name: 'linked-membership-category-dropdown', 1948 params: { 1949 SubscriptionID: SubscriptionID, 1950 HasOptions: HasOptions, 1951 SelectedOption: SelectedOption } }"></div> 1952 <span class="help-block" data-bind="validationMessage: SelectedOption"></span> 1953 1954 <div data-bind="if: Request()"> 1955 <!-- Cost Calculation --> 1956 <div data-bind="component: { 1957 name: 'membership-term-info', 1958 params: { 1959 TermOption: Request().TermOption } }"></div> 1960 </div> 1961 </div> 1962 </div> 1963 1964 <div data-bind="if: Request()"> 1965 <!-- Form --> 1966 <div class="mt-10" 1967 data-bind="component: { 1968 name: 'membership-request-form-entry', 1969 params: { 1970 MembershipCategoryOption: Request().MembershipCategoryOption, 1971 Form: Request().Form } }, 1972 visible: Request().Form"></div> 1973 1974 <!-- Add-ons --> 1975 <div class="mt-10 mb-10" 1976 data-bind="component: { 1977 name: 'membership-addons-selector', 1978 params: { 1979 Membership: Request
1979().Membership, 1980 IsRelatedUser: true, 1981 AddOnsOffered: Request().AddOnsOffered, 1982 SelectedAddOns: Request().AddOns } }, 1983 visible: Request().AddOnsOffered"></div> 1984 </div> 1985 </div> 1986 </div> 1987 <div class="modal-footer"> 1988 <div class="checkbox pull-left" data-bind="visible: IsAdmin"> 1989 <label> 1990 <input type="checkbox" data-bind="checked: SendEmails" /> 1991 Send Notification Emails 1992 </label> 1993 </div> 1994 1995 <button type="button" class="btn btn-primary" data-bind="click: execute">OK</button> 1996 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 1997 </div> 1998 </div> 1999 </div> 2000</div> 2001 2002</partial> 2003</partial> 2004 2005<div id="add-page-to-menu-modal" class="modal fade" tabindex="-1" role="dialog"> 2006 <div class="modal-dialog"> 2007 <div class="modal-content"> 2008 <div class="modal-header"> 2009 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 2010 <h4 class="modal-title">Add Page to Main Menu</h4> 2011 </div> 2012 <div class="modal-body"> 2013 <div class="form-horizontal"> 2014 <div class="form-group" data-bind="validationElement: URL"> 2015 <label class="control-label col-md-3">Page URL</label> 2016 <div class="col-md-8"> 2017 <input type="text" class="form-control" data-bind="value: URL" maxlength="1000" /> 2018 <span class="help-block" data-bind="validationMessage: URL"></span> 2019 </div> 2020 </div> 2021 2022 <div class="form-group" data-bind="validationElement: Caption"> 2023 <label class="control-label col-md-3">Caption</label> 2024 <div class="col-md-8"> 2025 <input type="text" class="form-control" data-bind="value: Caption" maxlength="200" /> 2026 <span class="help-block" data-bind="validationMessage: Caption"></span> 2027 </div> 2028 </div> 2029 <div class="form-group" data-bind="validationElement: Description"> 2030 <label class="control-label col-md-3">Description</label> 2031 <div class="col-md-8"> 2032 <textarea class="form-control" data-bind="value: Description" rows="3" maxlength="500"></textarea> 2033 <span class="help-block" data-bind="validationMessage: Description"></span> 2034 </div> 2035 </div> 2036 <div class="form-group" data-bind="validationElement: CustomTypeName, visible: !CmsPageID()"> 2037 <!-- Only enable Custom Type Name if this is going to be a new menu item --> 2038 <label class="control-label col-md-3">Custom Type Name</label> 2039 <div class="col-md-8"> 2040 <select data-bind="select2: {}, value: CustomTypeName, valueAllowUnset: true, disable: ItemID() || CmsPageID()"> 2041 <option value="">(none)</option> 2042 <option value="AnalyseForm">AnalyseForm</option> 2043 <option value="BookingCalendar">BookingCalendar</option> 2044 <option value="SCTCWebApplication.ViewModel.EditVATRatesIndexMenuItemVM">SCTCWebApplication.ViewModel.EditVATRatesIndexMenuItemVM</option> 2045 <option value="SCTCWebApplication.ViewModel.MySubscriptionHistoryIndexMenuItemVM">SCTCWebApplication.ViewModel.MySubscriptionHistoryIndexMenuItemVM</option> 2046 <option value="SCTCWebApplication.ViewModel.MySubscriptionsIndexMenuItemVM">SCTCWebApplication.ViewModel.MySubscriptionsIndexMenuItemVM</option> 2047 <option value="PrintBlankFormMenuItemVM">PrintBlankFormMenuItemVM</option> 2048 <option value="Register">Register</option> 2049 <option value="Registration">Registration</option> 2050 <option value="SMS">SMS</option> 2051 </select>
2052 <span class="help-block" data-bind="validationMessage: CustomTypeName"></span> 2053 </div> 2054 </div> 2055 <div class="form-group" data-bind="validationElement: Icon"> 2056 <label class="control-label col-md-3">Icon</label> 2057 <div class="col-md-8"> 2058 <div class="form-control-static"> 2059 <div data-bind="component: { name: 'icon-selector', params: { Value: Icon } }"></div> 2060 </div> 2061 </div> 2062 </div> 2063 2064 <div class="form-group" data-bind="validationElement: GroupID"> 2065 <label class="control-label col-md-3">Menu</label> 2066 <div class="col-md-8"> 2067 <select class="form-control" data-bind="select2: true, value: GroupID, options: GroupOptions, optionsValue: 'ID', optionsText: 'Name', valueAllowUnset: true, optionsCaption: 'Please select ...'"></select> 2068 <span class="help-block" data-bind="validationMessage: GroupID"></span> 2069 </div> 2070 </div> 2071 <div class="form-group" data-bind="validationElement: Position"> 2072 <label class="control-label col-md-3">Position</label> 2073 <div class="col-md-8"> 2074 <select class="form-control" data-bind="select2: true, value: Position, options: PositionOptions, optionsValue: 'ID', optionsText: 'Name', valueAllowUnset: true, optionsCaption: 'Please select ...'"></select> 2075 <span class="help-block" data-bind="validationMessage: Position"></span> 2076 <span class="help-block"> 2077 Select the item before which the new menu item should be inserted. 2078 </span> 2079 </div> 2080 </div> 2081 <div class="form-group"> 2082 <label class="control-label col-md-3">Start new group?</label> 2083 <div class="col-md-8"> 2084 <div data-bind="component: { name: 'radio-group', params: { Value: IsGroupStart, Options: [ true, false ] } }"></div> 2085 <span class="help-block"> 2086 If set, then the menu item will have a dividing line inserted above it. 2087 </span> 2088 </div> 2089 </div> 2090 </div> 2091 </div> 2092 <div class="modal-footer"> 2093 <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button> 2094 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 2095 </div> 2096 </div> 2097 </div> 2098</div> 2099 2100 2101</partial> 2102<div id="add-redirect-for-page-modal" class="modal fade" tabindex="-1" role="dialog"> 2103 <div class="modal-dialog"> 2104 <div class="modal-content"> 2105 <div class="modal-header"> 2106 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 2107 <h4 class="modal-title">Add a Redirect to This Page</h4> 2108 </div> 2109 <div class="modal-body"> 2110 <div class="form-horizontal"> 2111 <div class="form-group" data-bind="validationElement: FromURL"> 2112 <label class="control-label col-md-3">Redirect from</label> 2113 <div class="col-md-8"> 2114 <input type="text" class="form-control" data-bind="value: FromURL, event: { blur: checkFromUrl }" maxlength="200" placeholder="/join" /> 2115 <span class="help-block" data-bind="validationMessage: FromURL"></span> 2116 <span class="help-block text-danger" data-bind="text: fromUrlServerMessage, visible: fromUrlServerMessage"></span>
2117 <span class="help-block"> 2118 A short, memorable address, or an old address you're redirecting here, that should bring visitors 2119 to this page (e.g. /join). 2120 </span> 2121 </div> 2122 </div> 2123 <div class="form-group" data-bind="validationElement: ToURL"> 2124 <label class="control-label col-md-3">Redirect to</label> 2125 <div class="col-md-8"> 2126 <input type="text" class="form-control" data-bind="value: ToURL" maxlength="5000" placeholder="/Membership/Overview" /> 2127 <span class="help-block" data-bind="validationMessage: ToURL"></span> 2128 <span class="help-block"> 2129 Pre-filled with this page's address - edit it if you'd rather redirect to a different page, or need 2130 to include a query string (e.g. ?id=1). Any #anchor won't have any effect (see note above). 2131 </span> 2132 </div> 2133 </div> 2134 </div> 2135 </div> 2136 <div class="modal-footer"> 2137 <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button> 2138 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 2139 </div> 2140 </div> 2141 </div> 2142</div> 2143</partial> 2144 2145<div id="release-notes-modal" class="modal fade" tabindex="-1" role="dialog"> 2146 <div class="modal-dialog modal-lg"> 2147 <div class="modal-content"> 2148 <div class="modal-header"> 2149 <button type="button" class="close" aria-label="Close" data-bind="click: onOk"><span aria-hidden="true">×</span></button> 2150 <h4 class="modal-title">Release Notes</h4> 2151 </div> 2152 <div class="modal-body"> 2153 <div data-bind="foreach: Releases"> 2154 <div class="release"> 2155 <h2 class="form-header"> 2156 Version <span data-bind="text: Version"></span> 2157 <small data-bind="text: Date"></small> 2158 </h2> 2159 <div data-bind="html: Notes"></div> 2160 </div> 2161 </div> 2162 </div> 2163 <div class="modal-footer"> 2164 <button type="button" class="btn btn-default" data-bind="click: onOk">Close</button> 2165 </div> 2166 </div> 2167 </div> 2168</div> 2169 2170 2171 2172 2173<div id="token-balance-topup-modal" class="modal fade" tabindex="-1" role="dialog"> 2174 <div class="modal-dialog modal-lg"> 2175 <div class="modal-content"> 2176 <div class="modal-header"> 2177 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 2178 <h4 class="modal-title">Top Up Token Balance</h4> 2179 </div> 2180 <div class="modal-body"> 2181 <div class="form-horizontal"> 2182 <div class="form-group"> 2183 <label class="control-label col-md-3">Member</label> 2184 <div class="col-md-8"> 2185 <p class="form-control-static" data-bind="text: User.Name"></p> 2186 </div> 2187 </div> 2188 <div class="form-group"> 2189 <label class="control-label col-md-3">Current Balance</label> 2190 <div class="col-md-8"> 2191 <p class="form-control-static" data-bind="text: CurrentBalance.FormattedWithLabel"></p> 2192 </div> 2193 </div> 2194 2195 <!-- Phase 1: amount selection --> 2196 <div data-bind="visible: Phase() === 'amount'"> 2197 <div class="form-group" data-bind="validationElement: TokenCount"> 2198 <label class="control-label col-md-3">Amount to Credit</label> 2199 <div class="col-md-8"> 2200 <div data-bind="component: { name: 'token-amount-edit', params: { Value: TokenCount, TokensAreMoney: TokensAreMoney, Enabled: !PurchaseUnits().length } }"></div> 2201 <div class="mt-5" data-bind="visible: PurchaseUnits().length"> 2202 <button type="button" class="btn btn-xs btn-default" data-bind="click: reset">0</button> 2203 <!-- ko foreach: PurchaseUnits --> 2204 <button type="button" class="btn btn-xs btn-default" data-bind="text: '+' + TokenCount.Formatted(), click: $parent.addLot"></button> 2205 <!-- /ko --> 2206 </div> 2207 <div class="mt-5" data-bind="foreach: AvailableAmou
2207ntOptions, visible: TokensAreMoney() && !PurchaseUnits().length"> 2208 <button type="button" class="btn btn-xs btn-default" data-bind="text: Caption, click: function() { $parent.TokenCountMoney(Amount); }"></button> 2209 </div> 2210 <span class="help-block" data-bind="validationMessage: TokenCount"></span> 2211 <span class="help-block" data-bind="visible: LimitsMessage, html: LimitsMessage"></span> 2212 </div> 2213 </div> 2214 2215 <div class="form-group" data-bind="visible: !TokensAreMoney() || PurchaseUnits().length"> 2216 <label class="control-label col-md-3">Cost</label> 2217 <div class="col-md-8"> 2218 <p class="form-control-static" data-bind="text: Cost"></p> 2219 </div> 2220 </div> 2221 2222 <div class="form-group" data-bind="visible: !PaymentMethodOptions().length"> 2223 <div class="col-md-offset-3 col-md-8"> 2224 <span class="help-block text-warning"> 2225 <i class="fas fa-exclamation-triangle"></i> You do not have any payment methods stored on your account. Please go to your 2226 <a data-bind="clubhouseHref: '/UserPage#UserPaymentMethods'" target="_blank">Profile Page</a> to add a payment method. 2227 </span> 2228 </div> 2229 </div> 2230 </div> 2231 2232 <!-- Phase 2: payment element --> 2233 <div data-bind="visible: Phase() === 'payment'"> 2234 <div class="form-group"> 2235 <label class="control-label col-md-3">Amount to Credit</label> 2236 <div class="col-md-8"> 2237 <p class="form-control-static" data-bind="text: TokenCountWithLabel"></p> 2238 </div> 2239 </div> 2240 <div class="form-group"> 2241 <label class="control-label col-md-3">Cost</label> 2242 <div class="col-md-8"> 2243 <p class="form-control-static" data-bind="text: Cost"></p> 2244 </div> 2245 </div> 2246 <div class="form-group"> 2247 <div class="col-md-offset-3 col-md-8"> 2248 <div id="token-topup-payment-element"></div> 2249 </div> 2250 </div> 2251 </div> 2252 </div> 2253 </div> 2254 <div class="modal-footer"> 2255 <button type="button" class="btn btn-primary" data-bind="click: onContinue, visible: Phase() === 'amount', enable: !IsBusy() && !!PaymentMethodOptions().length">Continue</button> 2256 <button type="button" class="btn btn-default" data-bind="click: onBack, visible: Phase() === 'payment', enable: !IsBusy()">Back</button> 2257 <button type="button" class="btn btn-primary" data-bind="click: onPay, visible: Phase() === 'payment', enable: !IsBusy()">Pay</button> 2258 <button type="button" class="btn btn-default" data-dismiss="modal" data-bind="enable: !IsBusy()">Cancel</button> 2259 </div> 2260 </div> 2261 </div> 2262</div> 2263 2264 2265 2266<div id="eposnow-balance-top-up-modal" class="modal fade" tabindex="-1" role="dialog"> 2267 <div class="modal-dialog"> 2268 <div class="modal-content"> 2269 <div class="modal-header"> 2270 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 2271 <h4 class="modal-title">Top Up Credit Balance</h4> 2272 </div> 2273 <div class="modal-body"> 2274 <div class="form-horizontal"> 2275 <div class="form-group"> 2276 <label class="control-label col-md-3">Member</label> 2277 <div class="col-md-8"> 2278 <p class="form-control-static" data-bind="text: User.Name"></p> 2279 </div> 2280 </div> 2281 <div class="form-group"> 2282 <label class="control-label col-md-3">Current Balance</label> 2283 <div class="col-md-8"> 2284 <p class="form-control-static" data-bind="text: CreditBalance.Formatted"></p> 2285 </div> 2286 </div> 2287 2288 <!-- Phase 1: amount selection --> 2289 <div data-bind="visible: Phase() === 'amount'"> 2290 <div class="form-group" data-bind="validationElement: Amount"> 2291 <label class="control-label col-md-3">Amount to Credit</label> 2292 <div class="col-md-8"> 2293 <div class="form-inline"> 2294 <div class="input-group">
2295 <span class="input-group-addon">£</span> 2296 <input type="text" class="form-control money-control" data-bind="value: Amount"/> 2297 </div> 2298 <div class="mt-5" data-bind="foreach: AvailableAmountOptions"> 2299 <button type="button" class="btn btn-xs btn-default" data-bind="text: Caption, click: function() { $parent.Amount(Amount); }"></button> 2300 </div> 2301 </div> 2302 <span class="help-block" data-bind="validationMessage: Amount"></span> 2303 <span class="help-block" data-bind="visible: LimitsMessage, html: LimitsMessage"></span> 2304 </div> 2305 </div> 2306 2307 <div class="form-group" data-bind="visible: !PaymentMethodOptions().length"> 2308 <div class="col-md-offset-3 col-md-8"> 2309 <span class="help-block text-warning"> 2310 <i class="fas fa-exclamation-triangle"></i> You do not have any payment methods stored on your account. Please go to your 2311 <a data-bind="clubhouseHref: '/UserPage#UserPaymentMethods'" target="_blank">Profile Page</a> to add a payment method. 2312 </span> 2313 </div> 2314 </div> 2315 </div> 2316 2317 <!-- Phase 2: payment element --> 2318 <div data-bind="visible: Phase() === 'payment'"> 2319 <div class="form-group"> 2320 <label class="control-label col-md-3">Amount</label> 2321 <div class="col-md-8"> 2322 <p class="form-control-static" data-bind="text: Amount"></p> 2323 </div> 2324 </div> 2325 <div class="form-group"> 2326 <div class="col-md-offset-3 col-md-8"> 2327 <div id="eposnow-topup-payment-element"></div> 2328 </div> 2329 </div> 2330 </div> 2331 2332 </div> 2333 </div> 2334 <div class="modal-footer"> 2335 <button type="button" class="btn btn-primary" data-bind="click: onContinue, visible: Phase() === 'amount', enable: !IsBusy() && !!PaymentMethodOptions().length">Continue</button> 2336 <button type="button" class="btn btn-default" data-bind="click: onBack, visible: Phase() === 'payment', enable: !IsBusy()">Back</button> 2337 <button type="button" class="btn btn-primary" data-bind="click: onPay, visible: Phase() === 'payment', enable: !IsBusy()">Pay</button> 2338 <button type="button" class="btn btn-default" data-dismiss="modal" data-bind="enable: !IsBusy()">Cancel</button> 2339 </div> 2340 </div> 2341 </div> 2342</div> 2343 2344 2345 2346 2347 2348<div id="mark-as-paid-modal" class="modal fade" tabindex="-1" role="dialog"> 2349 <div class="modal-dialog modal-lg"> 2350 <div class="modal-content"> 2351 <div class="modal-header"> 2352 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 2353 <h4 class="modal-title">Mark as Paid</h4> 2354 </div> 2355 <div class="modal-body"> 2356 2357 <!-- ko foreach: ScheduledPaymentWarnings --> 2358 <div class="alert alert-warning"> 2359 <!-- ko if: Code === 'GOCARDLESS' --> 2360 <h4><i class="fas fa-exclamation-triangle"></i> GoCardless Direct Debit â <!-- ko text: IsRepeating ? 'Repeating Payment' : 'Scheduled Payment' --><!-- /ko --></h4> 2361 <p><span data-bind="text: IDSummary"></span> <span data-bind="text: Plural ? 'are' : 'is'"></span> scheduled to be collected automatically by GoCardless. <strong>There is no need to record manually unless the GoCardless notification has been missed.</strong></p> 2362 <p>If you do record it: entering the GoCardless payment reference (e.g. <code>PM...</code>) will allow the duplicate notification to be safely ignored. 2363 If you use an unknown or incorrect reference, myClubhouse may incorrectly mark the <strong><!-- ko text: IsRepeating ? 'next period\'s payment' : 'next scheduled payment' --><!-- /ko --></strong> as paid when it processes the collection.</p> 2364 <!-- /ko --> 2365 <!-- ko if: Code === 'STRIPE' --> 2366 <h4><i class="fas fa-exclamation-triangle"></i> Stripe â <!-- ko text: IsRepeating ? 'Repeating Payment' : 'Scheduled Payment' --><!-- /ko --></h4> 2367 <p><span data-bind="text: IDSummary"></span> <span data-bind="text: Plural ? 'are' : 'is'"></span> scheduled to be collected automatically by Stripe. <strong>There is no need to record manually unless the Stripe notification has been missed.</strong></p> 2368 <p>If you do record it: entering the Stripe charge reference (e.g. <code>ch_...</code>) will allow the duplicate notification to be safely ignored. 2369 If you use an unknown or incorrect reference, myClubhouse may incorrectly mark the <strong><!-- ko text: IsRepeating ? 'next period\'s payment' : 'next scheduled payment' --><!-- /ko --></strong> as paid when it processes the collection.</p> 2370 <!-- /ko --> 2371 <!-- ko if: Code !== 'GOCARDLESS' && Code !== 'STRIPE' --> 2372 <h4><i class="fas fa-exclamation-triangle"></i> Scheduled Electronic Payment</h4> 2373 <p><span data-bind="text: IDSummary"></span> <span data-bind="text: Plural ? 'are' : 'is'"></span> scheduled to be collected automatically by <span data-bind="text: MethodName"></span>. <strong>There is no need to record manually unless the provider's notification has been missed.</strong> 2374 If you mark it as paid and the automatic collection also succeeds, the payment may be recorded twice.</p> 2375 <!-- /ko --> 2376 </div> 2377 <!-- /ko --> 2378 2379 <!-- ko if: ElectronicPaymentMethodWarning() --> 2380 <div class="alert alert-info"> 2381 <strong> 2382 <!-- ko if: ElectronicPaymentMethodWarning().Icon --><i data-bind="css: ElectronicPaymentMethodWarning().Icon"></i><!-- /ko --> 2383 <!-- ko if: ElectronicPaymentMethodWarning().Code === 'GOCARDLESS' -->GoCardless Direct Debit<!-- /ko --> 2384 <!-- ko if: ElectronicPaymentMethodWarning().Code === 'STRIPE' -->Stripe<!-- /ko --> 2385 <!-- ko if: ElectronicPaymentMethodWarning().Code !== 'GOCARDLESS' && ElectronicPaymentMethodWarning().Code !== 'STRIPE' --><span data-bind="text: ElectronicPaymentMethodWarning().Name"></span><!-- /ko --> 2386 </strong> â 2387 <!-- ko if: ElectronicPaymentMethodWarning().Subject -->RE: <span data-bind="text: ElectronicPaymentMethodWarning().Subject"></span>: <!-- /ko --><!-- ko if: ElectronicPaymentMethodWarning().Code === 'GOCARDLESS' -->GoCardless Direct Debits<!-- /ko --><!-- ko if: ElectronicPaymentMethodWarning().Code === 'STRIPE' -->Stripe payments<!-- /ko --><!-- ko if: ElectronicPaymentMethodWarning().Code !== 'GOCARDLESS' && ElectronicPaymentMethodWarning().Code !== 'STRIPE' -->Payments via <span data-bind="text: ElectronicPaymentMethodWarning().Name"></span><!-- /ko --> 2388 are normally recorded automatically. 2389 There is no need to record manually unless <span data-bind="text: ElectronicPaymentMethodWarning().NotificationPhrase"></span> has been missed. Please enter the exact payment reference where possible. Payments with different references must be recorded separately. 2390 </div> 2391 <!-- /ko --> 2392 2393 <div class="alert alert-info" data-bind="visible: AnySelectedIsRepeating" style="display: none"> 2394 <i class="fas fa-info-circle"></i> 2395 Marking this payment as paid will automatically create the next repeating purchase and due payment. 2396 </div> 2397 2398 <div class="form-horizontal"> 2399 2400 <div class="form-group"> 2401 <label class="col-md-3 control-label">Payee</label> 2402 <div class="col-md-8"> 2403 <!-- ko if: PayeeOptions().length <= 3 --> 2404 <div data-bind="component: { 2405 name: 'radio-group', 2406 params: { 2407 Value: PayeeID, 2408 Options: PayeeOptions, 2409 OptionsValue: 'ID', OptionsText: 'Name' 2410 } 2411 }"></div> 2412 <!-- /ko --> 2413 <!-- ko if: PayeeOptions().length > 3 --> 2414 <select class="form-control" style="max-width: 300px" data-bind="select2: true, value: PayeeID, options: PayeeOptions, optionsValue: 'ID', optionsText: 'Name'"></select> 2415 <!-- /ko --> 2416 </div> 2417 </div> 2418 2419 <div class="form-group" data-bind="validationElement: PayingUser.ID"> 2420 <label class="col-md-3 control-label">Paying User</label> 2421 <div class="col-md-6"> 2422 <div class="form-inline"> 2423 <input type="text" class="form-control user-control" 2424 data-bind="clubhouseAutoCompleteMulti: { 2425 value: PayingUserIDEdit, 2426 text: PayingUser.Name, 2427 options: { dataSource: lookupMatchingUsers, singleValue: true } }"/> 2428 <i class="fas fa-gift" style="color: deeppink" data-bind="visible: UserIsEligibleForGiftAid" title="Payer has active Gift Aid declaration"></i> 2429 </div>
2430 <span class="help-block" data-bind="validationMessage: PayingUser.ID"></span> 2431 </div> 2432 </div> 2433 2434 <div class="form-group" data-bind="validationElement: PaymentDate"> 2435 <label class="control-label col-md-3">Payment Date</label> 2436 <div class="col-md-8"> 2437 <input type="text" class="form-control" data-bind="kendoDatePicker: PaymentDate" /> 2438 <span class="help-block" data-bind="validationMessage: PaymentDate"></span> 2439 </div> 2440 </div> 2441 2442 <div class="form-group" data-bind="validationElement: PaymentMethodID"> 2443 <label class="col-md-3 control-label">Payment Method</label> 2444 <div class="col-md-3"> 2445 <select class="form-control" data-bind="select2: true, value: PaymentMethodID, options: AvailablePaymentMethods, optionsValue: 'ID', optionsText: 'Name'"></select> 2446 <span class="help-block" data-bind="validationMessage: PaymentMethodID"></span> 2447 </div> 2448 </div> 2449 2450 <div class="form-group" data-bind="validationElement: Amount"> 2451 <label class="col-md-3 control-label">Amount</label> 2452 <div class="col-md-3"> 2453 <div class="form-inline-flex"> 2454 <span class="input-group"> 2455 <span class="input-group-addon">£</span> 2456 <input type="text" class="form-control" data-bind="textInput: Amount" /> 2457 </span> 2458 <button type="button" class="btn btn-xs btn-default" data-bind="visible: AmountIsEntered, click: function() { Amount(null); }"> 2459 <i class="fal fa-abacus"></i> 2460 </button> 2461 </div> 2462 <span class="help-block" data-bind="validationMessage: Amount"></span> 2463 <span class="help-block">Refunds may be recorded using negative amounts.</span> 2464 </div> 2465 </div> 2466 2467 <div class="form-group" data-bind="validationElement: PaymentReferenceText"> 2468 <label class="col-md-3 control-label">Payment Reference</label> 2469 <div class="col-md-8"> 2470 <div data-bind="component: { 2471 name: 'radio-group', 2472 params: { 2473 Value: PaymentReferenceIsKnown, 2474 Options: [{ Value: true, Label: 'Known', Icon: 'fas fa-hashtag' }, { Value: false, Label: 'Unknown', Icon: 'fas fa-question' }], 2475 OptionsValue: 'Value', OptionsText: 'Label', OptionsIcon: 'Icon' 2476 } 2477 }"></div> 2478 <div data-bind="visible: PaymentReferenceIsKnown" style="display: none; margin-top: 8px;"> 2479 <input type="text" class="form-control" data-bind="textInput: PaymentReferenceText" maxlength="100" placeholder="Enter payment reference" /> 2480 <span class="help-block" data-bind="validationMessage: PaymentReferenceText"></span> 2481 </div> 2482 </div> 2483 </div> 2484 2485 <div class="form-group" data-bind="validationElement: Notes"> 2486 <label class="control-label col-md-3">Notes</label> 2487 <div class="col-md-8"> 2488 <textarea class="form-control" rows="3" data-bind="value: Notes" maxlength="200"></textarea> 2489 <span class="help-block" data-bind="validationMessage: Notes"></span> 2490 </div> 2491 </div> 2492 2493 <!-- Allocation of Due Payments --> 2494 <h4 class="form-header"> 2495 Allocation to Due Payments 2496 </h4> 2497 <p> 2498 Select the due payments that are covered by this received payment. 2499 </p> 2500 2501 <!-- Unallocated Amount --> 2502 <div class="form-horizontal"> 2503 <div class="form-group" data-bind="validationElement: UnallocatedAmount"> 2504 <label class="col-md-3 control-label">Unallocated Amount</label> 2505 <div class="col-md-7"> 2506 <div class="form-inline"> 2507 <div class="input-group">
2508 <span class="input-group-addon">£</span> 2509 <input type="text" class="form-control" data-bind="value: UnallocatedAmount" readonly/> 2510 </div> 2511 </div> 2512 <span class="help-block" data-bind="validationMessage: UnallocatedAmount"></span> 2513 </div> 2514 </div> 2515 </div> 2516 2517 <div data-bind="validationElement: Allocations"> 2518 <div class="table-stacked"> 2519 <table class="table table-bordered table-striped table-stacked"> 2520 <thead> 2521 <tr> 2522 <th class="clickable" data-bind="click: function() { AllSelected(!AllSelected()); }"> 2523 <i data-bind="css: AllSelected()? 'fas fa-check-square text-success': 'fal fa-square'"></i> 2524 </th> 2525 <th class="id-column">ID</th> 2526 <th>Purchaser</th> 2527 <th>Purchase</th> 2528 <th>Amount</th> 2529 <th>Due Date</th> 2530 <th class="money-column money-column-lg">Allocated Amount</th> 2531 </tr> 2532 </thead> 2533 <tbody> 2534 <!-- ko foreach: DuePaymentGroups --> 2535 <!-- ko if: Name --> 2536 <tr> 2537 <td colspan="7" class="text-muted small" style="font-style: italic; background: #f5f5f5; padding: 4px 8px; border-top: 2px solid #ddd;"> 2538 <span data-bind="text: Name"></span> 2539 <!-- ko if: IsScheduled --> 2540 <span> â scheduled for automatic collection</span> 2541 <!-- /ko --> 2542 </td> 2543 </tr> 2544 <!-- /ko --> 2545 <!-- ko foreach: Payments --> 2546 <tr data-bind="css: { success: IsSelected }"> 2547 <td class="clickable" data-bind="attr: { rowspan: IsOverallocated()? 2: 1 }, click: toggleSelection"> 2548 <i data-bind="css: IsSelected()? 'fas fa-check-square text-success': 'fal fa-square'"></i> 2549 </td> 2550 <td data-title="ID" data-bind="text: ID"></td> 2551 <td data-title="Purchaser" data-bind="text: Purchaser.Name, attr: { rowspan: IsOverallocated()? 2: 1 }"></td> 2552 <td data-title="Purchase"> 2553 <p data-bind="text: Purchase"></p> 2554 <p> 2555 <small class="text-muted" data-bind="text: Description"></small> 2556 </p> 2557 <!-- ko if: PaymentMethodIcon --> 2558 <p class="mb-0"> 2559 <small class="text-muted"><i data-bind="css: PaymentMethodIcon"></i> <span data-bind="text: PaymentMethodName"></span></small> 2560 </p> 2561 <!-- /ko --> 2562 </td> 2563 <td data-title="Amount" class="money-column"> 2564 <i class="fas fa-tag text-success mr-5" data-bind="visible: IsDiscountApplied"></i>
2565 <span data-bind="text: Amount.Formatted"></span> 2566 </td> 2567 <td data-title="Due Date" data-bind="text: DueDate, attr: { rowspan: IsOverallocated()? 2: 1 }"></td> 2568 <td data-title="Allocated Amount" data-bind="validationElement: AllocatedAmount, attr: { rowspan: IsOverallocated()? 2: 1 }"> 2569 <div class="form-inline-flex"> 2570 <div class="input-group"> 2571 <span class="input-group-addon">£</span> 2572 <input type="text" class="form-control currency-control" data-bind="textInput: AllocatedAmount, enable: IsSelected"/> 2573 </div> 2574 2575 <button type="button" class="btn btn-xs btn-default" data-bind="visible: !$parents[1].AllAllocated(), click: autoAdjust" title="Auto-adjust"> 2576 <i class="fal fa-abacus"></i> 2577 </button> 2578 2579 <i class="ml-5" data-bind="visible: IsProductEligibleForGiftAid.Value, 2580 faIcon: $parents[1].UserIsEligibleForGiftAid()? 'fas fa-gift': 'far fa-gift', 2581 style: { color: $parents[1].UserIsEligibleForGiftAid()? 'deeppink': 'gray' }, 2582 attr: { title: $parents[1].UserIsEligibleForGiftAid()? 'Payment is eligible for Gift Aid': 'Payment is not eligible for Gift Aid - no active declaration for payer' }"></i> 2583 </div> 2584 <span class="help-block" data-bind="validationMessage: AllocatedAmount"></span> 2585 </td> 2586 </tr> 2587 <!-- ko if: IsOverallocated --> 2588 <tr data-bind="css: { success: IsSelected }"> 2589 <td /> 2590 <td data-bind="validationElement: OverallocationReason"> 2591 <input type="text" class="form-control" data-bind="value: OverallocationReason" placeholder="Overallocation reason" maxlength="100" /> 2592 <span class="help-block" data-bind="validationMessage: OverallocationReason"></span> 2593 </td> 2594 <td class="money-column" data-bind="text: OverallocationAmount"></td> 2595 </tr> 2596 <!-- /ko --> 2597 <!-- /ko --> 2598 <!-- /ko --> 2599 </tbody> 2600 </table> 2601 2602 <div class="no-content" data-bind="visible: !AvailableDuePayments().length"> 2603 No due payments. 2604 </div> 2605 </div> 2606 <span class="help-block" data-bind="validationMessage: Allocations"></span> 2607 </div> 2608 2609 <!-- ko if: AppliedDiscounts().length --> 2610 <div class="mt-10"> 2611 <strong><i class="fas fa-tag text-success"></i> Applied Discounts</strong> 2612 <ul class="list-unstyled mt-5 mb-0"> 2613 <!-- ko foreach: AppliedDiscounts --> 2614 <li> 2615 <span data-bind="text: Label"></span> 2616 <!-- ko if: AffectedDuePaymentIDs().length --> 2617 <span class="text-muted small ml-5" data-bind="text: '(due payment' + (AffectedDuePaymentIDs().length > 1 ? 's ' : ' ') + AffectedDuePaymentIDs().join(', ') + ')'"></span> 2618 <!-- /ko --> 2619 <button type="button" class="btn btn-xs btn-danger ml-5" data-bind="click: function() { $parent.removeDiscount(ID(), HasPaidPayments()) }" title="Remove this discount"> 2620 <i class="far fa-trash-alt"></i> Remove 2621 </button> 2622 <!-- ko if: HasPaidPayments -->
2623 <span class="text-warning ml-5" title="Some payments for this purchase have already been paid â see warning on remove"> 2624 <i class="fas fa-exclamation-triangle"></i> 2625 </span> 2626 <!-- /ko --> 2627 </li> 2628 <!-- /ko --> 2629 </ul> 2630 </div> 2631 <!-- /ko --> 2632 </div> 2633 </div> 2634 <div class="modal-footer"> 2635 2636 <div class="pull-left" data-bind="component: { name: 'checkbox', params: { Value: SendEmails, Text: 'Send Notification Emails', Icon: 'fas fa-envelope', Class: 'default' } }"></div> 2637 2638 <button type="button" class="btn btn-default" data-bind="click: applyDiscounts, enable: PayingUser.ID"> 2639 <i class="fas fa-tag"></i> 2640 Apply Discounts 2641 </button> 2642 2643 <button type="button" class="btn btn-primary" data-bind="click: execute"> 2644 <i class="fas fa-check"></i> 2645 Mark as Paid 2646 </button> 2647 2648 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 2649 </div> 2650 </div> 2651 </div> 2652</div> 2653 2654<div id="fill-missing-payments-modal" class="modal fade" tabindex="-1" role="dialog"> 2655 <div class="modal-dialog"> 2656 <div class="modal-content"> 2657 <div class="modal-header"> 2658 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 2659 <h4 class="modal-title"><i class="fas fa-sync-alt"></i> Fill Missing Payments</h4> 2660 </div> 2661 2662 <div class="modal-body"> 2663 2664 <!-- Loading --> 2665 <!-- ko if: phase() === 'loading' --> 2666 <p class="text-center text-muted"><i class="fas fa-spinner fa-spin"></i> Loading preview â¦</p> 2667 <!-- /ko --> 2668 2669 <!-- Error --> 2670 <!-- ko if: phase() === 'error' --> 2671 <div class="alert alert-danger"> 2672 <strong>Error:</strong> <span data-bind="text: errorMessage"></span> 2673 </div> 2674 <!-- /ko --> 2675 2676 <!-- Preview: ko with handles stats/list; messages use viewmodel-level computed observables --> 2677 <!-- ko if: phase() === 'preview' --> 2678 <!-- ko with: preview() --> 2679 <p> 2680 Subscription <strong data-bind="text: SubscriptionID"></strong> 2681 is <strong data-bind="text: SubscriptionStatus"></strong>. 2682 </p> 2683 <table class="table table-condensed"> 2684 <tbody> 2685 <tr> 2686 <td>Confirmed payments</td> 2687 <td><strong data-bind="text: TotalConfirmedPayments"></strong></td> 2688 </tr> 2689 <tr> 2690 <td>Already recorded</td> 2691 <td><strong data-bind="text: AlreadyRecorded"></strong></td> 2692 </tr> 2693 <tr> 2694 <td>To be recorded</td> 2695 <td><strong data-bind="text: ToBeRecorded"></strong></td> 2696 </tr> 2697 </tbody> 2698 </table> 2699 <!-- ko if: PaymentSubscriptions.length > 0 --> 2700 <p><strong>Payment subscription(s):</strong></p> 2701 <ul data-bind="foreach: PaymentSubscriptions"> 2702 <li> 2703 <span data-bind="text: Description"></span> 2704 â <span data-bind="text: $data.AmountFormatted || Amount.toFixed(2)"></span> 2705 <!-- ko if: !IsActive --> 2706 <span class="label label-warning">inactive</span> 2707 <!-- /ko --> 2708 </li> 2709 </ul> 2710 <!-- /ko --> 2711 <!-- /ko --> 2712 <!-- Messages are outside ko with so they use viewmodel-level computed observables --> 2713 <!-- ko if: needsDeactivation() --> 2714 <div class="alert alert-warning"> 2715 <strong>All payments are recorded</strong>, but the subscription is no longer active 2716 and at least one payment subscription is still marked active. 2717 Click Proceed to deactivate it and cancel any future due payments. 2718 </div> 2719 <!-- /ko --> 2720 <!-- ko if: !needsDeactivation() && preview() && preview().ToBeRecorded === 0 --> 2721 <div class="alert alert-info">All confirmed payments are already recorded.</div> 2722 <!-- /ko --> 2723 <!-- /ko --> 2724 2725 <!-- Distribution question: use ko with to unwrap --> 2726 <!-- ko if: phase() === 'question' --> 2727 <!-- ko with: question() --> 2728 <p> 2729 Payment <strong data-bind="text: PaymentID"></strong> 2730 on <strong data-bind="text: PaymentDate"></strong> 2731 is for <strong data-bind="text: AmountFormatted"></strong>. 2732 </p> 2733 <p>This amount doesn't match the sum of the payment subscriptions. Please enter how the amount should be distributed:</p> 2734 <table class="table table-condensed"> 2735 <thead> 2736 <tr> 2737 <th>Payment Subscription</th> 2738 <th class="money-column">Suggested</th> 2739 <th class="money-column">Actual Amount</th> 2740 </tr> 2741 </thead> 2742 <tbody data-bind="foreach: PaymentSubscriptions"> 2743 <tr> 2744 <td data-bind="text: Description"></td> 2745 <td class="money-column" data-bind="text: SuggestedAmount.toFixed(2)"></td> 2746 <td class="money-column"> 2747 <input type="number" step="0.01" min="0" class="form-control input-sm" 2748 data-bind="value: Amount, valueUpdate: 'afterkeydown'" 2749 placeholder="0.00" /> 2750 </td> 2751 </tr> 2752 </tbody> 2753 <tfoot> 2754 <tr> 2755 <td><strong>Total entered</strong></td> 2756 <td></td> 2757 <td class="money-column"> 2758 <strong data-bind="text: $root.distributionTotal().toFixed(2), css: { 'text-danger': !$root.distributionTotalValid() }"></strong> 2759 </td> 2760 </tr> 2761 </tfoot> 2762 </table> 2763 <p class="text-muted small">Enter 0 for any subscription whose payment has not been collected â it will be marked inactive.</p> 2764 <!-- /ko --> 2765 <!-- /ko --> 2766 2767 <!-- Complete / log --> 2768 <!-- ko if: phase() === 'complete' --> 2769 <!-- ko if: log().length > 0 --> 2770 <p><strong>Actions performed:</strong></p> 2771 <ul data-bind="foreach: log"> 2772 <li data-bind="text: $data"></li> 2773 </ul> 2774 <!-- /ko --> 2775 <!-- ko if: log().length === 0 --> 2776 <p class="text-muted">No payments required recording.</p> 2777 <!-- /ko --> 2778 <!-- /ko --> 2779 2780 </div> 2781 2782 <div class="modal-footer">
2783 <span class="pull-left text-info" data-bind="visible: processing"> 2784 <i class="fas fa-spinner fa-spin"></i> Processing ⦠2785 </span> 2786 2787 <!-- Preview footer --> 2788 <!-- ko if: phase() === 'preview' --> 2789 <!-- ko if: canProceed() --> 2790 <div class="checkbox pull-left" style="margin-top:6px"> 2791 <span data-bind="component: { name: 'checkbox', params: { Value: sendEmails, Text: 'Send Notification Emails', Icon: 'fas fa-envelope', Class: 'default' } }"></span> 2792 </div> 2793 <!-- /ko --> 2794 <button type="button" class="btn btn-primary" 2795 data-bind="click: onProceed, enable: canProceed() && !processing()"> 2796 <i class="fas fa-play"></i> Proceed 2797 </button> 2798 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 2799 <!-- /ko --> 2800 2801 <!-- Distribution question footer --> 2802 <!-- ko if: phase() === 'question' --> 2803 <button type="button" class="btn btn-primary" 2804 data-bind="click: onSubmitDistribution, enable: distributionTotalValid() && !processing()"> 2805 <i class="fas fa-check"></i> Apply Distribution 2806 </button> 2807 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel (Save Progress)</button> 2808 <!-- /ko --> 2809 2810 <!-- Complete footer --> 2811 <!-- ko if: phase() === 'complete' --> 2812 <button type="button" class="btn btn-primary" data-bind="click: onClose"> 2813 <i class="fas fa-check"></i> Done 2814 </button> 2815 <!-- /ko --> 2816 2817 <!-- Error footer --> 2818 <!-- ko if: phase() === 'error' --> 2819 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 2820 <!-- /ko --> 2821 </div> 2822 </div> 2823 </div> 2824</div> 2825 2826
2827<script id="loading-template" type="text/html"> 2828 2829 <div class="loader-inner ball-grid-pulse"> 2830 <div></div> 2831 <div></div> 2832 <div></div> 2833 <div></div> 2834 <div></div> 2835 <div></div> 2836 <div></div> 2837 <div></div> 2838 <div></div> 2839 </div> 2840 2841</script>
2841 2842 2843</partial> 2844
2845<script id="table-template" type="text/html"> 2846 2847 <div data-bind="template: { name: 'table-header-template' }"></div> 2848 2849 <!-- ko if: $data.CustomHeaderTemplate --> 2850 <div data-bind="template: { name: $data.CustomHeaderTemplate }"></div> 2851 <!-- /ko --> 2852 2853 <!-- The table itself --> 2854 <div class="table-stacked"> 2855 <table class="table table-bordered table-striped table-hover table-sticky"> 2856 <thead data-bind="component: { 2857 name: 'header-row', 2858 params: { 2859 HasActionColumn: $data.ActionCellTemplate, 2860 ActionColumnCaption: $data.ActionColumnCaption, 2861 ActionColumnTooltip: $data.ActionColumnTooltip, 2862 ColumnConfig: Table.ColumnConfig, 2863 sortChange: Table.sortChange, 2864 columnChange: Table.columnChange, 2865 selectAll: Table.selectAllRows, 2866 selectAllValue: Table.selectAllObservable } }"></thead> 2867 2868 <tbody data-bind="foreach: Items"> 2869 <tr> 2870 <!-- ko if: $parent.PrependCellTemplate --> 2871 <td data-bind="template: { name: $parent.PrependCellTemplate }"></td> 2872 <!-- /ko --> 2873 <!-- ko foreach: $parent.Table.ColumnConfig.Columns --> 2874 <td data-bind="visible: IsActive, attr: { 'data-title': Caption }"> 2875 <span data-bind="visible: !Template(), html: get($parent)"></span> 2876 <span data-bind="if: Template"> 2877 <span data-bind="template: { name: Template, data: { Row: $parent, Column: $data } }"></span> 2878 </span> 2879 </td> 2880 <!-- /ko --> 2881 <!-- ko if: $parent.ActionCellTemplate --> 2882 <td data-bind="template: { name: $parent.ActionCellTemplate }" class="hidden-print"></td> 2883 <!-- /ko --> 2884 </tr> 2885 </tbody> 2886 </table> 2887 </div> 2888 2889 <div data-bind="template: { name: 'table-footer-template' }"></div> 2890 2891</script>
2891 2892 2893 2894 2895
2896<script id="table-header-template" type="text/html"> 2897 2898 <!-- Filter Bar --> 2899 <div data-bind="component: { 2900 name: 'filterbar', 2901 params: { 2902 FilterBar: Table.FilterBar, 2903 refresh: Table.refresh } }"></div> 2904 2905 <!-- Column Sorter - only shown when table stacked --> 2906 <div data-bind="component: { 2907 name: 'column-sorter', 2908 params: { 2909 ColumnConfig: Table.ColumnConfig, 2910 AlwaysDisplay: $data.PermanentColumnSorter, 2911 sortChange: Table.sortChange } }"></div> 2912 2913 <div class="clearfix hidden-print"> 2914 <div class="result-count pull-left"> 2915 <strong data-bind="text: Table.Pagination.ItemCount"></strong> rows found. Click column headings to sort, hold down shift key when clicking to add additional sort. 2916 </div> 2917 2918 <div class="pull-right"> 2919 <!-- View Selector --> 2920 <!-- ko if: Table.ViewCode --> 2921 <div class="clearfix" style="margin-bottom: 4px"> 2922 <div class="pull-right"> 2923 <div data-bind="component: { 2924 name: 'view-config-selector', 2925 params: { 2926 ViewCode: Table.ViewCode, 2927 ViewConfigCode: Table.ViewConfigCode, 2928 ColumnConfig: Table.ColumnConfig.ColumnString, 2929 FilterConfig: Table.FilterBar.FilterString, 2930 Arguments: Table.CustomArgsForView, 2931 PageSize: Table.Pagination.PageSize, 2932 DefaultColumnConfig: Table.ColumnConfig.DefaultColumnConfig, 2933 DefaultFilterConfig: Table.FilterBar.DefaultFilterConfig, 2934 viewChange: Table.refresh } }"></div> 2935 </div> 2936 </div> 2937 <!-- /ko --> 2938 <div class="clearfix" style="margin-bottom: 4px"> 2939 <div class="pull-right"> 2940 <!-- ko if: $data.ExportBaseURL --> 2941 <!-- Export Buttons --> 2942 <div data-bind="component: { 2943 name: 'export-buttons', 2944 params: { 2945 BaseURL: ExportBaseURL, 2946 QueryString: Table.QueryString } }, visible: !$data.CanExport || $data.CanExport()"></div> 2947 <!-- /ko --> 2948 2949 <!-- Optional action button(s) supplied by the consuming page --> 2950 <!-- ko if: $data.ActionButtonTemplate --> 2951 <span data-bind="template: { name: $data.ActionButtonTemplate }" style="display: inline-block; margin-right: 4px; vertical-align: top"></span> 2952 <!-- /ko --> 2953 2954 <!-- Column Selector --> 2955 <div style="display: inline-block; vertical-align: top" data-bind="component: { 2956 name: 'column-selector', 2957 params: { 2958 ColumnConfig: Table.ColumnConfig, 2959 columnChange: Table.columnChange } }"></div> 2960 </div> 2961 </div> 2962 </div> 2963 </div> 2964 2965</script>
2965 2966 2967</partial>
2968<script id="table-footer-template" type="text/html"> 2969 2970 <!-- Pagination Controls --> 2971 <div data-bind="component: { 2972 name: 'pagination', 2973 params: { 2974 Pagination: Table.Pagination, 2975 refresh: Table.refresh } }"></div> 2976 2977 <!-- Totals --> 2978 <!-- ko if: Table.ColumnConfig.ColumnTotals().length --> 2979 <div data-bind="component: { 2980 name: 'column-totals', 2981 params: { 2982 Count: Table.Pagination.ItemCount, 2983 ColumnConfig: Table.ColumnConfig } }"></div> 2984 <!-- /ko --> 2985 2986</script>
2986 2987 2988</partial> 2989</partial> 2990 2991<div id="map-location-modal" class="modal fade" tabindex="-1" role="dialog"> 2992 <div class="modal-dialog modal-lg"> 2993 <div class="modal-content"> 2994 <div class="modal-header"> 2995 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 2996 <h4 class="modal-title">Map Location</h4> 2997 </div> 2998 <div class="modal-body"> 2999 <div data-bind="clubhouseMap: { centre: MapCentre, markers: [ { Lat: Latitude, Lng: Longitude } ], refresh: Refresh, map: MapObject }" style="height: 500px;"></div> 3000 3001 <p class="mt-10 mb-10"> 3002 Drag the map around to position the marker. 3003 </p> 3004 3005 <div class="form-horizontal"> 3006 <div class="form-group"> 3007 <label class="control-label col-md-3">Search for Location</label> 3008 <div class="col-md-8"> 3009 <div class="input-group"> 3010 <input type="text" class="form-control" data-bind="textInput: SearchText, enterkey: search" /> 3011 <span class="input-group-btn"> 3012 <button type="button" class="btn btn-default" data-bind="click: search"> 3013 <i class="fas fa-search"></i> 3014 </button> 3015 </span> 3016 </div> 3017 <span class="help-block" data-bind="visible: IsSearching"> 3018 <i class="fas fa-spinner fa-spin mr-5"></i> 3019 Searching ... 3020 </span> 3021 <ul class="mt-5" data-bind="foreach: SearchResults, visible: SearchResults().length"> 3022 <li> 3023 <a href="#" data-bind="click: $parent.selectSearchResult, text: Description"></a> 3024 </li> 3025 </ul> 3026 </div> 3027 </div> 3028 </div> 3029 3030 </div> 3031 <div class="modal-footer"> 3032 <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button> 3033 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 3034 </div> 3035 </div> 3036 </div> 3037</div> 3038 3039 3040 3041 3042</partial> 3043</div> 3044 3045 <footer> 3046 3047 3048 3049<!-- This is _Footer.cshtml --> 3050<div class="hidden-print clearfix ml-10 mr-10"> 3051 3052 <span class="pull-left"> 3053 3054 <img src="https://www.colemanstreet.org/Client/Images/Site/logoNoText.png" class="visible-sm-inline visible-md-inline visible-lg-inline no-border footer-image"/> 3055 3056 </span> 3057 3058 <span class="pull-right"> 3059 3060 3061 </span> 3062 3063 <div> 3064 Copyright © 2026 <a href="http://www.simmetrics.co.uk" title="Simmetrics Ltd">Simmetrics Ltd</a>. All rights reserved. 3065 <a href="/Home/TermsAndConditions">Terms & Conditions</a>. 3066 <a href="/Home/OpenSource">Open Source Attribution</a>. 3067 <br /> 3068 NOTICE: We collect personal information on this site. 3069 To learn more about how we use your information, see our <a href="/PrivacyPolicy" title="Privacy Policy" target="_blank">Privacy Policy</a>. 3070 <a href="#" title="Cookie Preferences" onclick="if (window.CookieConsent) { CookieConsent.openPreferences(); } return false;">Cookie Preferences</a>. 3071 <br /> 3072 3073 Powered by <a href="http://www.MyClubhouse.co.uk">my<strong>Clubhouse</strong>® - Online Club Membership Administration Software for Club Management</a> 3074 Version 6.2.19.18 3075 <br /> 3076 3077 3078 3079 3080 3081 3082</partial> 3083 3084 3085</partial> 3086 </div> 3087 3088 3089 3090</div> 3091 3092<div class="visible-print-block"> 3093 Printed from my<strong>Clubhouse</strong>® - Online Club Membership Administration Software for Club Management.<br /> 3094 www.myclubhouse.co.uk<br /> 3095 <span style="font-size: 0.75em;">27/09/2026 15:46 181.215.65.69</span> 3096</div> 3097<!-- END _Footer.cshtml --></partial> 3098 </footer> 3099 3100 3101<!-- Stripe Payments - Elements -->
3102<script src="https://js.stripe.com/v3/"></script>
3102 3103 3104<!-- Page Scripts -->
3105<script src="https://www.colemanstreet.org/dist/runtime.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3105
3105
3106<script src="https://www.colemanstreet.org/dist/vendor.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3106
3106
3107<script src="https://www.colemanstreet.org/dist/clubhouse.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3107
3107
3108<script src="https://www.colemanstreet.org/dist/editor.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3108
3108
3109<script src="https://www.colemanstreet.org/dist/map.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3109
3109
3110<script src="https://www.colemanstreet.org/dist/Root/Scripts/Commons/ClubhouseCommons.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3110
3110
3111<script src="https://www.colemanstreet.org/dist/Registration/Scripts/Register/Index.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
3111 3112 3113 <!-- Menu Bar --> 3114
3114<script src="https://www.colemanstreet.org/dist/Root/Scripts/Commons/MenuBar.bundle.js.gz?v=6.2.19.18"></script>
3114 3115 3116<!-- Client Custom Scripts -->
3117<script src="https://www.colemanstreet.org/Client/Scripts/ClientCustom.js"></script>
3117 3118 3119</partial> 3120 3121 3122 3123 3124 3125 <!-- Include an anti-forgery token on every page by default. --> 3126 <div id="ajax-antiforgery-token" class="data"> 3127 {"HeaderName":"RequestVerificationToken","RequestToken":"CfDJ8FOvmvQdMY1Hu-P3kbW6biGLLff5juiEgnlwKTfnVeVVLqB_Yn-5IL4TnIGHl4k_wTBHe4jmPS-Ypn9cOstxrffrnrq3laDaoi_-kGGeywQfJZDNiiMkNSbHo3Ow-oNLx-mgRUfk1H_DHeA0K1UtlqY"} 3128 </div> 3129</body> 3130 3131</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.