Iff - Share the match - share the experience

<!DOCTYPE html>        <html class="no-js" lang="en">   <head>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NRM7MJZ');</script>  <meta charset="utf-8" /> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/iff/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/iff/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/iff/favicon-16x16.png"> <link rel="manifest" href="/favicons/iff/site.webmanifest.json"> <link rel="mask-icon" href="/favicons/iff/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/favicons/iff/favicon.ico"> <meta name="theme-color" content="#ffffff"> <meta name="apple-itunes-app" content="app-id=578548752" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" /> <link href="https://vjs.zencdn.net/7.20.3/video-js.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@silvermine/videojs-chromecast@1.3.4/dist/silvermine-videojs-chromecast.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@silvermine/videojs-airplay@1.1.0/dist/silvermine-videojs-airplay.css">  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="mobile-web-app-capable" content="yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="description" content="Iff-appen gör att alla lag, oavsett ålder och nivå kan få en proffsig rapportering från sina matcher." /> <title>Iff - Share the match - share the experience</title> <link href="/Content/css?v=9dNalgPUib7jv09f9V-cdivjF62x0x8NTXDMdLIOAC81" rel="stylesheet"/> <link href="/pickadate/default-css?v=EO7V96eOk8lApaAusY1UT_hadRLVBnPmOjxQfHUgEKg1" rel="stylesheet"/>  <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script> <script> var swconstants = { isProductionServer: "true", applicationId: 5, defaultCountryId: 45, chromeCastReceiverAppID: "D9955C0C", serverUrl: "https://app.floorball.sport", trackingUrl: "https://ifftracking.azurewebsites.net", }; </script> <script type="text/javascript"> var appInsights=window.appInsights||function(config){ function i(config){t[config]=function(){var i=arguments;t.queue.push(function(){t[config].apply(t,i)})}}var t={config:config},u=document,e=window,o="script",s="AuthenticatedUserContext",h="start",c="stop",l="Track",a=l+"Event",v=l+"Page",y=u.createElement(o),r,f;y.src=config.url||"https://az416426.vo.msecnd.net/scripts/a/ai.0.js";u.getElementsByTagName(o)[0].parentNode.appendChild(y);try{t.cookie=u.cookie}catch(p){}for(t.queue=[],t.version="1.0",r=["Event","Exception","Metric","PageView","Trace","Dependency"];r.length;)i("track"+r.pop());return i("set"+s),i("clear"+s),i(h+a),i(c+a),i(h+v),i(c+v),i("flush"),config.disableExceptionTracking||(r="onerror",i("_"+r),f=e[r],e[r]=function(config,i,u,e,o){var s=f&&f(config,i,u,e,o);return s!==!0&&t["_"+r](config,i,u,e,o),s}),t }({ instrumentationKey: "dc5fe5bb-5079-4079-a666-a02c11a5c304" }); window.appInsights=appInsights; appInsights.trackPageView(); </script> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NRM7MJZ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.6/lottie.min.js" integrity="sha512-BB7rb8ZBAxtdJdB7nwDijJH9NC+648xSzviK9Itm+5APTtdpgKz1+82bDl4znz/FBhd0R7pJ/gQtomnMpZYzRw==" crossorigin="anonymous"></script> <script src="https://vjs.zencdn.net/8.9.0/video.min.js"></script> <script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/videojs-contrib-dash@5.1.1/dist/videojs-dash.min.js"></script> <script> window.SILVERMINE_VIDEOJS_CHROMECAST_CONFIG = { preloadWebComponents: true, }; </script> <script src="https://cdn.jsdelivr.net/npm/@silvermine/videojs-chromecast@1.5.0/dist/silvermine-videojs-chromecast.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@silvermine/videojs-airplay@1.3.0/dist/silvermine-videojs-airplay.min.js"></script> <script src="https://player.live-video.net/1.25.0/amazon-ivs-videojs-tech.min.js"></script> <script src="https://player.live-video.net/1.25.0/amazon-ivs-quality-plugin.min.js"></script> <div id="fb-root"></div>  <div id="loading"> <div id="loadingcontent"> <div id="loadingspinner"> <div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div> </div> <p id="loadingSpinnerText">Register process...</p> <div id="loadingProgressWrapper" style="display: none;"> <progress id="loadingProgress" value="0" max="100"></progress> </div> </div> </div> </div>  <div class="browserNotSupporterContent"> <div class="mainWrapper browser-error"> <div class="contentBlock"> <div class="contentBlockContent"> <span class="browserErrorHeader">Your browser should be updated</span> <p>Your web browser is an older version of Internet Explorer that is missing support for modern websites. Because of this, some features on Sportswik will not work as they are supposed to, and we recommend you to update Internet Explorer or install another browser as Google Chrome or Firefox.</p> </div> </div> </div> </div> <script src="/Scripts/authentication-jwt.js"></script> <text> <script type="text/javascript"> member = "" serverurl = "https://app.floorball.sport" leagueOrganizerId = "217" </script> </text> <div id="header-view"> <header id="header-view-top"> <div class="mainWrapperTop"> <div class="navbar navbar-static"> <div class="navMenuItems"> <ul> <li class="logo-container-item"> <a id="mainHeaderLink" class="topMenuHomeLink" href="/"> <img id="appLogoTopBar" title="Iff" alt="Iff" src="/Content/images/IFFAppHeader_BW_Negative%404x.png" /> </a> </li> <li> </li> <li style="margin-left: auto;"> <div style="display: flex;"> </div> </li> </ul> </div> </div> </div> </header> </div> <div class="mainWrapper"> <nav id="shellTop-view" class="main-nav"> <div class="accent-left"></div> </nav> <section class="main"> <script type="text/javascript"> var currentLocale = "en" var applicationID = "5" var MiscTexts = { AreYouSure: "Are you sure?", Saving: "Saving...", Saved: "Saved", Adding: "Adding...", Publishing: "Publishing...", Unpublishing: "Unpublishing...", Updating: "Updating...", Edit: "Edit", Delete: "Delete", Sponsored: "Sponsored", Deleting: "Deleting...", Season: "Season", MatchIsSaved: "The match has been saved", GettingInformation: "Getting information...", DefaultCurrencyShortname: "EUR", CreatingPayment: "Creating payment...", YouMustSelectASubscription: "You must select a subscription", GettingData: "Getting data...", GettingTeams: "Getting teams...", GettingClubs: "Getting clubs...", Searching: "Searching...", MinuteAgo: "1 minute ago", MinutesAgo: "{0} minutes ago", HourAgo: "1 hour ago", HoursAgo: "{0} hours ago", DayAgo: "1 day ago", DaysAgo: "{0} days ago", Yes: "Yes", No: "No", Sending: "Sending...", Approving: "Approving...", Uploading: "Uploading", Verifying: "Verifying...", Login: "Log in", Loading: "Loading...", DownloadStatusVideoProcessingFailed: "Failed to process video", DownloadStatusVideoReady: "Your video is ready for download.", }, MemberTexts = { ProfilePicture: "Profile picture", FirstName: "First name", LastName: "Last name", Email: "Email", Mobile: "Mobile", Country: "Country", Gender: "Gender", OldPassword: "Old password", NewPassword: "New password", ConfirmPassword: "Confirm password", ChangePasswordButton: "Change password", UpdateMemberButton: "Save changes", LogOutButton: "Log out from your account", EditMemberInformationHeader: "Edit member", ChangePasswordHeader: "Change Your password", MemberRequestButton: "Member requests", Profile: "Profile", Invites: "Invites", SeasonTickets: "My season tickets", SelectTeam: "Select team", SelectRelation: "Select relation", Settings: "Settings", MyAccount: "Account", Actions: "Actions", Privacy: "Privacy", Children: "My children", Guardians: "Guardians", Submit: "Submit", Following: "Following", SignUpRequired: "To see all the pictures, videos, like, comment and cheer, you need to sign up as a member. Download the app, sign up and start following the teams you care about!", SignUpRequiredToFollow: "To follow a team you need to become a member first. Download the app, become a member and follow the teams that you care about!", VoucherIsMoreThanPurchasePrice: "The voucher value is higher than the price for this match. If you choose to use it, the rest of the voucher amount will be lost.", YourNewPriceIfYouUseTheVoucherIs: "Your new price if you use the voucher is ", ThisChangeRequiresReLogin: "This change requires you to log in again with your new username.", FirstNameIsRequired: "Firstname is required", LastNameIsRequired: "Lastname is required", AreYouSureYouNoLongerWantToFollowThisTeam: "Are you sure you no longer want to follow this team?", AreYouSureYouNoLongerWantToFollowThisCompetition: "Are you sure you no longer want to follow this competition?", ConfirmDelete: "Are you sure that you want to delete your account?", InputFullNameToDelete: "Input your full name and try again", }, OnlineGameReportTexts = { AutoSign: "Automatically signed", Pending: "Pending", AreYouSure: "Are you sure that you want to sign the game report?", FinalizeGame: "Finalize game", UnfinalizeGame: "Unfinalize Game", } liveTexts = { PreGameReports: "Pre game reports", LiveAttendeCheckedIn: "Checked In", GameReportTitle: "Set a report title", GameReportText: "Write a report and share your thoughts about the game!", GameReportHeader: "Write your game report here", PictureText: "Add picture text", DiscussionPostHeader: "Write your discussion post here!", AddGameReportButton: "Game report", By: " by ", TimelinePost: "Post", GameReportButton: "Game report", AddPictureButton: "Photo/video", ShareEmotionButton: "Share emotion", NothingReportedTitle: "Nothing reported yet", NothingReportedText: "Upload a game picture, shoot an interview or start the discussion!", NoPicsOrVideosTitle: "No pics or videos", NoPicsOrVideosText: "Tap here to upload", NoGameReportsTitle: "No game reports", NoGameReportsText: "Tap and share your thoughts", NoAttendeesTitle: "No attendees", NoRelatedGamesTitle: "No related games", NoMoreTimelineItems: "No more posts to get", GettingTimelineItems: "Getting posts", AddCommentButton: "Comment", LoadingTimeline: "Loading timeline", LiveMenuTimeLine: "Timeline", PhotographyForbidden: "One or both of the teams has deactivated photo and video recording in this match.", AreYouSureYouWantToReport: "Are you sure you want to report this item as inappropriate?", LiveStreamEnded: "This livestream has ended and is being processed.", TeamRoster: "Team roster", TeamRosters: "Team rosters", Substitutes: "Substitutes", TeamStaff: "Team staff", CaptainShortName: "C", TheGameStartsIn: "The game starts in:", ClickToReload: "Click to reload", TheBroadcastShouldBeginShortly: "The broadcast should begin shortly", LiveStreamEnded: "This livestream has ended and is being processed.", PlanningLivestream: "Planning livestream...", GettingVideo: "Getting video...", AreYouSureYouWantToDeleteThisLivestream: "Are you sure you want to delete this livestream?", AreYouSureYouWantToDeleteThisHighlight: "Are you sure you want to delete this highlight?", AreYouSureYouWantToDeleteThisReplay: "Are you sure you want to delete this replay?", SenderNetworkProblemMessage: "The streamer has a network connectivity problem right now that can cause viewing problems. Reload the page if the problems remains.", WriteADiscussionPostModeratedByAdmin: "Write a discission post. Posts are moderated by admin", CommentsAreDisabled: "Comments are disabled on this match", PhotosAndVideosAreDisabled: "Photos and videos are disabled on this match", SetAPrice: "Set a price", LowestAllowedPriceIs: "The lowest allowed price is ", HighestAllowedPriceIs: "The highest allowed price is", Admin: "Admin: ", ManageAndStartStream: "Manage and start stream", Videosponsor: "Video sponsor", Download: "Download", LinkHasBeenCopied: "Link has been copied", GkShortName: "GK", TopScorerShortName: "TS", ResultConfirmerShortName: "RC" }, gameTexts = { PracticeGame: "Friendly game", SelectOpponent: "Select opponent", SelectCompetitionError: "Select a competition or cup", SelectOpponentError: "Select an opponent", SelectGameDateError: "Enter a date", SelectGameTimeError: "Enter a time", SelectGameTimeFormatError: "The time is on an invalid format, enter the time as hours and minutes (hh:mm)", DefaultClubLogo: "https://intfloorballfed.blob.core.windows.net/clublogos/defaultclublogo.png" }, InfoItemTexts = { FilterAll: "All", AllTeams: "All teams", Posts: "Posts", FilteredSelection: "Filtered selection", AddTitle: "Add title", RemoveTitle: "Remove title", PublishTo: "Publish to", Persons: "persons", TeamFilterDescription: "These filters are used to limit the teams that you want to target with your post.", PersonFilterDescription: "These filters are used to specified the persons in the teams that you want to target with your post.", NotAValidLink: "The link you entered is not a valid link" }, MagazineTexts = { GameFacts: "Game facts", YouDoNotFollowAnyTeamsInstruction: "You are not following any teams yet. Search for teams to follow, or find them on the games under Discover.", AddTeamsToFollowButtonText: "Add teams to follow", CompleteSignUpHeading: "Complete registration", CompleteSignUpInstruction: "", CompleteSignUpTextPart1: "Tap the button below to set your role in ", CompleteSignUpTextPart2: "When this is done, your magazine will show the games for the team.", CompleteSignUpButtonText: "Set team role", ConnectHighlight: "Connect Highlight", Photos: "Pictures", Videos: "Videos", MostLiked: "Most liked", ShowMore: "Show more", DiscussionPostsLowerCase: " posts", GameReportsLowerCase: " game reports", EventReportsLowerCase: " event reports", AttendeesLowerCase: " attendees", ReadMore: "Read more", WriteAPostAndShareYourThoughts: "Write a post and share your thoughts!", TheTeamsHasPresentedTheirLineUps: "The teams have presented their lineups", LoadingTimeline: "Loading timeline", SaveButton: "Save", EditButton: "Edit", DeleteButton: "Delete", ReportButton: "Report", CancelButton: "Cancel", WriteACaptionHere: "Write a caption here", NoResult: "No result", Reported: "reported", Game: "Game", Interrupted: "Interrupted", Postponed: "Postponed", Cancelled: "Cancelled", InvitePlayers: "Invite players", YourTeam: "Your team, ", HasVeryFewMembers: ", has very few members. Players and team staff can be invited by mail under the tab Players and Team staff on the teams page.", ViewPlayers: "Show players", ViewTeamStaff: "Show team staff", CancelConnectPlayerTeamstaff: "Continue without connecting me to player/teamstaff", LoadingMoreContent: "Loading more content", YouHaveReachedTheEndOfYourFeed: "You have reached the end of your feed.", YouHaveReachedTheEndOfTheFeed: "You have reached the end of the feed.", TotalNumberOfVideos: "There were {0} videos.", TotalNumberOfPictures: "There were {0} pictures.", TotalNumberOfFairPlayCards: "There were {0} fair play cards.", TotalNumberOfPages: "There were {0} pages.", TotalNumberOfLiveFeedGames: "There were {0} games.", GettingMorePages: "Getting more pages", GettingMorePictures: "Getting more pictures", GettingMoreVideos: "Getting more videos", GettingMoreGames: "Getting more games", GettingMoreCards: "Getting more cards", GettingMoreContent: "Getting more content", DisconnectHighlight: "Disconnect highlight from game event", EditHighlight: "Edit highlight", Event: "Event", Highlight: "Highlight", CreateNew: "Create new", ChooseExisting: "Choose existing", ConnectToEvent: "Connect to game event", SelectEREvent: "Select a game event", }, clubAdminTexts = { EditClub: "Edit club", GoToClubPage: "Go to club page", LandscapeAndPortraitRequired: "You need to upload both a landscape and a portrait image", InvitesSent: "Invites sent", AreYouSureYouWantToAdd: "Are you sure you want to add ", AsClubAdministrator: " as club administrator?", }, teamAdminTexts = { TeamInfo: "Team info", TeamMembers: "Team members", ConnectTeams: "Connect teams", TeamSponsors: "Team sponsors", Info: "Info", Start: "Start", Pictures: "Pictures", Videos: "Videos", Games: "Games", Players: "Players", Squad: "Squad", TeamStaff: "Team staff", TeamStaffs: "Team staff", More: "More", Leagues: "Competitions", Cups: "Cups", CupTeams: "Cup teams", ContactPersons: "Contact persons", ContactPerson: "Contact person", Divisions: "Divisions", Admins: "Admins", Roles: "Roles", SeasonTickets: "Season tickets", Followers: "Followers", Invites: "Season tick. Invites", Payments: "Payments", PayAdmins: "Pay. admins", LatestPosts: "Latest posts", UpcomingGames: "Upcoming games", OKTakeMeThere: "OK, take me there!", ShowMore: "Show more", ShirtColor: "Shirt color", AlternateShirtColor: "Alt shirt color", ShowAll: "Show all", Follow: "Follow", Follows: "Follows", Unfollow: "Unfollow", GettingClub: "Getting club", AddNewRole: "Add new role", Teams: "Teams", TeamName: "Team name", Optional: "optional", TeamFeed: "Feed", EditClub: "Edit club", DeleteClub: "Delete club", WouldYouLikeToAdd: "Would you like to add", AsLiveReporter: "as team reporter", AsTeamAdmin: "as team admin", TheTeamYouWantToDisconnectAlsoPlayIn: "The team you want to disconnect also play in ", RemoveTeamFromLeagueConfirmQuestion: "Are you sure you want to disconnect your team from the selected leagues/cups?", DisconnectingTeamFromLeague: "Disconnecting team from league..", AreYouSureYouWantToDeleteThisTeam: "Are you sure you want to delete this team?", AreYouSureYouWantToDeleteThisClub: "Are you sure you want to delete this club?", AreYouSureYouWantToDeleteThisFollower: "Are you sure you want to delete this follower?", DeletingTeam: "Deleting team", DeletingFollower: "Deleting follower", TeamCreateOnlyInApp: "You can create your team using the Sportswik app. Download the app and get your team started!", TeamMissingTeamPage: "This team was created for this game and has no team page.", MobilePhoneNumberRequired: "Ange ett mobilnummer", ThePlayerHasBeenAdded: "The player has been added", ThePlayerHasBeenUpdated: "The player has been updated", ThePlayerHasBeenRemoved: "The player has been removed", TheTeamStaffHasBeenAdded: "The team staff has been added", TheTeamStaffHasBeenUpdated: "The team staff has been updated", TheTeamStaffHasBeenRemoved: "The team staff member has been removed", TheGuardianHasBeenRemoved: "The guardian has been removed", TheGuardianHasBeenUpdated: "The guardian has been updated", SelectTeam: "Select team", ShootsLeft: "Left", ShootsRight: "Right", AreYouSureYouWantToDeleteThisTeamPartner: "Are you sure you want to delete this team partner?", WeThankYouForYourValuableSupport: "We thank you for your valuable support! 🙏", InvitesSent: "Invites sent", Occasions: "Occasions", Roles: "Roles", }, adminTexts = { Reported: "Reported", ReportedAgainst: "Reports", Uploaded: "Uploaded", Purchases: "Purchases", TeamsAndRoles: "Teams and roles", All: "All", Games: "Games", Roles: "Roles", PerMember: "PerMember", Reports: "Reports", From: "From", NewToday: "new today", Subscriptions: "Subscriptions", }, eventReportingTexts = { Goal: "Goal", Chance: "Chance", ChanceType: "Type of chance", Comment: "Comment", Card: "Booking", CardType: "Type of booking", Substitution: "Substitution", Penalty: "Penalty", PenaltyType: "Type of penalty", GoalType: "Type of goal", Timeout: "Timeout", YellowCard: "Yellow card", RedCard: "Red card", CommentTheGame: "Comment the game", PlayerOfTheGame: "Player of the game", Minute: "Minute", GoalBy: "Goal by", AssistBy: "Assist by", SecondAssistBy: "2:a assist by", ChanceBy: "Chance by", PlayerIn: "Player in", PlayerOut: "Player out", ChangeClockDescription: "Change the gameclock or start/stop periods", DeleteReport: "Delete report", SelectTeam: "Select team", WhatHappened: "What happened?", DescribeTheGoal: "Describe the goal!", DescribeTheHalf: "Describe the half!", DescribeThePeriod: "Describe the period!", DescribeTheOvertime: "Describe the overtime!", DescribeThePenalty: "What are your thoughts on the penalty?", DescribeTheTimeout: "What are your thoughts on the timeout?", DescribeTheSubstitution: "What are your thoughts on the substitution?", DescribeTheGame: "What are your thoughts about the game?", WriteAComment: "Write a game comment!", WriteAMotivation: "Write a motivation", GameStatusEndGame: "Game end", GameStatusOvertime: "Overtime", GameStatusFinalWhistle: "Game end", Unknown: "Unknown", DidNotSee: "Or did not see", OwnGoal: "Own goal", NoScorer: "No scorer", NoAssist: "No assist", SelectTypeOfChance: "Select type of chance", SelectTypeOfPenalty: "Select type of penalty", SelectTypeOfGoal: "Select type of goal", SetTheTime: "Set the gameclock", ConfirmEndGame: "To press \u0027end game\u0027 marks the game as finished and no more events except comments can be inserted. Do you wish to mark the game as finished?", ResultTied: "Game tied", ResultTiedOvertime: "The result is a tie. Is this the final score or will there be overtime?", ResultTiedPenalties: "The result is a tie. Is this the final score or will there be penalties?", ResultTiedPenaltiesFloorball: "The result is a tie. Is this the final score or will there be penalties?", Penalties: "Penalties", PenaltiesFloorball: "Penalties", GameWentToOvertime: "game went to overtime", FirstPeriodEnded: "First period end", SecondPeriodEnded: "Second period end", ThirdPeriodEnded: "Third period end", FourthPeriodEnded: "Fourth period end", OvertimeEnded: "Overtime end", Halftime: "Halftime", NoChanceTypeSelected: "No type of chance selected - press to select one", NoPenaltyTypeSelected: "No type of penalty selected - press to select one", NoPlayerSelected: "No player selected - press to select one", NoGoalTypeSelected: "No special goal type selected - press to select one", NoGoalType: "No special goal type", YouMustWriteAComment: "You must enter a comment!", CreatingReport: "Creating report...", TakeControlOfEventReportQuestion: "Are you sure you want to take over the event reporting from", TakingOverReport: "Taking over report...", DeleteReportConfirm: "Are you sure you want to delete this event report?", DeletingReport: "Deleting event report...", GoalAndEventReporting: "Goal- \u0026 event reporting", CreateEvent: "Create event", SearchPenaltyTypes: "Search penalty type", InvalidTimeSelected: "You have selected an invalid time", GoalkeeperIn: "Goalkeeper in", GoalkeeperOut: "Goalkeeper out", WhoScored: "Who scored?", WhoAssisted: "Who assisted?", WhoGotAPenalty: "Who got a penalty?", WhoHadTheChance: "Who had the chance?", WhoIsComingOn: "Who is coming on?", WhoIsGoingOff: "Who is going off?", WhoGotBooked: "Who got booked?", WhoIsThePlayerOfTheGame: "Who is the player of the game?", WhatTeamScored: "What team scored?", WhatTeamGotAChance: "What team got a chance?", WhatTeamMadeASubstitution: "What team made a substitution?", WhatTeamGotTheYellowCard: "What team got the yellow card?", WhatTeamGotTheRedCard: "What team got the red card?", WhatTeamGotAPenalty: "What team got a penalty?", WhatTeamTookATimeout: "What team took a timeout?", WhatTeam: "What team?", ResultAfterPenaltyShotsShort: "Pen. shots", ResultAfterOvertimeShort: "Overtime", WO: "WO", }, leagueTexts = { Start: "Start", Magazine: "Magazine", Teams: "Teams", Fixtures: "Fixtures", Playoff: "Playoff/out", LatestFromTheTeams: "Latest from the teams", FairPlayCard: "Fair Play", Table: "Table", Standings: "Standings", Pictures: "Pictures", Videos: "Videos", Contact: "Contact", Statistics: "Statistics", Admin: "Admin", LoadingPictures: "Loading pictures...", LoadingCards: "Loading cards...", LoadingGames: "Loading games...", LoadingInfo: "Loading info...", LoadingPages: "Loading pages...", LoadingVideos: "Loading Videos...", LoadMorePictures: "Load more pictures", LoadMoreVideos: "Load more videos", NoMorePictures: "No more pictures", NoMoreVideos: "No more videos", NoMoreGames: "No more games to show", YouHaveReachedTheEndOfYourFeed: "You have reached the end of your feed", ScoringLeague: "Scoring leaders", GoalieLeague: "Goalkeeper statistics", GamesPlayedShort: "M", GoalsScoredShort: "G", AssistsShort: "A", PointsShort: "P", PenaltyMinutesShort: "PIM", GoalsAverageShort: "GA", PointsAverageShort: "PA", ShowNext25: "Show next 25", ShotsAgainstShort: "SA", SavePercentageShort: "%", GamesPlayedLong: "Games played", GoalsScoredLong: "Goals scored", AssistsLong: "Assists", PenaltyMinutesLong: "Penalty minutes", PointsLong: "Points", GoalsAverageLong: "Goals average", PointsAverageLong: "Points average", GoalsConcededShort: "G", GoalsConcededLong: "Goals conceded", ShotsAgainstLong: "Shots", SavePercentageLong: "Save percentage", }, leagueOrganizerTexts = { Start: "Start", Info: "Info", Pictures: "Pictures", Videos: "Videos", Play: "Play", Partners: "Partners", Leagues: "Competitions", Clubs: "Clubs", Groups: "Groups", Guess: "Guess", Schedule: "Schedule", Standings: "Standings", FinalStandings: "Final standings", LiveStreams: "Live streams", FairPlayCard: "Fair Play", Magazine: "Magazine", Gender: "Gender", Competitions: "Competitions", FairPlayCardSettings: "Fair play card settings", LivestreamSubscriptions: "Livestream subscriptions", Teams: "Teams", Current: "Current", MyTeamsOnly: "My teams only", }, teamConnectTexts = { WhatIsYourRelationTo: "What is your role in", LoadingFollowerRoles: "Loading follower roles", LoadingPlayersAndTeamStaff: "Loading players and team staff", }, socialEntityTexts = { YouLikeThis: "You like this", YouAnd: "You and", LikeThis: "likes this", Like: "Like", OthersSingular: "other ", OthersPlural: "other ", Comment: "Comment", Views: "Views", }, partnerAdminTexts = { Name: "Name" }, FootballEREventTexts = { FootballEREventTypeGoal: "Goal", FootballEREventTypeCorner: "Corner", FootballEREventTypeChance: "Chance", FootballEREventTypeSubstitution: "Substitution", FootballEREventTypePenaltyKick: "Penalty kick", FootballEREventTypeYellowCard: "Yellow card", FootballEREventTypeRedCard: "Red card", FootballEREventTypeComment: "Comment", FootballEREventTypeFirstHalfStart: "First half start", FootballEREventTypeFirstHalfEnd: "First half end", FootballEREventTypeSecondHalfStart: "Second half start", FootballEREventTypeSecondHalfEnd: "Second half end", FootballEREventTypeOvertimeStart: "Overtime start", FootballEREventTypeOvertimeEnd: "Overtime end", FootballEREventTypePenaltiesStart: "Penalties start", FootballEREventTypeFinalWhistle: "Final whistle", FootballEREventTypeThirdHalfStart: "Third half start", FootballEREventTypeThirdHalfEnd: "Third half end", }, FloorballEREventTexts = { FloorballEREventTypeGoal: "Goal", FloorballEREventTypePenalty: "Penalty", FloorballEREventTypeChance: "Chance", FloorballEREventTypeComment: "Comment", FloorballEREventTypeFirstPeriodStart: "First period start", FloorballEREventTypeFirstPeriodEnd: "First period end", FloorballEREventTypeSecondPeriodStart: "Second period start", FloorballEREventTypeSecondPeriodEnd: "Second period end", FloorballEREventTypeThirdPeriodStart: "Third period start", FloorballEREventTypeThirdPeriodEnd: "Third period end", FloorballEREventTypeOvertimeStart: "Overtime start", FloorballEREventTypeOvertimeEnd: "Overtime end", FloorballEREventTypePenaltiesStart: "Penalties start", FloorballEREventTypeFinalWhistle: "Final whistle", FloorballEREventTypeTimeout: "Timeout", FloorballEREventTypePlayerOfTheGame: "Player of the match", FloorballEREventTypePenaltyOver: "Penalty over", FloorballEREventTypeMissedPenaltyShot: "Missed penalty shot", FloorballEREventTypeMadePenaltyShot: "Made penalty shot", FloorballEREventTypeGoalKeeperOut: "Goalkeeper out", FloorballGoalTypePowerPlay: "Power Play", FloorballGoalTypeShortHanded: "Short Handed", FloorballGoalTypeEmptyNet: "Empty Net", FloorballGoalTypeEquallyShortHanded: "Equally Short Handed", FloorballGoalTypeDelayedPenalty: "Delayed Penalty", FloorballGoalTypeWithoutGoalkeeper: "Without Goalkeeper", FloorballGoalTypeSuddenDeath: "Sudden Death", FloorballGoalTypeExtraTime: "Extra Time (marked with result)", FloorballGoalTypeShortHandedDelayedPenalty: "Short Handed + Delayed Penalty", FloorballGoalTypeEquallyShortHandedDelayedPenalty: "Equally Short Handed + Delayed Penalty", FloorballGoalTypePowerPlayEmptyNet: "Power Play + Empty Net", FloorballGoalTypeShortHandedEmptyNet: "Short Handed + Empty Net", FloorballGoalTypeEquallyShortHandedEmptyNet: "Equally Short Handed + Empty Net", FloorballGoalTypeDelayedPenaltyEmptyNet: "Delayed Penalty + Empty Net", FloorballGoalTypePenaltyShot: "Penalty Shot", FloorballGoalTypePowerPlayDelayedPenalty: "Power Play + Delayed Penalty", }, FutsalEREventTexts = { FutsalEREventTypeGoal: "Goal", FutsalEREventTypeCorner: "Corner", FutsalEREventTypeChance: "Chance", FutsalEREventTypeSubstitution: "Substitution", FutsalEREventTypePenaltyKick: "Penalty kick", FutsalEREventTypeYellowCard: "Yellow card", FutsalEREventTypeRedCard: "Red card", FutsalEREventTypeComment: "Comment", FutsalEREventTypeFirstHalfStart: "First half start", FutsalEREventTypeFirstHalfEnd: "First half end", FutsalEREventTypeSecondHalfStart: "Second half start", FutsalEREventTypeSecondHalfEnd: "Second half end", FutsalEREventTypeOvertimeStart: "Overtime start", FutsalEREventTypeOvertimeEnd: "Overtime end", FutsalEREventTypePenaltiesStart: "Penalties start", FutsalEREventTypeFinalWhistle: "Final whistle", FutsalEREventTypeThirdHalfStart: "Third half start", FutsalEREventTypeThirdHalfEnd: "Third half end", FutsalERGameStatusFourthHalf: "Fourth half", FutsalERGameStatusFourthHalfEnd: "Fourth half end", }, fairPlayCardTexts = { CardNotRegistered: "Card not registered", InTheGameAgainst: "In the game against", }, assetinfoTexts = { FetchingYourTeams: "Fetching your teams", } </script> <script type="text/javascript"> var AppSpecific = { ApplicationName: "Iff", SupportEmail: "support@floorball.sport", ClubsInfoHeaderDescription: "As a district admin, you can here see how the clubs in the district have gotten started with the app. You can sort the list by pressing the column names go to the club media site by pressing the club name, and go to the club stats/admin site by pressing the Show more button.", TeamAdminConnectedTeamsTitle: "Connect multiple teams to one team in the app", TeamAdminConnectedTeamsDescription: "If you have multiple teams for the same club team/training group, you can connect them to one team in the app. That will give you only one team to add team members to, and your followers only need to follow one team.", TeamAdminInfoTitle: "Connected teams", TeamAdminInfoDescription: "These teams in IFF are right now connected to your team in the app. ", TeamAdminImportInfoTitle: "Other teams where you are admin", TeamAdminImportInfoDescription: "Only connect teams that belong to the same club team/training group", TeamAdminTeamAliasTitle: "Add display name in the app and media platform", TeamAdminTeamNameExternalSystem: "Team name in IFF", TeamAdminNameCanOnlyBeChangedExternally: "This name can not be changed.", TeamAdminAliasAlertPart1: "If the team name makes it hard for your followers to find your team, set a display name in the media platform. Only enter the team name, not the club name!", TeamAdminAliasAlertPart2: "A good display name is something that your followers recognize from your team name on your website, social media or RSVP communication, for example Boys 2009-1, Mens 1st team, or Women U21.", TeamAdminAliasAlertPart3: "If you have multiple teams that in reality is the same club team/training group, connect them using the Connect team tab above.", TeamAdminLagetImport: "I admin-delen på er lagsida finns en funktion för att exportera lagmedlemmar till Excel. Excel-arket laddar du upp här och systemet matchar de importerade lagmedlemmarna mot personer i FOGIS och Min Fotboll via personnummer och mobilnummer. Så du behöver aldrig vara orolig att det ska bli dubletter, även om personen också finns i andra lag. När uppladdningen är klar ser du vilka nya lagmedlemmar som kommer att läggas till i ert lag, så att du kan kontrollera att det verkar rätt och göra justeringar innan du sparar.", TeamAdminSportAdminImport: "I admin-delen på er lagsida finns en funktion för att exportera lagmedlemmar till Excel. Excel-arket laddar du upp här och systemet matchar de importerade lagmedlemmarna mot personer i FOGIS och Min Fotboll via personnummer och mobilnummer. Så du behöver aldrig vara orolig att det ska bli dubletter, även om personen också finns i andra lag. När uppladdningen är klar ser du vilka nya lagmedlemmar som kommer att läggas till i ert lag, så att du kan kontrollera att det verkar rätt och göra justeringar innan du sparar.", TeamAdminSvenskaLagImport: "I admin-delen på er lagsida finns en funktion för att exportera era lagmedlemmar till Excel. Excel-arket laddar du upp här och systemet matchar de importerade lagmedlemmarna mot personer i FOGIS och Min Fotboll via personnummer och mobilnummer. Så du behöver aldrig vara orolig att det ska bli dubletter, även om personen också finns i andra lag. När uppladdningen är klar ser du vilka nya lagmedlemmar som kommer att läggas till i ert lag, så att du kan kontrollera att det verkar rätt och göra justeringar innan du sparar.", TeamAdminMyClubImport: "I admin-delen på er lagsida i MyClub finns en specialanpassad funktion för att exportera era lagmedlemmar till Min Fotboll. Systemet matchar de exporterade lagmedlemmarna mot personer i FOGIS och Min Fotboll via personnummer och mobilnummer. Så du behöver aldrig vara orolig att det ska bli dubletter, även om personen också finns i andra lag. När exporteringen är klar ser du vilka nya lagmedlemmar som kommer att läggas till i ert lag, så att du kan kontrollera att det verkar rätt och göra justeringar innan du sparar.", CreateGameWarning: "Attention! League matches and competitions that exists in IFF shall not be created using this feature. Instead you should connect these matches/teams from IFF to your team in the media platform.", CompetitionWarning: "Attention! In competitions not organized by IFF, it is your own responsibility to ensure that you have the rights to shoot pictures, videos and report from the matches. ", OtherExternalSystemTeams: "Are there other teams that should be connected with this as they belong to the same club team/training group?", } </script> <section id="leagueorganizersite-view" class="view" style="display:none;"> <div data-bind="with: leagueOrganizerHeader"> <div data-bind="template: { name: 'leagueorganizer.header' }"></div> <div class="menu-wrapper" data-bind="template: { name: 'leagueorganizer.menu' }"></div> </div> <div class="preloader" id="leagueorganizersite-view-preloader"> <h3 class="preloader-text">Loading...</h3> </div> <div class="content afterloaded main-content" id="leagueorganizersite-view-afterloaded" style="display:none;"> <div class="contentBlock leagueorganizersite-subview defaultBackgroundColor" id="leagueorganizersite-start" style="display:none;border:medium none;"> <div class="beforeSubViewLoaded"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="afterSubViewLoaded" data-bind="with: initLeagueOrganizerModel"> <div style="margin-top: 16px;">  <div class="swipe-wrap grid-container" data-bind="foreach: MagazineBlurbs">  <div> <a data-bind="clickAndHref: $root.navigateToMagazineGameView($data)"> <div class="pagewrapper contentBlock" data-bind="template: { name: 'magazine.frontpageblurbtype' + MagazineBlurbTypeID }"></div> </a> </div>  </div> <div style="text-align: center; padding-bottom: 16px;"> <a class="read-more-link" data-bind="clickAndHref: $root.navigateToLeagueOrganizerSiteMagazine()">Show more games</a> </div>  </div>  <div class="swipe-wrap info-item-grid-container" data-bind="foreach: InfoItemBlurbs"> <a class="clickable" data-bind="click: $root.navigateToInfoItem"> <div class="pagewrapper contentBlock" style="overflow: visible;" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </a> </div> <div style="text-align: center; padding-bottom: 16px;"> <a class="read-more-link" data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePosts()">Show more</a> </div>   <div class="contentBlockContent" style="background-color:#eaebeb; padding: 16px; max-height: 300px"> <p style="text-align: center;">Main partners</p> <div id="main-partner-slider" class="swiper" style="position: relative; padding-bottom: 32px; padding-top: 16px; overflow: hidden;"> <div class="swiper-wrapper" data-bind="foreach: MainPartners, clubMainPartnerSwiper: $data"> <div class="swiper-slide"> <div class="slider-container"> <a data-bind="attr: {href: WebsiteURL}" target="_blank" href="#"> <div class="imageMask partner-image partner-image-large" data-bind="pictureURL: PictureLarge"></div> </a> </div> </div> </div> <div class="swiper-pagination-container"></div> </div> </div>   <div class="contentBlockContent fairPlayCardBlockContent" data-bind="with: FairPlay"> <img class="greenCardBig" data-bind="attr: { src: FairPlayLargeLogoURL }" /> <div style="text-align: center; margin-bottom: 30px;"> <img class="greenCardSmall" data-bind="attr: { src: FairPlayMediumLogoURL }" /> </div> <div class="greenCardTextContainer"> <h3 data-bind="text: Title"></h3> <p data-bind="text: Description"></p>  { <div class="registerGreenCardContainer"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSiteRegister()" class="registerGreenCardLink">Register your Green card</a> </div>   <div style="margin-top: 30px; margin-bottom: 40px;"> </div>  </div> <div data-bind="with: PartnerFeature" style="text-align: center;"> <img class="sponsorBig" data-bind="pictureURLforimg: LargePictureInfo, trackPartnerFeatureView: { PartnerFeatureID: PartnerFeatureID, PartnerFeaturePlacementID: PartnerFeaturePlacementID }" /> <img class="sponsorSmall" data-bind="pictureURLforimg: MediumPictureInfo, trackPartnerFeatureView: { PartnerFeatureID: PartnerFeatureID, PartnerFeaturePlacementID: PartnerFeaturePlacementID }" /> </div>  <ul class="fairPlayPictureContainer" data-bind="foreach: { data: FairPlayCards }"> <li> <div class="clickable fairPlayPicture imageMask" data-bind="click: $root.navigateToFairPlayCard, backgroundPictureURL: ProfilePictureURL"></div> <p data-bind="text: PlayerName"></p> <p data-bind="text: ClubName"></p> <p data-bind="text: TeamName"></p> </li> </ul> <div class="moreFairPlayCardPlayers"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSiteFairPlayCard()">See more fair players</a> </div>  </div>  <div data-bind="with: $root.initLeagueOrganizerSitePicsAndVideosModel">  <div id="leagueOrganizerSiteStartPicturesBlock" class="gallery-front-page"> <div> <div class="col-header"> <span class="picsVideosTitle">Pictures</span> </div> <div style="margin-bottom: 16px;" data-bind="with: TopPicture"> <a data-bind="clickAndHref: $root.navigateToPicture($data)"> <div class="pictureItemLarge imageMask" data-bind="pictureURL: $data"></div> <div class="pictureItemLargeTextContainer"> <p class="picture-teams" data-bind="text: Title"></p> <p class="picture-text" data-bind="text: Description"></p> <p class="picture-group" data-bind="text: ExtraDescription"></p> </div> </a> </div> <div class="picture-grid two-column" data-bind="foreach: { data: Pictures }"> <a data-bind="clickAndHref: $root.navigateToPicture($data)"> <div data-bind="pictureURL: $data" class="pictureItem imageMask"></div> </a> </div> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePictures" class="showMoreLink">Show more</a> </div> <div> <div class="col-header"> <span class="picsVideosTitle">Videos</span> </div> <div style="margin-bottom: 16px;" data-bind="with: TopVideo"> <a data-bind="clickAndHref: $root.navigateToVideo($data)"> <div class="pictureItemLarge imageMask" style="position:relative;" data-bind="backgroundPictureURL: ThumbnailURL"> <div class="videoPlayButton"></div> </div> <div class="pictureItemLargeTextContainer"> <p class="picture-teams" data-bind="text: Title"></p> <p class="picture-text" data-bind="text: Description"></p> <p class="picture-group" data-bind="text: ExtraDescription"></p> </div> </a> </div> <div class="picture-grid two-column" data-bind="foreach: { data: Videos }"> <a data-bind="clickAndHref: $root.navigateToVideo($data)"> <div class="pictureItem imageMask" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="videoPlayButton"></div> </a> </div> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSiteVideos" class="showMoreLink">Show more</a> </div> <div> <div class="col-header"> <span class="picsVideosTitle">Most liked</span> </div> <div class="picture-grid three-column" data-bind="foreach: { data: MostLiked }">  <a data-bind="clickAndHref: $root.navigateToPicture(Picture)"> <div class="pictureItem imageMask" data-bind="pictureURL: Picture"></div> </a>   <a data-bind="clickAndHref: $root.navigateToVideo(Video)"> <div class="pictureItem imageMask" data-bind="backgroundPictureURL: Video.ThumbnailURL" "></div> <div class="videoPlayButton"></div> </a>  </div> </div> </div>  </div>  <div class="contentBlockContent defaultBackgroundColor" style="padding: 20px; max-height: 300px"> <div class="swiper" style="position: relative; padding-bottom: 30px; padding-top: 20px; overflow: hidden;"> <div class="swiper-wrapper" data-bind="foreach: Partners, clubPartnerSwiper: $data"> <div class="swiper-slide" style="max-width: 400px; margin: 0 auto;"> <div class="slider-container"> <a data-bind="attr: {href: WebsiteURL}" target="_blank" href="#"> <div class="imageMask partner-image" data-bind="pictureURL: Picture"></div> </a> </div> </div> </div> <div class="swiper-pagination-container"></div> </div> </div>  <div data-bind="with: LeagueOrganizerHeader" class="contentBlockContent defaultBackgroundColor" style="padding: 16px 40px;"> <div class="officialSiteContainer defaultBorderColor"> <p class="normal-font" data-bind="text: WebPageDescription"></p> <p class="large-font" style="font-weight:bold;" data-bind="text: FederationName"></p> <p class="normal-font"><a data-bind="text: WebPageDisplayName, attr: {href: WebPage}" href="" target="_blank"></a></p> </div> </div> </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-magazine" style="display:none;"> <div class="beforeSubViewLoaded"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="afterSubViewLoaded">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>There are no matches reported yet...</h4> <span>When the teams start reporting from their matches, the magazine will be full of pictures, videos and match reporting.</span> </div>   <div class="swipe-wrap" style="margin: 20px 20px 0;" data-bind="foreach: { data: blurbsInFeed }"> <a data-bind="clickAndHref: $parent.navigateToMagazineGameView($data)"> <div class="pagewrapper contentBlock" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }, css: { 'pageWrapperHalfPage': isHalfPageLeft || isHalfPageRight, 'pageWrapperHalfPageLeft': isHalfPageLeft, 'pageWrapperHalfPageRight': isHalfPageRight }"></div> </a> </div> <div class="scrollStatusWrapper"> <p id="leagueOrganizerMagazineInfiniteScrollStatus">Loading more content</p> </div>  </div> </div> <div class="contentBlock leagueorganizersite-subview defaultBackgroundColor" id="leagueorganizersite-leagues" style="display:none;"> <div class="beforeSubViewLoaded"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="afterSubViewLoaded"> <div class="contentBlockContent leaguesContentBlock" style="overflow: visible;"> <div class="league-search"> <input id="leagueSearchField" type="text" class="search-input" data-bind="event: { keyup: searchLeaguesKeyDown }" placeholder="Search competition" /> <ul class="dropdown-input"> <li class="dropdown"> <a href="#" id="seasonDropDownTitle" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Season</a> <ul class="dropdown-menu">  <li><a href="#" data-bind="text: SeasonName, click: $parent.selectSeason"></a></li>  </ul> </li> </ul> <ul class="dropdown-input"> <li class="dropdown"> <a href="#" id="genderDropDownTitle" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Gender</a> <ul class="dropdown-menu">  <li><a href="#" data-bind="text: Name, click: $parent.selectGender"></a></li>  </ul> </li> </ul> <button class="btn btn-primary" data-bind="click: searchLeagues">Search</button> </div> <div class="materialCardView league-category-list" data-bind="foreach: { data: leagueCategories }" style="background-color: #ffffff;">  <div class="header-root"> <div class="header-row clickable" data-bind="click: $root.toggleLeagueRow"> <h5 data-bind="text: Name"></h5> <i class="feather-plus"></i> <i class="feather-minus" style="display: none;"></i> </div> <div class="league-list active" data-bind="foreach: Leagues" style="display: none;"> <div data-bind="click: $root.navigateToLeague.bind($data)" class="clickable league-row"> <h5 data-bind="text: LeagueName"></h5> </div> </div> </div>   <div class="league-list" data-bind="foreach: Leagues"> <div data-bind="click: $root.navigateToLeague.bind($data)" class="clickable league-row"> <h5 data-bind="text: LeagueName"></h5> </div> </div>  </div> </div> </div> </div> <div class="contentBlock leagueorganizersite-subview defaultBackgroundColor" id="leagueorganizersite-clubs" style="display:none;"> <div class="contentBlockContent"> <div class="beforeSubViewLoaded"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="afterSubViewLoaded"> <div class="club-search" style="max-width: 600px;"> <input id="clubSearchField" class="search-input" type="text" data-bind="event: { keyup: searchClubsKeyDown }" placeholder="Search club" /> <button class="btn btn-primary" data-bind="click: filterClubs">Search</button> </div>  <div> <ul class="clubContainer" data-bind="foreach: { data: filteredClubs }"> <li class="materialCardView clickable" data-bind="click: $root.navigateToClub.bind($data)"> <div data-bind="backgroundPictureURL: LogoURL" class="clubLogo imageMaskContain"></div> <span class="clubName" data-bind="text: Name"></span> </li> </ul> </div>   <div>No clubs found</div>  </div> </div> </div> <div class="contentBlock leagueorganizersite-subview" id="leagueorganizersite-teams" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor" style="min-height: 400px;"> <div class="beforeSubViewLoaded"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="afterSubViewLoaded">  <div> <ul data-bind="foreach: { data: teams }" class="team-list-cards column"> <li class="materialCardView clickable"> <a data-bind="clickAndHref: $parent.navigateToTeamView($data)"> <div data-bind="template: 'general.team'"></div> </a> </li> </ul> </div>   <div data-bind="if: teams().length === 0" class="emptyState afterloaded" style="display: none;"> <p class="interactionRequest">No teams registered</p> </div>  </div> </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-fairplaycard" style="display:none;" data-bind="with: $root.initLeagueOrganizerSiteFairPlayCardsModel"> <div class="contentBlock defaultBackgroundColor" style="border: medium none;"> <div class="contentBlockContent fairPlayContentBlock"> <div class="fairPlayCardTextContainer"> <h3 data-bind="text: PageTitle"></h3> <p data-bind="text: PageTextPart1"></p> <p data-bind="text: PageTextPart2"></p> </div> <div style="text-align: center;margin-bottom: 30px;"> </div> <div style="text-align: center;" data-bind="with: PartnerFeature"> <img class="sponsorBig" data-bind="pictureURLforimg: LargePictureInfo, trackPartnerFeatureView: { PartnerFeatureID: PartnerFeatureID, PartnerFeaturePlacementID: PartnerFeaturePlacementID }" /> <img class="sponsorSmall" data-bind="pictureURLforimg: MediumPictureInfo, trackPartnerFeatureView: { PartnerFeatureID: PartnerFeatureID, PartnerFeaturePlacementID: PartnerFeaturePlacementID }" /> </div> </div> <div class="fairPlaySearchContainer"> <input id="fairPlayCardSearchField" class="search-input" type="text" placeholder="Search player or club" /> <button class="btn btn-primary" data-bind="click: $root.searchFairPlayCards">Search</button>  <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSiteRegister()">Register your Green card</a>  </div> <div> <ul class="fairPlayCardContainer" data-bind="foreach: { data: $root.fairPlayCards }"> <li data-bind="click: $root.navigateToFairPlayCard, template: { name: 'fairplaycard.detail' }"></li> </ul> </div> </div> <div class="scrollStatusWrapper" data-bind="visible: $root.searchMode() === false"> <p data-bind="visible: $root.gettingFairPlayCards()">Loading more content</p> <p data-bind="visible: $root.fairPlayCards().length === 0">Det finns inga kort registrerade för detta distrikt</p> </div> <div class="scrollStatusWrapper" data-bind="visible: $root.searchMode() === true"> <p data-bind="visible: $root.fairPlayCards().length === 0">Ingenting matchade din sökning</p> </div> </div> <div data-bind="with: initLeagueOrganizerPartnersModel" class="contentBlock defaultBackgroundColor leagueorganizersite-subview" id="leagueorganizersite-partners" style="display:none;">  <div class="empty-state large"> <img src="/Content/images/no_content.png"> <h4>There are no partners yet</h4> </div>  <div class="contentBlockContent partnerContentBlock">  <h3 style="font-size: 18pt; margin-bottom: 32px;">Main partners</h3> <div data-bind="foreach: MainPartners" class="partner-list-container"> <div class="materialCardView" style="overflow: hidden;"> <a data-bind="attr: {href: WebsiteURL}" href="" target="_blank"> <div class="imageMask partnerPageImage" data-bind="pictureURL: Picture"></div> </a> </div> <div class="partnerTextContainer"> <h4 data-bind="text: Name"></h4> <div class="textContainer" data-bind="html: Text"></div> <a data-bind="text: WebsiteURL, attr: {href: WebsiteURL}" href="" target="_blank"></a> </div> </div>   <div style="border-bottom: 1px solid #aaaaaa; margin-top: 8px; margin-bottom: 16px;"></div> <h3 style="font-size: 18pt; margin-bottom:32px;">Fair Play partners</h3> <div data-bind="foreach: FairPlayCardPartners" class="partner-list-container"> <div class="materialCardView" style="overflow: hidden;"> <a data-bind="attr: {href: WebsiteURL}" href="" target="_blank"> <div class="imageMask partnerPageImage" data-bind="pictureURL: Picture"></div> </a> </div> <div class="partnerTextContainer"> <h4 data-bind="text: Name"></h4> <div class="textContainer" data-bind="html: Text"></div> <a data-bind="text: WebsiteURL, attr: {href: WebsiteURL}" href="" target="_blank"></a> </div> </div>   <div style="border-bottom:1px solid #aaaaaa; margin-top: 8px;margin-bottom: 16px;"></div> <h3 style="font-size: 18pt; margin-bottom: 32px;">Partners</h3> <div data-bind="foreach: Partners" class="partner-list-container"> <div class="materialCardView" style="overflow: hidden;"> <a data-bind="attr: {href: WebsiteURL}" href="" target="_blank"> <div class="imageMask partnerPageImage" data-bind="pictureURL: Picture"></div> </a> </div> <div class="partnerTextContainer"> <h4 data-bind="text: Name"></h4> <div class="textContainer" data-bind="html: Text"></div> <a data-bind="text: WebsiteURL, attr: {href: WebsiteURL}" href="" target="_blank"></a> </div> </div>  </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-play" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;" data-bind="with: initPlayPage">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>There is no media content available yet</h4> <span></span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <div class="purchaseSectionContainer"> <p class="title">Köp tillgång till livesändningarna från Ettan!</p> <div class="ticket-container"> <img class="ticket" src="/Content/images/Ticket050038.png" /> <div class="purchaseSubscriptionsTextBlock"> <p>* Säsongskort 999 SEK (200 SEK till laget du väljer att stötta)</p> <p>* Månadsabonnemang 169 SEK</p> </div> </div> <button data-bind="click: $root.navigateToEventPurchasePage" type="button" style="max-width: 400px; width: 100%; margin-bottom: 16px;" class="btn btn-big btn-accent"> Gå till köpsida </button> <p class="purchaseLoginInfo">Du behöver logga in/skapa konto innan du kan göra ditt köp</p> </div> </div> </div>  <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <div data-bind="foreach: MagazineBlurbs"> <div data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </div> </div> </div> </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-faq" style="display:none;"> <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <div class="faq"> <h4>Vanliga frågor</h4> <div class="faq-section"> <h5>Hur loggar jag in?</h5> <p>Tryck på Logga in ute till höger i huvudmenyn som ligger längst upp på sidan. Om du inte redan har ett användarkonto tas du genom en guide för att skapa ett konto med hjälp av ditt mobilnummer och en verifieringskod som skickas via SMS. </p> </div> <div class="faq-section"> <h5>Hur köper jag tillgång till sändningarna från matcherna?</h5> <p>Du behöver först skapa ett användarkonto/logga in. För att köpa abonnemang eller säsongskort trycker du på Köp abonnemang i huvudmenyn längst upp på sidan. För att köpa en enskild match trycker du på den aktuella matchen, och sedan på videospelaren på matchsidan.</p> </div> <div class="faq-section"> <h5>Hur avslutar jag ett månadsabonnemang?</h5> <p>Tryck på din profil (ditt namn) i huvudmenyn, och sedan på fliken Konto på din profilsida. Välj sedan Mina abonnemang och köp, och tryck på Avsluta ute till höger på ditt månadsabonnemang.</p> </div> <br /> <p>Om du har andra frågor, kontakta supporten på <a href="mailto:ettanplay@sportway.com">ettanplay@sportway.com</a></p> </div> </div> </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-pictures" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePlay">Play</a> <p>/</p> <strong>Pictures</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: pictures"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPictures(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-highlights" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePlay">Play</a> <p>/</p> <strong>Highlights</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: highlights"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingHighlights(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-replays" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePlay">Play</a> <p>/</p> <strong>Replays</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: replays"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingReplays(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-live" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePlay">Play</a> <p>/</p> <strong>Live right now</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: liveGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingLiveGames(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-planned" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePlay">Play</a> <p>/</p> <strong>Upcoming broadcasts</strong> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: plannedGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPlannedGames(), template: { name: 'scroll.loader' }"></div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-videos" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSitePlay">Play</a> <p>/</p> <strong>Videos</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no videos...</h4> <span>Once the teams has become active there will be lots of videos here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: videos"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingVideos(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-register" style="display:none;"> <div class="contentBlockContent fairPlayRegisterContentBlock"> <h3>Register your Green card</h3> <div> <p class="introText" style="font-size:13pt;">Congratulations to your Fair Play card award! Registration of the card is done using the Sportswik app. </p> <div class="green-oval-container"> <div class="green-oval">1</div> <div class="green-oval-text"> <span style="font-size:13pt;">Download the app and become a member.</span> </div> <div class="storeContainer green-oval-text" style="text-align:left;"> <a href="https://itunes.apple.com/us/app/min-fotboll-officiell/id1454359432?l=sv&ls=1&mt=8" class="iTunesLogo"> <img id="appStoreLogo" src="/Content/images/appstore.png" /> </a> <a href="https://play.google.com/store/apps/details?id=se.svenskfotboll.minfotboll" class="appStoreLogo"> <img id="googlePlayLogo" src="/Content/images/google-play-badge-small.png" /> </a> </div> </div> <div class="green-oval-container"> <div class="green-oval">2</div> <div class="green-oval-text"> <span style="font-size:13pt;">If you do not already follow your team, tap search to find your club and your team. </span><br /> <br /> <span style="font-size:13pt;">Tap Follow. (If the team is not at Sportswik, talk to a team staff and make sure it is registered).</span><br /> </div> </div> <div class="green-oval-container"> <div class="green-oval">3</div> <div class="green-oval-text"> <span style="font-size:13pt;">Find the current game and tap the Green Card icon in the menu at the bottom. Follow the instructions. Your registered card will appear in the game timeline.</span> </div> </div> </div> <div class="green-card-register-container" data-bind="with: leagueOrganizerHeader"> <div> <img data-bind="fairPlayCardUrl: { CountryID: CountryID, Page: 1 } " /> </div> <div> <img data-bind="fairPlayCardUrl: { CountryID: CountryID, Page: 2 } " /> </div> <div> <img data-bind="fairPlayCardUrl: { CountryID: CountryID, Page: 3 } " /> </div> </div> <div class="green-card-register-slider"> <div class="swiper" style="position: relative; padding-bottom: 40px; min-height: 380px;" data-bind="with: leagueOrganizerHeader"> <div class="swiper-wrapper" data-bind="createFairPlaySwiper: $data"> <div class="swiper-slide"> <img data-bind="fairPlayCardUrl: { CountryID: CountryID, Page: 1 } " /> </div> <div class="swiper-slide"> <img data-bind="fairPlayCardUrl: { CountryID: CountryID, Page: 2 } " /> </div> <div class="swiper-slide"> <img data-bind="fairPlayCardUrl: { CountryID: CountryID, Page: 3 } " /> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-criteria" style="display:none;" data-bind="with: fairPlayCardSettingsModel"> <div class="contentBlockContent fairPlayRegisterContentBlock"> <h3 style="white-space: normal;" data-bind="text: CriteriasTitle"></h3> <div class="fairPlayCardCriteriaContainer" data-bind="html: CriteriasText"></div> <div class="fairPlayCardCriteriaContainerRight"> <div class="fairPlayListHeader">Hints</div> <div data-bind="html: CriteriasTipsText"></div> </div> <div class="clearfix"></div> </div> </div> <div class="leagueorganizersite-subview" id="leagueorganizersite-posts" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded contentBlock" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor" data-bind="with: initInfoItems"> <div style="max-width: 640px; margin: 0 auto;"> <div class="infoItemEditContainer" data-bind="visible: MemberCanEdit"> <button class="btn btn-icon btn-primary" data-bind="click: $root.createInfoItem"><i class="feather-plus"></i>Create post</button> <button class="btn btn-basic application-display" data-bind="click: $root.importInfoItems"><span class="glyphicon glyphicon-download" aria-hidden="true"></span> Import post</button> <div class="infoItemListFilter" style="position: relative;"> <ul class="dropdown-menu"> <li data-bind="click: $root.filterPosts.bind($data, 0), css: { 'checked': $root.postsFilterType() === 0 }"> <h5>Posts published for you</h5> <h4>Showing posts where your member is a part of the targeted audience</h4> </li> <li data-bind="click: $root.filterPosts.bind($data, 1), css: { 'checked': $root.postsFilterType() === 1 }"> <h5>All published posts</h5> <h4>Showing all published posts regardless of audience</h4> </li> <li data-bind="click: $root.filterPosts.bind($data, 2), css: { 'checked': $root.postsFilterType() === 2 }"> <h5>All scheduled posts</h5> <h4>Showing all scheduled posts regardless of audience</h4> </li> </ul> <p class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Show posts</p> </div> </div> <div class="swipe-wrap" data-bind="foreach: $root.posts"> <a class="clickable" data-bind="click: $root.navigateToInfoItem"> <div class="pagewrapper contentBlock" style="overflow: visible;" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </a> </div> <div data-bind="visible: $root.gettingMoreInfoPosts(), template: { name: 'scroll.loader' }"></div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No posts</h4> <span>There are no posts to show for this district</span> </div>  </div> </div> </div> </div> <div id="leagueorganizersite-importposts" class="leagueorganizersite-subview contentBlock" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor importpostsContentBlock" style="min-height: 600px;"> <div style="max-width: 800px; margin: 20px auto;"> <div> <ul class="importpostsSearchContainer clearfix"> <li class="dropdown searchItem"> <a href="#" id="leagueOrganizationForImportDropDownTitle" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Välj distrikt</a> <ul class="dropdown-menu" style="max-height: 400px; overflow-y: scroll;">  <li><a href="#" data-bind="text: Name, click: $parent.selectLeagueOrganizationForImport"></a></li>  </ul> </li> <li class="dropdown searchItem"> <a href="#" id="typeForImportDropDownTitle" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Nyheter</a> <ul class="dropdown-menu"> <li><a href="#" data-bind="click: $root.selectTypeForImport.bind($data, 0)">Nyheter</a></li> <li><a href="#" data-bind="click: $root.selectTypeForImport.bind($data, 1)">Sidor</a></li> </ul> </li> <li class="searchItem"> <button class="btn btn-primary" data-bind="click: searchInfoPostForImport">Search</button> </li> </ul> </div>  <ul class="materialCardView umbracoList" data-bind="foreach: { data: postsForImport }"> <li class="clearfix">  <div class="imageMask" data-bind="backgroundPictureURL: MainImageUrl"></div>  <h5><a data-bind="attr: { href: Url, title: Url }, text: Name" href="" target="_blank"></a></h5> <h4 data-bind="swTextualDateWithYearWithoutTime: UpdateDate"></h4> <button type="button" data-bind="click: $root.selectPostForImport.bind($data), clickBubble: false" class="btn btn-primary">Copy</button> </li> </ul>   <ul class="materialCardView umbracoList" data-bind="foreach: { data: pagesForImport }" style="background-color: #ffffff;"> <li class="clearfix"> <h5><a data-bind="attr: { href: url, title: url }, text: name" href="" target="_blank"></a></h5> <h4 data-bind="swTextualDateWithYearWithoutTime: createDate"></h4> <button type="button" data-bind="click: $root.selectPostForImport.bind($data), clickBubble: false" class="btn btn-primary">Copy</button> </li> </ul>  <div id="leagueorganizersite-view-fetchmorefromimport" data-bind="click: nextPage" class="materialCardView clickable" style="display:none; text-align: center; margin: 20px auto; width: 300px; padding: 10px; background-color: #fff;"> <p>Hämta fler inlägg</p> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No posts</h4> <span>There are no posts to import with the selected filter</span> </div>  </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-schedule" style="display:none;"> <div class="defaultBackgroundColor"> <div class="contentBlockContent two-tabs" style="text-align: center;"> <div class="btn-group btn-group-sm" style="width: auto;"> <button style="width: 150px;" class="btn" id="leagueOrganizerSiteTogglePastLeagueGames" data-bind="click: togglePastLeagueGames">Past</button> <button style="width: 150px;" class="btn active" id="leagueOrganizerSiteToggleComingLeagueGames" data-bind="click: toggleComingLeagueGames">Coming</button> </div> </div> <div id="leagueOrganizerSiteComingLeagueGamesList" style="max-width: 800px; margin: 32px auto;"> <div data-bind="if: comingGames().length > 0" class="afterloaded" style="display:none;"> <ul data-bind="foreach: { data: comingGames }" class="contentBlockContent"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> <div data-bind="visible: $root.gettingGamesComing(), template: { name: 'scroll.loader' }"></div> </div> <div data-bind="if: comingGames().length == 0" class="emptyState afterloaded" style="display:none;"> <p class="interactionRequest">No games registered</p> </div> </div> <div id="leagueOrganizerSitePastLeagueGamesList" style="max-width: 800px; margin: 32px auto; display: none;"> <div data-bind="if: pastGames().length > 0" class="afterloaded" style="display:none;"> <ul data-bind="foreach: { data: pastGames }" class="contentBlockContent"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> <div data-bind="visible: $root.gettingGamesPast(), template: { name: 'scroll.loader' }"></div> </div> <div data-bind="if: pastGames().length == 0" class="emptyState afterloaded" style="display:none;"> <p class="interactionRequest">No games registered</p> </div> </div> <div class="emptyState preloader"> <p class="interactionRequest">Loading games</p> </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-final" style="display: none;"> <div class="contentBlockContent beforeSubViewLoaded defaultBackgroundColor"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="contentBlockContent afterSubViewLoaded defaultBackgroundColor" style="display: none;"> <div style="margin-bottom: 16px; width: 100%; height: 384px; display: block; background-color: #aaaaaa; display: none;"></div> <div class="medal-container" data-bind="foreach: finalResultTableRows">  <div class="materialCardView" style="background-color: #fff; padding: 16px;"> <div style="display: flex; gap: 8px; align-items: center; margin-bottom: 8px;">  <div class="gold-medal" data-bind="text: Position"></div> <h4>Gold</h4>   <div class="silver-medal" data-bind="text: Position"></div> <h4>Silver</h4>   <div class="bronze-medal" data-bind="text: Position"></div> <h4>Bronze</h4>  </div> <div style="display: flex; gap: 12px; align-items: center;" class="clickable team-link" data-bind="click: $root.navigateToTeam"> <div class="imageMaskContain club-logo" data-bind="backgroundPictureURL: ClubLogoURL"></div> <div> <h5 style="font-size: 20px;" data-bind="text: ClubName"></h5> <h4 data-bind="text: TeamName"></h4> </div> </div> </div>  </div> <div> <h5 class="default-title">Final scoreboard</h5> <div class="scrollableTableContainer"> <table class="standardTable"> <thead> <tr> <th style="width: 40px; text-align: center;">#</th> <th>Team</th> </tr> </thead> <tbody data-bind="foreach: finalResultTableRows"> <tr> <td style="text-align: center;" data-bind="text: Position"></td> <td> <div class="clickable flex-center team-link" data-bind="click: $root.navigateToTeam"> <div class="imageMaskContain" style="width: 32px; height: 32px; margin: 0;" data-bind="backgroundPictureURL: ClubLogoURL"></div> <div> <h5 data-bind="text: ClubName"></h5> <h4 data-bind="text: TeamName"></h4> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-statistics" style="display: none;"> <div class="contentBlockContent beforeSubViewLoaded defaultBackgroundColor"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="contentBlockContent afterSubViewLoaded responsive-margin defaultBackgroundColor" style="display: none;"> <div> <h5 class="default-title">Scoring leaders statistics</h5>  <div class="empty-state medium"> <img src="/Content/images/no_content.png" /> <h4>No scoring statistics available right now</h4> </div>   <div class="scrollableTableContainer"> <table class="standardTable statistics-table"> <thead> <tr> <th class="header-size">#</th> <th style="text-align: left;">Player</th> <th style="text-align: left;">Team</th> <th class="header-size">M</th> <th class="header-size">G</th> <th class="header-size">A</th> <th class="header-size">P</th> <th class="header-size">PIM</th> </tr> </thead> <tbody data-bind="foreach: playerStatisticRows"> <tr> <td data-bind="text: Placement"></td> <td style="text-align: left;"> <div class="clickable flex-center team-link" data-bind="click: $root.navigateToPlayer"> <div class="imageMaskTop profile-picture" data-bind="backgroundPictureURL: PlayerThumbnailURL"></div> <div> <h5 data-bind="text: PlayerName" style=""></h5> </div> </div> </td> <td style="text-align: left;"> <div class="clickable flex-center team-link" data-bind="click: $root.navigateToTeam"> <div class="imageMaskContain club-logo" style="width: 36px; height: 36px;" data-bind="backgroundPictureURL: ClubLogoUrl"></div> <div> <h5 data-bind="text: ClubName"></h5> <h4 data-bind="text: TeamName"></h4> </div> </div> </td> <td data-bind="text: GamesPlayed"></td> <td data-bind="text: GoalsScored"></td> <td data-bind="text: Assists"></td> <td data-bind="text: Points"></td> <td data-bind="text: PenaltyMinutes"></td> </tr> </tbody> </table> </div> <div style="text-align: center; padding: 32px;"> <p class="clickable" style="display: inline;" data-bind="click: getMorePlayerStatistics">Show more</p> </div>  </div> <div> <h5 class="default-title">Goalkeeper statistics</h5>  <div class="empty-state medium"> <img src="/Content/images/no_content.png" /> <h4>No goalkeeper statistics available right now</h4> </div>   <div class="scrollableTableContainer"> <table class="standardTable statistics-table"> <thead> <tr> <th class="header-size">#</th> <th style="text-align: left;">Player</th> <th style="text-align: left;">Team</th> <th class="header-size">M</th> <th class="header-size">S</th> <th class="header-size">G</th> <th class="header-size">%</th> </tr> </thead> <tbody data-bind="foreach: goalieStatisticRows"> <tr> <td data-bind="text: Placement"></td> <td style="text-align: left;"> <div class="clickable flex-center team-link" data-bind="click: $root.navigateToPlayer"> <div class="imageMaskTop profile-picture" data-bind="backgroundPictureURL: PlayerThumbnailURL"></div> <div> <h5 data-bind="text: PlayerName"></h5> </div> </div> </td> <td style="text-align: left;"> <div class="clickable flex-center team-link" data-bind="click: $root.navigateToTeam"> <div class="imageMaskContain club-logo" style="width: 36px; height: 36px;" data-bind="backgroundPictureURL: ClubLogoUrl"></div> <div> <h5 data-bind="text: ClubName"></h5> <h4 data-bind="text: TeamName"></h4> </div> </div> </td> <td data-bind="text: GamesPlayed"></td> <td data-bind="text: Saves"></td> <td data-bind="text: GoalsAgainst"></td> <td data-bind="text: SavePercentage"></td> </tr> </tbody> </table> </div> <div style="text-align: center; padding: 32px;"> <p class="clickable" style="display: inline;" data-bind="click: getMoreGoalieStatistics">Show more</p> </div>  </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-groups" style="display: none;"> <div class="contentBlockContent beforeSubViewLoaded defaultBackgroundColor"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="contentBlockContent afterSubViewLoaded defaultBackgroundColor groups" data-bind="foreach: groups" style="display: none;"> <div class="materialCardView" style="padding: 16px; background-color: #fff;"> <h5 class="default-title clickable league-link" data-bind="text: LeagueName + ' >', click: $root.navigateToLeague"></h5> <div data-bind="with: LeagueTable" style="overflow-x: auto;"> <table class="standardTable"> <thead> <tr> <th>Team</th> <th style="width: 40px; text-align: center;">M</th> <th style="width: 40px; text-align: center;">W</th> <th style="width: 40px; text-align: center;">D</th> <th style="width: 40px; text-align: center;">L</th> <th style="width: 80px; text-align: center; white-space: nowrap;">GF-GA</th> <th style="width: 40px; text-align: center;">P</th> </tr> </thead> <tbody data-bind="foreach: Rows"> <tr> <td> <div class="clickable flex-center team-link" data-bind="click: $root.navigateToTeam"> <div class="imageMaskContain" style="width: 32px; height: 32px; margin: 0;" data-bind="backgroundPictureURL: ClubLogoURL"></div> <div> <h5 data-bind="text: ClubName"></h5> <h4 data-bind="text: TeamName"></h4> </div> </div> </td> <td style="text-align: center;" data-bind="text: Played"></td> <td style="text-align: center;" data-bind="text: Won"></td> <td style="text-align: center;" data-bind="text: Draws"></td> <td style="text-align: center;" data-bind="text: Lost"></td> <td style="text-align: center;" data-bind="text: GoalsScored + ' - ' + GoalsConceded"> </td> <td style="text-align: center;" data-bind="text: Points"></td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-standings" style="display: none;"> <div class="contentBlockContent beforeSubViewLoaded defaultBackgroundColor"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="contentBlockContent afterSubViewLoaded defaultBackgroundColor" style="display: none;"> <h4 style="font-size: 1.5rem; margin-bottom: 16px;">Standings</h4> <div class="filter-layout"> <div class="standings-left-col" data-bind="with: initleagueorganizerStandingsFilterModel">   <div class="flex-center" style="padding: 4px 0;"> <input type="checkbox" class="custom-checkbox my-teams-checkbox" data-bind="click: $root.onMyTeamsClicked, checked: MyTeamsSelected" style="margin: 0;" /> <p>My teams only</p> <br /> <br /> </div>  <ul data-bind="foreach: FilterCategories">  <li class="filter-categories" data-bind="css: { 'collapsed': DefaultCollapsed }"> <div class="filter-header" data-bind="click: $root.toggleCollapsed"> <h4 data-bind="text: Title"></h4> <i class="feather-chevron-down"></i> <i class="feather-chevron-up"></i> </div>  <div data-bind="foreach: Items" class="filter-items"> <div class="flex-center filter-item" style="padding: 4px 0;"> <input class="custom-checkbox" type="checkbox" data-bind="click: $root.filterSelected, checked: Selected" style="margin: 0;" /> <p data-bind="text: Title"></p> </div> </div>   <div data-bind="foreach: Items" class="filter-items" style="display: flex; flex-wrap: wrap; gap: 8px;"> <div class="filter-item-button" data-bind="click: $root.buttonFilterSelected"> <p data-bind="text: Title"></p> </div> </div>  </li>  </ul>  </div> <div class="standings-right-col"> <div class="filter-top-container">  <div class="filter-button-action" data-bind="click: showHideFilter"> <i class="feather-filter"></i> <p class="text-inactive">Hide filter</p> <p class="text-active">Show filter</p> </div>  <div class="filter-blurbs-layout" data-bind="foreach: filterBlurbs"> <div class="filter-blurb"> <i class="feather-x clickable" data-bind="click: $root.deleteFilterBlurb"></i> <p data-bind="text: Name"></p> </div> </div>  <div class="filter-button-action" data-bind="click: clearFilter" style="margin-left: auto;"> <p>Clear all</p> <i class="feather-x"></i> </div>  </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Nothing matched your filter</h4> </div>  <div data-bind="foreach: standings" class="filter-standings-list"> <div> <div class="clickable filter-standings-header" data-bind="click: $root.navigateToLeague"> <h5 data-bind="text: LeagueDescription"></h5> <h4 data-bind="text: LeagueName"></h4> </div> <div data-bind="with: LeagueTable" style="overflow-x: auto;"> <table class="standardTable small-text"> <thead> <tr> <th>Team</th> <th style="width: 40px; text-align: center;">M</th> <th style="width: 40px; text-align: center;">W</th> <th style="width: 40px; text-align: center;">D</th> <th style="width: 40px; text-align: center;">L</th> <th style="width: 80px; text-align: center; white-space: nowrap;">GF-GA</th> <th style="width: 40px; text-align: center;">P</th> </tr> </thead> <tbody data-bind="foreach: Rows"> <tr> <td> <div class="clickable flex-center team-link" data-bind="click: $root.navigateToTeam"> <div class="imageMaskContain" style="width: 32px; height: 32px; margin: 0; flex-shrink: 0;" data-bind="backgroundPictureURL: ClubLogoURL"></div> <div> <h5 data-bind="text: ClubName"></h5> <h4 data-bind="text: TeamName"></h4> </div> </div> </td> <td style="text-align: center;" data-bind="text: Played"></td> <td style="text-align: center;" data-bind="text: Won"></td> <td style="text-align: center;" data-bind="text: Draws"></td> <td style="text-align: center;" data-bind="text: Lost"></td> <td style="text-align: center;" data-bind="text: GoalsScored + ' - ' + GoalsConceded"> </td> <td style="text-align: center;" data-bind="text: Points"></td> </tr> </tbody> </table> </div> </div> </div> <div class="emptyState" data-bind="if: standings().length != 0" style="margin-top: 16px;"> <div data-bind="visible: gettingMoreStandings(), template: { name: 'scroll.loader' }"></div> </div> </div> </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-games" style="display: none;"> <div class="contentBlockContent beforeSubViewLoaded defaultBackgroundColor"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> <div class="contentBlockContent afterSubViewLoaded defaultBackgroundColor" style="display: none;"> <h4 style="font-size: 1.5rem; margin-bottom: 16px;">Schedule</h4> <div class="filter-layout"> <div class="standings-left-col" data-bind="with: initleagueorganizerScheduleFilterModel">   <div class="flex-center" style="padding: 4px 0;"> <input type="checkbox" class="custom-checkbox my-teams-checkbox" data-bind="click: $root.onMyTeamsClicked, checked: MyTeamsSelected" style="margin: 0;" /> <p>My teams only</p> <br /> <br /> </div>  <ul data-bind="foreach: FilterCategories"> <li class="filter-categories" data-bind="css: { 'collapsed': DefaultCollapsed }"> <div class="filter-header" data-bind="click: $root.toggleCollapsed"> <h4 data-bind="text: Title"></h4> <i class="feather-chevron-down"></i> <i class="feather-chevron-up"></i> </div>  <div data-bind="foreach: Items" class="filter-items"> <div class="flex-center filter-item" style="padding: 4px 0;"> <input class="custom-checkbox" type="checkbox" data-bind="click: $root.filterSelected, checked: Selected" style="margin: 0;" /> <p data-bind="text: Title"></p> </div> </div>   <div data-bind="foreach: Items" class="filter-items" style="display: flex; flex-wrap: wrap; gap: 8px;"> <div class="filter-item-button" data-bind="click: $root.buttonFilterSelected"> <p data-bind="text: Title"></p> </div> </div>  </li> </ul>  </div> <div class="standings-right-col"> <div class="filter-top-container">  <div class="filter-button-action" data-bind="click: showHideFilter"> <i class="feather-filter"></i> <p class="text-inactive">Hide filter</p> <p class="text-active">Show filter</p> </div>  <div class="filter-blurbs-layout" data-bind="foreach: filterGameBlurbs"> <div class="filter-blurb"> <i class="feather-x clickable" data-bind="click: $root.deleteFilterBlurb"></i> <p data-bind="text: Name"></p> </div> </div>  <div class="filter-button-action" data-bind="click: clearFilter" style="margin-left: auto;"> <p>Clear all</p> <i class="feather-x"></i> </div>  <div class="filter-button-action past-previous-dropdown" style="margin-left: 16px;"> <ul class="dropdown-menu"> <li class="sort-order-item" data-bind="click: $root.setGamesSortOrder.bind($data, 1), css: { 'checked': $root.gamesSortOrderType() === 1 }"> <h5 class="sort-order-name">Current</h5> </li> <li class="sort-order-item" data-bind="click: $root.setGamesSortOrder.bind($data, 3), css: { 'checked': $root.gamesSortOrderType() === 3 }"> <h5 class="sort-order-name">Previous</h5> </li> </ul> <div class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: flex;"> <p data-bind="text: $root.gamesSortOrderTypeName"></p> <i style="transform: rotate(90deg);" class="feather-code"></i> </div> </div> </div> <div class="filter-games-list"> <ul data-bind="foreach: { data: games }"> <li> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div data-bind="template: { name: 'general.gamelistitem' }"></div> </a> </li> </ul> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Nothing matched your filter</h4> </div>  <div class="emptyState" data-bind="if: games().length != 0" style="margin-top: 16px;"> <div data-bind="visible: gettingMoreGames(), template: { name: 'scroll.loader' }"></div> </div> </div> </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-guessinggame" style="display:none;"> <div class="beforeSubViewLoaded"> <div class="contentBlockContent defaultBackgroundColor"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> </div> <div class="afterSubViewLoaded" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor guessing-game"> <div class="materialCardView" style="background-color: #fff; padding: 16px; margin-bottom: 32px;"> <div data-bind="with: guessingGamePartner" style="margin-bottom: 48px;"> <img style="margin-bottom: 48px; width: 100%;" class="imageContainer" data-bind="pictureURLforimg: PictureInfo, trackPartnerFeatureView: $data" /> <h4 class="default-title" data-bind="text: Title"></h4> <p style="white-space: pre-wrap;" data-bind="html: Description"></p> </div> <div> <h5 class="default-title">Leaderboard</h5> <table class="standardTable"> <thead> <tr> <th style="width: 40px; text-align: center;">#</th> <th>Name</th> <th style="width: 40px; text-align: center;">P</th> </tr> </thead> <tbody data-bind="foreach: leaderboardRows"> <tr> <td style="text-align: center;" data-bind="text: Position"></td> <td> <div class="flex-center"> <div class="imageMask profile-picture picture-tiny" data-bind="backgroundPictureURL: ThumbnailURL"></div> <h5 data-bind="text: Name"></h5> </div> </td> <td style="text-align: center;" data-bind="text: Points"></td> </tr> </tbody> </table> </div> </div> <div class="guessing-game-rules"> <div style="margin-bottom: 48px;"> <h5 class="default-title">Rules</h5> <p>The objective is to guess the final result of matches in the event. All guesses must be entered before match start and cannot be changed afterwards. Points are awarded in the following way:</p> <ul class="rule-list"> <li>3 points for guessing the exact result</li> <li>2 points for correct winner and goal difference</li> <li>1 point for correct winner</li> <li>If multiple users have the same total amount of points, they will be ranked by most 3 points guesses and 2 points guesses</li> </ul> </div> <h5 class="default-title">Upcoming matches</h5> <p>Enter for the prize by making your guess before the matches start.</p> <ul style="margin-top: 16px;" data-bind="foreach: { data: guessingGameGames }"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem' }"></div> </a> </li> </ul>  <h5>There are no upcoming games right now</h5>  </div> </div> </div> </div> <div class="leagueorganizersite-subview contentBlock" id="leagueorganizersite-watch" style="display:none;"> <div class="beforeSubViewLoaded"> <div class="contentBlockContent defaultBackgroundColor"> <div class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> </div> </div> <div class="afterSubViewLoaded" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor"> <h5 class="default-title">LIVE NOW!</h5> <h5 class="default-title">Highlights ></h5> <h5 class="default-title">Clips ></h5> <h5 class="default-title">Match replays ></h5> <h5 class="default-title">Photos ></h5> </div> </div> </div> <button data-bind="click: goToTop" class="scroll-to-top-button"><i class="feather-chevron-up"></i></button> </div> </section> <section id="leaguesite-view" class="view" style="display:none;"> <div data-bind="with: leagueHeader"> <div data-bind="template: { name: 'leaguesite.header' }"></div> <div class="menu-wrapper" data-bind="template: { name: 'league.menu' }"></div> </div> <div class="preloader" id="leaguesite-view-preloader"> <h3 class="preloader-text">Loading...</h3> </div> <div class="content afterloaded main-content" id="leaguesite-view-afterloaded" style="display:none;"> <div data-bind="with: initLeagueModel" class="contentBlock leaguesite-subview" id="leaguesite-start" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor">  <div class="swipe-wrap grid-container" data-bind="foreach: MagazineBlurbs"> <div> <a data-bind="clickAndHref: $root.navigateToMagazineGameView($data)"> <div class="pagewrapper contentBlock" data-bind="template: { name: 'magazine.frontpageblurbtype' + MagazineBlurbTypeID }"></div> </a> </div> </div> <div style="text-align: center; padding-bottom: 16px;"> <a class="read-more-link" data-bind="clickAndHref: $root.navigateToLeagueSiteMagazine()">Show more games</a> </div>  </div> <div class="defaultBackgroundColor" data-bind="with: FeaturedPlayerPodium"> <div style="max-width: 600px; margin: 0 auto; padding: 16px;" data-bind="template: { name: 'topscorer.podium' }"></div> </div> <div class="contentBlockContent statContentBlock defaultBackgroundColor"> <div class="stat-grid-container">  <div class="materialCardView" data-bind="with: LeagueTableGenericTable"> <div class="statBlurbHeader"> <h4>Standings</h4> </div> <div class="compact-table" data-bind="template: { name: 'generic.statistictable' }"></div> </div>   <div class="materialCardView"> <div class="statBlurbHeader" style="position:relative;"> <h4>Fair Play-league</h4> <a style="position: absolute; top: 8px; right: 10px;" data-bind="clickAndHref: $root.navigateToLeagueSiteFairPlayCards">Show more</a> </div> <div class="followerTop"> <ul data-bind="foreach: { data: FairPlayCards }"> <li class="fairPlayCardItem"> <a style="position: relative;"> <div class="content-wrapper" style="display: flex; align-items: center; gap: 8px;"> <div class="teamLogo imageMaskContain" data-bind="backgroundPictureURL: LogoURL"></div> <div> <h3 data-bind="text: ClubName"></h3> <h4 data-bind="text: TeamName"></h4> </div> </div> <div style="position: absolute; right: 10px; top: 20px; display: flex; gap: 4px; align-items: center;">  <div style="line-height: 100%;" data-bind="text: NumberOfCards"></div> <div class="fairPlayCardCard"></div>   <div class="fairPlayCardCard"></div> <div class="fairPlayCardCard"></div> <div class="fairPlayCardCard"></div> <div class="fairPlayCardCard"></div>   <div class="fairPlayCardCard"></div> <div class="fairPlayCardCard"></div> <div class="fairPlayCardCard"></div>   <div class="fairPlayCardCard"></div> <div class="fairPlayCardCard"></div>   <div class="fairPlayCardCard"></div>  </div> </a> </li> </ul> </div> </div>   <div class="materialCardView" data-bind="with: $root.initLeagueModel"> <div class="statBlurbHeader"> <h4>Information</h4> </div> <div class="followerTop"> <ul> <li class="informationSummaryItem"> <span>Number of teams</span> <h3 data-bind="text: NumberOfTeams"></h3> </li> <li class="informationSummaryItem"> <span>Sport</span> <h3 data-bind="text: SportName"></h3> </li> <li class="informationSummaryItem"> <span>Gender</span> <h3 data-bind="text: GenderName"></h3> </li> <li class="informationSummaryItem"> <span>Season</span> <h3 data-bind="text: SeasonName"></h3> </li> <li class="informationSummaryItem"> <span>Match length</span> <h3 style="text-transform:initial;" data-bind="text: MatchLength"></h3> </li> </ul> </div> </div>   <div class="materialCardView"> <div class="statBlurbHeader"> <h4>Most popular teams</h4> </div> <div class="followerTop"> <div data-bind="foreach: { data: FollowerSummaryItems }"> <div class="follower-summary-item"> <div class="club-logo imageMaskContain" data-bind="backgroundPictureURL: LogoUrl"></div> <div style="flex: 1 1 0px; overflow: hidden;"> <h5 data-bind="text: ClubName"></h5> <h4 data-bind="text: TeamName"></h4> </div> <div> <span data-bind="text: Followers"></span> </div> <div class="button-container">  <button type="button" data-bind="click: $root.followTeam.bind($data), clickBubble: false" style="width: 60px; padding-left: 5px; padding-right: 5px;" class="btn btn-basic">Follow</button>  </div> </div> </div> </div> </div>  </div> </div> <div data-bind="with: $root.initLeagueSitePicsAndVideosModel">  <div id="leagueSiteStartPicturesBlock" class="gallery-front-page"> <div> <div class="col-header"> <span class="picsVideosTitle">Pictures</span> </div> <div style="margin-bottom: 16px;" data-bind="with: TopPicture"> <a data-bind="clickAndHref: $root.navigateToPicture($data)"> <div class="pictureItemLarge imageMask" data-bind="pictureURL: $data"></div> <div class="pictureItemLargeTextContainer"> <p class="picture-teams" data-bind="text: Title"></p> <p class="picture-text" data-bind="text: Description"></p> <p class="picture-group" data-bind="text: ExtraDescription"></p> </div> </a> </div> <div class="picture-grid two-column" data-bind="foreach: { data: Pictures }"> <a data-bind="clickAndHref: $root.navigateToPicture($data)"> <div data-bind="pictureURL: $data" class="pictureItem imageMask"></div> </a> </div> <a data-bind="clickAndHref: $root.navigateToLeagueSitePictures" class="showMoreLink">Show more</a> </div> <div> <div class="col-header"> <span class="picsVideosTitle">Videos</span> </div> <div style="margin-bottom: 16px;" data-bind="with: TopVideo"> <a data-bind="clickAndHref: $root.navigateToVideo($data)"> <div class="pictureItemLarge imageMask" style="position: relative;" data-bind="backgroundPictureURL: ThumbnailURL"> <div class="videoPlayButton"></div> </div> <div class="pictureItemLargeTextContainer"> <p class="picture-teams" data-bind="text: Title"></p> <p class="picture-text" data-bind="text: Description"></p> <p class="picture-group" data-bind="text: ExtraDescription"></p> </div> </a> </div> <div class="picture-grid two-column" data-bind="foreach: { data: Videos }"> <a data-bind="clickAndHref: $root.navigateToVideo($data)"> <div class="pictureItem imageMask" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="videoPlayButton"></div> </a> </div> <a data-bind="clickAndHref: $root.navigateToLeagueSiteVideos" class="showMoreLink">Show more</a> </div> <div> <div class="col-header"> <span class="picsVideosTitle">Most liked</span> </div> <div class="picture-grid three-column" data-bind="foreach: { data: MostLiked }">  <a data-bind="clickAndHref: $root.navigateToPicture(Picture)"> <div class="pictureItem imageMask" data-bind="pictureURL: Picture"></div> </a>   <a data-bind="clickAndHref: $root.navigateToVideo(Video)"> <div class="pictureItem imageMask" data-bind="backgroundPictureURL: Video.ThumbnailURL"></div> <div class="videoPlayButton"></div> </a>  </div> </div> </div>  </div> <div class="contentBlockContent defaultBackgroundColor"> <div class="comingGamesBlock"> <div style="padding: 24px; text-align: center;">  <p style="text-transform:uppercase;">Coming games</p>   <p style="text-transform:uppercase;">Previous games</p>  </div> <div class="comingGames">  <ul data-bind="foreach: { data: ComingLeagueGames }"> <li> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem.noleague' }"></div> </div> </a> </li> </ul>   <ul data-bind="foreach: { data: PreviousLeagueGames }"> <li> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem.noleague' }"></div> </div> </a> </li> </ul>  </div> <a class="readMoreLink" data-bind="clickAndHref: $root.navigateToLeagueSiteFixtures">Show more games</a> </div> </div> </div> <div class="leaguesite-subview" id="leaguesite-magazine" style="display:none;"> <div class="afterSubViewLoaded">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>There are no matches reported yet...</h4> <span>When the teams start reporting from their matches, the magazine will be full of pictures, videos and match reporting.</span> </div>  <div class="contentBlock">  <div class="contentBlockContent defaultBackgroundColor"> <div class="swipe-wrap" data-bind="foreach: { data: blurbsInFeed }"> <a data-bind="clickAndHref: $parent.navigateToMagazineGameView($data)"> <div class="pagewrapper contentBlock" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }, css: { 'pageWrapperHalfPage': isHalfPageLeft || isHalfPageRight, 'pageWrapperHalfPageLeft': isHalfPageLeft, 'pageWrapperHalfPageRight': isHalfPageRight }"></div> </a> </div> <div class="scrollStatusWrapper"> <p id="leagueMagazineInfiniteScrollStatus">Loading more content</p> </div> </div>  </div> </div> </div> <div class="leaguesite-subview" id="leaguesite-play" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;" data-bind="with: initPlayPage">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>There is no media content available yet</h4> <span></span> </div>  <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <div data-bind="foreach: MagazineBlurbs"> <div data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </div> </div> </div> </div> </div> <div class="contentBlock leaguesite-subview" id="leaguesite-teams" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor" style="min-height: 400px;"> <ul data-bind="foreach: { data: teams }" class="team-list-cards column"> <li class="materialCardView clickable"> <a data-bind="clickAndHref: $parent.navigateToTeamView($data)"> <div data-bind="template: 'general.team'"></div> </a> </li> </ul> <div data-bind="if: teams().length === 0" class="emptyState afterloaded" style="display: none;"> <p class="interactionRequest">No teams registered</p> </div> <div class="emptyState preloader"> <h3 class="preloader-text">Loading teams</h3> </div> </div> </div> <div class="contentBlock leaguesite-subview" id="leaguesite-fixtures" style="display:none;"> <div class="defaultBackgroundColor"> <div class="contentBlockContent two-tabs" style="text-align: center;"> <div class="btn-group btn-group-sm" style="width: auto;"> <button style="width: 150px;" class="btn" id="leagueSiteTogglePastLeagueGames" data-bind="click: togglePastLeagueGames">Past</button> <button style="width: 150px;" class="btn active" id="leagueSiteToggleComingLeagueGames" data-bind="click: toggleComingLeagueGames">Coming</button> </div> </div> <div id="leagueSiteComingLeagueGamesList"> <div data-bind="if: comingGames().length > 0" class="afterloaded" style="display:none;"> <ul data-bind="foreach: { data: comingGames }" class="contentBlockContent"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem.noleague' }"></div> </div> </a> </li> </ul> <div data-bind="visible: gettingGamesComing(), template: { name: 'scroll.loader' }"></div> </div> <div data-bind="if: comingGames().length == 0" class="emptyState afterloaded" style="display:none;"> <p class="interactionRequest">No games registered</p> </div> </div> <div id="leagueSitePastLeagueGamesList" style="display:none;"> <div data-bind="if: pastGames().length > 0" class="afterloaded" style="display:none;"> <ul data-bind="foreach: { data: pastGames }" class="contentBlockContent"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem.noleague' }"></div> </div> </a> </li> </ul> <div data-bind="visible: gettingGamesPast(), template: { name: 'scroll.loader' }"></div> </div> <div data-bind="if: pastGames().length == 0" class="emptyState afterloaded" style="display:none;"> <p class="interactionRequest">No games registered</p> </div> </div> <div class="emptyState preloader"> <p class="interactionRequest">Loading games</p> </div> </div> </div> <div class="contentBlock leaguesite-subview" id="leaguesite-playoff" style="display:none;"> <div class="defaultBackgroundColor"> <div class="contentBlockContent two-tabs" style="text-align: center;"> <div class="btn-group btn-group-sm" style="width: auto;"> <button style="width: 150px;" class="btn active" data-bind="click: togglePlayOffGames">Games</button> <button style="width: 150px;" class="btn" data-bind="click: togglePlayOffStatistics">Statistics</button> </div> </div> <div id="leagueSitePlayOffGames" style="max-width: 800px; margin: 40px auto;"> <div data-bind="foreach: playOffSeries" class="contentBlockContent"> <div class="playoff-header"> <span></span> <p data-bind="text: LeagueName"></p> <span></span> </div> <ul data-bind="foreach: { data: Games }"> <li style="margin-bottom: 8px;"> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem.noleague' }"></div> </div> </a> </li> </ul> </div> </div> <div id="leagueSitePlayOffStatistics" style="margin-top: 40px; display: none;"> <div class="contentBlockContent defaultBackgroundColor player-statistics"> <div style="position: relative;"> <div class="scrollableTableContainer"> <table class="leagueStatisticsTable standardTable"> <thead> <tr> <th>#</th> <th style="text-align: left;" data-bind="text: teamAdminTexts.Players"></th> <th class="clickable" data-bind="text:leagueTexts.GamesPlayedShort, click: $root.selectPlayerStatisticsPlayoffColumn.bind($data, 'GamesPlayed'), css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'GamesPlayed' }"></th> <th class="clickable" data-bind="text:leagueTexts.GoalsScoredShort, click: $root.selectPlayerStatisticsPlayoffColumn.bind($data, 'GoalsScored'), css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'GoalsScored' }"></th> <th class="clickable" data-bind="text:leagueTexts.AssistsShort, click: $root.selectPlayerStatisticsPlayoffColumn.bind($data, 'Assist'), css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'Assist' }"></th> <th class="clickable" data-bind="text:leagueTexts.PointsShort, click: $root.selectPlayerStatisticsPlayoffColumn.bind($data, 'Points'), css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'Points' }"></th> <th class="clickable" data-bind="text:leagueTexts.PenaltyMinutesShort, click: $root.selectPlayerStatisticsPlayoffColumn.bind($data, 'PenaltyMinutes'), css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'PenaltyMinutes' }"></th> <th class="clickable" data-bind="text:leagueTexts.GoalsAverageShort, click: $root.selectPlayerStatisticsPlayoffColumn.bind($data, 'GoalAverage'), css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'GoalAverage' }"></th> <th class="clickable" data-bind="text:leagueTexts.PointsAverageShort, click: $root.selectPlayerStatisticsPlayoffColumn.bind($data, 'PointAverage'), css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'PointAverage' }"></th> </tr> </thead> <tbody data-bind="foreach: scoringStatisticPlayoffRows"> <tr> <td data-bind="text: Placement"></td> <td> <div style="text-align: left;" class="flex-center"> <div class="imageMaskContain clubLogo" data-bind="backgroundPictureURL: ClubLogoUrl"></div> <div> <h5 data-bind="text: PlayerName"></h5> <h4 data-bind="text: ClubName"></h4> </div> </div> </td> <td data-bind="text: GamesPlayed, css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'GamesPlayed' }"></td> <td data-bind="text: GoalsScored, css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'GoalsScored' }"></td> <td data-bind="text: Assists, css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'Assist' }"></td> <td data-bind="text: Points, css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'Points' }"></td> <td data-bind="text: PenaltyMinutes, css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'PenaltyMinutes' }"></td> <td data-bind="text: GoalAverage, css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'GoalAverage' }"></td> <td data-bind="text: PointAverage, css: { selectedColumn: $root.currentPlayerPlayoffStatisticsTab() === 'PointAverage' }"></td> </tr> </tbody> </table> </div> <div class="fixedWidthColumn"> <table class="leagueStatisticsTable"> <thead> <tr> <th>#</th> <th style="text-align: left;" data-bind="text: teamAdminTexts.Players"></th> </tr> </thead> <tbody data-bind="foreach: scoringStatisticPlayoffRows"> <tr> <td data-bind="text: Placement"></td> <td> <div style="text-align: left;" class="flex-center"> <div class="imageMaskContain clubLogo" data-bind="backgroundPictureURL: ClubLogoUrl"></div> <div> <h5 data-bind="text: PlayerName"></h5> <h4 data-bind="text: ClubName"></h4> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div style="text-align: center; padding: 40px;"> <p class="clickable" style="display: inline;" data-bind="click: getMorePlayerPlayoffStatistics, text: leagueTexts.ShowNext25"></p> </div> <div class="stat-legend"> <strong data-bind="text: leagueTexts.GamesPlayedShort + ': '"></strong> <p data-bind="text: leagueTexts.GamesPlayedLong"></p> <strong data-bind="text: leagueTexts.GoalsScoredShort + ': '"></strong> <p data-bind="text: leagueTexts.GoalsScoredLong"></p> <strong data-bind="text: leagueTexts.AssistsShort + ': '"></strong> <p data-bind="text: leagueTexts.AssistsLong"></p> <strong data-bind="text: leagueTexts.PenaltyMinutesShort + ': '"></strong> <p data-bind="text: leagueTexts.PenaltyMinutesLong"></p> <strong data-bind="text: leagueTexts.PointsShort + ': '"></strong> <p data-bind="text: leagueTexts.PointsLong"></p> <strong data-bind="text: leagueTexts.GoalsAverageShort + ': '"></strong> <p data-bind="text: leagueTexts.GoalsAverageLong"></p> <strong data-bind="text: leagueTexts.PointsAverageShort + ': '"></strong> <p data-bind="text: leagueTexts.PointsAverageLong"></p> </div> </div> </div> </div> </div> <div class="contentBlock leaguesite-subview" id="leaguesite-table" style="display: none;"> <div class="contentBlockContent league-table defaultBackgroundColor responsive-margin"> <div class="afterSubViewLoaded" style="display: none;"> <div data-bind="with: leagueTable"> <div data-bind="template: { name: 'generic.statistictable' }"></div> </div> </div> </div> </div> <div class="leaguesite-subview" id="leaguesite-pictures" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueSitePlay">Play</a> <p>/</p> <strong>Pictures</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock"> <div class="contentBlockContent defaultBackgroundColor"> <ul class="pictureGallery" data-bind="foreach: pictures"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPictures(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div class="leaguesite-subview" id="leaguesite-videos" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueSitePlay">Play</a> <p>/</p> <strong>Videos</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no videos...</h4> <span>Once the teams has become active there will be lots of videos here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: videos"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingVideos(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div class="leaguesite-subview" id="leaguesite-highlights" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueSitePlay">Play</a> <p>/</p> <strong>Highlights</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: highlights"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingHighlights(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="leaguesite-subview" id="leaguesite-replays" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueSitePlay">Play</a> <p>/</p> <strong>Replays</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: replays"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingReplays(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="leaguesite-subview" id="leaguesite-live" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueSitePlay">Play</a> <p>/</p> <strong>Live right now</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: liveGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingLiveGames(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="leaguesite-subview" id="leaguesite-planned" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToLeagueSitePlay">Play</a> <p>/</p> <strong>Upcoming broadcasts</strong> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: plannedGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPlannedGames(), template: { name: 'scroll.loader' }"></div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   </div> </div> <div class="leaguesite-subview" id="leaguesite-weeklyhighlights" style="display:none;"> <div class="afterSubViewLoaded" style="display:none;"> <div data-bind="visible: memberIsSportswikAdmin" style="text-align: center; padding: 20px;"> <button class="btn btn-bold btn-accent" data-bind="click: generateLeagueHighlights">Generate highlights for competition</button> </div> <div class="materialCardView" style="background-color: #fff; margin: 20px;" data-bind="with: currentHighlightVideo"> <div style="padding: 10px; text-align: center;"> <h5 style="text-transform: uppercase; font-size: 12pt;" data-bind="text: Title"></h5>  <h4 data-bind="text: Description"></h4>  </div> <div class="gameMediaRoot"> <div data-bind="click: $root.playVideo" class="overlay-container"> <div class="imageMaskContain cover" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="videoPlayButton"></div> </div> <video class="swVideoPlayer" style="display: none; background-color: #000; width: 100%;" data-bind="trackableVideoURL: $data" playsinline controls controlsList="nodownload"></video> <div class="video-preroll" style="display: none;" data-bind="with: $root.currentPreRoll"> <div class="picture-container narrow"> <img data-bind="pictureURLforimg: BillboardLandscapePicture" /> </div> </div> </div> <div data-bind="templateWithContext: { name: 'socialentity.toolbar', context: { showLikes: true, showComments: true, showViews: true } }"></div> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no highlights...</h4> <span>Once the teams has become active there will be highlights here.</span> </div>   <div class="contentBlock"> <div class="contentBlockContent defaultBackgroundColor"> <h5 style="font-size: 12pt;">Tidigare veckor</h5> <ul class="pictureGallery" style="margin-top: 20px;" data-bind="foreach: weeklyHighlights"> <li> <div class="materialCardView clickable"> <a class="clearfix" data-bind="clickAndHref: $root.navigateToHighlight($data)"> <div class="imageMask picture-16-9" style="position:relative;" data-bind="backgroundPictureURL: ThumbnailURL"> <div class="videoPlayButton"></div> </div> <div class="pictureItemLargeTextContainer"> <p style="font-size: 12pt;" data-bind="text: Description"></p> </div> </a> </div> </li> </ul> </div> </div> <div class="scrollStatusWrapper"> <p data-bind="visible: $root.gettingMoreHighlights">Loading more content</p> <p data-bind="visible: $root.noMoreWeeklyHighlightsToGet">You have reached the end of your feed</p> </div>  </div> </div> <div class="leaguesite-subview" id="leaguesite-showvideo" style="display: none;"> <div class="contentBlock"> <div class="contentBlockContent defaultBackgroundColor" style="padding: 40px;"> <div class="materialCardView" style="background-color: #fff;" data-bind="with: highlight"> <div style="padding: 10px; text-align: center;"> <h5 style="text-transform: uppercase; font-size: 12pt;" data-bind="text: Title"></h5>  <h4 data-bind="text: Description"></h4>  </div> <div class="gameMediaRoot"> <div data-bind="click: $root.playVideo" class="overlay-container"> <div class="imageMaskContain cover" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="videoPlayButton"></div> </div> <video class="swVideoPlayer" style="display: none; background-color: #000; width: 100%;" data-bind="videoPlayURL: $data" playsinline controls controlsList="nodownload"></video> <div class="video-preroll" style="display: none;" data-bind="with: $root.currentPreRoll"> <div class="picture-container narrow"> <img data-bind="pictureURLforimg: BillboardLandscapePicture" /> </div> </div> </div> <div data-bind="templateWithContext: { name: 'socialentity.toolbar', context: { showLikes: true, showComments: true, showViews: true } }"></div> </div> <div style="margin-top: 20px; text-align: center;"> <button class="btn btn-bold btn-accent" data-bind="click: navigateToWeeklyHighlights">See more highlights from this competition</button> </div> </div> </div> </div> <div class="leaguesite-subview" id="leaguesite-fairplaycard" style="display:none;" data-bind="with: leagueHeader"> <div class="contentBlock"> <div class="contentBlockContent defaultBackgroundColor"> <div class="fairPlaySearchContainer"> <input id="fairPlayCardLeagueSearchField" type="text" placeholder="Search player or club" /> <button class="btn btn-primary" data-bind="click: $root.searchFairPlayCards">Search</button> <div class="register-button"> <a data-bind="clickAndHref: $root.navigateToLeagueOrganizerSiteRegister()">Register your Green card</a> </div> </div> <div> <ul class="fairPlayCardContainer" data-bind="foreach: { data: $root.fairPlayCards }"> <li data-bind="click: $root.navigateToFairPlayCard, template: { name: 'fairplaycard.detail' }"></li> </ul> </div> <div class="scrollStatusWrapper"> <p id="fairPlayCardInfiniteScrollStatus">Loading more content</p> </div> </div> </div> </div> <div class="leaguesite-subview contentBlock" id="leaguesite-statistics" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor player-statistics">  <div data-bind="with: scoreboardStatisticsBlurb"> <div class="leagueTableStatsBlurb" data-bind="template: { name: 'leaguestats' }"></div> </div>   <div data-bind="template: 'leaguestats.football'"></div>   <div data-bind="template: 'leaguestats.floorball'"></div>   <div data-bind="template: 'leaguestats.floorball'"></div>   <div data-bind="template: 'leaguestats.floorball'"></div>  </div> </div> <div class="leaguesite-subview contentBlock" id="leaguesite-admin" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor"> <div class="afterSubViewLoaded" style="display: none;"> <div data-bind="with: leagueInfo" class="leaguesite-admin-grid"> <div class="materialCardView leaguesite-admin-container"> <h3>Info</h3> <ul> <li> <h5>Name</h5> <h4 data-bind="text: Name"></h4> </li> <li> <h5>Shortname</h5> <h4 data-bind="text: ShortName"></h4> </li> <li> <h5>League type</h5> <h4 data-bind="text: LeagueTypeName"></h4> </li> <li> <h5>League category</h5> <h4 data-bind="text: LeagueCategoryName"></h4> </li> <li> <h5>Sport</h5> <h4 data-bind="text: SportName"></h4> </li> <li> <h5>Country</h5> <h4 data-bind="text: CountryName"></h4> </li> <li> <h5>Published</h5> <h4 data-bind="text: Published"></h4> </li> <li> <h5>Status</h5> <h4 data-bind="text: Status"></h4> </li> <li> <h5>Fixtures not published</h5> <h4 data-bind="text: FixturesNotPublished"></h4> </li> <li> <h5>Fixtures is public</h5> <h4 data-bind="text: FixturesIsPublic"></h4> </li> <li> <h5>Special league category</h5> <h4 data-bind="text: SpecialLeagueCategoryID"></h4> </li> <li> <h5>ExternalDataSourceID</h5> <h4 data-bind="text: ExternalDataSourceID"></h4> </li> <li> <h5>ExternalDataSourceKey</h5> <h4 data-bind="text: ExternalDataSourceKey"></h4> </li> </ul> <center style="margin-top: 16px;"> <button class="btn btn-primary" data-bind="click: $root.clearCache">Clear league cache</button> </center> </div> <div class="materialCardView leaguesite-admin-container"> <h3>Eventreporting</h3> <ul> <li> <h5>Eventreporting forbidden</h5> <h4 data-bind="text: EventReportingForbidden"></h4> </li> <li> <h5>Number of periods</h5> <h4 data-bind="text: NumberOfPeriods"></h4> </li> <li> <h5>Periodlength (seconds)</h5> <h4 data-bind="text: PeriodLengthInSeconds"></h4> </li> <li> <h5>Overtime periodlength (seconds)</h5> <h4 data-bind="text: OvertimePeriodLengthInSeconds"></h4> </li> <li> <h5>Games decided by overtime</h5> <h4 data-bind="text: GamesDecidedByOvertime"></h4> </li> <li> <h5>Games decided by penalties</h5> <h4 data-bind="text: GamesDecidedByPenalties"></h4> </li> </ul> </div> <div class="materialCardView leaguesite-admin-container"> <h3>Leaguetables</h3> <ul> <li> <h5>Hide standings</h5> <h4 data-bind="text: HideStandings"></h4> </li> <li> <h5>Use Sportswik-tables</h5> <h4 data-bind="text: UseSportswikLeagueTables"></h4> </li> <li> <h5>Points for winner</h5> <h4 data-bind="text: PointsForWinner"></h4> </li> <li> <h5>Points for loser</h5> <h4 data-bind="text: PointsForLoser"></h4> </li> <li> <h5>Points for draw</h5> <h4 data-bind="text: PointsForDraw"></h4> </li> <li> <h5>Points for winner overtime</h5> <h4 data-bind="text: PointsForWinnerOvertime"></h4> </li> <li> <h5>Points for loser overtime</h5> <h4 data-bind="text: PointsForLoserOvertime"></h4> </li> <li> <h5>Points for draw overtime</h5> <h4 data-bind="text: PointsForDrawOvertime"></h4> </li> <li> <h5>Count overtime result as draw</h5> <h4 data-bind="text: CountOvertimeResultAsDraw"></h4> </li> <li> <h5>Number of teams up</h5> <h4 data-bind="text: NumberOfTeamsUp"></h4> </li> <li> <h5>Number of teams qualify up</h5> <h4 data-bind="text: NumberOfTeamsQualUp"></h4> </li> <li> <h5>Number of teams qualify down</h5> <h4 data-bind="text: NumberOfTeamsQualDown"></h4> </li> <li> <h5>Number of teams down</h5> <h4 data-bind="text: NumberOfTeamsDown"></h4> </li> </ul> <center style="margin-top: 16px;"> <button class="btn btn-primary" data-bind="click: $root.updateLeagueTable">Update leaguetable</button> </center> </div> <div class="materialCardView leaguesite-admin-container"> <h3>Statistics</h3> <ul> <li> <h5>Hide scoring league</h5> <h4 data-bind="text: HideScoringLeague"></h4> </li> <li> <h5>Use Sportswik-statistics</h5> <h4 data-bind="text: UseSportswikStatistics"></h4> </li> <li> <h5>Latest update of statistics </h5>  <h4 data-bind="swDateWithTimeAndPrecision: LatestStatisticsUpdate"></h4>   <h4>-</h4>  </li> </ul> <center style="margin-top: 16px;"> <button class="btn btn-primary" data-bind="click: $root.updatePlayerStatistics">Update player statistics</button> </center> <center style="margin-top: 16px;"> <button class="btn btn-primary" data-bind="click: $root.updateGoalkeeperStatistics">Update goalkeeper statistics</button> </center> </div> <div class="materialCardView leaguesite-admin-container"> <h3>Settings</h3> <ul> <li> <h5>Hide extended player information</h5> <h4 data-bind="text: HideExtendedPlayerInformation"></h4> </li> <li> <h5>Hide result</h5> <h4 data-bind="text: HideResult"></h4> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <section id="club-view" class="view" style="display:none;"> <div data-bind="with: clubHeader"> <div data-bind="template: { name: 'club.header' }"></div> <div class="menu-wrapper" data-bind="template: { name: 'club.menu' }"></div> </div> <div class="preloader" id="club-view-preloader"> <h3 class="preloader-text">Loading...</h3> </div> <div class="content afterloaded main-content" id="club-view-afterloaded" style="display:none;"> <div data-bind="with: initClubModel" class="contentBlock club-subview" id="club-start" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no news...</h4> <span>Once the teams has become active there will be lots of pictures and videos from matches and training here.</span> </div>   <div class="swipe-wrap grid-container" data-bind="foreach: MagazineBlurbs"> <div> <a data-bind="clickAndHref: $root.navigateToMagazineGameView($data)"> <div class="pagewrapper contentBlock" data-bind="template: { name: 'magazine.frontpageblurbtype' + MagazineBlurbTypeID }"></div> </a> </div> </div> <div style="text-align: center; padding-bottom: 20px;"> <a class="read-more-link" data-bind="clickAndHref: $root.navigateToClubMagazine()">Show more games</a> </div>  </div> <div data-bind="with: $root.initClubPicsAndVideosModel">  <div id="clubStartPicturesBlock" class="gallery-front-page"> <div> <div class="col-header"> <span class="picsVideosTitle">Pictures</span> </div> <div style="margin-bottom: 16px;" data-bind="with: TopPicture"> <a data-bind="clickAndHref: $root.navigateToPicture($data)"> <div class="pictureItemLarge imageMask" data-bind="pictureURL: $data"></div> <div class="pictureItemLargeTextContainer"> <p class="picture-teams" data-bind="text: Title"></p> <p class="picture-text" data-bind="text: Description"></p> <p class="picture-group" data-bind="text: ExtraDescription"></p> </div> </a> </div> <div class="picture-grid two-column" data-bind="foreach: { data: Pictures }"> <a data-bind="clickAndHref: $root.navigateToPicture($data)"> <div data-bind="pictureURL: $data" class="pictureItem imageMask"></div> </a> </div> <a data-bind="clickAndHref: $root.navigateToClubPictures" class="showMoreLink">Show more</a> </div> <div> <div class="col-header"> <span class="picsVideosTitle">Videos</span> </div> <div style="margin-bottom: 16px;" data-bind="with: TopVideo"> <a data-bind="clickAndHref: $root.navigateToVideo($data)"> <div class="pictureItemLarge imageMask" style="position: relative;" data-bind="backgroundPictureURL: ThumbnailURL"> <div class="videoPlayButton"></div> </div> <div class="pictureItemLargeTextContainer"> <p class="picture-teams" data-bind="text: Title"></p> <p class="picture-text" data-bind="text: Description"></p> <p class="picture-group" data-bind="text: ExtraDescription"></p> </div> </a> </div> <div class="picture-grid two-column" data-bind="foreach: { data: Videos }"> <a data-bind="clickAndHref: $root.navigateToVideo($data)"> <div class="pictureItem imageMask" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="videoPlayButton"></div> </a> </div> <a data-bind="clickAndHref: $root.navigateToClubVideos" class="showMoreLink">Show more</a> </div> <div> <div class="col-header"> <span class="picsVideosTitle">Most liked</span> </div> <div class="picture-grid three-column" data-bind="foreach: { data: MostLiked }">  <a data-bind="clickAndHref: $root.navigateToPicture(Picture)"> <div class="pictureItem imageMask" data-bind="pictureURL: Picture"></div> </a>   <a data-bind="clickAndHref: $root.navigateToVideo(Video)"> <div class="pictureItem imageMask" data-bind="backgroundPictureURL: Video.ThumbnailURL"></div> <div class="videoPlayButton"></div> </a>  </div> </div> </div>  </div>  <div class="contentBlockContent" style="background-color: #ffffff; padding-bottom: 40px; padding-top: 40px;"> <p style="padding-bottom: 40px;" class="partner-title">Partners</p> <div style="position: relative; padding-bottom: 30px; overflow: hidden;"> <div class="swiper-wrapper" data-bind="foreach: Partners, clubPartnerSwiper: $data"> <div class="swiper-slide"> <div class="sliderContainer"> <a data-bind="attr: {href: WebsiteURL}" target="_blank" href="#"> <div class="imageMask partnerImage" data-bind="pictureURL: Picture"></div> </a> </div> </div> </div> <div class="swiper-pagination-container"></div> </div> </div>  </div> <div class="club-subview contentBlock" id="club-magazine" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>There are no matches reported yet...</h4> <span>When the teams start reporting from their matches, the magazine will be full of pictures, videos and match reporting.</span> </div>   <div class="swipe-wrap" data-bind="foreach: { data: blurbsInFeed }"> <a data-bind="clickAndHref: $parent.navigateToMagazineGameView($data)"> <div class="pagewrapper contentBlock" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }, css: { 'pageWrapperHalfPage': isHalfPageLeft || isHalfPageRight, 'pageWrapperHalfPageLeft': isHalfPageLeft, 'pageWrapperHalfPageRight': isHalfPageRight }"></div> </a> </div> <div class="scrollStatusWrapper"> <p id="clubMagazineInfiniteScrollStatus">Loading more content</p> </div>  </div> </div> <div class="club-subview" id="club-play" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;" data-bind="with: initPlayPage">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>There is no media content available yet</h4> <span></span> </div>  <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <div data-bind="foreach: MagazineBlurbs"> <div data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </div> </div> </div> </div> </div> <div class="club-subview" id="club-pictures" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToClubPlay">Play</a> <p>/</p> <strong>Pictures</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: pictures"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPictures(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div id="club-videos" class="club-subview" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToClubPlay">Play</a> <p>/</p> <strong>Videos</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no videos...</h4> <span>Once the teams has become active there will be lots of videos here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: videos"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingVideos(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div class="club-subview" id="club-highlights" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToClubPlay">Play</a> <p>/</p> <strong>Highlights</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: highlights"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingHighlights(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="club-subview" id="club-replays" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToClubPlay">Play</a> <p>/</p> <strong>Replays</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: replays"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingReplays(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="club-subview" id="club-live" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToClubPlay">Play</a> <p>/</p> <strong>Live right now</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: liveGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingLiveGames(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="club-subview" id="club-planned" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToClubPlay">Play</a> <p>/</p> <strong>Upcoming broadcasts</strong> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: plannedGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPlannedGames(), template: { name: 'scroll.loader' }"></div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   </div> </div> <div id="club-occasions" class="club-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded contentBlock" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor"> <div data-bind="visible: occasions().length > 0"> <h3>Occasions</h3> <br /> <table class="standardTable small-text"> <thead> <tr> <th class="clickable" data-bind="click: $root.sortOccasions.bind($data, 1), css: { active: $root.sortColumn() === 1 }"> Venue <span data-bind="template: { name: 'sortable.column', data: { column: 1 } }"></span> </th> <th class="clickable" data-bind="click: $root.sortOccasions.bind($data, 2), css: { active: $root.sortColumn() === 2 }"> League <span data-bind="template: { name: 'sortable.column', data: { column: 2 } }"></span> </th> <th>Roundnumber</th> <th class="clickable" data-bind="click: $root.sortOccasions.bind($data, 4), css: { active: $root.sortColumn() === 4 }"> Date <span data-bind="template: { name: 'sortable.column', data: { column: 4 } }"></span> </th> <th style="width: 80px;"></th> </tr> </thead> <tbody data-bind="foreach: occasions"> <tr> <td data-bind="text: ArenaName"></td> <td> <p class="hyperlink" data-bind="text: LeagueName, click: $parent.navigateToLeague"></p> </td> <td data-bind="text: RoundNumber"></td> <td data-bind="text: StartDate"></td> <td> <button class="btn btn-accent btn-sm" data-bind="click: $root.navigateToClubOccasionGames">Games</button> </td> </tr> </tbody> </table> </div> <div data-bind="visible: occasions().length === 0" class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>This club has no occasions</h4> </div> </div> </div> </div> <div class="club-subview" id="club-occasion" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded contentBlock defaultBackgroundColor" style="display:none;"> <div class="contentBlockContent"> <div style="max-width: 800px; margin: 0 auto;"> <div data-bind="visible: occasionGames().length > 0"> <h3>Games</h3> <br /> <ul data-bind="foreach: { data: occasionGames }"> <li style="margin-bottom: 8px;"> <a data-bind="clickAndHref: $parent.navigateToGame($data)"> <div class="clickable liveGameWrapper"> <div data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> </div> <div data-bind="visible: occasionGames().length === 0" class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No games yet for this occasion</h4> </div> </div> </div> </div> </div> <div id="club-fixtures" class="club-subview" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded contentBlock" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor"> <div style="max-width: 800px; margin: 0 auto;"> <div class="contentBlockContent two-tabs" style="margin-bottom:10px; margin-top:10px;"> <div class="btn-group btn-group-sm"> <button id="clubTogglePastLeagueGames" class="btn" data-bind="click: togglePastClubGames">Past</button> <button id="clubToggleComingLeagueGames" class="btn active" data-bind="click: toggleComingClubGames">Coming</button> </div> </div> <div id="clubComingLeagueGamesList"> <ul data-bind="foreach: { data: comingGames }"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $parent.navigateToGame($data)"> <div class="clickable liveGameWrapper"> <div data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> <div data-bind="visible: gettingGamesComing(), template: { name: 'scroll.loader' }"></div> </div> <div id="clubPastLeagueGamesList" style="display: none;"> <ul data-bind="foreach: { data: pastGames }"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $parent.navigateToGame($data)"> <div class="clickable liveGameWrapper"> <div data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> <div data-bind="visible: gettingGamesPast(), template: { name: 'scroll.loader' }"></div> </div> </div> </div> </div> </div> <div class="club-subview" id="club-teams" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded contentBlock" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor"> <div style="max-width: 640px; margin: 0 auto;"> <div class="team-search"> <input id="teamSearchField" type="text" data-bind="event: { keyup: searchTeamsKeyDown }" placeholder="Search for team, league, contact person" /> <ul class="teamSearchSeason dropdown-input"> <li class="dropdown"> <a id="clubSeasonDropDownTitle" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Season</a> <ul class="dropdown-menu">  <li><a href="#" data-bind="text: SeasonName, click: $parent.selectSeason"></a></li>  </ul> </li> </ul> <ul class="teamSearchGender dropdown-input"> <li class="dropdown"> <a href="#" id="clubGenderDropDownTitle" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Gender</a> <ul class="dropdown-menu"> <li id="clubGenderDefaultChoice"><a href="#" data-bind="click: clearSelectedGender">All</a></li>  <li><a href="#" data-bind="text: Name, click: $parent.selectGender"></a></li>  </ul> </li> </ul> <button class="btn btn-primary" data-bind="click: searchTeams">Search</button> </div> <div class="club-teams"> <ul data-bind="foreach: clubTeamsFiltered" class="teamSummaryItemList"> <li data-bind="template: 'teamsummaryitem', click: $root.navigateToTeam" class="materialCardView clickable team-item"></li> </ul>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No team matched your search terms</h4> <span>Try changing season and/or changing your search parameters</span> </div>  </div> </div> </div> </div> </div> <div class="contentBlock club-subview" id="club-partners" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor" data-bind="with: initClubPartnersModel">  <ul data-bind="foreach: Partners"> <li> <div class="partnerImageContainer">  <a data-bind="attr: {href: WebsiteURL}" target="_blank"> <div class="imageMask partnerPageImage" data-bind="pictureURL: Picture"></div> </a>   <div class="imageMask partnerPageImage" data-bind="pictureURL: Picture"></div>  </div> <div class="partnerTextContainer"> <h4 data-bind="text: Name"></h4> <div class="textContainer" data-bind="html: Text"></div> <a data-bind="text: WebsiteURL, attr: {href: WebsiteURL}" target="_blank"></a> </div> <div class="clearfix"></div> </li> </ul>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Denna förening har inte lagt upp några partners</h4> <span></span> </div>  </div> </div> <div class="club-subview contentBlock" id="club-posts" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor" data-bind="with: initInfoItem"> <div style="max-width: 640px; margin: 0 auto;"> <div class="infoItemEditContainer" data-bind="visible: MemberCanEdit"> <button class="btn btn-icon btn-primary" data-bind="click: $root.createInfoItem"><i class="feather-plus"></i>Create post</button> <div class="infoItemListFilter" style="position: relative;"> <ul class="dropdown-menu"> <li data-bind="click: $root.filterPosts.bind($data, 0), css: { 'checked': $root.postsFilterType() === 0 }"> <h5>Posts published for you</h5> <h4>Showing posts where your member is a part of the targeted audience</h4> </li> <li data-bind="click: $root.filterPosts.bind($data, 1), css: { 'checked': $root.postsFilterType() === 1 }"> <h5>All published posts</h5> <h4>Showing all published posts regardless of audience</h4> </li> <li data-bind="click: $root.filterPosts.bind($data, 2), css: { 'checked': $root.postsFilterType() === 2 }"> <h5>All scheduled posts</h5> <h4>Showing all scheduled posts regardless of audience</h4> </li> </ul> <p class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Show posts</p> </div> </div> <div class="swipe-wrap" data-bind="foreach: $root.posts"> <a class="clickable" data-bind="click: $root.navigateToInfoItem"> <div class="pagewrapper contentBlock" style="overflow: visible;" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </a> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No posts</h4> <span>There are no posts to show for this club</span> </div>  </div> </div> </div> </div> </section> <section id="team-view" class="view" style="display:none;"> <div class="preloader" id="team-view-preloader"> <h3 class="preloader-text">Getting team</h3> </div> <div class="afterloaded" id="team-view-afterloaded" style="display:none;"> <div style="background-color: #fff;"> <div class="site-banner" data-bind="with: teamHeaderInfo"> <div class="imageMaskContain" data-bind="backgroundPictureURL: ClubLogoURL"></div> <div class="banner-text-container"> <a data-bind="clickAndHref: $parent.navigateToClub($data)"> <h1 data-bind="text: ClubName"></h1> <p class="banner-description">  <span data-bind="text: Name + ' ⋅ ' + GenderName + ' ⋅ ' + SportName"></span>   <span data-bind="text: GenderName + ' ⋅ ' + SportName"></span>   <span> ⋅ </span> <span data-bind="text: 'Lagtyp:' + TeamTypeID"></span>  </p> </a> </div> <div class="header-interactions"> <button class="btn btn-bold btn-primary" data-bind="click: $parent.navigateToFollowTeamForUnauthorizedUser, text: $parent.followButtonText"></button> <button class="btn btn-bold btn-basic swiss-only" style="display:none;" data-bind="click: $parent.navigateToTeamDonatePage"><img style="height:20px;width:20px;margin-right:10px;" src="/Content/images/coins.png" srcset="/Content/images/coins.png 2x"><span>SPENDEN</span></button> </div> </div> </div>  <div class="contentBlock"> <div class="alert alert-info alert-square">  The team is not activated on Sportswik, therefore adding players, team staff etc. is currently not enabled.  </div> </div>  <div class="menu-wrapper" data-bind="template: 'team.menu'"></div> <div class="main-content"> <div id="team-start" class="contentBlock team-subview" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div data-bind="with: initTeamModel">  <div class="contentBlockContent"> <ul class="teamActions" data-bind="foreach: TeamActions">  <li class="clickable" data-bind="click: $root.navigateToTeamAction"> <h5 data-bind="text: TeamActionHeading"></h5> <h4 data-bind="text: TeamActionText"></h4> <button class="btn btn-bold btn-accent" data-bind="click: $root.navigateToTeamAction, clickBubble: false">OK, take me there!</button>  <span class="sWicon dismissButton" data-bind="click: $root.dismissTeamAction, clickBubble: false">\</span>  </li>  </ul> </div>  <div class="contentBlockContent" data-bind="with: $root.teamHeaderInfo"> <input style="display:none;" type="file" class="teamBannerTeamPageFilePicker" /> <div class="flexbox-container materialCardView"> <div class="flexbox-item-1 imageMask teamBannerDiv" data-bind="pictureURL: TeamBanner">  <div class="uploadTeamBannerOverlay centerInParent" data-bind="click: $root.uploadTeamBannerClick"> <p>Click to upload a team picture</p> </div>  </div> <div class="flexbox-item-2"> <div class="team-info-list"> <ul> <li> <h4>Shirt color</h4> <h5 data-bind="text: ShirtColor"></h5> </li> <li> <h4>Alt shirt color</h4> <h5 data-bind="text: AlternateShirtColor"></h5> </li> <li> <h4>Home venue</h4>  <h5 data-bind="text: ArenaName"></h5>   <h5> </h5>  </li> </ul> </div> <div class="follower-wrapper" data-bind="with: $root.followersForTeamModel"> <div class="follower-container" style="padding-top:0; margin-top:0;"> <div style="display: flex; align-items: center; gap: 5px;"> <h4 class="heading">Followers</h4> <h4 class="heading" data-bind="text: FollowerCount" style="font-weight: normal;"></h4> </div> <div data-bind="foreach: TeamFollowers" class="followers"> <div class="profilePicture imageMask" data-bind="backgroundPictureURL: ThumbnailURL"></div> </div> <div class="flex-space" style="margin-top: 30px;"> <a class="invite-button btn-accent" data-bind="clickAndHref: $root.navigateToInvite">Invite</a> <a class="show-more-button" data-bind="clickAndHref: $root.navigateToFollowers">Show all</a> </div> </div> </div> </div> </div> </div>  <div class="teamSponsors">  <h4>Our digital team sponsors</h4>   <h4>Our digital team sponsor</h4>  <ul data-bind="foreach: TeamSponsors" class="clearfix"> <li class="materialCardView"> <img data-bind="attr: { src: LogoURL }" /> </li> </ul> <p style="font-weight: bold;">We thank you for your valuable support! 🙏</p> </div>   <div class="contentBlockContent"> <div class="defaultBackgroundColor" style="margin-top: 16px;"> <div class="swipe-wrap grid-container" data-bind="foreach: MagazineBlurbs"> <div> <a data-bind="clickAndHref: $root.navigateToMagazineGameView($data)"> <div class="pagewrapper contentBlock" data-bind="template: { name: 'magazine.frontpageblurbtype' + MagazineBlurbTypeID }"></div> </a> </div> </div> <div style="text-align: center; padding-bottom: 20px;"> <a class="read-more-link" data-bind="clickAndHref: $root.navigateToTeamFeed()">Show more games</a> </div> </div> </div>  <div data-bind="template: { name: 'frontpage.gallery', data: $parent.initPicsAndVideosModel }"></div>  <div> <div class="contentBlockContent" style="background-color: #ffffff; padding-bottom: 40px; padding-top: 40px;"> <p style="padding-bottom: 40px;" class="partner-title">Club partner</p> <div style="position: relative; padding-bottom: 30px; overflow: hidden;"> <div class="swiper-wrapper" data-bind="foreach: Partners, clubPartnerSwiper: $data"> <div class="swiper-slide"> <div class="sliderContainer"> <a data-bind="attr: {href: WebsiteURL}" target="_blank" href="#"> <div class="imageMask partnerImage" data-bind="pictureURL: Picture"></div> </a> </div> </div> </div> <div class="swiper-pagination-container"></div> </div> </div> </div>  <div class="contentBlockContent"> <div class="frontPageComingGames"> <h4 class="headerText">Upcoming games</h4>  <ul data-bind="foreach: { data: $root.comingGames }"> <li style="margin-bottom: 10px;"> <a data-bind=""> <div class="clickable liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> <a class="showMoreLink" data-bind="clickAndHref: $root.navigateToTeamGames">Show more</a>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no coming games...</h4> </div>  </div> </div> </div> </div> <div class="team-subview contentBlock" id="team-feed" style="display:none;"> <div class="contentBlockContent"> <div class="grid-feed"> <div class="swipe"> <div class="swipe-wrap" style="padding: 2px;" data-bind="foreach: { data: blurbsInTeamFeed }">   <a> <div class="pagewrapper contentBlock teamFeedItem" style="margin-bottom: 16px;" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }, css: { 'pageWrapperHalfPage': isHalfPageLeft || isHalfPageRight, 'pageWrapperHalfPageLeft': isHalfPageLeft, 'pageWrapperHalfPageRight': isHalfPageRight }"></div> </a>   <a data-bind="clickAndHref: $parent.navigateToMagazineGameView($data)"> <div class="pagewrapper pageWrapperHalfPage contentBlock" style="margin-bottom:10px;" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </a>   </div> <div class="scrollStatusWrapper"> <p id="teamMagazineInfiniteScrollStatus">Loading more content</p> </div> </div> <div class="column-2"> <div class="follower-wrapper" data-bind="with: followersForTeamModel"> <div style="display: flex; align-items: center; gap: 5px;"> <h4 class="heading">Followers</h4> <h4 class="heading" data-bind="text: FollowerCount" style="font-weight: normal;"></h4> </div> <div class="follower-container materialCardView"> <div data-bind="foreach: TeamFollowers" class="followers"> <div class="profilePicture imageMask" data-bind="backgroundPictureURL: ThumbnailURL"></div> </div> <div class="flex-space" style="margin-top: 30px;"> <a class="invite-button btn-accent" data-bind="clickAndHref: $root.navigateToInvite">Invite</a> <a class="show-more-button" data-bind="clickAndHref: $root.navigateToFollowers">Show all</a> </div> </div> </div>  <div class="flex-space" style="margin: 64px 4px 16px;"> <div class="title-text titleFont">Upcoming games</div> <a class="title-text titleFont" data-bind="clickAndHref: $root.navigateToTeamGames">Show all</a> </div> <ul data-bind="foreach: { data: $root.comingGames }"> <li style="margin-bottom: 8px;"> <a data-bind=""> <div class="clickable liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul>  </div> </div> </div> </div> <div class="contentBlock team-subview" id="team-games" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="contentBlockContent two-tabs"> <div class="btn-group btn-group-sm"> <button class="btn" id="togglePastGames" data-bind="click: togglePastGames">Past</button> <button class="btn active" id="toggleComingGames" data-bind="click: toggleComingGames">Coming</button> </div> </div>  <div style="text-align: center; margin-bottom: 16px; margin-top: -20px;"> <button class="btn btn-bold btn-big btn-primary" data-bind="click: addNewGame">Add game</button> </div>  <div id="comingTeamGamesList"> <div data-bind="if: games().length > 0"> <ul data-bind="foreach: { data: games }"> <li style="margin-bottom: 10px;"> <a data-bind=""> <div class="clickable liveGameWrapper"> <div data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> <div class="scrollStatusWrapper"> <p data-bind="visible: gettingGamesComing">Loading more content</p> <p data-bind="visible: noMoreGamesToGetComing">No more games to show</p> </div> </div> <div data-bind="if: games().length === 0" class="emptyState"> <p class="interactionRequest">No games registered</p> </div> </div> <div id="pastTeamGamesList" style="display:none;"> <div data-bind="if: pastGames().length > 0"> <ul data-bind="foreach: { data: pastGames }"> <li style="margin-bottom: 16px;"> <a data-bind=""> <div class="clickable liveGameWrapper"> <div data-bind="template: { name: 'general.gamelistitem' }"></div> </div> </a> </li> </ul> <div class="scrollStatusWrapper"> <p data-bind="visible: gettingGamesPast">Loading more content</p> <p data-bind="visible: noMoreGamesToGetPast">No more games to show</p> </div> </div> <div data-bind="if: pastGames().length === 0" class="emptyState"> <p class="interactionRequest">No games registered</p> </div> </div> </div> <div class="contentBlock team-subview" id="team-players" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="contentBlockContent"> <ul class="profile-card-list">  <li> <a data-bind="">  <h5 class="shirt-number" data-bind="text: ShirtNumber"></h5>  <div class="profilePicture imageMaskTop" data-bind="backgroundPictureURL: ThumbnailURL"> </div> <div class="name-container"> <h5 data-bind="text: FirstName"></h5> <h5 data-bind="text: LastName"></h5> </div> <h4 data-bind="text: Position"></h4> </a> </li>   <li class="new-item" data-bind="visible: $root.canCreatePlayer()"> <a class="clickable" data-bind="clickAndHref: $root.navigateToNewPlayer()"> <div class="profilePicture imageMask"> <span>+</span> </div> <h5>Add</h5> <h5>new player</h5> </a> </li>  </ul>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No players registered</h4> </div>  </div> </div> </div> <div class="contentBlock team-subview" id="team-staff" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="contentBlockContent"> <ul class="profile-card-list">  <li class="team-staff"> <a data-bind=""> <div class="profilePicture imageMaskTop" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="name-container"> <h5 data-bind="text: FirstName"></h5> <h5 data-bind="text: LastName"></h5> </div> <h4 data-bind="text: TeamStaffRoleName"></h4> <h4 class="mobile-phone" data-bind="text: MobilePhone"></h4> </a>  <a class="email-icon" data-bind="attr: { title: Email, href: 'mailto:' + Email }"> <span class="sWicon">]</span> </a>  </li>   <li class="team-staff new-item" data-bind="visible: $root.canCreateTeamStaff()"> <a class="clickable" data-bind="clickAndHref: $root.navigateToNewTeamStaff()"> <div class="profilePicture imageMask"> <span>+</span> </div> <h5>Add</h5> <h5>new team staff</h5> </a> </li>  </ul>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No team staff members registered</h4> </div>  </div> </div> </div> <div class="contentBlock team-subview" id="team-leagues" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="contentBlockContent two-tabs"> <div class="btn-group btn-group-sm"> <button class="btn" id="togglePastLeagues" data-bind="click: togglePastLeagues">Past</button> <button class="btn active" id="toggleComingLeagues" data-bind="click: toggleComingLeagues">Current</button> </div> </div> <div class="contentBlockContent"> <div id="pastleaguesList" style="display: none;"> <ul data-bind="foreach: pastLeagues" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToLeagueView($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: LogoURL"></div> <div class="right-something"> <h4 class="federation-name" data-bind="text: FederationName"></h4> <h5 class="league-name" data-bind="text: LeagueDisplayName"></h5>  <h4 class="team-name" data-bind="text: teamAdminTexts.TeamName + ': ' + OriginalTeamName"></h4>  </div> </a> </li> </ul> <div data-bind="if: pastLeagues().length == 0" class="emptyState"> <p class="interactionRequest">No competitions registered</p> </div> </div> <div id="leaguesList"> <ul data-bind="foreach: leagues" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToLeagueView($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: LogoURL"></div> <div class="right-something"> <h4 class="federation-name" data-bind="text: FederationName"></h4> <h5 class="league-name" data-bind="text: LeagueDisplayName"></h5>  <h4 class="team-name" data-bind="text: teamAdminTexts.TeamName + ': ' + OriginalTeamName"></h4>  </div> </a> </li> </ul> <div data-bind="if: leagues().length == 0" class="emptyState"> <p class="interactionRequest">No competitions registered</p> </div> </div> </div> </div> </div> <div class="contentBlock team-subview defaultBackgroundColor" id="team-partners" style="display: none;"> <div class="contentBlockContent" data-bind="with: initTeamPartnersModel" style="padding-top: 20px;"> <div style="max-width: 600px; margin: 0 auto;">  <h3>Digital team sponsors</h3> <ul data-bind="foreach: TeamSponsors"> <li class="materialCardView clickable" style="padding: 20px; background-color: #fff; text-align: center; margin-bottom: 20px;"> <a data-bind="attr: {href: WebsiteURL}" href="" target="_blank"> <img data-bind="attr: { src: LogoURL }" style="max-height: 100px;" /> <h4 style="margin-top: 10px; font-weight: bold; font-size: 12pt;" data-bind="text: Title"></h4> <p data-bind="text: WebsiteURL"></p> </a> </li> </ul>   <h3>Repris-sponsor</h3> <ul data-bind="foreach: TeamReplaySponsors"> <li class="materialCardView clickable" style="padding: 20px; background-color: #fff; text-align: center; margin-bottom: 20px;"> <a data-bind="attr: {href: WebsiteURL}" href="" target="_blank"> <img data-bind="attr: { src: LogoURL }" style="max-height: 100px;" /> <h4 style="margin-top: 10px; font-weight: bold; font-size: 12pt;" data-bind="text: Title"></h4> <p data-bind="text: WebsiteURL"></p> </a> </li> </ul>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>This team does not have any team sponsors yet</h4> <span></span> </div>  </div> </div> </div> <div class="contentBlock team-subview" id="team-roles" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="contentBlockContent" data-bind="with: teamRoles"> <div data-bind="foreach: Categories"> <h4 class="heading" data-bind="text: Name"></h4> <ul class="profile-card-list hover-off" style="margin-bottom: 16px;">  <li> <div class="profilePicture imageMaskTop" data-bind="backgroundPictureURL: MemberThumbnailURL"></div> <div class="name-container"> <h5 data-bind="text: FirstName"></h5> <h5 data-bind="text: LastName"></h5> </div> <div class="context-menu" data-bind="visible: Deletable"> <ul class="dropdown-menu"> <li><a href="#" data-bind="click: $root.deleteRole.bind($data)">Delete</a></li> </ul> <i class="feather-more-vertical dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></i> </div> </li>   <li class="new-item"> <a class="clickable" data-bind="click: $root.navigateToAddRole.bind()"> <div class="profilePicture imageMask"> <span>+</span> </div> <h5>Add</h5> <h5 data-bind="text: Name"></h5> </a> </li>  </ul> </div> </div> </div> </div> <div class="contentBlock team-subview defaultBackgroundColor" id="team-followers" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div data-bind="if: followers().length === 0" class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No followers</h4> </div>  <div class="contentBlockContent" style="margin-top: 10px;"> <h4 class="heading">Followers</h4> <ul class="profile-card-list" data-bind="foreach: followers"> <li> <div class="profilePicture imageMaskTop" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="name-container"> <h5 data-bind="text: FirstName"></h5> <h5 data-bind="text: LastName"></h5> </div>  <div style="margin-top: 5px; justify-content: center;" class="flex-center"> <button data-bind="click: $root.acceptFollowerRequest" class="btn btn-primary">Approve</button> <button data-bind="click: $root.denyFollowerRequest" class="btn btn-danger">Decline</button> </div>   <button class="btn btn-danger" style="margin-top: 5px;" data-bind="click: $root.deleteFollower.bind($data)">Delete</button>  </li> </ul> </div>   <div class="contentBlockContent" style="margin-top: 10px;"> <h4 class="heading">Guardians</h4> <ul class="profile-card-list" data-bind="foreach: playerGuardianFollowers"> <li> <div class="profilePicture imageMaskTop" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="name-container"> <h5 data-bind="text: FirstName"></h5> <h5 data-bind="text: LastName"></h5> </div> <h4 data-bind="text: MemberTeamConnection"></h4> </li> </ul> </div>   <div class="contentBlockContent" style="margin-top: 10px;"> <h4 class="heading">Players</h4> <ul class="profile-card-list" data-bind="foreach: playerFollowers"> <li> <div class="profilePicture imageMaskTop" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="name-container"> <h5 data-bind="text: FirstName"></h5> <h5 data-bind="text: LastName"></h5> </div> <h4 data-bind="text: MemberTeamConnection"></h4>  <div class="pull-right" style="margin-top: 5px;"> <button data-bind="click: $root.navigateToFollower" class="btn btn-accent teamRequestButton">Review</button> </div>  </li> </ul> </div>  <div class="contentBlockContent">  <h4 class="heading">Team staff</h4>  <ul class="profile-card-list" data-bind="foreach: teamStaffFollowers"> <li> <div class="profilePicture imageMaskTop" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div class="name-container"> <h5 data-bind="text: FirstName"></h5> <h5 data-bind="text: LastName"></h5> </div> <h4 data-bind="text: MemberTeamConnection"></h4>  <div class="pull-right" style="margin-top: 5px;"> <button data-bind="click: $root.navigateToFollower" class="btn btn-accent teamRequestButton">Review</button> </div>  </li> </ul> </div> </div> </div> <div class="team-subview" id="team-play" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;" data-bind="with: initPlayPage">  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>There is no media content available yet</h4> <span></span> </div>  <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <div data-bind="foreach: MagazineBlurbs"> <div data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </div> </div> </div> </div> </div> <div id="team-pictures" class="team-subview" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToTeamPlay">Play</a> <p>/</p> <strong>Pictures</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock"> <div class="contentBlockContent defaultBackgroundColor"> <ul class="pictureGallery" data-bind="foreach: pictures"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPictures(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div id="team-videos" class="team-subview" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToTeamPlay">Play</a> <p>/</p> <strong>Videos</strong> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no videos...</h4> <span>Once the teams has become active there will be lots of videos here.</span> </div>   <div class="contentBlock"> <div class="contentBlockContent defaultBackgroundColor"> <ul class="pictureGallery" data-bind="foreach: videos"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingVideos(), template: { name: 'scroll.loader' }"></div>  </div> </div> <div class="team-subview" id="team-highlights" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToTeamPlay">Play</a> <p>/</p> <strong>Highlights</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: highlights"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingHighlights(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="team-subview" id="team-replays" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToTeamPlay">Play</a> <p>/</p> <strong>Replays</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: replays"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingReplays(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="team-subview" id="team-live" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display:none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToTeamPlay">Play</a> <p>/</p> <strong>Live right now</strong> </div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: liveGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingLiveGames(), template: { name: 'scroll.loader' }"></div>   </div> </div> <div class="team-subview" id="team-planned" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="breadcrumb-navigation"> <a data-bind="clickAndHref: $root.navigateToTeamPlay">Play</a> <p>/</p> <strong>Upcoming broadcasts</strong> </div>   <div class="contentBlock defaultBackgroundColor"> <div class="contentBlockContent"> <ul class="pictureGallery" data-bind="foreach: plannedGames"> <li data-bind="template: { name: 'mediacontent.blurbtype' + BlurbType }"></li> </ul> </div> </div> <div data-bind="visible: gettingPlannedGames(), template: { name: 'scroll.loader' }"></div>   <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>Right now there are no pictures...</h4> <span>Once the teams has become active there will be lots of pictures here.</span> </div>   </div> </div> <div class="team-subview contentBlock" id="team-posts" style="display:none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor" data-bind="with: initInfoItem"> <div style="max-width: 640px; margin: 0 auto;"> <div class="infoItemEditContainer" data-bind="visible: MemberCanEdit"> <button class="btn btn-icon btn-primary" data-bind="click: $root.createInfoItem"><i class="feather-plus"></i>Create post</button> <div class="infoItemListFilter" style="position: relative;"> <ul class="dropdown-menu"> <li data-bind="click: $root.filterPosts.bind($data, 0), css: { 'checked': $root.postsFilterType() === 0 }"> <h5>Posts published for you</h5> <h4>Showing posts where your member is a part of the targeted audience</h4> </li> <li data-bind="click: $root.filterPosts.bind($data, 1), css: { 'checked': $root.postsFilterType() === 1 }"> <h5>All published posts</h5> <h4>Showing all published posts regardless of audience</h4> </li> <li data-bind="click: $root.filterPosts.bind($data, 2), css: { 'checked': $root.postsFilterType() === 2 }"> <h5>All scheduled posts</h5> <h4>Showing all scheduled posts regardless of audience</h4> </li> </ul> <p class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Show posts</p> </div> </div> <div class="swipe-wrap" data-bind="foreach: $root.posts"> <a class="clickable" data-bind="click: $root.navigateToInfoItem"> <div class="pagewrapper contentBlock" style="overflow: visible;" data-bind="template: { name: 'magazine.blurbtype' + MagazineBlurbTypeID }"></div> </a> </div>  <div class="empty-state large"> <img src="/Content/images/no_content.png" /> <h4>No posts</h4> <span>There are no posts to show for this team</span> </div>  </div> </div> </div> </div> <div class="contentBlock team-subview" id="team-invite" style="display:none;"> <div class="contentBlockContent" style="margin-top: 50px;"> <div class="materialCardView" style="max-width: 600px; margin: 0 auto; padding: 20px; background-color: #ffffff; text-align: center;"> <div data-bind="with: teamMemberinviteModel"> <h3 style="margin-bottom: 16px;">Invite</h3> <p>Enter the mobile phone number to the person you want to invite as a follower to your team.</p> <br />  <div class="form-group" style="max-width: 400px; margin:0 auto;"> <div class="phone-number-form"> <div> <select class="form-control" data-bind="options: $root.countries, optionsText: 'DisplayName', optionsValue: 'CountryID', value: CountryID"></select> </div> <div> <input autocorrect="off" data-bind="onlyAllowNumeric, textInput: MobilePhone" placeholder="0701234567" class="form-control" type="text" value="" /> </div> </div> </div> <br />   <div class="form-group"> <label>Email</label> <input class="form-control" type="email" data-bind="textInput: Email" /> </div> <br />  <button class="btn btn-accent" style="padding: 6px 50px;" data-bind="click: $root.sendInvite">Submit</button> </div> </div> </div> </div> <div class="team-subview contentBlock" id="team-admin" style="display:none;"> <div class="contentBlockContent defaultBackgroundColor"> <div class="afterSubViewLoaded" style="display: none;"> <div data-bind="with: teamInfo" class="team-admin-grid"> <div class="materialCardView team-admin-container"> <h3>Info</h3> <ul> <li> <h5>Name</h5> <h4 data-bind="text: Name"></h4> </li> <li> <h5>Shortname</h5> <h4 data-bind="text: ShortName"></h4> </li> <li> <h5>Team alias</h5> <h4 data-bind="text: TeamAlias"></h4> </li> <li> <h5>Team type</h5> <h4 data-bind="text: TeamTypeName"></h4> </li> <li> <h5>Description</h5> <h4 data-bind="text: Description"></h4> </li> <li> <h5>Sport</h5> <h4 data-bind="text: SportName"></h4> </li> <li> <h5>Age category</h5> <h4 data-bind="text: AgeCategoryName"></h4> </li> <li> <h5>Year of birth</h5> <h4 data-bind="text: YearOfBirth"></h4> </li> <li> <h5>Club name</h5> <h4 data-bind="text: ClubName"></h4> </li> <li> <h5>Arena name</h5> <h4 data-bind="text: ArenaName"></h4> </li> <li> <h5>Gender</h5> <h4 data-bind="text: GenderName"></h4> </li> <li> <h5>Shirtcolor</h5> <h4 data-bind="text: ShirtColor"></h4> </li> <li> <h5>Alternate shirtcolor</h5> <h4 data-bind="text: AlternateShirtColor"></h4> </li> <li> <h5>Inactive</h5> <h4 data-bind="text: InActive"></h4> </li> </ul> </div> <div class="materialCardView team-admin-container"> <h3>Privacy settings</h3> <ul> <li> <h5>Eventreporting forbidden</h5> <h4 data-bind="text: EventReportingForbidden"></h4> </li> <li> <h5>Photography forbidden</h5> <h4 data-bind="text: PhotographyForbidden"></h4> </li> <li> <h5>Hide extended player information</h5> <h4 data-bind="text: HideExtendedPlayerInformation"></h4> </li> <li> <h5>Players and staff can only join with invite</h5> <h4 data-bind="text: PlayersAndStaffCanOnlyJoinWithInvite"></h4> </li> <li> <h5>Followers need to be accepted</h5> <h4 data-bind="text: FollowersNeedToBeAccepted"></h4> </li> <li> <h5>Only teamadmins can create lineup</h5> <h4 data-bind="text: OnlyTeamAdminsCanCreateLineUp"></h4> </li> </ul> </div> <div class="materialCardView team-admin-container"> <h3>External info</h3> <ul> <li> <h5>External datasource ID</h5> <h4 data-bind="text: ExternalDataSourceID"></h4> </li> <li> <h5>External datasource-Key</h5> <h4 data-bind="text: ExternalDataSourceKey"></h4> </li> <li> <h5>Created</h5> <h4 data-bind="swDateWithTimeAndPrecision: CreatedTime"></h4> </li> <li> <h5>Created by</h5> <h4 data-bind="text: CreatedByMemberID"></h4> </li> <li> <h5>Updated</h5> <h4 data-bind="swDateWithTimeAndPrecision: UpdatedTime"></h4> </li> <li> <h5>Updated by</h5> <h4 data-bind="text: UpdatedByMemberID"></h4> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> <section id="magazinegameview-view" class="view" style="display:none;"> <div id="ogrOverlay" class="overlay finalizeGameOverlay" style="display: none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <i class="feather-x clickable" style="font-size: 18pt; margin-left: -4px;" data-bind="click: cancelOverlay"></i> <p class="title" style="margin-bottom: 12px;">Finalize game</p> <p class="subTitle">Select whether one of these events has occured. Afterwards, click on “Submit Game Report” to confirm the details and finalize the report.</p> <div class="contentBlock materialCardView otherContainer"> <div class="otherRow"> <div class="otherTitleContainer"> <span class="otherTitle">Player control</span> </div> <div class="otherIcon"> <div class="checkbox-container"> <input type="checkbox" id="ogrPlayerLicenseControl" data-bind="click: $root.toggleOGRFinalizeGameCheck, checked: $root.finalizeGameChecks().playerLicenseControl" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="ogrPlayerLicenseControl"><span></span></label> </div> </div> </div> <div class="otherRow"> <div class="otherTitleContainer"> <span class="otherTitle">Protest</span> </div> <div class="otherIcon"> <div class="checkbox-container"> <input type="checkbox" id="ogrProtest" data-bind="click: $root.toggleOGRFinalizeGameCheck, checked: $root.finalizeGameChecks().protest" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="ogrProtest"><span></span></label> </div> </div> </div> <div class="otherRow"> <div class="otherTitleContainer"> <span class="otherTitle">Specific event</span> </div> <div class="otherIcon"> <div class="checkbox-container"> <input type="checkbox" id="ogrSpecificEvent" data-bind="click: $root.toggleOGRFinalizeGameCheck, checked: $root.finalizeGameChecks().specificEvent" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="ogrSpecificEvent"><span></span></label> </div> </div> </div> <div class="otherRow"> <div class="otherTitleContainer"> <span class="otherTitle">Match Penalty</span> </div> <div class="otherIcon"> <div class="checkbox-container"> <input type="checkbox" id="ogrMatchPenalty" data-bind="click: $root.toggleOGRFinalizeGameCheck, checked: $root.finalizeGameChecks().matchPenalty" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="ogrMatchPenalty"><span></span></label> </div> </div> </div> <div class="otherRow"> <div class="otherTitleContainer"> <span class="otherTitle">Technical Match Penalty</span> </div> <div class="otherIcon"> <div class="checkbox-container"> <input type="checkbox" id="ogrTechnicalMatchPenalty" data-bind="click: $root.toggleOGRFinalizeGameCheck, checked: $root.finalizeGameChecks().technicalMatchPenalty" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="ogrTechnicalMatchPenalty"><span></span></label> </div> </div> </div> </div> <div class="ogrAcceptContainer"> <div> <input type="checkbox" data-bind="click: $root.toggleAcceptOGRTerms, checked: $root.acceptOGRTerms" /> </div> <div> <p>I agree that once submitted, no further changes can be made.</p> </div> </div> <button class="btn btn-primary ogrFinalizeButton" type="button" data-bind="click: $root.signFinalizeGame, disable: !acceptOGRTerms()">Submit game report</button> </div> </div> </div> </div> <div class="overlay createMemberOverlay" style="display: none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox create-member-container"> <img id="appLogoMemberOverlay" title="Iff" alt="Iff" src="/Content/images/iff-logo_c_positive.png" /> <div class="create-member-text-container"> <p style="margin-bottom: 16px;" id="createAccountOverlayDescriptionText">To follow the matches you need to create an account and log in.</p> <button type="submit" style="justify-content: center;" class="btn btn-icon btn-bold btn-primary" title="Sign up/sign in" data-bind="click: navigateToRegistration"><span class="sWicon">A</span>Sign up/sign in</button> </div> </div> </div> </div> </div> <div class="overlay spectatorsOverlay" style="display: none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <div data-bind="with: overviewGameInfo"> <h3>Enter the number of spectators</h3> <div class="form-group"> <label>Spectators</label> <input type="text" class="form-control" data-bind="textInput: Spectators" maxlength="5" /> </div> <div style="display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 16px;"> <button style="margin: 0;" class="btn btn-bold btn-basic" data-bind="click: $root.cancelOverlay">Not now</button> <button style="margin: 0;" class="btn btn-bold btn-primary" data-bind="click: $root.updateSpectators">Save</button> </div> </div> </div> </div> </div> </div> <div class="overlay planLiveStreamOverlay" style="display: none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <div> <h3>Plan livestream</h3> <p>You can live stream from within the the app, or from external camera equipment</p> <br />  <div class="checkbox-container" style="justify-content: space-between"> <div style="display: flex;"> <img style="height: 16px; width: 16px; margin-right: 16px;" data-bind="visible: CameraProviderID === 3" src="/Content/images/smartphone.png" /> <img style="height: 16px; width: 24px; margin-right: 8px;" data-bind="visible: CameraProviderID === 1" src="/Content/images/veo.png" /> <img style="height: 16px; width: 16px; margin-right: 16px;" data-bind="visible: CameraProviderID === 8" src="/Content/images/camera.png" /> <p data-bind="text: Name"></p> </div>  <input type="checkbox" class="checkboxForToggle" data-bind="checked: isSelected, attr: { id: 'encoder-' + CameraProviderID }" style="display: none;" /> <label data-bind="attr: { for: 'encoder-' + CameraProviderID }" class="toggle"> <span /> </label> </div> <div class="sw-form-group" data-bind="visible: isSelected() && CanEditEncoderDelay"> <img style="height: 16px; width: 16px; cursor: pointer; margin-right: 8px;" data-bind="click: $root.toggleEncoderDescription" title="info" src="/Content/images/info.png" /> <label>Delay (seconds)</label> <input type="number" class="sw-form-control" data-bind="value: EncoderDelaySeconds, enable: CanEditEncoderDelay" placeholder="Enter the delay time you have specified in your streaming encoder." min="0" step="1" /> </div> <p data-bind="visible: isSelected() && $root.showEncoderDelayDescription" style="margin-top: 12px;">This delay represents the time between when your encoder captures the video and when it transmits it to the server. It includes processing and buffering times and affects how quickly your live stream reaches your audience.</p> <div style="display: flex; flex-direction: row; align-items: center;" data-bind="visible: isSelected() && CanEditHasScoreOverlay"> <img style="height: 16px; width: 16px; cursor: pointer; margin-right: 8px;" data-bind="click: $root.toggleScoreboardDescription" title="info" src="/Content/images/info.png" /> <div class="checkbox-container"> <p>This stream provides its own scoreboard</p> <input type="checkbox" class="checkboxForToggle" data-bind="checked: HasScoreOverlay, attr: { id: 'encoder' + CameraProviderID }" style="display: none;" /> <label data-bind="attr: { for: 'encoder' + CameraProviderID }" class="toggle"> <span /> </label> </div> </div>   <p style="margin-top: 12px;">When you check this box, you are indicating that the livestream includes a scoreboard that is directly embedded into the video feed and is part of the video itself. If the box is not checked, the video players will automatically provide a scoreboard which will appear based on the events reported during the livestream.</p>  <button class="btn btn-primary" data-bind="click: $root.scheduleLiveStream.bind($data)" style="width: 100%; margin-top: 10px; margin-bottom: 10px;">Next</button> <div class="contentBlockContent editBlock" style="padding: 30px 0 0;"> <button class="btn btn-basic" data-bind="click: $root.cancelOverlay">Close</button> </div> </div> </div> </div> </div> </div> <div class="overlay liveStreamPriceOverlay" style="display: none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <div data-bind="with: liveStreamPriceModel" style="text-align: center;"> <h3 data-bind="text: HeaderText"></h3> <p data-bind="text: Description"></p> <br /> <div style="max-width: 200px; margin: 0 auto;"> <div class="sw-form-group"> <input id="liveStreamPrice" style="text-align: center; font-size: 40pt; line-height: 100%;" data-bind="event: { keypress: $root.onKeyPressAllowDecimal }" maxlength="5" type="text" placeholder=Price class="sw-form-control" /> </div> </div> <br /> <div class="flex-center" style="padding: 30px 0 0;"> <button class="btn btn-basic" data-bind="click: $root.cancelOverlay">Close</button> <button class="btn btn-primary" data-bind="click: $root.saveLiveStreamPrice">Done</button> </div> </div> </div> </div> </div> </div> <div class="overlay selectGameTeamRosterTeamOverlay" style="display:none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <div class="contentBlockContent"> <h3 style="text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;">Select team</h3> <div data-bind="with: gameHeaderInfo" style="display: grid; grid-gap: 8px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);"> <div class="clickable" style="text-align: center;" data-bind="click: $root.selectGameTeamRosterTeam.bind($data, HomeTeamID)"> <div class="imageMaskContain teamLogo" data-bind="backgroundPictureURL: HomeTeamClubLogoURL"></div> <h5 data-bind="text: HomeTeamClubName"></h5> <h4 data-bind="text: HomeTeamTeamName"></h4> </div> <div class="clickable" style="text-align: center;" data-bind="click: $root.selectGameTeamRosterTeam.bind($data, AwayTeamID)"> <div class="imageMaskContain teamLogo" data-bind="backgroundPictureURL: AwayTeamClubLogoURL"></div> <h5 data-bind="text: AwayTeamClubName"></h5> <h4 data-bind="text: AwayTeamTeamName"></h4> </div> </div> <div class="contentBlockContent editBlock" style="padding: 30px 0 0;"> <button class="btn btn-basic" data-bind="click: cancelOverlay">Close</button> </div> </div> </div> </div> </div> </div> <div class="overlay selectHighlightReplayOverlay" style="display:none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <div class="contentBlockContent"> <h3 style="text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;">Select Replay</h3> <div data-bind="foreach: $root.replaySelect" style="display: grid; grid-gap: 8px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);">  <div class="clickable" style="text-align: center;" data-bind="click: $root.selectPlayForhighlights.bind($data)"> <div class="imageMaskContain" data-bind="style: { backgroundImage: 'url(' + ThumbnailURL + ')' }" style="width: 160px; height: 90px; background-color: white; border: 2px solid white;"></div> <h5 data-bind="text: Description"></h5> </div> </div> <div class="contentBlockContent editBlock" style="padding: 30px 0 0;"> <button class="btn btn-basic" data-bind="click: cancelOverlay">Close</button> </div> </div> </div> </div> </div> </div> <div class="overlay selectGameLineUpTeamOverlay" style="display:none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <div class="contentBlockContent"> <h3 style="text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;">Select team</h3> <div data-bind="with: gameHeaderInfo" style="display: grid; grid-gap: 8px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);"> <div class="clickable" style="text-align: center;" data-bind="click: $root.selectGameLineUpTeam.bind($data, HomeTeamID)"> <div class="imageMaskContain teamLogo" data-bind="backgroundPictureURL: HomeTeamClubLogoURL"></div> <h5 data-bind="text: HomeTeamClubName"></h5> <h4 data-bind="text: HomeTeamTeamName"></h4> </div> <div class="clickable" style="text-align: center;" data-bind="click: $root.selectGameLineUpTeam.bind($data, AwayTeamID)"> <div class="imageMaskContain teamLogo" data-bind="backgroundPictureURL: AwayTeamClubLogoURL"></div> <h5 data-bind="text: AwayTeamClubName"></h5> <h4 data-bind="text: AwayTeamTeamName"></h4> </div> </div> <div class="contentBlockContent editBlock" style="padding: 30px 0 0;"> <button class="btn btn-basic" data-bind="click: cancelOverlay">Close</button> </div> </div> </div> </div> </div> </div> <div class="overlay livestreamDownloadLinkOverlay" style="display:none;"> <div class="overlaywrapper"> <div class="overlayinnerwrapper"> <div class="overlayinnerbox"> <div class="contentBlockContent hasList"> <h3 style="text-align: center; font-size: 24pt;">Download livestream</h3> <a style="text-align: center; font-weight: bold; font-size: 11pt;" data-bind="attr: { href: liveStreamDownloadLink }">Press here to download</a> <div class="contentBlockContent editBlock" style="padding: 30px 0 0;"> <button class="btn btn-primary" data-bind="click: cancelOverlay">Close</button> </div> </div> </div> </div> </div> </div> <div class="gameViewWrapper"> <input type="file" id="magazinegameviewassetupload" name="image" style="position: absolute; left: -9999px;"> <div class="eventreport-button eventreport-button-small clickable hide" data-bind="click: toggleEventReportTab"> <i class="sWicon">J</i> <p class="event-reporting-timer" data-bind="text: eventReportTime"></p> </div> <div class="eventreport-button eventreport-button-large clickable hide" data-bind="click: toggleEventReportTab"> <i class="sWicon">J</i> <p class="event-reporting-timer" data-bind="text: eventReportTime"></p> </div> <div> <div> <div class="contentBlock gameheader-info" style="border-bottom: 1px solid #ccc;">  <div data-bind="with: gameHeaderInfo" class="main-content"> <div class="magazineGameInfo"> <div class="contentBlockContent" style="padding: 8px;padding-top:16px;"> <div class="topSectionWrapper clickable" data-bind="click: $parent.navigateToLeague, clickBubble: false">  <span class="leagueName" data-bind="text: FederationOrCupName + ' · '"></span>  <span class="leagueName" data-bind="text: LeagueDisplayName"></span> <span class="gameTime">·</span> <span class="gameTime" data-bind="swTextualDate: GameTime"></span> </div> </div> </div> <div class="contentBlockContent generalGameHeader hasBigHeader"> <div class="game-header" style="padding: 0;"> <div class="team-container clickable" data-bind="click: $parent.navigateToHomeTeam"> <div class="team-logo-and-name home-team"> <div class="logo imageMaskContain" data-bind="backgroundPictureURL: HomeTeamClubLogoURL"></div> <div class="team-name-container"> <h3 data-bind="text: HomeTeamClubName"></h3> <h4 data-bind="text: HomeTeamTeamName"></h4> </div> </div> </div> <div class="result-container" data-bind="template: { name: 'score' }"></div> <div class="team-container clickable" data-bind="click: $parent.navigateToAwayTeam"> <div class="team-logo-and-name away-team"> <div class="logo imageMaskContain" data-bind="backgroundPictureURL: AwayTeamClubLogoURL"></div> <div class="team-name-container"> <h3 data-bind="text: AwayTeamClubName"></h3> <h4 data-bind="text: AwayTeamTeamName"></h4> </div> </div> </div> </div> </div> </div>  </div> <div class="contentBlock game-toolbar"> <div class="main-content"> <div id="contentToolbar" class="input-append content-creation contentBlockContent" style="display: none;"> <div style="display: flex; align-items: center; gap: 16px;"> <div> <div class="clickable emotionStartIcon dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="/Content/images/smile.svg" data-bind="attr: { title: liveTexts.ShareEmotionButton }" /> </div> <div class="dropdown-menu emotionToolbar"> <ul style="display: flex; gap: 8px; padding: 2px;"> <li><div class="clapping" data-bind="click: $root.addSocialEmotion.bind($data, 1)"></div></li> <li><div class="redheart" data-bind="click: $root.addSocialEmotion.bind($data, 2)"></div></li> <li><div class="happy" data-bind="click: $root.addSocialEmotion.bind($data, 3)"></div></li> <li><div class="worried" data-bind="click: $root.addSocialEmotion.bind($data, 4)"></div></li> <li><div class="laughing" data-bind="click: $root.addSocialEmotion.bind($data, 5)"></div></li> </ul> </div> </div> <div style="flex-grow: 1; max-width: 400px;"> <input type="text" class="form-control" autocomplete="off" id="commentText" data-bind="textInput: discussionPostText, event: { keyup: onSaveCommentKey }, attr: { placeholder: liveTexts.DiscussionPostHeader }"> </div> <div style="display: flex; align-items: center; gap: 8px; cursor: pointer;" data-bind="click: saveComment, css: { 'disabled-input': discussionPostText().length === 0 } "> <span class="button-title">Post</span> <i class="feather-send"></i> </div> <div style="display: flex; align-items: center; gap: 8px; cursor: pointer;" data-bind="click: addPicture"> <span class="button-title" data-bind="text: liveTexts.AddPictureButton"></span> <i class="feather-camera"></i> </div> <div class="more clickable" id="gameViewMoreIcon" data-bind="click: $root.loadGameMenu"> <div class="dropdown-toggle clickable moreIcon" title="More" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span>+</span> </div>  <ul class="dropdown-menu upwards pull-right"> <li style="width: 206px;"> <div class="loader"></div> </li> </ul>   <ul class="dropdown-menu upwards pull-right" data-bind="with: gameAccessInfo"> <li data-bind="with: CreateGameRoster"> <a href="#" data-bind="setMenuAccess: $data, click: $root.createGameTeamRoster"><img src="/Content/images/list-ordered.png" /><p>Team rosters</p></a> </li> <li data-bind="with: CreateLineup"> <a href="#" data-bind="setMenuAccess: $data, click: $root.createGameLineUp"><img src="/Content/images/Pitch.png" /><p>Lineup</p></a> </li> <li data-bind="with: CreateBeforeGameArticle"> <a href="#" data-bind="setMenuAccess: $data, click: $root.writeBeforeGameReport"><img src="/Content/images/pencil-line.png" /><p>Pregame article</p></a> </li> <li data-bind="with: CreateAfterGameArticle"> <a href="#" data-bind="setMenuAccess: $data, click: $root.writeAfterGameReport"><img src="/Content/images/pencil-line.png" /><p>Postgame report</p></a> </li> <li data-bind="with: CreateEventReporting"> <a href="#" data-bind="setMenuAccess: $data, click: $root.addEventReport"><img src="/Content/images/timer.png" /><p>Goal- & event reporting</p></a> </li> <li data-bind="with: ReportFinalResult"> <a href="#" data-bind="setMenuAccess: $data, click: $root.reportFinalResult"><img src="/Content/images/timer.png" /><p>Report final result</p></a> </li> <li data-bind="with: UploadHighlights"> <a href="#" data-bind="setMenuAccess: $data, click: $root.addHighlight"><img src="/Content/images/upload.png" /><p>Upload highlights</p></a> </li> <li data-bind="with: UploadReplay"> <a href="#" data-bind="setMenuAccess: $data, click: $root.addReplay"><img src="/Content/images/upload.png" /><p>Upload replays</p></a> </li> <li data-bind="with: CreateLivestreamHighlights"> <a href="#" data-bind="setMenuAccess: $data, click: $root.createHighlightFromReplay"><img src="/Content/images/scissors.png" /><p>Create highlights from replay</p></a> </li> <li data-bind="with: CreateLivestream"> <a href="#" data-bind="setMenuAccess: $data, click: $root.planLiveStream"><img src="/Content/images/Video-planned.png" /><p>Plan livestream</p></a> </li> <li data-bind="with: OnlineGameReport"> <a href="#" data-bind="setMenuAccess: $data, click: $root.navigateToOnlineGameReport"><img src="/Content/images/square-pen.png" /><p>Game report</p></a> </li> </ul>  </div> </div> </div> </div> </div>  <div class="main-content" style="padding: 0 8px;"> <div id="streamContainer"> <div class="liveStreamHeader"> <span class="liveStreamMaxMin"> <img id="streamShowButton" data-bind="click: $root.toggleLiveStream" src="/Content/images/baseline_keyboard_arrow_up_white_24dp.png" /> <img id="streamHideButton" data-bind="click: $root.toggleLiveStream" src="/Content/images/baseline_keyboard_arrow_down_white_24dp.png" class="hidden" /> </span> </div> <div data-bind="with: activeGameMediaItem, css: { 'no-menu': $root.gameMediaItems().length <= 1 }"> <div style="position: relative;" data-bind="template: { name: 'gamemediaitem.type' + GameMediaItemTypeID }"></div>  <div class="game-media-item-menu"> <div class="btn-group-switch" data-bind="foreach: $root.gameMediaItems" style=""> <button class="btn btn-basic" data-bind="click: $root.selectGameMediaItem, text: StreamInfoTitle, css: { 'active': GameMediaItemID === $root.activeGameMediaItem().GameMediaItemID }"></button> </div> </div>  </div> </div> </div>  </div> <div class="animation-dummy"></div> <div class="main-content"> <div class="btn-group btn-group-sm magazine-tabs mobile"> <button class="btn active defaultTab" data-bind="click: toggleFeedTab">Feed</button> <button class="btn" data-bind="click: toggleLineUpTab">Lineup</button> <button class="btn" data-bind="click: toggleOverviewTab">Match facts</button> <button class="btn" data-bind="click: toggleTableTab">Standings</button>  <button class="btn eventreport-tab-button" data-bind="click: toggleEventReportTab">Event report</button>  </div> <div id="game-top-anchor"></div> <div class="gameview-grid"> <div class="leftMagazineGame"> <div id="attendees-afterloaded" class="materialCardView" style="display:none; background-color: #fff; margin: 0 2px 5px;"> <div class="attendees"> <div style="display: flex; padding: 8px; align-items: center; justify-content: space-between;"> <div> <span style="font-weight:bold;">At the game</span> <span style="font-weight:bold;" data-bind="text: ' (' + attendeesCount() + ')'"></span> </div> <ul class="emotionsContainer" data-bind="foreach: socialEmotions"> <li> <img data-bind="emojiUrl: { type: type }" /> <span data-bind="text: number"></span> </li> </ul> </div> <ul class="attendee-list contentBlockContent" data-bind="foreach: attendees"> <li> <div class="attendeeThumbnail imageMask" data-bind="backgroundPictureURL: AttendeeThumbnailURL(), attr: { title: AttendeeFirstName }">  <div class="emojiImageContainer"> <img data-bind="emojiUrl: { type: LastSocialEmotionTypeID }" /> </div>  </div> </li> </ul> </div> <div class="player-of-the-match-banner" style="display: none;" data-bind="with: playerOfTheMatchForGame">   <div class="container" data-bind="attr: { style: 'background-color:' + PartnerFeature.BackgroundColor + '; color:' + PartnerFeature.TextColor + ';'}"> <img data-bind="attr: { 'src': PartnerFeature.LogoURL }, trackPartnerFeatureView: { PartnerFeatureID: PartnerFeature.PartnerFeatureID, PartnerFeaturePlacementID: PartnerFeature.PartnerFeaturePlacementID }" /> <p class="feature-text" data-bind="text: Title"></p> <div class="call-to-action clickable" data-bind="text: ButtonText, click: $root.navigateToPlayerOfTheGame"></div> </div>   <div class="container"> <p class="feature-text" data-bind="text: Title"></p> <div class="call-to-action clickable" data-bind="text: ButtonText, click: $root.navigateToPlayerOfTheGame"></div> </div>   </div> <div class="showHideComments clickable" data-bind="click: toggleComments, css: { 'active': hideTimelineComments() === true}"> <div class="commentsHidden"> <p><i class="feather-chevron-down"></i> Show user comments</p> </div> <div class="commentsVisible"> <p><i class="feather-chevron-up"></i> Hide user comments</p> </div> </div> </div> <div data-bind="with: LEDBanner" style="margin: 0 2px;"> <div id="led-container" class="animate-led"> <div data-bind="template: { name: 'partner.blurbtype' + PartnerFeatureTypeID }"></div> </div> </div> <div class="liveLeft contentBlock" data-bind="template: { name: 'livetimeline.feed' }"></div> </div> <div class="rightMagazineGame defaultHidden"> <div class="btn-group btn-group-sm magazine-tabs"> <button class="btn active defaultTab" data-bind="click: toggleLineUpTab">Lineup</button> <button id="overview-tab-button" class="btn" data-bind="click: toggleOverviewTab">Match facts</button> <button class="btn" data-bind="click: toggleTableTab">Standings</button>  <button class="btn" data-bind="click: toggleModerateTab">Moderate</button>   <button class="btn eventreport-tab-button" data-bind="click: toggleEventReportTab">Event report</button>  </div> <div id="lineup-tab" class="gameview-tab"> <div id="lineup-preloader" class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> <div id="lineup-afterloaded" style="display:none;"> <div class="clubLogoOuterContainer" data-bind="with: teams"> <div class="clubLogoContainer homeTeam active"> <div class="materialCardView clickable" style="background-color: #fff; padding: 10px; border-radius: 10px;"> <div class="imageMaskContain clubLogo" data-bind="backgroundPictureURL: HomeTeamLogoURL, click: $root.toggleHomeTeam"></div> </div> </div> <div class="clubLogoContainer awayTeam"> <div class="materialCardView clickable" style="background-color: #fff; padding: 10px; border-radius: 10px;"> <div class="imageMaskContain clubLogo" data-bind="backgroundPictureURL: AwayTeamLogoURL, click: $root.toggleAwayTeam"></div> </div> </div> </div> <div class="homeTeamRoster"> <div class="contentBlockContent materialCardView" style="padding: 0; margin: 2px; overflow: hidden;" data-bind="with: homeTeamLineUp"> <div data-bind="template: { name: 'lineup.view' }"></div> </div>  <p style="text-align: center;">The team has not published a line up yet</p>   <div style="margin: 10px 2px 2px;" data-bind="with: $root.lineUpPartnerBlurb"> <div data-bind="template: { name: 'partner.blurbtype' + PartnerBlurbTypeID }"></div> </div>  <div class="roster-container">  <h5 class="sectionTitle">Team roster</h5> <ul class="playerTeamStaffCards" data-bind="foreach: homeTeamPlayers"> <li class="materialCardView clickable" data-bind="click: $root.navigateToTeamPlayer, template: { name: 'gameteamroster.player' }"></li> </ul>   <h5 class="sectionTitle">Substitutes</h5> <ul class="playerTeamStaffCards" data-bind="foreach: homeTeamSubstitutes"> <li class="materialCardView clickable" data-bind="click: $root.navigateToTeamPlayer, template: { name: 'gameteamroster.player' }"></li> </ul>   <h5 class="sectionTitle">Team staff</h5> <ul class="playerTeamStaffCards" data-bind="foreach: homeTeamStaff"> <li class="materialCardView" data-bind="template: { name: 'gameteamroster.staff' }"></li> </ul>  </div> </div> <div class="awayTeamRoster" style="display: none;"> <div class="contentBlockContent materialCardView" style="padding: 0; margin: 2px; overflow: hidden;" data-bind="with: awayTeamLineUp"> <div data-bind="template: { name: 'lineup.view' }"></div> </div>  <p style="text-align: center;">The team has not published a line up yet</p>   <div style="margin: 10px 2px 2px;" data-bind="with: $root.lineUpPartnerBlurb"> <div data-bind="template: { name: 'partner.blurbtype' + PartnerBlurbTypeID }"></div> </div>  <div class="roster-container">  <h5 class="sectionTitle">Team roster</h5> <ul class="playerTeamStaffCards" data-bind="foreach: awayTeamPlayers"> <li class="materialCardView clickable" data-bind="click: $root.navigateToTeamPlayer, template: { name: 'gameteamroster.player' }"></li> </ul>   <h5 class="sectionTitle">Substitutes</h5> <ul class="playerTeamStaffCards" data-bind="foreach: awayTeamSubstitutes"> <li class="materialCardView clickable" data-bind="click: $root.navigateToTeamPlayer, template: { name: 'gameteamroster.player' }"></li> </ul>   <h5 class="sectionTitle">Team staff</h5> <ul class="playerTeamStaffCards" data-bind="foreach: awayTeamStaff"> <li class="materialCardView" data-bind="template: { name: 'gameteamroster.staff' }"></li> </ul>  </div> </div> </div> </div> <div id="overview-tab" class="gameview-tab" style="display: none;"> <div id="overview-preloader" class="preloader"> <h3 class="preloader-text">Loading game facts</h3> </div> <div id="overview-afterloaded" style="display:none;"> <ul data-bind="template: { foreach: overviewItems }"> <li class="overViewItem">  <div class="periodStartEnd" data-bind="text: Title"></div>   <div class="homeTeamAction">  <div> <p class="overViewItemTitle" data-bind="text: Title"></p> <p class="overViewItemDescription" data-bind="text: Description"></p> </div>  </div> <div class="score"> <div class="verticalLine"></div> <div class="timeText" data-bind="text: GameMinute"></div>  <div class="scorePlate" data-bind="text: Score"></div>   <div class="iconPlate"> <span class="sWicon" data-bind="EREventIcon: $data"></span> </div>  </div> <div class="awayTeamAction">  <div> <p class="overViewItemTitle" data-bind="text: Title"></p> <p class="overViewItemDescription" data-bind="text: Description"></p> </div>  </div>  </li> </ul>  <div class="gameStatsBlurb" data-bind="with: $root.overviewStatisticsBlurb" style="margin-bottom: 10px;"> <p class="title-text">Pregame</p> <div class="materialCardView item-wrapper" data-bind="trackPartnerFeatureView: { PartnerFeatureID: PartnerFeature.PartnerFeatureID, PartnerFeaturePlacementID: PartnerFeature.PartnerFeaturePlacementID }" style="margin: 12px 2px;"> <div class="top-bar" data-bind="attr: { style: 'background-color:' + PartnerFeature.HeaderBackgroundColor + ';'}"> <img data-bind="pictureURLforimg: PartnerFeature.HeaderPicture" /> <p class="subtitle-text" data-bind="text: PartnerFeature.HeaderText"></p> <div class="sash" data-bind="attr: { style: 'border-right-color:' + PartnerFeature.SashBackgroundColor + ';'}"></div> </div> <div data-bind="foreach: Categories" style="padding-bottom: 6px;"> <ul class="stats-list"> <li class="stat-divider" data-bind="visible: Title.length > 0"> <div data-bind="text: Title"></div> </li>  <li class="clearfix"> <div class="pull-left" data-bind="text: Title"></div> <div class="pull-right" data-bind="text: Value"></div> </li>  </ul> </div> </div> </div>  <div data-bind="with: overviewGameInfo"> <ul class="refereeList materialCardView"> <li> <div> <div class="profile-picture imageMask" style="background-color: #D8D8D8;"> <span class="sWicon">A</span> </div> <div> <h5>Spectators</h5>  <h4>-</h4>   <h4 data-bind="text: Spectators"></h4>  </div>  <i class="feather-edit clickable" data-bind="click: $root.showEditSpectators" style="margin-left: auto; font-size: 14pt;"></i>  </div> </li>  <li data-bind="with: Arena"> <div data-bind="click: $root.navigateToArena" class="clickable"> <div class="profile-picture imageMask" style="background-color: #D8D8D8;"> <span class="sWicon">6</span> </div> <div> <h5 data-bind="text: ArenaName"></h5>  <h4 data-bind="text: Address"></h4>  <h4>Show on map</h4> </div> </div> </li>   <li> <div> <div class="profile-picture imageMask" style="background-color: #D8D8D8;"> <span class="sWicon">1</span> </div> <div> <h5>Organizer</h5> <h4 data-bind="text: OrganizerName"></h4> </div> </div> </li>   <li> <div> <div class="profile-picture imageMask" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div> <h5>Reporter</h5> <h4 data-bind="text: FullName"></h4> </div> </div> </li>   <li> <div> <div class="profile-picture imageMask" data-bind="backgroundPictureURL: ThumbnailURL"></div> <div> <h5 data-bind="text: FullName"></h5> <h4 data-bind="text: RefereeRole"></h4> </div> </div> </li>   <li> <div class="clickable" data-bind="click: $root.navigateToAddReferees"> <i class="feather-plus-circle" style="font-size: 18pt;"></i> <div> <h5>Add/remove referees</h5> </div> </div> </li>   <li> <div class="clickable" data-bind="click: $root.printGameProtocol"> <i class="feather-printer" style="font-size: 18pt;"></i> <div> <h5>Print game protocol</h5> </div> </div> </li>  </ul> </div> <div class="gameAdmin contentBlock" style="background-color: transparent; margin-top: 16px;" data-bind="visible: memberIsSportswikAdmin"> <div class="contentBlockContent materialCardView" style="margin: 2px; background-color: #fff;"> <h5 style="text-align: center;">Admin</h5> <div style="text-align: center; padding: 8px; display: flex; gap: 8px; flex-wrap: wrap;"> <button class="btn btn-bold btn-accent" data-bind="click: clearGameCache">Clear game cache</button> <button class="btn btn-bold btn-accent" data-bind="click: navigateToEditTeams">Edit teams for this game</button> <button class="btn btn-bold btn-accent" data-bind="click: navigateToEditTeams">Edit game time / arena</button> <button class="btn btn-bold btn-accent" data-bind="click: getAdminInformation">Get game information</button> </div> <div data-bind="with: gameAdminInformation" style="text-align:center;">  <a target="_blank" href="" class="magazineAdminLink" data-bind="attr: { href: HomeTeamLink }">Gå till hemmalaget</a>   <a target="_blank" href="" class="magazineAdminLink" data-bind="attr: { href: AwayTeamLink }">Gå till bortalaget</a>   <a target="_blank" href="" class="magazineAdminLink" data-bind="attr: { href: LeagueLink }">Gå till serien</a>   <a target="_blank" href="" class="magazineAdminLink" data-bind="attr: { href: GameLink }">Se matchen i externt system</a>   <a target="_blank" href="" class="magazineAdminLink" data-bind="attr: { href: GameLinkFogis }">Se matchen i FOGIS</a>   <button class="btn btn-bold btn-accent" data-bind="click: $root.calculatePotm">Calculate POTM</button>  <ul style="text-align: left; margin-top: 20px;" data-bind="foreach: GameMediaItems"> <li style="margin-bottom: 5px;"> <h5 data-bind="text: Title"></h5> <h4 data-bind="text: Description"></h4> <button style="position: absolute; top:0; right: 0;" class="btn btn-basic" data-bind="click: $root.showAdminLiveStream">Visa</button> </li> </ul> </div> </div> </div>  <div style="margin: 10px 2px 2px;" data-bind="with: $root.overviewPartnerBlurb"> <div data-bind="template: { name: 'partner.blurbtype' + PartnerBlurbTypeID }"></div> </div>  <div data-bind="with: gameStats" style="margin: 2px;">  <div class="overview-tabs materialCardView"> <h5>Match statistics</h5> <div class="btn-group btn-group-sm"> <button class="btn" data-bind="click: $root.toggleGameStatsTab.bind($data, 0), text: HomeTeamName"></button> <button class="btn active" data-bind="click: $root.toggleGameStatsTab.bind($data, 1)">Overview</button> <button class="btn" data-bind="click: $root.toggleGameStatsTab.bind($data, 2), text: AwayTeamName"></button> </div> </div>   <ul style="margin: 0 0 16px;" class="refereeList materialCardView"> <li> <div class="clickable" data-bind="click: $root.navigateToEditGoalieStatistics"> <i class="feather-shield" style="font-size: 18pt;"></i> <div> <h5>Add/Edit goalkeeper saves</h5> </div> </div> </li> </ul>   <div class="player-stats home-team-player-stats game-stats-tab materialCardView" style="display: none;"> <table> <thead> <tr> <th style="width: 48px;">#</th> <th class="left-align">Goalie</th> <th>GA</th> <th>SA</th> <th>%</th> </tr> </thead> <tbody data-bind="foreach: HomeTeamGoalies"> <tr> <td data-bind="text: ShirtNumber"></td> <td class="left-align" data-bind="text: Name"></td> <td data-bind="text: Goals"></td> <td data-bind="text: Saves"></td> <td data-bind="text: SavePercentage"></td> </tr> </tbody>  <thead> <tr> <th>#</th> <th class="left-align">Player</th> <th>G</th> <th>A</th> <th>TP</th> </tr> </thead> <tbody data-bind="foreach: HomeTeamPlayers"> <tr> <td data-bind="text: ShirtNumber"></td> <td class="left-align" data-bind="text: Name"></td> <td data-bind="text: Goals"></td> <td data-bind="text: Assists"></td> <td data-bind="text: TotalPoints"></td> </tr> </tbody>  </table> </div> <div class="game-stats game-stats-tab" style="display: block;">  <div style="text-align: center;">No statistics available yet</div>  <div data-bind="foreach: StatsSections"> <h5 data-bind="text: Title"></h5> <div data-bind="foreach: Rows" class="game-stats-row materialCardView"> <p class="home-team" data-bind="text: HomeTeamValue"></p> <p class="row-description" data-bind="text: Title"></p> <p class="away-team" data-bind="text: AwayTeamValue"></p> </div> </div> </div> <div class="player-stats away-team-player-stats game-stats-tab materialCardView" style="display: none;"> <table> <thead> <tr> <th style="width: 48px;">#</th> <th class="left-align">Goalie</th> <th>GA</th> <th>SA</th> <th>%</th> </tr> </thead> <tbody data-bind="foreach: AwayTeamGoalies"> <tr> <td data-bind="text: ShirtNumber"></td> <td class="left-align" data-bind="text: Name"></td> <td data-bind="text: Goals"></td> <td data-bind="text: Saves"></td> <td data-bind="text: SavePercentage"></td> </tr> </tbody>  <thead> <tr> <th>#</th> <th class="left-align">Player</th> <th>G</th> <th>A</th> <th>TP</th> </tr> </thead> <tbody data-bind="foreach: AwayTeamPlayers"> <tr> <td data-bind="text: ShirtNumber"></td> <td class="left-align" data-bind="text: Name"></td> <td data-bind="text: Goals"></td> <td data-bind="text: Assists"></td> <td data-bind="text: TotalPoints"></td> </tr> </tbody>  </table> </div>  </div> </div> </div> <div id="league-tab" class="gameview-tab" style="display: none;"> <div id="league-preloader" class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> <div id="league-afterloaded" style="display:none;"> <div data-bind="with: leagueTable" style="margin-bottom: 48px;"> <div data-bind="template: { name: 'generic.statistictable' }"></div> </div>  <div style="margin: 10px 2px 2px;" data-bind="with: $root.leaguePartnerBlurb"> <div data-bind="template: { name: 'partner.blurbtype' + PartnerBlurbTypeID }"></div> </div>  <h5 class="sectionTitle">Related games</h5> <div> <ul data-bind="foreach: { data: relatedGames }"> <li style="margin-bottom: 10px;"> <a data-bind="clickAndHref: $root.navigateToGame($data)"> <div class="liveGameWrapper"> <div class="narrow-list" data-bind="template: { name: 'general.gamelistitem.noleague' }"></div> </div> </a> </li> </ul> </div> <div data-bind="if: relatedGames().length == 0" class="emptyState"> <p class="interactionRequest" style="padding-bottom:20px;">No related games</p> </div> </div> </div> <div id="moderate-tab" class="gameview-tab" style="display: none;"> <div id="moderate-preloader" class="preloader"> <h3 class="preloader-text">Loading...</h3> </div> <div id="moderate-afterloaded" style="display:none; margin-bottom: 100px;"> <section class="livefeed contentBlockContent"> <div class="liveTimeline"> <ul data-bind="template: { foreach: unmoderatedPosts, afterAdd: showFeedElement }"> <li class="timeLineContainer" style="margin-bottom: 10px;" data-bind="template: { name: 'gametimeline.blurbtype' + LiveTimelineItemTypeID + '.admin' }"></li> </ul> <div style="text-align: center;"> <button id="getMoreUnmoderatedPosts" class="btn btn-primary" style="display: none;" data-bind="click: getMoreUnmoderatedPosts">Hämta fler inlägg</button> </div> <div data-bind="if: unmoderatedPosts().length == 0" class="emptyState"> <a> <p class="interactionRequest">Inga inlägg</p> <h3>When users makes posts, they will show up here for moderation</h3> </a> </div> </div> </section> </div> </div> <div id="eventreport-tab" class="gameview-tab eventreport-container" data-bind="with: eventReport" style="display: none;"> <div data-bind="template: { name: 'eventreport.sport' + SportID }"></div> </div> <div id="create-eventreport-tab" class="gameview-tab eventreport-container" style="display: none;"> <div id="eventreport-create" class="eventreport-subview-tab" style="display: none;"> <h5 style="margin-bottom: 20px; font-size: 15pt;">Goal- & event reporting</h5> <div class="materialCardView" style="background-color: #fff; padding: 16px;" data-bind="with: eventReportToAdd"> <p>Check the game length and tap the button to start the event report.</p> <div style="margin: 32px 0; display: grid; grid-column-gap: 16px; grid-template-columns: 1fr 1fr;"> <div class="form-group"> <label>Number of periods / halfs</label> <input data-bind="textInput: NumberOfPeriods, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="1" type="number" class="form-control" min="1" max="3" /> </div> <div class="form-group"> <label>Period-/halflength in minutes</label> <input data-bind="textInput: PeriodLength, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="2" type="number" class="form-control" min="1" max="45" /> </div> <div class="checkbox-container"> <input type="checkbox" id="gameOvertimeButton" data-bind="click: $root.toggleOvertime, checked: Overtime" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="gameOvertimeButton"><span></span></label> <p>Overtime</p> </div> <div style="height: 70px;"> <div class="form-group" data-bind="visible: $root.showOvertimeMinutes"> <label style="text-transform: capitalize;">minutes</label> <input data-bind="textInput: OvertimeLength, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="2" type="number" class="form-control" min="1" max="30" /> </div> </div> <div class="checkbox-container"> <input type="checkbox" id="gamePenaltiesButton" data-bind="checked: Penalties" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="gamePenaltiesButton"><span></span></label> <p>Penalties</p> </div> </div> <div> <button class="btn btn-primary" data-bind="click: $root.createEventReport" style="width: 100%; margin: 0;">Start goal- & eventreporting</button> </div> <div class="contentBlockContent editBlock" style="padding: 30px 0 0;"> <button class="btn btn-basic" data-bind="click: $root.cancelEventReport">Close</button> </div> </div> </div> <div id="eventreport-edit" class="eventreport-subview-tab" style="display: none;"> <h5 style="margin-bottom: 20px; font-size: 15pt;">Goal- & event reporting</h5> <div class="materialCardView" style="background-color: #fff; padding: 16px;" data-bind="with: eventReportToAdd"> <div style="display: grid; grid-column-gap: 16px; grid-template-columns: 1fr 1fr;"> <div class="form-group"> <label>Number of periods / halfs</label> <input data-bind="textInput: NumberOfPeriods, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="1" type="number" class="form-control" min="1" max="3" /> </div> <div class="form-group"> <label>Period-/halflength in minutes</label> <input data-bind="textInput: PeriodLength, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="2" type="number" class="form-control" min="1" max="45" /> </div> <div class="checkbox-container"> <input type="checkbox" id="gameOvertimeButtonEdit" data-bind="click: $root.toggleOvertime, checked: Overtime" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="gameOvertimeButtonEdit"><span></span></label> <p>Overtime</p> </div> <div style="height: 70px;"> <div class="form-group" data-bind="visible: $root.showOvertimeMinutes"> <label style="text-transform: capitalize;">minutes</label> <input data-bind="textInput: OvertimeLength, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="2" type="number" class="form-control" min="1" max="30" /> </div> </div> <div class="checkbox-container"> <input type="checkbox" id="gamePenaltiesButtonEdit" data-bind="checked: Penalties" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="gamePenaltiesButtonEdit"><span></span></label> <p>Penalties</p> </div> </div> <div> <button class="btn btn-primary" data-bind="click: $root.updateEventReport" style="width: 100%; margin-top: 16px;">Save</button> </div> <div> <button class="btn btn-basic" data-bind="click: $root.toggleEventReportTab" style="width: 100%; margin-top: 16px;">Cancel</button> </div> </div> </div> <div id="eventreport-report-score" class="eventreport-subview-tab" style="display: none;"> <div data-bind="with: initFinalResult"> <div class="eventreport-finalresult-done" style="display: none;"> <h5 style="margin-bottom: 20px; font-size: 15pt;">Final result</h5> <div data-bind="with: GameHeaderInfo"> <div data-bind="template: { name: 'general.gamelistitem.nolinks' }"></div> </div> <div style="margin: 32px 4px;">  <button class="btn btn-lg btn-primary" style="width: 100%; margin-bottom: 8px;" data-bind="click: $root.finalizeGame, text: OnlineGameReportTexts.FinalizeGame"></button>  <button class="btn btn-lg btn-basic" style="width: 100%;" data-bind="click: $root.editFinalResult">Edit result</button> </div> </div> <div class="eventreport-finalresult-edit" style="display: none;"> <h5 style="margin-bottom: 20px; font-size: 15pt;">Report final result</h5> <div data-bind="with: GameHeaderInfo"> <div class="materialCardView" style="background-color: #fff;"> <div style="display: flex; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid #ddd;"> <div class="imageMaskContain" style="width: 36px; height: 36px; margin: 0;" data-bind="backgroundPictureURL: HomeTeamClubLogoURL"></div> <div> <h5 data-bind="text: HomeTeamClubName"></h5> <h4 data-bind="text: HomeTeamTeamName"></h4> </div> <input id="reportScoreHomeTeam" style="margin-left: auto;" type="text" data-bind="value: HomeTeamScore, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="2" class="final-score-input" /> </div> <div style="display: flex; align-items: center; gap: 8px; padding: 8px;"> <div class="imageMaskContain" style="width: 36px; height: 36px; margin: 0;" data-bind="backgroundPictureURL: AwayTeamClubLogoURL"></div> <div> <h5 data-bind="text: AwayTeamClubName"></h5> <h4 data-bind="text: AwayTeamTeamName"></h4> </div> <input id="reportScoreAwayTeam" style="margin-left: auto;" type="text" data-bind="value: AwayTeamScore, event: { keypress: $root.onKeyPressAllowNumeric }" maxlength="2" class="final-score-input" /> </div> </div> </div> <div class="materialCardView" style="background-color: #fff; margin-top: 16px;"> <div style="display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; border-bottom: 1px solid #ddd;"> <p>Overtime</p> <div class="checkbox-container" style="margin: 8px 0;"> <input type="checkbox" id="gameResultAfterOvertime" data-bind="click: $root.toggleOvertimeResult, checked: IsAfterOvertime" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="gameResultAfterOvertime"><span></span></label> </div> </div> <div style="display: flex; align-items: center; justify-content: space-between; padding: 8px 16px;"> <p>Penalties</p> <div class="checkbox-container" style="margin: 8px 0;"> <input type="checkbox" id="gameResultAfterPenalties" data-bind="click: $root.togglePenaltiesResult, checked: IsAfterPenalties" class="checkboxForToggle" style="display:none" /> <label class="toggle" for="gameResultAfterPenalties"><span></span></label> </div> </div> </div> <div style="display: flex; gap: 8px; margin-top: 16px; flex-direction: column; justify-content: center;"> <button class="btn btn-lg btn-primary" style="width: 100%;" data-bind="click: $root.saveFinalScore">Save final result</button> </div> </div> </div> </div> <div id="eventreport-takeover" class="eventreport-subview-tab" style="display: none;"> <h5 style="margin-bottom: 20px; font-size: 15pt;">Take over event reporting?</h5> <div class="materialCardView" style="background-color: #fff; padding: 20px;"> <p data-bind="visible: canTakeControlOfReport === false">There is already an event report on this game belonging to a member for the other team. You can't take control of this event report, but you can create your own. Visitors on the game will then see both event reports.</p> <p data-bind="visible: canTakeControlOfReport">There is already a goal and event report on this game. You can take over reporting from another team member which is often better then starting a new one.</p> <div style="margin: 20px 0;"> <div style="text-transform: uppercase; font-weight: bold;"><span>Other reporters in this match</span> <span data-bind="text: '(' + existingEventReports().length + ')'"></span> </div> <p data-bind="visible: canTakeControlOfReport === false">These people have already created an event report in this game.</p> <p data-bind="visible: canTakeControlOfReport">Tap on your team member in the list to take over their report.</p> <ul data-bind="foreach: existingEventReports" style="margin-top: 10px; border-top: 1px solid #ddd;"> <li class="eventreport-existing-row"> <div class="imageMask profilePicture" data-bind="backgroundPictureURL: ReporterThumbnailURL"></div> <div> <h5 data-bind="text: ReporterName"></h5> <h4 data-bind="text: ReporterTeamConnection"></h4> </div> <i data-bind="visible: CanTakeControlOfReport === false" class="feather-lock"></i> <button data-bind="visible: CanTakeControlOfReport, click: $root.gainControlOfEventReport" class="btn btn-basic">Take over</button> </li> </ul> </div> <div style="display: flex; flex-direction: column; gap: 16px;">  <button class="btn btn-lg btn-primary" style="width: 100%;" data-bind="click: $root.showCreateEventReport">Start your own</button>  <button class="btn btn-lg btn-accent" style="width: 100%;" data-bind="click: $root.showReportScore">Report final result</button> <button class="btn btn-lg btn-basic" style="width: 100%;" data-bind="click: $root.cancelEventReport">Close</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="highlight-popup-overlay" data-bind="visible: isEREventPopupVisible, click: $root.hidePopup"></div> <div class="popup" data-bind="visible: $root.isEREventPopupVisible"> <div class="popup-content" data-bind="click: function(data, event) { event.stopPropagation(); }"> <span class="close" data-bind="click: $root.hidePopup">×</span> <h3 style="margin-bottom: 16px; margin-left: 10px;">Select a game event</h3> <div style="margin:10px;" data-bind="with: $root.selectedHighlight"> <div class="gameMediaRoot highlight-mediaRoot" style="border-left: none; border-right: none; border-top: none;"> <div class="highlight-thumbnail-wrapper overlay-container highlight-overlay-container" data-bind="style: { backgroundImage: 'url(' + ThumbnailURL + ')' }"> <div class="videoPlayButton"></div> </div> <video class="swVideoPlayer highlightforereventplayer" style="background-color: #000;" data-bind="trackableVideoURL: $data" playsinline controls controlsList="nodownload"></video> </div> </div> <p style="text-align: center; margin-top: 10px;">Select the game event the highlight should be connected to:</p> <span class="sWicon" style="left: 50%">Z</span> <ul data-bind="foreach: EREventsForHighlightConnect"> <li> <div class="popup-description"> <div class="clickable" data-bind="click: $root.connectEventToHighlight"> <span class="sWicon erevent-icon" data-bind="EREventIcon: EREventInfo"></span> <div class="connecthighlight-container"> <div style="display: flex; flex-direction: row;"> <p class="eventReportText"> <span class="eventReportTextTitle" data-bind="text: EREventInfo.ShortText"></span> <span data-bind="visible: EREventInfo.ClubDisplayName.length > 0, text: EREventInfo.ClubDisplayName" class="eventReportTextClub"></span> </p> </div> <div> <p class="eventReportDetails" data-bind="text: EREventInfo.DetailsText"></p> <div class="minute"> <p data-bind="text: EREventInfo.GameMinute"></p> </div> <div class="creator"> <p data-bind="text: EREventInfo.ReporterMemberName"></p> </div> </div> </div> </div> </div> </li> </ul>  <p style="margin-left: 10px;">There are no events availbable to connect to the highlight</p>  </div> </div> <div class="highlight-popup-overlay" data-bind="visible: $root.isPopupVisible, click: $root.hidePopup"></div> <div id="chooseExistingPopup" class="popup" data-bind="visible: $root.isPopupVisible"> <div class="popup-content" data-bind="click: function(data, event) { event.stopPropagation(); }"> <span class="close" data-bind="click: $root.hidePopup">×</span> <h3 style="margin-left: 10px;">Select an existing highlight</h3> <div class="popup-description" style="margin-left: 10px; margin-right: 10px;" data-bind="foreach: $root.selectedEREvent"> <span class="sWicon erevent-icon" data-bind="EREventIcon: EREventInfo"></span> <div class="connecthighlight-container"> <div style="display: flex; flex-direction: row;"> <p class="eventReportText"> <span class="eventReportTextTitle" data-bind="text: EREventInfo.ShortText"></span> <span data-bind="visible: EREventInfo.ClubDisplayName.length > 0, text: EREventInfo.ClubDisplayName" class="eventReportTextClub"></span> </p> </div> <div> <p class="eventReportDetails" data-bind="text: EREventInfo.DetailsText"></p> <div class="minute"> <p data-bind="text: EREventInfo.GameMinute"></p> </div> <div class="creator"> <p data-bind="text: EREventInfo.ReporterMemberName"></p> </div> </div> </div> </div> <p style="text-align: center; margin-top: 10px;">Select which highlight the event should be connected to: </p> <span class="sWicon" style="left: 50%">Z</span> <div> <ul data-bind="foreach: $root.highlightsForEREventConnect"> <li> <div class="gameMediaRoot highlight-mediaRoot" style="border-left: none; border-right: none; border-top: none;"> <div class="highlight-thumbnail-wrapper overlay-container highlight-overlay-container" data-bind="style: { backgroundImage: 'url(' + ThumbnailURL + ')' }"> <div class="videoPlayButton"></div> </div> <video class="swVideoPlayer highlightforereventplayer" style=" background-color: #000;" data-bind="trackableVideoURL: $data" playsinline controls controlsList="nodownload"></video> </div> <div class="clickable" data-bind="click: $root.connectHighlightToEvent"> <img class="connecthghlight-icon-highlights" src="/Content/images/HighlightVideo.png" /> <div class="connecthighlight-container"> <div style="display: flex; flex-direction: row;"> <p class="eventReportText"> <span class="eventReportTextTitle">Highlight</span> <span data-bind="visible: ClubName.length > 0, text: ClubName" class="eventReportTextClub"></span> </p> </div> <div> <p class="eventReportDetails" data-bind="text: Description"></p> <div class="minute"> <p data-bind="text: GameMinute"></p> </div> <div class="creator"> <p data-bind="text: ReporterMemberName"></p> </div> </div> </div> </div> </li> </ul> </div>  <p style="margin-left: 10px;">There are no highlights available to connect to the game event</p>  </div> </div> </section> <section id="districts-view" class="view full-height" style="display:none;"> <div class="contentBlock afterloaded" style="display: none;"> <div class="contentBlockContent defaultBackgroundColor" style="padding-bottom: 144px"> <div data-bind="with: initCompetitionsPage" class="tab-container">  <div class="btn-group btn-group-sm" data-bind="foreach: Tabs"> <button class="btn" data-bind="text: Title, click: $root.selectTab, css: { active: $index() === 0 }"></button> </div>  </div> <div id="districts-competitions" class="districts-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="top-leagues materialCardView"> <h3 class="top-leagues-heading">TOP LEAGUES</h3> <ul data-bind="foreach: topLeagues" class="top-leagues-list-container"> <li class="top-leagues-list-item"> <a data-bind="clickAndHref: $parent.navigateToLeagueSite($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <div> <p class="league-name" data-bind="text: Name"></p> <p class="league-description" data-bind="text: Description"></p> </div> </a> </li> </ul> </div> <ul data-bind="foreach: leagueOrganizers" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToLeagueOrganizerSite($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <h3 class="district-name" data-bind="text: Name"></h3> </a> </li> </ul> </div> <div id="districts-popular" class="districts-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <ul data-bind="foreach: popular" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToCompetition($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <h3 class="district-name" data-bind="text: Name"></h3> </a> </li> </ul> </div> <div id="districts-districts" class="districts-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <ul data-bind="foreach: districts" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToCompetition($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <h3 class="district-name" data-bind="text: Name"></h3> </a> </li> </ul> </div> <div id="districts-pastevents" class="districts-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <ul data-bind="foreach: pastevents" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToCompetition($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <h3 class="district-name" data-bind="text: Name"></h3> </a> </li> </ul> </div> <div id="districts-currentevents" class="districts-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <ul data-bind="foreach: currentevents" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToCompetition($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <h3 class="district-name" data-bind="text: Name"></h3> </a> </li> </ul> </div> <div id="districts-upcomingevents" class="districts-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <ul data-bind="foreach: upcomingevents" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToCompetition($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <h3 class="district-name" data-bind="text: Name"></h3> </a> </li> </ul> </div> <div id="districts-browseleagues" class="districts-subview" style="display: none;"> <div data-bind="template: { name: 'page.preloader' }"></div> <div class="afterSubViewLoaded" style="display: none;"> <div class="search-container"> <ul class="season-select dropdown-input"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-bind="text: seasonName" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Season</a> <ul class="dropdown-menu">  <li><a href="#" data-bind="text: SeasonName, click: $parent.selectSeason"></a></li>  </ul> </li> </ul> <ul class="leaguecategory-select dropdown-input"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-bind="text: leagueCategoryName" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Select competition category...</a> <ul class="dropdown-menu">  <li><a href="#" data-bind="text: Name, click: $parent.selectLeagueCategory"></a></li>  </ul> </li> </ul> <ul class="league-select dropdown-input"> <li class="dropdown"> <a href="#" class="dropdown-toggle dropdown-caret" data-bind="text: leagueName" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Select league...</a> <ul class="dropdown-menu">  <li><a href="#" data-bind="text: LeagueShortName, click: $parent.selectLeague"></a></li>  </ul> </li> </ul> <button data-bind="click: navigateToLeague" style="padding: 10px 20px;" class="btn btn-primary">GO</button> </div> <div class="top-leagues materialCardView"> <h3 class="top-leagues-heading">TOP LEAGUES</h3> <ul data-bind="foreach: topLeagues" class="top-leagues-list-container"> <li class="top-leagues-list-item"> <a data-bind="clickAndHref: $parent.navigateToLeagueSite($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <div> <p class="league-name" data-bind="text: Name"></p> <p class="league-description" data-bind="text: Description"></p> </div> </a> </li> </ul> </div> <ul data-bind="foreach: leagueOrganizers" class="league-list-container"> <li> <a data-bind="clickAndHref: $parent.navigateToLeagueOrganizerSite($data)"> <div class="imageMaskContain" data-bind="backgroundPictureURL: IconUrl"></div> <h3 class="district-name" data-bind="text: Name"></h3> </a> </li> </ul> </div> </div> </div> </div> </section> </section> </div> <div> </div> <script> // Create a fake member var member = { MemberID: 0, ThumbnailURL: '', FirstName: 'Not logged in', LastName: ' at all', Email: 'no-email@sportswik.com', MobilePhone: '0' }; // Get the shared secret from settings var sharedPublicTimelineSecret = 'THIS_IS_MAGIC_VALUE'; </script> <script> //always re-post route to get javascript routing to work if (window.location.hash == '') { window.location.hash = "/leagueorganizersite/" + leagueOrganizerId; } </script> <script src="/bundles/jquery?v=M6dmVkrHVhoZ1gfOtvVDZbgBcQTsbWxoLsRizcGkbPk1"></script> <script src="/Scripts/jquery.signalR-2.4.3.min.js"></script> <script src="/signalr/hubs"></script> <script src="/bundles/jsextlibs?v=6pAlv1OHCvpA5NuMvoz4U4z9tHSi13vhXvkr0dPRuhU1"></script> <script src="/bundles/globalize?v=zyZvbXoyoeQ-lg9zPO9KR1CT2JYRTZqr2tJxdPhtCjs1"></script> <script src="/Scripts/require.js"></script> <script src="/bundles/jsapplibs?v=blOVAkR76nBiaW3m3yUBe6tHU9iElSmtw7cspmZomBk1"></script> <script src="/bundles/jsappmodels?v=AIlFdmgjfP3Vr_1wtUNoSR5fJ7_a1frE8ID7s077XBk1"></script> <script src="/bundles/jsappviewmodels?v=KZ-4vL8FCcjJSaDVROZk28L4TErQecLy-ECRxzylRm81"></script> <script src="/bundles/jsapphelpers?v=_63NomUvI1COVwoY8C2eO8u8Lvxv0urqvVQqJX1aCJc1"></script> <script src="/Scripts/app/bootstrapping/bootstrapper.js"></script> <script src="/bundles/mainleagueorganizersite?v=JRXxfFuKfjCMkyW_OtI4J_nK28LGzGoB3ssKwKRHiGg1"></script> </body> </html>

CINXE.COM

Iff - Share the match - share the experience