export default { props: { showIntrosession: { title: "Visning av intropass bokning", type: Boolean, default: true, }, checkTrailMonth: { title: "Kontroll om användaren redan har en provmånad", type: Boolean, default: true, } }, data: () => ({ f4f_register_view_info_form: false, f4f_register_extra_info: false, f4f_register_too_young: false, f4f_register_view_child_adult: false, f4f_register_view_child: false, f4f_register_view_experience: false, f4f_register_view_beginner_booking: false, f4f_register_view_training_card: false, f4f_register_view_bank_info: false, f4f_register_view_receipt: false, f4f_register_view_loading: false, f4f_register_no_pnumber: false, f4f_register_already_tryout_checked: false, f4f_register_already_tryout: false, childAccountPressed: false, childId: false, childName: false, chosenWorkout: false, trainingCards: false, currentUser: false, chosenCard: false, startButtonPressed: false, isConsent: false, smallChildrenCards: [40], childrenCards: [9], youthCards: [80], adultCards: [27, 56, 112, 88, 113, 5, 29, 28], childPNumber: null, expireDate: "", buyCheckbox: false, userData: {}, recruitedSet: false, recruitedBy: "", isAlreadySending: false, }), computed: { isChosenWorkout() { if (!this.chosenWorkout) { return false; } return true; }, }, watch: { "$store.state.isLoggedIn": { immediate: true, handler(isLoggedIn) { if (isLoggedIn && this.startButtonPressed) { this.afterLogin(); } }, }, "$store.state.cards": { immediate: true, handler(cards) { this.check_tryout_cards(cards); }, }, "$store.state.user.consent": { immediate: true, handler(consent) { this.isConsent = consent; }, }, f4f_register_view_info_form: { immediate: true, handler(formStart) { if (formStart && $store.state.isLoggedIn) { this.afterLogin(); } }, }, }, methods: { async log_message(message, action) { var data_n = new FormData(); data_n.append("company", "fit4fight"); data_n.append("data", JSON.stringify(message)); data_n.append("action", action); fetch("https://pyramidplus.webblandskapet.se/debug/", { method: "POST", body: data_n, }); }, async sendConfirmationEmail() { this.log_message( "async welcome mail function, rad 529", "(User:" + this.currentUser.id + ")" ); let emailHeader = `

`; let cardDate; let newCardDate; if (this.chosenWorkout.startTime) { cardDate = this.chosenWorkout.startTime.slice(0, 10); newCardDate = new Date(cardDate); } else { newCardDate = new Date(); } newCardDate = newCardDate.setMonth(newCardDate.getMonth() + 1); newCardDate = new Date(newCardDate); newCardDate = newCardDate.setDate(newCardDate.getDate() - 1); newCardDate = new Date(newCardDate).toISOString().split("T")[0]; let paymentType = this.chosenCard.priceType == "Month" ? "Månad" : "År"; this.log_message( "after date is set, rad 529", "(User:" + this.currentUser.id + ")" ); console.log(newCardDate); // bestält det let emailContent = `

Välkommen till Fit4Fight Gym! :)

Viktigt

`; // console.log('hej3', this.f4f_register_already_tryout); if (!this.f4f_register_already_tryout) { emailContent += `

Om du inte vill fortsätta medlemskapet efter din provmånad ska du säga upp det innan din provmånad passerat, vilket den gör den ${newCardDate}. Du säger upp det enkelt via appen under fliken hem och under träningskort. Efter uppsägningen får du en kvittens/bekräftelse på uppsägningen till din mejl. Om du inte får det är din uppsägning inte giltig, det är i sådana fall viktigt att du kontaktar oss.

` } emailContent += `

Här kan du läsa och ladda ner medlemsavtalet som du godkänt när du registrerade dig med mobilt BankID.

Om du inte säger upp ditt medlemskap fortsätter det enligt vårt medlemsavtal (som du godkände när du tecknade medlemskap online) och i enligt de val av träningskort och ev bindningstid du gjort som du kan se nedan.

${this.chosenCard.name} (${this.chosenCard.price} / ${paymentType})

Årlig Medlemsavgift (150 kr / år)

Startavgift (145 kr)

Obs! Priserna kan vara rabatterade, om du tagit del av ett tillfälligt erbjudande. Priserna återgår då till ordinarie priser enligt avtal.

Inloggning

För att börja boka dina pass behöver du ladda ner vår bokningsapp, du hittar appen här:

Google play:

play.google.com/store/apps/details?id=com.runningsystems.gymsystem.general

App store:

apps.apple.com/se/app/zoezi/id1447382946

Ni kan även gå direkt in och söka på appen "Zoezi" och sen söka efter "Fit4FightGym".

Som vuxen loggar man in med sitt BankID eller sin mail. Barn loggar in med sitt användarnamn. Nya medlemmar trycker först "glömt lösenord" för att återställa.

Vi kommer även behöva ha bild på er, så ladda gärna upp en egen bild på er profil!

Inbokning/incheckning

Det är viktigt att du bokar dina pass i vår app om du vill delta på våra pass, och även komma in genom passergrinden. När du kommer till klubben checkar du in genom att scanna QR-koden vid passergrinden med vår app (Inpassering -> Öppna passergrind).

Övrigt

Gilla vår Facebooksida och/eller Instagram för senaste nytt
Gör dig införstådd med våra bokningsregler
Gör dig införstådd med våra trivselanvisningar
Lägg gärna in en profilbild i appen. Det underlättar för våra instruktörer i processen att lära känna er
Här kan du läsa medlemsavtalet som du godkänt när du registrerade dig med mobilt BankID

Varmt välkommen! :)

`; let emailFooter = `

Fit4Fight Gym	Kontakt
Lilla regementsvägen 20, 415 27	info@fit4fightgym.se
Göteborg

`; let messageToSend = ""; messageToSend += emailHeader; messageToSend += emailContent; messageToSend += emailFooter; const user_data = await this.$api.get("/api/memberapi/get/current"); this.userData = user_data; let timestamp = new Date().toJSON().slice(0, 19).replace("T", " "); if (user_data.id) { this.log_message( "userdata id statement true, rad 664", "(User:" + this.currentUser.id + ")" ); let data = { headline: "Välkommen", isNewsOrAdvertising: false, mailingTemplate: { id: 97, name: "Välkommen", type: "mail", value: "Välkommen", questions: null, isAutoMailing: false, }, message: messageToSend, receivers: [user_data.id], sendAs: "mail", sendTime: timestamp, sender: 29143, showAsNews: false, }; const res = await this.$api.post( `/api/6109eafd7e5bf474/send_confirm_mail`, data ); if (res.status != 200) { this.f4f_register_already_tryout_checked = false; this.f4f_register_already_tryout = true; this.log_message( res, "(User:" + this.currentUser.id + ")" + " email function not 200" ); } else { this.f4f_register_already_tryout_checked = false; this.f4f_register_already_tryout = true; this.log_message( "Email sent to user", "(User:" + this.currentUser.id + ")" ); } this.sendHomeEmailIfRecruited(); } else { this.f4f_register_already_tryout_checked = false; this.f4f_register_already_tryout = true; this.log_message( "userdata id statement false, rad 698", "(User:" + this.currentUser.id + ")" ); } }, async sendHomeEmailIfRecruited() { let receiverName = `${this.userData.firstname} ${this.userData.lastname}`; let receiverId = this.userData.id; if (!this.recruitedSet) { return; } if (this.childId && this.childName) { receiverName = this.childName; receiverId = this.childId; } let message_to_send = `Användare ${this.userData.firstname} ${this.userData.lastname} med ID ${this.userData.id} har angett ${this.recruitedBy} som rekryterare vid registreringen av ${receiverName} med ID ${receiverId}`; let send_data = { homepage_revision_id: this.$root.published_revision_id, receivers: [29143], }; send_data.message = message_to_send; const res = await this.$api.post( "/api/public/contactform/send", send_data ); if (res.status != 200) { this.log_message(res, "email function not 200"); } }, sendToPayment() { this.log_message( "User pressed payment button", "(User:" + this.currentUser.id + ")" ); this.isAlreadySending = true; this.f4f_register_view_loading = true; const bookingID = this.chosenWorkout ? this.chosenWorkout.id : null; const trainingcardID = this.chosenCard ? this.chosenCard.id : null; const userID = this.childId ? this.childId : this.currentUser.id; const postData = { trainingcardID: trainingcardID, bookingID: bookingID, userID: userID, }; let booking = ""; if (bookingID) { booking = "&bookingID=" + bookingID; } let f4f_register_already_tryout_get_var = '&alreadyTryout=false'; // console.log('here', this.f4f_register_already_tryout); if (this.f4f_register_already_tryout) { f4f_register_already_tryout_get_var = '&alreadyTryout=true' } this.$api.post(`/api/320dc8b064e810dc/fit4fight/customer/new?trainingcardID=${trainingcardID}&userID=${userID}${booking}${f4f_register_already_tryout_get_var}`, null) .then((response) => { if (response && response.status == 200) { this.sendConfirmationEmail(); this.showReceipt(); this.isAlreadySending = false; this.f4f_register_view_loading = false; this.log_message( "Transaction completed", "(User:" + this.currentUser.id + ")" ); } else { this.$store.commit("showErrorDialog", { title: "Användaruppgifter sparades inte korrekt", text: "Ladda om sidan och testa igen eller ring oss för hjälp.", }); this.isAlreadySending = false; this.f4f_register_view_loading = false; this.log_message( "Transaction declined", "(User:" + this.currentUser.id + ")" ); } }); }, showReceipt() { this.hideAllDialogs(); this.f4f_register_view_receipt = true; this.log_message( "Showing receipt to user", "(User:" + this.currentUser.id + ")" ); }, async chooseTrainingCard(card) { this.chosenCard = card; this.hideAllDialogs(); this.f4f_register_view_bank_info = true; const user_data = await this.$api.get("/api/memberapi/get/current"); console.log(this.childId); this.userData = user_data; this.log_message( "User chose trainingcard", "(User:" + this.currentUser.id + ")" ); }, normalizePersonalCodeNumber(x) { if (!x) { return null; } x = x.replace(/-/g, ""); x = x.replace(/\s/g, ""); if (x.length == 10) { if (Number(x[2]) < 2) { //Assume the person is born in the 2000's. If the date is greater than //current date, subtract 100 years from PCN. This gives us the correct 1900's PCN. var xDate = Date.newFull( "20" + x.substring(0, 2) + "-" + Number(x.substring(2, 4) - 1) + "-" + x.substring(4, 6) ); //if the PCN date is not possible in the 2000's, convert to 1900's. x = xDate.isFutureDate() ? (x = "19" + x) : (x = "20" + x); } } return x; }, getAgeFromPersonalCodeNumber(pcode) { if (!pcode || pcode.length < 8) { return null; } pcode = this.normalizePersonalCodeNumber(pcode); let yyyy = pcode.substring(0, 4); let mm = pcode.substring(4, 4 + 2); let dd = pcode.substring(6, 6 + 2); return Date.getAge(`${yyyy}-${mm}-${dd}`); }, getTrainingCards() { let childAge = null; let allowedTrainingCards = []; if (this.childPNumber) { childAge = parseInt( this.getAgeFromPersonalCodeNumber(this.childPNumber) ); } if (childAge && childAge < 16 && childAge >= 3) { if (childAge < 7) { allowedTrainingCards = this.smallChildrenCards; } else if (childAge >= 7 && childAge < 10) { allowedTrainingCards = this.childrenCards; } else if (childAge >= 10) { allowedTrainingCards = this.youthCards; } } else { allowedTrainingCards = this.adultCards; } this.$api .get("/api/trainingcard/type/get/all") .then((trainingCards) => { let filteredCards = trainingCards.filter( (card) => card.type == "trainingcard" && allowedTrainingCards.includes(card.id) && card.active ); this.trainingCards = filteredCards; //this.trainingCards = trainingCards; }); }, bookedIntro() { if (this.chosenWorkout) { let newExpireDate = this.chosenWorkout.startTime.slice(0, 10); newExpireDate = new Date(newExpireDate); newExpireDate = newExpireDate.setMonth( newExpireDate.getMonth() + 1 ); newExpireDate = new Date(newExpireDate) .toISOString() .split("T")[0]; this.expireDate = newExpireDate; this.log_message( "User booked intro", "(User:" + this.currentUser.id + ")" ); this.hideAllDialogs(); this.showTrainingCards(); } }, showTrainingCards() { this.f4f_register_view_training_card = true; this.log_message( "Showing trainingcards", "(User:" + this.currentUser.id + ")" ); }, selectWorkout(workout) { this.chosenWorkout = workout; }, bookIntro() { this.f4f_register_view_beginner_booking = true; }, beginnerChoice() { this.hideAllDialogs(); this.bookIntro(); this.log_message( "User chose beginner choice", "(User:" + this.currentUser.id + ")" ); }, experiencedChoice() { this.hideAllDialogs(); this.showTrainingCards(); this.log_message( "User chose experienced choice", "(User:" + this.currentUser.id + ")" ); }, changeChildAccount(permissionObject) { this.log_message( "Started change child account", "(User:" + this.currentUser.id + ")" ); this.childAccountPressed = true; this.childId = permissionObject.id; this.childPNumber = permissionObject.pNumber; delete permissionObject.pNumber; this.$api .post("/api/memberapi/change", permissionObject) .then((data) => { if (data) { this.showExperienceView(); this.log_message( "Child account changed", "(User:" + this.currentUser.id + ")" ); } this.childAccountPressed = false; }) .catch((e) => { this.childAccountPressed = false; this.log_message( "Child account change failed", "(User:" + this.currentUser.id + ")" ); return false; }); }, addChildAccount(fullObject) { this.childAccountPressed = true; const permissions = fullObject.permissions; delete fullObject.permissions; const registerData = { firstname: "", lastname: "", login_key: "", mail: "", personalCodeNumber: "", password: "", phone: "", address: "", zipCode: "", city: "", xf: { Ambassador: null, foundUs: null, sports: [], }, }; registerData.firstname = fullObject.firstname; registerData.lastname = fullObject.lastname; registerData.login_key = fullObject.login_key; registerData.personalCodeNumber = fullObject.personalnumber; registerData.mail = fullObject.e_mail; registerData.password = fullObject.password; registerData.phone = fullObject.phone; registerData.xf.foundUs = fullObject.how_discovered; registerData.xf.Ambassador = fullObject.recruiter; registerData.address = fullObject.address; registerData.zipCode = fullObject.postalcode; registerData.city = fullObject.city; this.$api .post( `/api/memberapi/child/add?book=${permissions.book}&manage=${permissions.manage}&book_me=${permissions.book_me}&manage_me=${permissions.manage_me}&pay=${permissions.pay}&full=true`, registerData ) .then((data) => { if (data) { this.$api .get( "/api/user/probe?personalCodeNumber=" + registerData.personalCodeNumber ) .then((res) => { this.childPNumber = registerData.personalCodeNumber; this.childId = res.users[0].id; this.childName = res.users[0].name; if ( registerData.xf.foundUs.includes( "Rekryterad" ) ) { this.recruitedSet = true; this.recruitedBy = registerData.xf.Ambassador; } this.showExperienceView(); this.log_message( "Child account created", "(User:" + this.currentUser.id + `) (Child id:${res.users[0].id})` ); }); this.childAccountPressed = false; this.log_message( "Child account created (no id)", "(User:" + this.currentUser.id + `)` ); } }) .catch((e) => { this.childAccountPressed = false; this.log_message( "Child account creation failed", "(User:" + this.currentUser.id + ")" ); return false; }); }, showExperienceView() { this.getTrainingCards(); this.hideAllDialogs(); this.f4f_register_view_experience = true; this.log_message( "Start experience view (child)", "(User:" + this.currentUser.id + ")" ); }, showExperienceSelf() { this.getTrainingCards(); this.hideAllDialogs(); this.f4f_register_view_experience = true; this.childId = false; this.log_message( "User chose self", "(User:" + this.currentUser.id + ")" ); }, showChildForm() { this.getTrainingCards(); this.hideAllDialogs(); this.f4f_register_view_child = true; this.log_message( "User chose child", "(User:" + this.currentUser.id + ")" ); this.log_message( "Child form started", "(User:" + this.currentUser.id + ")" ); }, registerChildAccount() {}, change(user) { //this.$store.commit('showChangeUserDialog', { // user_id: user.id //}) }, add() { //this.$store.commit('showAddUserDialog', { // title: 'Lägg till familjemedlem' //}) }, choosePerson() { this.hideAllDialogs(); this.f4f_register_view_child_adult = true; }, checkInfo() { this.$api.get("/api/memberapi/get/current").then((user) => { console.log(user); if (user.mail && user.mail.length > 0) { this.choosePerson(); } else { this.$store.commit("showErrorDialog", { title: "Användaruppgifter sparades inte korrekt", text: "Ladda om sidan och testa igen.", }); } }); }, manageExtraInfo(formData) { let registerData = {}; registerData.login_key = formData.e_mail; registerData.mail = formData.e_mail; registerData.phone = formData.phone; registerData.xf = {}; registerData.xf.foundUs = formData.how_discovered; registerData.xf.Ambassador = formData.recruiter; registerData.address = formData.address; registerData.zipCode = formData.postalcode; registerData.city = formData.city; this.$api .post("/api/memberapi/change", registerData) .then((data) => { console.log(data); //if(data && data.result === true) { // this.$store.commit('showErrorDialog', {title: 'E-postadressen är redan registrerad', text: 'Det verkar som att din e-postadress används redan. Logga in på ditt konto och försök igen.'}); // return false; //} if (data) { if (registerData.xf.foundUs.includes("Rekryterad")) { this.recruitedSet = true; this.recruitedBy = registerData.xf.Ambassador; } this.log_message( "Extra info added", "(User:" + this.currentUser.id + ")" ); } this.checkInfo(); }) .catch((e) => { console.log(e); this.log_message( "Extra info could not be added: " + e, "(User:" + this.currentUser.id + ")" ); return false; }); }, userIsEighteen(birthdate) { var optimizedBirthday = birthdate.replace(/-/g, "/"); var myBirthday = new Date(optimizedBirthday); var currentDate = new Date().toJSON().slice(0, 10) + " 01:00:00"; var myAge = ~~((Date.now(currentDate) - myBirthday) / 31557600000); if (myAge > 17) { return true; } return false; }, checkMissingFields() { const user = this.$store.state.user; console.log(user); return ( user.login_key && user.mail && user.phone && user.address && user.zipCode && user.city ); }, afterLogin() { var birthdate = $vue.$store.state.user.birthdate; this.currentUser = $vue.$store.state.user; this.log_message( "", "Login Done (User:" + this.currentUser.id + ")" ); if (this.currentUser.noPcode) { this.f4f_register_no_pnumber = true; return; } if (typeof birthdate != "string" && birthdate) { birthdate = birthdate.$date; } if (!birthdate) { this.$store.commit("showErrorDialog", { title: "Inloggning misslyckades", text: "Ladda om sidan och testa igen.", }); } this.hideAllDialogs(); if (this.userIsEighteen(birthdate)) { console.log(this.checkMissingFields()); if (this.checkMissingFields()) { this.choosePerson(); } else { this.f4f_register_extra_info = true; this.log_message( "Started extra info view", "(User:" + this.currentUser.id + ")" ); } } else { this.f4f_register_too_young = true; } }, startForm() { this.hideAllDialogs(); this.currentUser = $vue.$store.state.user; this.getTrainingCards(); this.startButtonPressed = true; //if($store.state.isLoggedIn){ // console.log('yes'); // this.afterLogin(); //} if (this.currentUser && this.currentUser.noPcode) { this.f4f_register_no_pnumber = true; return; } this.f4f_register_view_info_form = true; //temp //this.showExperienceView(); }, hideAllDialogs() { this.f4f_register_view_info_form = false; this.f4f_register_extra_info = false; this.f4f_register_too_young = false; this.f4f_register_view_child = false; this.f4f_register_view_experience = false; this.f4f_register_view_beginner_booking = false; //this.f4f_register_view_info_form = false; this.f4f_register_view_training_card = false; this.f4f_register_view_bank_info = false; //this.f4f_register_view_confirmation = false; this.f4f_register_view_receipt = false; this.f4f_register_view_child_adult = false; this.f4f_register_view_loading = false; this.f4f_register_no_pnumber = false; }, renewExpireDate() { let currentExpireDate = new Date(); currentExpireDate = currentExpireDate.setMonth( currentExpireDate.getMonth() + 1 ); currentExpireDate = new Date(currentExpireDate) .toISOString() .split("T")[0]; this.expireDate = currentExpireDate; }, check_tryout_cards(cards) { if (!this.f4f_register_already_tryout_checked) { let found_tryout_card = false; console.log('hej', cards); if (cards && cards.length) { for (let i = 0; i < cards.length; i++) { if ( cards[i].cardtype_id == "91" && cards[i].user_id == $store.state.user.id || cards[i].cardtype_id == "92" && cards[i].user_id == $store.state.user.id || cards[i].cardtype_id == "48" && cards[i].user_id == $store.state.user.id ) { found_tryout_card = true; } } } if (found_tryout_card) { this.f4f_register_already_tryout = true; } } if (cards && cards.length > 0) { this.f4f_register_already_tryout_checked = true; } if (this.checkTrailMonth == false) { this.f4f_register_already_tryout_checked = true; this.f4f_register_already_tryout = false; } }, }, created() { this.$store.commit("showMissingMemberFields", false); this.check_tryout_cards($store.state.cards); let currentExpireDate = new Date(); currentExpireDate = currentExpireDate.setMonth( currentExpireDate.getMonth() + 1 ); currentExpireDate = new Date(currentExpireDate) .toISOString() .split("T")[0]; this.expireDate = currentExpireDate; let testInterval = setInterval(function () { let annoyingZoeziDialog = document.querySelectorAll( ".v-card__text > .mt-4" ); let annoyingZoeziDialogStopper = document.querySelector(".annoying-popup"); if (annoyingZoeziDialog && !annoyingZoeziDialogStopper) { annoyingZoeziDialog.forEach((dialog) => { if ( dialog.innerText == "Vi skulle vilja lära känna dig lite bättre" ) { const parentDialogWrapper = dialog.closest(".zoezi-root"); const parentDialog = dialog.closest(".v-dialog__content"); parentDialogWrapper.classList.add("annoying-popup"); parentDialog.classList.add("annoying-popup-content"); const overlay = parentDialogWrapper.querySelector(".v-overlay"); overlay.style = "z-index: -1;"; } }); } }, 200); }, };