✓
' +\n \"
\" +\n value.message +\n \"
\"\n break\n case \"error\":\n this.alertContainerTarget.innerHTML = value.message\n this.alertContainerTarget.classList.remove(\"hidden\")\n\n // re-enabling the button in case of errors\n this._enableFormButton()\n break\n }\n } catch (error) {\n Sentry.captureException(error)\n }\n })\n }\n\n _disableFormButton() {\n this.formButtonTarget.classList.add(\"not-clickable\")\n this.formButtonTarget.setAttribute(\"disabled\", \"true\")\n }\n\n _enableFormButton() {\n this.formButtonTarget.classList.remove(\"not-clickable\")\n this.formButtonTarget.removeAttribute(\"disabled\")\n }\n}\n","export class LoanTimeChart {\n constructor(apiData, container) {\n this.apiData = apiData\n this.container = container\n this.totalsByPeriod = {\n other: 0,\n 3: 0,\n 12: 0,\n 24: 0,\n 36: 0,\n 48: 0,\n 72: 0,\n 84: 0,\n }\n }\n\n parseFixation() {\n Object.keys(this.totalsByPeriod).forEach((key) => {\n this.apiData\n .filter((row) => this._normalizeRowFixation(row.months_fixation) == key)\n .forEach((filtered) => {\n this.totalsByPeriod[key] =\n this.totalsByPeriod[key] + parseInt(filtered.amount)\n })\n })\n }\n\n plot() {\n if (this.apiData.length != 0) {\n google.charts\n .load(\"visualization\", { packages: [\"corechart\"] })\n .then(() => {\n this._drawChart()\n })\n } else {\n this.container.innerHTML =\n \"
Läs mer om hur du får full tillgång till denna plattform här
\"\n }\n }\n\n _normalizeRowFixation(value) {\n return value !== null ? value : \"other\"\n }\n\n _drawChart() {\n let sumAboveFourYears = 0\n const years = [48, 72, 84]\n years.forEach((i) => (sumAboveFourYears += this.totalsByPeriod[i]))\n\n const data = google.visualization.arrayToDataTable([\n [\"Bindningstid\", \"MÅN\"],\n [\"Okänd\", this.totalsByPeriod[\"other\"]],\n [\"3 MÅN\", this.totalsByPeriod[\"3\"]],\n [\"1 År\", this.totalsByPeriod[\"12\"]],\n [\"2 År\", this.totalsByPeriod[\"24\"]],\n [\"3 År\", this.totalsByPeriod[\"36\"]],\n [\"4+ År\", sumAboveFourYears],\n ])\n\n const formatter = new google.visualization.NumberFormat({\n fractionDigits: 0,\n groupingSymbol: \" \",\n })\n formatter.format(data, 1)\n\n const options = {\n pieHole: 0.6,\n width: 400,\n height: 300,\n pieSliceText: \"none\",\n colors: [\n \"#ded4e5\",\n \"#bda9cb\",\n \"#9b7db2\",\n \"#8b68a5\",\n \"#7a5298\",\n \"#59277e\",\n ],\n legend: {\n textStyle: { fontSize: 13 },\n position: \"bottom\",\n alignment: \"center\",\n },\n chartArea: {\n right: 0,\n left: 0,\n top: \"9%\",\n width: \"80%\",\n height: \"60%\",\n },\n }\n\n const chart = new google.visualization.PieChart(this.container)\n chart.draw(data, options)\n }\n}\n","export class LoanPerSqmChart {\n constructor(apiData, container, yearlyDebt, totalArea) {\n this.apiData = apiData\n this.container = container\n this.yearlyDebt = JSON.parse(yearlyDebt)\n this.totalArea = totalArea\n this.arrayOfData = []\n }\n\n prepareData() {\n this.arrayOfData.push([\n \"År\",\n \"Lån per m2\",\n \"Ränta\",\n { label: \"Ränta\", role: \"tooltip\" },\n ])\n\n this._parseLoansFromKpis()\n this._parseLoansFromApi()\n }\n\n plot() {\n google.charts\n .load(\"visualization\", { packages: [\"corechart\"] })\n .then(() => {\n this._drawChart()\n })\n }\n\n _parseYear() {\n return new Date().getFullYear().toString()\n }\n\n _parseLoansFromKpis() {\n this.yearlyDebt.forEach((arr) => {\n this.arrayOfData.push(arr)\n })\n }\n\n _parseLoansFromApi() {\n let loanSum = 0\n let averageInterestSum = 0\n\n this.apiData.forEach((row) => {\n loanSum += row.amount\n averageInterestSum += (row.interest_rate / 100) * row.amount\n })\n\n const debtPerSqm = parseInt(loanSum / this.totalArea)\n const interest = averageInterestSum / loanSum\n\n this.arrayOfData.push([\n this._parseYear(),\n debtPerSqm,\n interest,\n `${(interest * 100).toFixed(2)}%`,\n ])\n }\n\n _drawChart() {\n google.charts\n .load(\"visualization\", { packages: [\"corechart\"] })\n .then(() => {\n const data = new google.visualization.arrayToDataTable(this.arrayOfData)\n const formatter = new google.visualization.NumberFormat({\n fractionDigits: 0,\n groupingSymbol: \" \",\n })\n\n formatter.format(data, 1)\n\n const options = {\n seriesType: \"bars\",\n series: {\n 0: { targetAxisIndex: 0 },\n 1: { targetAxisIndex: 1, type: \"line\" },\n },\n vAxes: [\n {\n minValue: 0,\n format: \"short\",\n gridlines: { color: \"#E5E5E5\" },\n minorGridlines: { color: \"transparent\" },\n },\n {\n minValue: 0,\n format: \"percent\",\n gridlines: { color: \"transparent\" },\n },\n ],\n axes: {\n y: {\n 1: {\n side: \"right\",\n label: \"Ränta\",\n },\n },\n },\n width: 400,\n height: 300,\n colors: [\"#bda9cb\", \"#59277e\"],\n legend: {\n textStyle: { fontSize: 13 },\n position: \"bottom\",\n alignment: \"center\",\n },\n bar: {\n groupWidth: \"40%\",\n },\n chartArea: {\n top: \"8%\",\n width: \"80%\",\n height: \"55%\",\n },\n }\n\n const chart = new google.visualization.ComboChart(this.container)\n chart.draw(data, options)\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n calculateTotalPages,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport { LoanTimeChart } from \"../../modules/loan/loan_time_chart\"\nimport { LoanPerSqmChart } from \"../../modules/loan/loan_per_sqm_chart\"\nimport * as Sentry from \"@sentry/browser\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"lastUpdatedAt\",\n \"averageMonthlyFixation\",\n \"averageLoanRate\",\n \"loanTimeChart\",\n \"loanPerSqmChart\",\n \"failedToLoad\",\n \"notCustomer\",\n ]\n\n connect() {\n this._initializeTabulator()\n }\n\n print(e) {\n window.print()\n }\n\n _initializeTabulator() {\n const pageSize = 50\n\n new Tabulator(\"#brf-loans-table\", {\n layout: \"fitDataFill\",\n printRowRange: \"selected\",\n addRowPos: \"top\",\n initialSort: [{ column: \"amount\", dir: \"asc\" }],\n ajaxURL: this.data.get(\"api-url\"),\n ajaxResponse: (_url, _params, response) => {\n const arr = []\n\n response.data.forEach((row) => {\n row.attributes.id = row.id\n arr.push(row.attributes)\n })\n\n this._setupCustomerData(arr)\n return { last_page: calculateTotalPages(response, pageSize), data: arr }\n },\n ajaxError: (_xhr, _textStatus, _errorThrown) => {\n this.data.get(\"customer\")\n ? this._showError()\n : this.notCustomerTarget.classList.remove(\"hidden\")\n },\n ajaxConfig: {\n credentials: \"include\",\n },\n pagination: true,\n paginationMode: \"remote\",\n paginationSize: pageSize,\n columns: [\n {\n title: \"Lånebelopp\",\n field: \"amount\",\n frozen: true,\n formatter: function (cell) {\n const data = cell.getData()\n\n if (data.amount) {\n const int = parseInt(data.amount, 10)\n return int.toLocaleString(\"sv-se\", { useGrouping: true }) + \" SEK\"\n } else {\n return \"Okänd\"\n }\n },\n },\n {\n title: \"Ränta\",\n field: \"interest_rate\",\n cssClass: \"centerAlignedContent\",\n formatter: function (cell) {\n const data = cell.getData()\n\n if (data.interest_rate) {\n return data.interest_rate + \"%\"\n } else {\n return \"Okänd\"\n }\n },\n },\n {\n title: \"Kreditgivare\",\n field: \"lender\",\n cssClass: \"centerAlignedContent\",\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n\n if (data.lender) {\n return data.lender\n } else {\n return \"Okänd\"\n }\n },\n },\n {\n title: \"Lånenummer\",\n field: \"external_ref\",\n cssClass: \"centerAlignedContent\",\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n\n if (data.external_ref) {\n return data.external_ref\n } else {\n return \"Okänd\"\n }\n },\n },\n {\n title: \"Villkor\",\n field: \"months_fixation\",\n cssClass: \"centerAlignedContent\",\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n\n if (data.months_fixation) {\n if (data.months_fixation % 12 == 0) {\n return data.months_fixation / 12 + \" år\"\n } else {\n return data.months_fixation + \" mån\"\n }\n } else {\n return \"Okänd\"\n }\n },\n },\n {\n title: \"Förfallodag\",\n field: \"due_date\",\n cssClass: \"centerAlignedContent\",\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n\n if (data.due_date) {\n return data.due_date\n } else {\n return \"Okänd\"\n }\n },\n },\n {\n title: \"Räntekostnad\",\n field: \"interest_expense\",\n cssClass: \"centerAlignedContent\",\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n\n if (data.amount && data.interest_rate) {\n return (\n parseInt(\n (data.amount * data.interest_rate) / 100\n ).toLocaleString(\"sv-se\", { useGrouping: true }) + \" SEK\"\n )\n } else {\n return \"Okänd\"\n }\n },\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n }\n\n _setupCustomerData(response) {\n try {\n if (response) {\n this._lastUpdatedAt(response)\n this._averageLoanRate(response)\n this._averageMonthlyFixation(response)\n\n const loansChart = new LoanTimeChart(response, this.loanTimeChartTarget)\n loansChart.parseFixation()\n loansChart.plot()\n\n const loansSqmChart = new LoanPerSqmChart(\n response,\n this.loanPerSqmChartTarget,\n this.data.get(\"debt\"),\n this.data.get(\"area\")\n )\n loansSqmChart.prepareData()\n loansSqmChart.plot()\n }\n } catch (error) {\n Sentry.captureException(error)\n }\n }\n\n _showError() {\n this.failedToLoadTarget.classList.remove(\"hidden\")\n }\n\n _lastUpdatedAt(data) {\n const updatedSFDates = []\n data.forEach((data) => {\n return updatedSFDates.push(data.updated_at)\n })\n\n if (updatedSFDates.length > 0) {\n this.lastUpdatedAtTarget.innerHTML = `Senast uppdaterad: ${updatedSFDates.pop()}`\n this.lastUpdatedAtTarget.classList.remove(\"hidden\")\n }\n }\n\n _averageLoanRate(data) {\n const debt = JSON.parse(this.data.get(\"debt\"))\n let timesRateAmount = 0\n let totalLoanAmount = 0\n\n data.forEach((data) => {\n timesRateAmount += parseInt(data.amount * data.interest_rate)\n totalLoanAmount += parseInt(data.amount)\n\n return { timesRateAmount, totalLoanAmount }\n })\n\n if ((timesRateAmount / totalLoanAmount).toFixed(2) > 0) {\n this.averageLoanRateTarget.innerHTML = `Genomsnittlig ränta:
${(\n timesRateAmount / totalLoanAmount\n ).toFixed(2)}% (${new Date().getFullYear()})`\n } else {\n const lastAvailableYear = debt[debt.length - 1]\n\n if (lastAvailableYear) {\n this.averageLoanRateTarget.innerHTML = `Genomsnittlig ränta:
${lastAvailableYear[3]} (${lastAvailableYear[0]})`\n } else {\n return (this.averageLoanRateTarget.innerHTML = \"Data inte tillgänglig\")\n }\n }\n }\n\n _averageMonthlyFixation(data) {\n let monthsFixation = 0\n\n data.forEach((data) => {\n monthsFixation += data.months_fixation\n return monthsFixation\n })\n\n if (data.every((month) => month === data[0]) && data[0] != undefined) {\n return (this.averageMonthlyFixationTarget.innerHTML = `Genomsnittlig bindingtid:
${\n data[0]\n } mån (${new Date().getFullYear()})`)\n } else if (monthsFixation !== 0) {\n const count = data.filter((el) => el.months_fixation != undefined).length\n return (this.averageMonthlyFixationTarget.innerHTML = `Genomsnittlig bindingtid:
${(\n monthsFixation / count\n ).toFixed(0)} mån (${new Date().getFullYear()})`)\n } else {\n return (this.averageMonthlyFixationTarget.innerHTML =\n \"Data inte tillgänglig\")\n }\n }\n}\n","export class PremiumsChart {\n constructor(container, premiumData, damageData) {\n this.container = container\n this.premiumData = premiumData\n this.damageData = damageData\n this.labelsArr = []\n this.sortedData = []\n }\n\n prepareData() {\n this.labelsArr.push([\"År\", \"Premie\", \"Skador\"])\n\n this._graphDataset()\n }\n\n _getFullYear(el) {\n return new Date(el).getFullYear()\n }\n\n _lastFiveItems(dataSet) {\n return dataSet.slice(Math.max(dataSet.length - 5, 0))\n }\n\n _graphDataset = () => {\n const dataArray = []\n const joinedArr = this._lastFiveItems(this.damageData).concat(\n this._lastFiveItems(this.premiumData)\n )\n\n joinedArr.map((el) => {\n dataArray.push({\n year:\n this._getFullYear(el[\"starts_at\"]) ||\n this._getFullYear(el[\"date_of_occurrence\"]),\n premium: 0,\n damage_count: 0,\n })\n })\n\n const removeDuplicateYears = dataArray.reduce((arr, item) => {\n if (!arr.some((obj) => obj.year === item.year)) {\n arr.push(item)\n }\n return arr\n }, [])\n\n removeDuplicateYears.forEach((el) => {\n let sumDamages = 0\n let sumPremiums = 0\n\n this.damageData\n .filter(\n (dd) => this._getFullYear(dd[\"date_of_occurrence\"]) == el[\"year\"]\n )\n .forEach((_el) => (sumDamages += 1))\n this.premiumData\n .filter((dd) => this._getFullYear(dd[\"starts_at\"]) == el[\"year\"])\n .forEach((_el) => (sumPremiums += _el[\"premium\"]))\n\n el[\"damage_count\"] = sumDamages\n el[\"premium\"] = sumPremiums\n })\n\n this.sortedData = removeDuplicateYears.sort((a, b) => {\n return a.year < b.year ? -1 : a.year > b.year ? 1 : 0\n }, [])\n }\n\n plot() {\n google.charts\n .load(\"visualization\", { packages: [\"corechart\"] })\n .then(() => {\n this._drawChart()\n })\n }\n\n _drawChart() {\n this.sortedData.map((el) => {\n this.labelsArr.push([\n el[\"year\"].toString(),\n el[\"premium\"],\n el[\"damage_count\"],\n ])\n })\n\n const data = new google.visualization.arrayToDataTable(this.labelsArr)\n const chart = new google.visualization.AreaChart(this.container)\n\n chart.draw(data, this._options(data))\n }\n\n _options(data) {\n const premiumMax =\n data.getColumnRange(1).max !== 0 ? data.getColumnRange(1).max : 5000\n const damagesMax =\n data.getColumnRange(2).max !== 0 ? data.getColumnRange(2).max : 10\n\n return {\n pointSize: 5,\n areaOpacity: 0,\n series: {\n 0: { targetAxisIndex: 0, pointShape: \"circle\" },\n 1: { targetAxisIndex: 1, pointShape: \"circle\" },\n },\n vAxes: [\n {\n viewWindowMode: \"explicit\",\n viewWindow: { min: 0, max: premiumMax },\n baseline: { color: \"#F6F6F6\" },\n format: \"short\",\n gridlines: { color: \"#E5E5E5\", count: 4 },\n minorGridlines: { color: \"transparent\" },\n },\n {\n viewWindowMode: \"explicit\",\n viewWindow: { min: 0, max: damagesMax },\n baseline: { color: \"transparent\" },\n format: \"short\",\n gridlines: { color: \"transparent\", count: 2 },\n },\n ],\n colors: [\"#999999\", \"#59277e\"],\n legend: {\n textStyle: { fontSize: 13 },\n position: \"bottom\",\n alignment: \"center\",\n },\n chartArea: {\n top: \"9%\",\n width: \"80%\",\n height: \"55%\",\n },\n }\n }\n}\n","export class InsuranceGrid {\n constructor(gridOne, gridTwo, data) {\n this.gridOne = gridOne\n this.gridTwo = gridTwo\n this.data = data\n }\n\n _translate(word) {\n return word === true ? \"Ja\" : \"Nej\"\n }\n\n _toLocale(int) {\n return `${int.toLocaleString(\"sv-se\", { useGrouping: true })} SEK`\n }\n\n _hasValue(input) {\n return input ? input : \"Saknas\"\n }\n\n build() {\n const entry = this.data[this.data.length - 1]\n const isFirstColumn = [true, false]\n const label = {\n company: \"Bolag\",\n premium: \"Premie\",\n end_date: \"Försäkrad till\",\n deductible: \"Självrisk grund\",\n deductible_water: \"Självrisk vatten\",\n brf_supplement: \"BRF-tillägg\",\n }\n\n isFirstColumn.map((column) => {\n this._buildColumns(column, label, entry)\n })\n }\n\n _buildColumns(firstColumn, label, entry) {\n const build = `\n ${\n firstColumn\n ? `\n
\n
![](${entry.company_logo_url ? entry.company_logo_url : \"\"})
\n
`\n : `
\n
\n
\n - \n ${label.brf_supplement}:\n ${this._hasValue(\n this._translate(entry.brf_supplement)\n )}\n
\n - \n ${label.end_date}:\n ${entry.ends_at}\n
\n
\n
\n
`\n }\n
${property.data.attributes.address}
\n \n
\n - \n Objektsnummer:\n ${property.data.attributes.property_number}\n
\n - \n Objekt:\n ${property.data.attributes.localized_property_type}\n
\n - \n Storlek:\n ${size}\n
\n
\n
\n - \n Månadsavgift:\n ${Math.round(property.data.attributes.annual_fee / 12)} SEK\n
\n - \n Antal rum:\n ${rooms}\n
\n
\n
\n - \n Delägare:\n
\n ${displayOwners(property)}\n \n
\n
\n resident-payments#displayPaymentSection\" data-resident-payments-target=\"makeBillable\">\n \n
\n `\n}\n\nexport const otherTemplate = (resident, property) => {\n return `\n ${property.data.attributes.address}
\n \n
\n - \n Objektsnummer:\n ${property.data.attributes.property_number}\n
\n - \n Objekt:\n ${property.data.attributes.localized_property_type}\n
\n
\n
\n - \n Månadsavgift:\n ${Math.round(\n property.data.attributes.annual_lease_fee / 12\n )} SEK\n
\n
\n
\n - \n Delägare:\n
\n ${displayOwners(property)}\n \n
\n
\n resident-payments#displayPaymentSection\" data-resident-payments-target=\"makeBillable\">\n \n
\n`\n}\n\nconst displayOwners = (property) => {\n const payer = property.data.attributes.billable\n const owners = []\n\n property.included.forEach((p) => {\n if (p.id == payer) {\n owners.push(`${p.attributes.name} (betalningsansvarig)`)\n } else {\n owners.push(p.attributes.name)\n }\n })\n return owners.sort().join(\"
\")\n}\n\nconst checkboxChecked = (resident, property) => {\n return property.data.attributes.billable == resident.data.id\n ? \"checked disabled=disabled\"\n : \"\"\n}\n","import { ApplicationController } from \"../../../../../../../app/webpack_assets/support/application_controller\"\nimport { otherTemplate, residenceTemplate } from \"./invoice_template\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"switchBankTabs\",\n \"propertiesPlaceholder\",\n \"selectedBank\",\n \"selectedBankControls\",\n \"selectedBankForm\",\n \"bankIdInfo\",\n \"validBankAccounts\",\n \"invoiceEmail\",\n \"invoiceMailAddress\",\n \"invoiceMailZipcode\",\n \"invoiceMailTown\",\n \"paymentSection\",\n \"autogiroSection\",\n \"einvoiceSection\",\n \"postalSection\",\n \"emailSection\",\n \"banksList\",\n \"bankAccounts\",\n \"eInvoiceBanksList\",\n \"manualBank\",\n \"manualClearingNr\",\n \"manualAccountNr\",\n \"selectedBankSigning\",\n \"makeBillable\",\n ]\n\n connect() {\n window.bankIdCalled = false\n this._fetchResidentInfo()\n this._banksListListener()\n }\n\n switchBankTabs() {\n const value = this.switchBankTabsTarget.value\n\n document.querySelectorAll(\"[data-switchtarget]\").forEach((el) => {\n el.classList.remove(\"always-visible\")\n el.classList.add(\"hidden\")\n })\n\n const selectedTab = document.querySelector(`[data-switchtarget=${value}]`)\n selectedTab.classList.add(\"always-visible\")\n selectedTab.classList.remove(\"hidden\")\n }\n\n submitSelectedBank(event) {\n if (event.params.disabled) {\n return\n }\n\n const selectedBank = this.banksListTarget.value\n\n if (selectedBank === \"custom\") {\n this.selectedBankFormTarget.insertAdjacentHTML(\n \"afterbegin\",\n \"Skriv in kontouppgifter till din bank:
\"\n )\n this._displayManualAccountForm()\n return\n }\n\n const url = this.data.get(\"baseUrl\") + \"profil/bankkonto/accounts\"\n const payload = {\n resident_id: this.data.get(\"residentWithCustomer\").split(\"-\")[0],\n customer_id: this.data.get(\"residentWithCustomer\").split(\"-\")[1],\n bank: selectedBank,\n }\n\n this._showBankIDWaitingMessage(true)\n this.railsCreate(url, payload).then((response) => {\n if (response.hasOwnProperty(\"public_id\")) {\n this._fetchBankAccountStatus(payload.customer_id, response.public_id)\n } else {\n this.selectedBankFormTarget.insertAdjacentHTML(\n \"afterbegin\",\n \"Vi kunde inte hämta dina kontouppgifter, vänligen skriv in dina kontouppgifter manuellt.
\"\n )\n this._displayManualAccountForm()\n }\n })\n }\n\n submitSelectedAccount() {\n this._showBankIDWaitingMessage(false)\n\n const url = this.data.get(\"baseUrl\") + \"profil/autogiro/sign\"\n // [clearing, account]\n const selectedAccount = this.bankAccountsTarget.value.split(\",\")\n const bank = this.selectedBankSigningTarget.innerText\n const payload = {\n resident_id: this.data.get(\"residentWithCustomer\").split(\"-\")[0],\n clearing: selectedAccount[0],\n account: selectedAccount[1],\n }\n\n this.validBankAccountsTarget.innerHTML = \"\"\n this.railsCreate(url, payload).then((response) => {\n const customerId = this.data.get(\"residentWithCustomer\").split(\"-\")[1]\n const signAutogiroLoop = setInterval(() => {\n this._fetchSignAutogiroStatus(\n customerId,\n response.reference_token,\n signAutogiroLoop,\n payload,\n bank\n )\n }, 1000)\n })\n }\n\n handleManualAccount() {\n const url = this.data.get(\"baseUrl\") + \"profil/autogiro/sign\"\n const payload = {\n bank: this.manualBankTarget.value,\n clearing: this.manualClearingNrTarget.value,\n account: this.manualAccountNrTarget.value,\n resident_id: this.data.get(\"residentWithCustomer\").split(\"-\")[0],\n }\n\n // Hide button and display a message\n document.getElementById(\"manual-submit\").style.display = \"none\"\n this.autogiroSectionTarget.innerHTML +=\n \"Väntar på svar från BankID
\"\n this.validBankAccountsTarget.innerHTML = \"\"\n\n this.railsCreate(url, payload).then((response) => {\n const customerId = this.data.get(\"residentWithCustomer\").split(\"-\")[1]\n\n const signAutogiroLoop = setInterval(() => {\n this._fetchSignAutogiroStatus(\n customerId,\n response.reference_token,\n signAutogiroLoop,\n payload\n )\n }, 1000)\n })\n }\n\n handleEinvoice() {\n const url = this.data.get(\"baseUrl\") + \"profil/faktura/einvoice\"\n const payload = {\n resident_id: this.data.get(\"residentWithCustomer\").split(\"-\")[0],\n properties: this._collectCheckboxes(),\n bank: this.eInvoiceBanksListTarget.value,\n }\n\n this.railsCreate(url, payload).then((response) => {\n this._handleInvoicePromise(response.status, this.einvoiceSectionTarget)\n })\n }\n\n handleEmailInvoicing() {\n const url = this.data.get(\"baseUrl\") + \"profil/faktura/email\"\n const payload = {\n resident_id: this.data.get(\"residentWithCustomer\").split(\"-\")[0],\n properties: this._collectCheckboxes(),\n email: this.invoiceEmailTarget.value,\n }\n\n this.railsCreate(url, payload).then((response) => {\n this._handleInvoicePromise(response.status, this.emailSectionTarget)\n })\n }\n\n handlePostalInvoicing() {\n const url = this.data.get(\"baseUrl\") + \"profil/faktura/postal\"\n const payload = {\n resident_id: this.data.get(\"residentWithCustomer\").split(\"-\")[0],\n properties: this._collectCheckboxes(),\n address: this.invoiceMailAddressTarget.value,\n zipcode: this.invoiceMailZipcodeTarget.value,\n town: this.invoiceMailTownTarget.value,\n }\n\n this.railsCreate(url, payload).then((response) => {\n this._handleInvoicePromise(response.status, this.postalSectionTarget)\n })\n }\n\n _fetchBankAccountStatus(customer_id, public_id) {\n const url = this.data.get(\"baseUrl\") + \"profil/bankkonto/status\"\n const payload = {\n customer_id: customer_id,\n public_id: public_id,\n }\n\n this.railsCreate(url, payload).then((response) => {\n if (response.status === \"error\") {\n this.selectedBankControlsTarget.innerHTML = `${response.message}
`\n }\n if (response.bank_id_autostart_token !== null) {\n this.bankIdInfoTarget.innerHTML = `\n ![\"BankID](\"${response.qr}\")
\n Starta din BankID säkerhetsapp.
\n `\n if (!window.bankIdCalled) {\n this._autostartBankIdMobile(response.bank_id_autostart_token)\n window.bankIdCalled = true\n }\n }\n\n if (response.status.toLowerCase() === \"waiting\") {\n setTimeout(\n () => this._fetchBankAccountStatus(customer_id, public_id),\n 1000\n )\n } else {\n this._hideBankIDControls()\n this._displayAccounts(response)\n }\n })\n }\n\n _fetchSignAutogiroStatus(\n customerId,\n refToken,\n signAutogiroInterval,\n accountInfo,\n bank\n ) {\n const url = this.data.get(\"baseUrl\") + \"profil/autogiro/status\"\n const payload = {\n customer_id: customerId,\n ref_token: refToken,\n }\n\n this.railsCreate(url, payload).then((response) => {\n if (response.status.toLowerCase() === \"complete\") {\n clearInterval(signAutogiroInterval)\n this._createAutogiroApproval(accountInfo, refToken, bank)\n } else if (response.status.toLowerCase() === \"error\") {\n clearInterval(signAutogiroInterval)\n this.autogiroSectionTarget.innerHTML =\n \"Något gick fel, vänligen försök igen.
\"\n }\n })\n }\n\n _createAutogiroApproval(accountInfo, refToken, bank) {\n const url = this.data.get(\"baseUrl\") + \"profil/autogiro/approval\"\n const payload = {\n bankid_reference: refToken,\n resident_id: accountInfo.resident_id,\n clearing: accountInfo.clearing,\n account: accountInfo.account,\n bank: bank,\n properties: this._collectCheckboxes(),\n }\n\n this.railsCreate(url, payload).then((response) => {\n this._handleInvoicePromise(response.status, this.autogiroSectionTarget)\n })\n }\n\n _displayAccounts(data) {\n if (data.status.toLowerCase() === \"success\") {\n if (!data.account_numbers.length) {\n // Display manual account form\n this.selectedBankTarget.innerHTML =\n \"Vi kan inte hitta några bankkonton, vänligen skriv in dina kontouppgifter manuellt
\"\n this._displayManualAccountForm()\n } else {\n this._hideBankIDsection()\n\n const accountsList = data.account_numbers\n this.validBankAccountsTarget.innerHTML += ``\n const accountsForm = this.bankAccountsTarget\n // accounts appended to list (select tag)\n accountsList\n .filter((a) => a.autogiro_compatible.toLowerCase() === \"approved\")\n .forEach((a) => {\n accountsForm.innerHTML += ``\n })\n this.validBankAccountsTarget.innerHTML +=\n \"Välj konto\"\n }\n } else {\n this._hideBankIDsection()\n this.selectedBankFormTarget.insertAdjacentHTML(\n \"afterbegin\",\n \"Vi kunde inte hämta dina kontouppgifter, vänligen skriv in dina kontouppgifter manuellt.
\"\n )\n this._displayManualAccountForm()\n }\n }\n\n _hideBankIDsection() {\n this.bankIdInfoTarget.innerHTML = \"\"\n }\n\n _showBankIDWaitingMessage(system = true) {\n this._showBankIDControls()\n\n if (system) {\n this.selectedBankControlsTarget.innerHTML =\n \"Väntar på BankID...
\"\n } else {\n this.selectedBankControlsTarget.innerHTML =\n \"Väntar på att du signerar med BankID...
\"\n }\n }\n\n _showBankIDControls() {\n this.selectedBankControlsTarget.classList.remove(\"hidden\")\n }\n\n _hideBankIDControls() {\n this.selectedBankControlsTarget.classList.add(\"hidden\")\n }\n\n _displayManualAccountForm() {\n this._hideBankIDControls()\n this.selectedBankFormTarget.classList.remove(\"hidden\")\n }\n\n _fetchResidentInfo() {\n const residentIds = this.data.get(\"residentWithCustomer\").split(\"-\")\n const residentUrl =\n this.data.get(\"baseUrl\") +\n `register/customers/${residentIds[1]}/residents/${residentIds[0]}`\n\n this.railsFetch(residentUrl).then((response) => {\n this._fetchPropertyInfo(response)\n })\n }\n\n _fetchPropertyInfo(resident) {\n resident.data.relationships.properties.data.forEach((pid) => {\n const customerId = resident.data.attributes.customer_id\n const propertiesUrl =\n this.data.get(\"baseUrl\") +\n `register/customers/${customerId}/properties/${pid.id}?include=residents`\n\n this.railsFetch(propertiesUrl).then((response) => {\n if (resident) {\n this._displayPropertyInfo(resident, response)\n }\n })\n })\n }\n\n _displayPropertyInfo(resident, property) {\n if (property.data.attributes.property_type === \"residence\") {\n this.propertiesPlaceholderTarget.innerHTML += residenceTemplate(\n resident,\n property\n )\n } else {\n this.propertiesPlaceholderTarget.innerHTML += otherTemplate(\n resident,\n property\n )\n }\n }\n\n _handleInvoicePromise(status, target) {\n if (status === \"ok\") {\n target.innerHTML = \"Klart!
\"\n } else {\n target.innerHTML =\n \"Något gick fel, vänligen försök igen.
\"\n }\n }\n\n _collectCheckboxes() {\n const checkboxes = this.makeBillableTargets\n const properties = []\n\n for (let i = 0; i < checkboxes.length; i++) {\n if (checkboxes[i].checked === true) {\n properties.push(checkboxes[i].dataset.propertyId)\n }\n }\n\n return properties\n }\n\n _autostartBankIdMobile(autostartToken) {\n if (/Mobile|Android/i.test(navigator.userAgent)) {\n // a mobile device\n const url = `bankid:///?autostarttoken=${autostartToken}&redirect=null`\n window.open(url)\n } else {\n // not a mobile device\n }\n }\n\n _banksListListener() {\n this.banksListTarget.addEventListener(\"click\", () => {\n const button = document.getElementById(\"submit-button\")\n if (button) {\n if (this.banksListTarget.value === \"custom\") {\n button.innerHTML = \"Fortsätt\"\n } else {\n button.innerHTML = \"Hämta konto med BankID\"\n }\n }\n })\n }\n}\n","export function switchClass(target, attr) {\n attr === true ? target.add(\"active\") : target.remove(\"active\")\n}\n\nexport function resetInfiniteScroll(object, pagination) {\n let infinite = infiniteScrollController(object)\n infinite.loading = false\n infinite.paginationTarget.innerHTML = pagination\n}\n\nexport function canAddObject(object, tbody) {\n const loading = infiniteScrollController(object).loading\n const trLength = tbody.getElementsByTagName(\"tr\").length\n\n // if the number of lines is less than 15, will add a new item\n if (trLength < 15) {\n infiniteScrollController(object).loading = true\n\n return true\n }\n return loading == undefined || object.pages == 1 || loading == true\n}\n\nfunction infiniteScrollController(object) {\n return object.application.getControllerForElementAndIdentifier(\n object.element,\n \"infinite-scroll\"\n )\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n canAddObject,\n resetInfiniteScroll,\n switchClass,\n} from \"../../modules/board_room/switch_icon\"\nimport Sortable from \"sortablejs\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"folderName\",\n \"errorText\",\n \"folderList\",\n \"dialogForm\",\n \"dialogEditForm\",\n \"footer\",\n \"folderNameUpdate\",\n \"reorderIcon\",\n \"orderUpdate\",\n \"pagination\",\n ]\n\n connect() {\n setupModal(\"folder-modal\")\n this.sortable = Sortable.create(this.folderListTarget, {\n onEnd: this._endSortable.bind(this),\n disabled: true,\n })\n this.orderByUpdate = false\n this.pages = this._pages()\n }\n\n onCreateFolder(event) {\n this._clearForm()\n const [data, status, xhr] = event.detail\n\n this._inquiryFormHandler(data.status, JSON.parse(data.response))\n }\n\n onBeforeEdit(e) {\n this.editRow = e.currentTarget.closest(\"tr\")\n }\n\n onEditFolder(event) {\n event.preventDefault()\n const [data, status, xhr] = event.detail\n\n this.footerTarget.innerHTML = data.html\n this.dialogEditFormTarget.classList.toggle(\"falldown\")\n }\n\n onUpdateFolder(e) {\n const [data, status, xhr] = e.detail\n\n if (data.status == 200 && this.editRow) {\n this.editRow.innerHTML = JSON.parse(data.response).html\n this.editRow = null\n this.dialogEditFormTarget.classList.toggle(\"falldown\")\n }\n }\n\n onBeforeDelete(e) {\n this.elementToDelete = e.currentTarget.closest(\"tr\")\n }\n\n onDelete(e) {\n const [data, status, xhr] = e.detail\n\n if (data.status == 204 && this.elementToDelete) {\n this.elementToDelete.remove()\n this.elementToDelete = null\n }\n }\n\n onCloseEditDialog(e) {\n e.preventDefault()\n this.dialogEditFormTarget.classList.toggle(\"falldown\")\n }\n\n onSwitchReorder(e) {\n let state = this.sortable.option(\"disabled\")\n\n switchClass(this.reorderIconTarget.classList, state)\n this.sortable.option(\"disabled\", !state)\n }\n\n onOrderByUpdate(e) {\n this._switchSorting()\n\n const url =\n e.currentTarget.getAttribute(\"data-url\") + `?order=${this.orderByUpdate}`\n\n this.railsFetch(url).then((result) => {\n this.folderListTarget.innerHTML = result.html\n resetInfiniteScroll(this, result.pagination)\n })\n }\n\n _switchSorting() {\n this.orderByUpdate = !this.orderByUpdate\n\n switchClass(this.orderUpdateTarget.classList, this.orderByUpdate)\n }\n\n _inquiryFormHandler(status, result) {\n if (status == 201) {\n if (canAddObject(this, this.folderListTarget))\n this.folderListTarget.innerHTML += result.html\n this.dialogFormTarget.classList.toggle(\"falldown\")\n document.body.classList.toggle(\"falldown\")\n } else {\n this._showError(JSON.stringify(result.message))\n }\n }\n\n _showError(message) {\n this.errorTextTarget.classList.remove(\"hidden\")\n this.errorTextTarget.innerHTML =\n '\"\n }\n\n _clearForm() {\n this.errorTextTarget.classList.add(\"hidden\")\n this.errorTextTarget.innerHTML = \"\"\n this.folderNameTarget.value = \"\"\n }\n\n _endSortable(event) {\n const url = event.item.dataset.url\n const newIndex = event.newIndex + 1\n const payload = {}\n payload[\"position\"] = newIndex\n\n return this.railsUpdate(url, payload)\n }\n\n _pages() {\n return this.paginationTarget.querySelector(\"a[rel='next']\") == null ? 1 : 0\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n canAddObject,\n resetInfiniteScroll,\n switchClass,\n} from \"../../modules/board_room/switch_icon\"\nimport Sortable from \"sortablejs\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"mainContainer\",\n \"form\",\n \"docmentsList\",\n \"reorderIcon\",\n \"orderName\",\n \"orderDate\",\n ]\n\n connect() {\n this.orderByName, (this.orderByDate = false)\n this.SortableDisabled = true\n }\n\n onIndex(e) {\n const [data, status, xhr] = e.detail\n\n const template = data.html\n this.mainContainerTarget.innerHTML = template\n this._initiateSortable()\n this.pages = data.pagy.pages\n resetInfiniteScroll(this, data.pagination)\n }\n\n onCreateDocument(e) {\n const [data, status, xhr] = e.detail\n\n if (data.status == 201 && canAddObject(this, this.docmentsListTarget)) {\n this.docmentsListTarget.innerHTML += JSON.parse(data.response).html\n }\n }\n\n onChange(e) {\n const input = e.currentTarget\n\n if (input.files.length) {\n Rails.fire(this.formTarget, \"submit\")\n }\n }\n\n onOrderByName(e) {\n this.orderByName = !this.orderByName\n this.orderByDate = false\n\n const order = this._getOrder(this.orderByName, \"name\")\n const url = e.currentTarget.getAttribute(\"data-url\") + `&order=${order}`\n\n this.railsFetch(url).then((result) => {\n this._orderHandler(result)\n })\n }\n\n onOrderByDate(e) {\n this.orderByDate = !this.orderByDate\n this.orderByName = false\n\n const order = this._getOrder(this.orderByDate, \"updated_at\")\n const url = e.currentTarget.getAttribute(\"data-url\") + `&order=${order}`\n\n this.railsFetch(url).then((result) => {\n this._orderHandler(result)\n })\n }\n\n onSwitchReorder(e) {\n this.SortableDisabled = !this.SortableDisabled\n\n switchClass(this.reorderIconTarget.classList, !this.SortableDisabled)\n this.sortable.option(\"disabled\", this.SortableDisabled)\n }\n\n _orderHandler(result) {\n this.mainContainerTarget.innerHTML = result.html\n switchClass(this.orderDateTarget.classList, this.orderByDate)\n switchClass(this.orderNameTarget.classList, this.orderByName)\n this._initiateSortable()\n resetInfiniteScroll(this, result.pagination)\n }\n\n _endSortable(e) {\n const url = e.item.dataset.url\n const newIndex = e.newIndex + 1\n const payload = {}\n payload[\"position\"] = newIndex\n\n return this.railsUpdate(url, payload)\n }\n\n _initiateSortable(e) {\n this.sortable = Sortable.create(this.docmentsListTarget, {\n onEnd: this._endSortable.bind(this),\n disabled: this.SortableDisabled,\n })\n switchClass(this.reorderIconTarget.classList, !this.SortableDisabled)\n }\n\n _getOrder = (attr, name) => (attr === true ? name : \"\")\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\n\nexport default class extends ApplicationController {\n static targets = [\"entries\", \"pagination\", \"folderList\"]\n\n initialize() {\n this.loading = false\n }\n\n scroll() {\n const body = document.body\n const html = document.documentElement\n const height = Math.max(\n body.scrollHeight,\n body.offsetHeight,\n html.clientHeight,\n html.scrollHeight,\n html.offsetHeight\n )\n\n if (window.pageYOffset >= height - window.innerHeight - 400) {\n if (this.loading) return\n this.loading = true\n this._loadMore()\n }\n }\n\n _loadMore() {\n let nextPage = this.paginationTarget.querySelector(\"a[rel='next']\")\n\n if (nextPage == null) return\n\n const url = nextPage.href\n\n this.railsFetch(url).then((result) => {\n this.loading = false\n this.folderListTarget.insertAdjacentHTML(\"beforeend\", result.html)\n this.paginationTarget.innerHTML = result.pagination\n if (result.pagy.page == result.pagy.pages) this.loading = true\n })\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\n\nexport default class extends ApplicationController {\n static targets = [\"secondsToRedirect\"]\n static values = {\n secondsToRedirect: Number,\n redirectToUrl: String,\n timeUnitName: Object,\n }\n\n connect() {\n this.setTimeToRedirectText()\n this.intervalId = window.setInterval(\n this.redirectMessageTick.bind(this),\n 1000\n )\n }\n\n redirectMessageTick() {\n this.secondsToRedirectValue--\n if (this.secondsToRedirectValue > 0) {\n this.setTimeToRedirectText()\n } else {\n window.clearInterval(this.intervalId)\n window.location.href = this.redirectToUrlValue\n }\n }\n\n setTimeToRedirectText() {\n if (this.secondsToRedirectValue > 1) {\n this.secondsToRedirectTarget.innerHTML =\n this.timeUnitNameValue.other.replace(\n \"%{count}\",\n this.secondsToRedirectValue\n )\n } else if (this.secondsToRedirectValue > 0) {\n this.secondsToRedirectTarget.innerHTML = this.timeUnitNameValue.one\n }\n }\n}\n","import camelCase from \"camelcase\"\n\nexport function addFeedbackToInput(context, inputKey, errors) {\n // NOTE: Strip prefix for nested attributes, e.g.\n // 'recipient.bank_account_number' => 'bank_account_number'\n const inputName = inputKey.replace(/^\\w+\\./, \"\")\n const inputTarget = context[`${camelCase(inputName)}Target`]\n\n if (inputTarget === undefined) return\n\n const el = document.createElement(\"div\")\n\n el.classList.add(\"invalid-feedback\")\n el.textContent = errors.join(\", \")\n\n inputTarget.after(el)\n}\n\nexport function removeFeedbackFromInputs() {\n document.querySelectorAll(\".invalid-feedback\").forEach((el) => el.remove())\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n addFeedbackToInput,\n removeFeedbackFromInputs,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/form_validation_feedback\"\nimport Sortable from \"sortablejs\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"form\",\n \"organizationTagId\",\n \"submit\",\n \"hr\",\n \"tags\"\n ]\n\n connect() {\n this.sortable = Sortable.create(this.tagsTarget, {\n group: \"shared\",\n onEnd: this._onSortableEnd.bind(this),\n })\n }\n\n success(event) {\n let [data, _status, _xhr] = event.detail\n\n this.tagsTarget.innerHTML = data.html\n\n removeFeedbackFromInputs()\n\n this._resetForm(event)\n this._toggleHorizontalRule({ hide: data.html === \"\" })\n }\n\n failure(event) {\n let [data, _status, _xhr] = event.detail\n\n removeFeedbackFromInputs()\n\n if (data.errors !== undefined) {\n for (var key in data.errors) {\n addFeedbackToInput(this, key, data.errors[key])\n }\n }\n }\n\n toggleSubmitButton(event) {\n const organizationTagId = event.currentTarget.selectedOptions[0].value\n\n this.submitTarget.disabled = organizationTagId === \"\"\n\n removeFeedbackFromInputs()\n }\n\n _resetForm(event) {\n if (event.target === this.formTarget) {\n this.formTarget.reset()\n this.submitTarget.disabled = true\n }\n }\n\n _toggleHorizontalRule({ hide }) {\n if (hide) {\n this.hrTarget.classList.add(\"hidden\")\n } else {\n this.hrTarget.classList.remove(\"hidden\")\n }\n }\n\n _onSortableEnd(event) {\n let url = event.item.dataset.path\n let data = {\n \"organization_tagging[priority]\": event.newIndex + 1,\n }\n\n this.railsUpdate(url, data)\n }\n}\n","import \"./modules/nearest_organization\"\nimport \"./modules/apartment_valuation_filtering\"\n\nimport Parsley from \"parsleyjs\"\n\nimport { parsleyI18nSV } from \"./modules/parsley_i18n_sv\"\n\nexport { default as ApplicationController } from \"./controllers/application_controller\"\nexport { default as WelcomeController } from \"./controllers/welcome_controller\"\nexport { default as OrganizationsController } from \"./controllers/organizations_controller\"\nexport { default as AddressesController } from \"./controllers/addresses_controller\"\nexport { default as OrgDashboardController } from \"./controllers/board_room/org_dashboard_controller\"\nexport { default as OrgContractController } from \"./controllers/board_room/org_contract_controller\"\nexport { default as BrfContactController } from \"./controllers/organizations/brf_contact_controller\"\nexport { default as OrgLoanController } from \"./controllers/board_room/org_loan_controller\"\nexport { default as OrgInsuranceController } from \"./controllers/board_room/org_insurance_controller\"\nexport { default as WallsController } from \"./controllers/walls_controller\"\nexport { default as SubscriptionsController } from \"./controllers/subscriptions_controller\"\nexport { default as ApartmentValuationController } from \"./controllers/apartment_valuation_controller\"\nexport { default as BrfanalysSubscriptionController } from \"./controllers/profile/settings/brfanalys_subscription_controller\"\nexport { default as BrfanalysDownloadController } from \"./controllers/brfanalys_download_controller\"\nexport { default as BrfanalysPurchaseController } from \"./controllers/brfanalys_purchase_controller\"\nexport { default as BrfanalysSubscriptionPurchaseController } from \"./controllers/brfanalys_subscription_purchase_controller\"\nexport { default as BrfanalysComponentController } from \"./controllers/brfanalys_component_controller\"\nexport { default as ResidentPaymentsController } from \"./controllers/profile/settings/resident_payments_controller\"\nexport { default as OrgFoldersController } from \"./controllers/board_room/org_folders_controller\"\nexport { default as OrgDocumentsController } from \"./controllers/board_room/org_documents_controller\"\nexport { default as InfiniteScrollController } from \"./controllers/board_room/infinite_scroll_controller\"\nexport { default as KlarnaOrderController } from \"./controllers/brfanalys_klarna_order_controller\"\nexport { default as OrganizationTagsController } from \"./controllers/board_room/organization_tags_controller\"\n\nwindow.Parsley = Parsley\n\nParsley.addMessages(\"sv\", parsleyI18nSV())\nParsley.setLocale(\"sv\")\n","export function parsleyI18nSV() {\n return {\n defaultMessage: \"Ogiltigt värde.\",\n type: {\n email: \"Ange en giltig e-postadress.\",\n url: \"Ange en giltig URL.\",\n number: \"Ange ett giltigt nummer.\",\n integer: \"Ange ett heltal.\",\n digits: \"Ange endast siffror.\",\n alphanum: \"Ange endast bokstäver och siffror.\",\n },\n notblank: \"Värdet får inte vara tomt.\",\n required: \"Obligatoriskt fält.\",\n pattern: \"Värdet är ej giltigt.\",\n min: \"Värdet måste vara större än eller lika med %s.\",\n max: \"Värdet måste vara mindre än eller lika med %s.\",\n range: \"Värdet måste vara mellan %s och %s.\",\n minlength: \"Värdet måste vara minst %s tecken.\",\n maxlength: \"Värdet får maximalt innehålla %s tecken.\",\n length: \"Värdet måste vara mellan %s och %s tecken.\",\n mincheck: \"Minst %s val måste göras.\",\n maxcheck: \"Maximalt %s val får göras.\",\n check: \"Mellan %s och %s val måste göras.\",\n equalto: \"Värdena måste vara lika.\",\n notequalto: \"Värdet får inte vara tomt.\",\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { BRFSearch } from \"../../../../shared_assets/app/web_components/searchbar/search\"\nimport { setupNeighborData } from \"../../../../shared_assets/app/webpack_assets/modules/setup_neighbor_data\"\n\nwindow.setupNeighborData = setupNeighborData\n\nexport default class extends ApplicationController {\n connect() {\n if (document.querySelector(\".search-box\")) {\n this._setupSearch()\n }\n }\n\n _setupSearch() {\n const search = new BRFSearch()\n\n search.dropdownEvents()\n search.append()\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { inquiryFormHandler } from \"../modules/inquiry_form\"\n\nexport default class extends ApplicationController {\n connect() {\n this._sideMenu()\n\n document\n .getElementById(\"hamburger\")\n .addEventListener(\"click\", this._toggleNav)\n window.addEventListener(\"resize\", this._closeNav)\n }\n\n _toggleNav() {\n document.getElementById(\"sideNav\").classList.toggle(\"active\")\n document.querySelector(\"main\").classList.toggle(\"menu-opened\")\n document.querySelector(\"footer\").classList.toggle(\"menu-opened\")\n document.getElementById(\"hamburger\").classList.toggle(\"hamburger-close\")\n document.querySelector(\"body\").classList.toggle(\"hide-overflow\")\n }\n\n _closeNav() {\n document.getElementById(\"sideNav\").classList.remove(\"active\")\n document.querySelector(\"nav\").classList.toggle(\"menu-opened\")\n document.querySelector(\"main\").classList.toggle(\"menu-opened\")\n document.querySelector(\"footer\").classList.toggle(\"menu-opened\")\n document.getElementById(\"hamburger\").classList.remove(\"hamburger-close\")\n document.querySelector(\"body\").classList.remove(\"hide-overflow\")\n }\n\n _sideMenu() {\n const sideMenuItems = document.querySelectorAll(\".sideCategory\")\n\n sideMenuItems.forEach((sideMenuItem) => {\n sideMenuItem.addEventListener(\"click\", function () {\n sideMenuItems.forEach(function (otherItems) {\n if (otherItems != sideMenuItem) {\n otherItems.classList.remove(\"submenu-active\")\n }\n })\n\n sideMenuItem.classList.toggle(\"submenu-active\")\n })\n })\n }\n\n inquirySubmission(event) {\n const [data, status, xhr] = event.detail\n inquiryFormHandler(event.target, JSON.parse(data.response))\n }\n}\n","export function inquiryFormHandler(form, result) {\n if (result.status == \"bad_request\") {\n document.querySelector(\".signup__form h1\").innerHTML = result.message\n } else {\n document.querySelector(\".container__signup\").innerHTML = result.form\n\n if (result.trigger_ga_event && typeof ga != \"undefined\") {\n ga(\"send\", \"event\", \"Upphandling\", \"Förfrågan\")\n }\n }\n}\n","import { BRFSearch } from \"../../../../shared_assets/app/web_components/searchbar/search\"\n\nexport class AnbudskollenSearch extends BRFSearch {\n _onResultSelection(inputElement, valueObj) {\n inputElement.value = valueObj.name.replace(/<\\/?em>/g, \"\")\n\n if (document.querySelector(\"#organization-description\")) {\n document.querySelector(\"#organization-description\").innerHTML =\n valueObj.name\n }\n\n if (document.querySelector(\"#brfmedlem_org_nam\")) {\n document.querySelector(\"#brfmedlem_org_name\").value =\n valueObj.name.replace(/<\\/?em>/g, \"\")\n }\n\n document.querySelector(\"#brfmedlem_org_number\").value = valueObj.org_number\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { setupModal } from \"../../../../shared_assets/app/webpack_assets/shared/setup_modal\"\nimport { AnbudskollenSearch } from \"../modules/anbudskollen_search_extension\"\nimport \"slick-carousel\"\n\nexport default class extends ApplicationController {\n static targets = [\"requestModalBody\"]\n\n connect() {\n this._setupSlider()\n this._highlightProcessSteps()\n\n setupModal(\"free-cost-analysis-modal\")\n setupModal(\"request-modal\")\n }\n\n _setupSlider() {\n $(\".aboutus__slider\").slick({\n infinite: true,\n dots: true,\n arrows: false,\n autoplay: true,\n })\n\n $(\".slider__recent\").slick({\n infinite: true,\n dots: false,\n arrows: false,\n autoplay: true,\n })\n }\n\n _highlightProcessSteps() {\n const processSteps = document.querySelectorAll(\".process__step\")\n const processFeatures = document.querySelectorAll(\".process__features\")\n\n processSteps[0].classList.add(\"process__step--active\")\n processFeatures[0].classList.add(\"process__features--active\")\n\n Array.prototype.slice.call(processSteps).forEach((element, index) => {\n element.addEventListener(\"mouseover\", () => {\n processSteps.forEach((step) => {\n step.classList.remove(\"process__step--active\")\n })\n processFeatures.forEach((feature) => {\n feature.classList.remove(\"process__features--active\")\n })\n\n processSteps[index].classList.add(\"process__step--active\")\n processFeatures[index].classList.add(\"process__features--active\")\n })\n })\n }\n\n fetchRequestModal() {\n this._trackEvent(\"navigation\", \"requests\", \"create request\")\n\n if (!this.requestModalBodyTarget.innerHTML) {\n this.railsFetch(\"/init_request_modal\").then((result) => {\n this.requestModalBodyTarget.innerHTML = result.response\n this._requestModalActions()\n })\n } else {\n this._requestModalActions()\n }\n }\n\n fetchAnalysisModal() {\n this._trackEvent(\"navigation\", \"requests\", \"cost analysis\")\n\n this.railsFetch(\"/init_free_cost_analysis_modal\").then((result) => {\n document.querySelector(\".free-cost-analysis-modal-body\").innerHTML =\n result.response\n this._setupSearch()\n this._analysisModalActions()\n })\n }\n\n _requestModalActions() {\n const modalServices = Array.prototype.slice.call(\n document.querySelectorAll(\".service__selection\")\n )\n modalServices.forEach((service) => {\n service.addEventListener(\"click\", () => {\n this.railsFetch(\n `${this.data.get(\"serviceUrl\")}/select_service?id=${\n service.dataset.slug\n }`\n ).then((result) => {\n document.querySelector(\n \".modal-title\"\n ).innerHTML = `Skapa förfrågan för ${service.dataset.title}!`\n document.querySelector(\".modal-description\").innerHTML = \"\"\n document.querySelector(\".modal-container\").innerHTML = result.form\n\n this._setupSearch()\n })\n })\n })\n }\n\n _analysisModalActions() {\n const form = document.querySelector(\"#kostnadsanalys__form\")\n form.addEventListener(\"submit\", (e) => {\n e.preventDefault()\n\n const data = new FormData(form)\n this.railsCreate(form.getAttribute(\"action\"), data, true).then(\n (result) => {\n document.querySelector(\".free_cost_analysis-content\").innerHTML =\n result.response\n },\n (rejection) => {\n document.querySelector(\n \".free_cost_analysis_error_messages\"\n ).innerHTML = JSON.parse(rejection.responseText).message\n }\n )\n })\n }\n\n _setupSearch() {\n const search = new AnbudskollenSearch()\n search.append()\n }\n\n _trackEvent(category, action, label) {\n if (typeof ga == \"undefined\") {\n return\n }\n\n ga(\"send\", \"event\", category, action, label, {\n transport: \"beacon\",\n hitCallback: function () {\n console.log(action + \" saved at \" + label)\n },\n })\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { AnbudskollenSearch } from \"../modules/anbudskollen_search_extension\"\n\nexport default class extends ApplicationController {\n connect() {\n this._setupSearch()\n }\n\n _setupSearch() {\n const search = new AnbudskollenSearch()\n search.append()\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport * as Sentry from \"@sentry/browser\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"statusPlaceholder\",\n \"form\",\n \"footerContainer\",\n \"signButton\",\n \"cancelButton\",\n \"orgNumberField\",\n \"documentTypeField\",\n \"signedCallbackField\",\n \"signContainer\",\n ]\n\n connect() {\n window.signPollingId = null\n window.bankidReference = null\n\n this._slideTitle()\n }\n\n sign(e) {\n e.preventDefault()\n\n this._disableSign()\n\n const formData = new FormData(this.formTarget)\n const response = this.railsCreate(this.data.get(\"url\"), formData, true)\n\n this._handleSignResponse(response)\n }\n\n cancel() {\n clearInterval(signPollingId)\n\n const url = this.data.get(\"url\") + \"/cancel\"\n this.railsCreate(url, { reference: bankidReference })\n\n this.statusPlaceholderTarget.innerText = \"\"\n\n this._enableSign()\n }\n\n _handleSignResponse(response) {\n response.then((value) => {\n try {\n switch (value.status) {\n case \"unauthorized\":\n return (window.location.href = this.data.get(\"auth_url\"))\n case \"failed\":\n this.statusPlaceholderTarget.innerText = value.response.message\n this._enableSign()\n break\n case \"success\":\n bankidReference = value.response.order_ref\n\n this._pollStatus(bankidReference, value.document_id)\n break\n }\n } catch (error) {\n Sentry.captureException(error)\n }\n })\n }\n\n _handleDocumentSigned(document_id) {\n const url =\n this.signedCallbackFieldTarget.value + \"?document_id=\" + document_id\n\n this.railsFetch(url).then((response) => {\n // Remove form\n this.signContainerTarget.children[0].remove()\n this.footerContainerTarget.remove()\n this.signContainerTarget.insertAdjacentHTML(\n \"beforeend\",\n response.body.innerHTML\n )\n })\n }\n\n _pollStatus(reference, document_id) {\n const url = this.data.get(\"url\") + \"/status\"\n let i = 0\n\n signPollingId = setInterval(() => {\n const response = this.railsCreate(url, { reference: reference }, false)\n response.then((value) => {\n try {\n switch (value.status) {\n case \"complete\":\n this._stopPolling(\"\")\n this._handleDocumentSigned(document_id)\n break\n case \"failed\":\n this._stopPolling(value.message)\n break\n case \"pending\":\n this.statusPlaceholderTarget.innerText = value.message\n break\n case \"default\":\n this._stopPolling(\"Någonting gick fel, prova igen\")\n break\n }\n } catch (error) {\n Sentry.captureException(error)\n\n this._stopPolling(\"Någonting gick fel, prova igen\")\n }\n })\n if (i === 60 * 3) {\n this._stopPolling(\"Någonting gick fel, prova igen\")\n }\n i++\n }, 2000)\n }\n\n _stopPolling(statusText) {\n clearInterval(signPollingId)\n\n this.statusPlaceholderTarget.innerText = statusText\n this._enableSign()\n }\n\n _disableSign() {\n this.signButtonTarget.classList.add(\"hidden\")\n\n this.formTarget.classList.add(\"hidden\")\n document\n .querySelector(\"#sign-document-container .spinner__background\")\n .classList.remove(\"hidden\")\n\n this.footerContainerTarget.classList.remove(\"sign_document--sticky-footer\")\n this.cancelButtonTarget.classList.remove(\"hidden\")\n }\n\n _enableSign() {\n this.footerContainerTarget.classList.add(\"sign_document--sticky-footer\")\n this.signButtonTarget.classList.remove(\"hidden\")\n\n this.formTarget.classList.remove(\"hidden\")\n document\n .querySelector(\"#sign-document-container .spinner__background\")\n .classList.add(\"hidden\")\n\n this.cancelButtonTarget.classList.add(\"hidden\")\n }\n\n _slideTitle() {\n if (document.querySelector(\"#feature-modal .finished\")) {\n document.getElementById(\"feature-campaign-title\").innerText = \"Signerat\"\n } else {\n document.getElementById(\"feature-campaign-title\").innerText =\n \"Signera fullmakt\"\n }\n }\n}\n","import * as Sentry from \"@sentry/browser\"\nimport { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { DynamicLabelDecorator } from \"../../../../shared_assets/app/webpack_assets/shared/dynamic_label_decorator\"\n\nexport default class extends ApplicationController {\n static targets = [\"form\", \"saveButton\", \"containerDiv\", \"finishedDiv\"]\n\n connect() {\n const inputs = document.querySelectorAll(\".value-size-check input\")\n const dynamicLabelDecorator = new DynamicLabelDecorator(inputs)\n\n setupModal(\"feature-modal\")\n this._slideTitle()\n dynamicLabelDecorator.init()\n }\n\n save(e) {\n e.preventDefault()\n\n const formData = new FormData(this.formTarget)\n const url = this.formTarget.action\n const response = this.railsCreate(url, formData, true)\n\n this._handleSaveResponse(response)\n }\n\n _handleSaveResponse(response) {\n response.then((value) => {\n try {\n this._showFinished()\n } catch (error) {\n Sentry.captureException(error)\n }\n })\n }\n\n _showFinished() {\n this.finishedDivTarget.classList.remove(\"hidden\")\n this.containerDivTarget.classList.add(\"hidden\")\n }\n\n _slideTitle() {\n document.getElementById(\"feature-campaign-title\").innerText =\n \" Nu är det klart!\"\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport * as Sentry from \"@sentry/browser\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"statusPlaceholder\",\n \"form\",\n \"signButton\",\n \"cancelButton\",\n \"placeForm\",\n \"bodyContainer\",\n \"footerContainer\",\n \"signContainer\",\n ]\n\n connect() {\n window.signPollingId = null\n window.bankidReference = null\n }\n\n sign(e) {\n e.preventDefault()\n\n this._disableSign()\n\n const formData = new FormData(this.formTarget)\n const response = this.railsCreate(this.data.get(\"url\"), formData, true)\n\n this._handleSignResponse(response)\n }\n\n cancel() {\n clearInterval(signPollingId)\n\n const url = this.data.get(\"url\") + \"/cancel\"\n this.railsCreate(url, { reference: bankidReference })\n\n this.statusPlaceholderTarget.innerText = \"\"\n\n this._enableSign()\n }\n\n _handleSignResponse(response) {\n response.then((value) => {\n try {\n switch (value.status) {\n case \"unauthorized\":\n return (window.location.href = this.data.get(\"auth-url\"))\n case \"failed\":\n this.statusPlaceholderTarget.innerText = value.response.message\n this._enableSign()\n break\n case \"success\":\n const reference = value.response.order_ref\n\n this._pollStatus(reference, value.document_id)\n break\n }\n } catch (error) {\n Sentry.captureException(error)\n }\n })\n }\n\n _pollStatus(reference, document_id) {\n const url = this.data.get(\"status-url\")\n let i = 0\n\n signPollingId = setInterval(() => {\n const response = this.railsCreate(url, { reference: reference }, false)\n response.then((value) => {\n try {\n switch (value.status) {\n case \"complete\":\n let formData = new FormData(this.placeFormTarget)\n const placeUrl = this.data.get(\"place-url\")\n\n formData.append(\"signing_id\", document_id)\n\n const placeResponse = this.railsCreate(placeUrl, formData, true)\n\n this._handlePlaceSet(placeResponse)\n break\n case \"failed\":\n this._stopPolling(value.message)\n break\n case \"pending\":\n this.statusPlaceholderTarget.innerText = value.message\n break\n case \"default\":\n this._stopPolling(\"Någonting gick fel, prova igen\")\n break\n }\n } catch (error) {\n Sentry.captureException(error)\n\n this._stopPolling(\"Någonting gick fel, prova igen\")\n }\n })\n if (i === 60 * 3) {\n this._stopPolling(\"Någonting gick fel, prova igen\")\n }\n i++\n }, 2000)\n }\n\n _handlePlaceSet(response) {\n response.then((value) => {\n window.currentContainer.innerHTML = value.html\n\n this._stopPolling(\"\")\n this._handlePlaceInfo()\n })\n }\n\n _handlePlaceInfo() {\n const url = this.data.get(\"template-url\")\n\n this.railsFetch(url).then((response) => {\n this.signContainerTarget.innerHTML = response.html\n })\n }\n\n _stopPolling(statusText) {\n clearInterval(signPollingId)\n\n this.statusPlaceholderTarget.innerText = statusText\n this._enableSign()\n }\n\n _disableSign() {\n this.signButtonTarget.classList.add(\"hidden\")\n\n this.formTarget.classList.add(\"hidden\")\n document\n .querySelector(\"#sign-document-container .spinner__background\")\n .classList.remove(\"hidden\")\n\n this.cancelButtonTarget.classList.remove(\"hidden\")\n this.bodyContainerTarget.classList.add(\"hidden\")\n this.footerContainerTarget.classList.add(\"hidden\")\n }\n\n _enableSign() {\n this.signButtonTarget.classList.remove(\"hidden\")\n\n this.formTarget.classList.remove(\"hidden\")\n document\n .querySelector(\"#sign-document-container .spinner__background\")\n .classList.add(\"hidden\")\n\n this.cancelButtonTarget.classList.add(\"hidden\")\n this.footerContainerTarget.classList.remove(\"hidden\")\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport { DynamicLabelDecorator } from \"../../../../../shared_assets/app/webpack_assets/shared/dynamic_label_decorator\"\n\nexport default class extends ApplicationController {\n static targets = [\"form\", \"billingAddressSwitch\", \"formSuccess\", \"formError\"]\n\n connect() {\n const inputs = document.querySelectorAll(\n \"#invoice-delivery .value-size-check input\"\n )\n const dynamicLabelDecorator = new DynamicLabelDecorator(inputs)\n\n setupModal(\"invoice-delivery\")\n dynamicLabelDecorator.init()\n\n this._activateFieldset()\n }\n\n switchBillingAddress() {\n document\n .querySelectorAll(\"fieldset[data-tab=mail] input:not([type=checkbox])\")\n .forEach((el) => {\n el.toggleAttribute(\"disabled\")\n })\n }\n\n switchFieldset(e) {\n const deliveryMethod = e.target.value\n this._activateFieldset(deliveryMethod)\n }\n\n submitSuccess() {\n this.formTarget.classList.add(\"hidden\")\n this.formSuccessTarget.classList.remove(\"hidden\")\n\n setTimeout(() => {\n window.location.reload()\n }, 500)\n }\n\n submitError() {\n this.formTarget.classList.add(\"hidden\")\n this.formErrorTarget.classList.remove(\"hidden\")\n\n setTimeout(() => {\n window.location.reload()\n }, 500)\n }\n\n _activateFieldset(deliveryMethod = null) {\n deliveryMethod = deliveryMethod\n ? deliveryMethod\n : this.formTarget.querySelector(\"input[checked]\").value\n this.formTarget.querySelectorAll(\"fieldset\").forEach((fieldset) => {\n if (fieldset.getAttribute(\"data-tab\") == deliveryMethod) {\n fieldset.classList.remove(\"hidden\")\n } else {\n fieldset.classList.add(\"hidden\")\n }\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n calculateTotalPages,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\n\nexport default class extends ApplicationController {\n static targets = [\"lastUpdatePlaceholder\", \"unpaidInvoices\", \"paidInvoices\"]\n\n connect() {\n this._initializeUnpaidTabulator()\n this._initializePaidTabulator()\n this._redrawOnActiveTab()\n }\n\n _initializeUnpaidTabulator() {\n const unPaidTable = this._tabulatorSkeleton(\n \"unpaid\",\n this.unpaidInvoicesTarget\n )\n\n window.unPaidTable = unPaidTable\n }\n\n _initializePaidTabulator() {\n const paidTable = this._tabulatorSkeleton(\"paid\", this.paidInvoicesTarget)\n\n window.paidTable = paidTable\n }\n\n _tabulatorSkeleton(invoiceStatus, container) {\n const pageSize = 50\n\n const table = new Tabulator(container, {\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n history: false,\n ajaxURL: this.data.get(\"api-url\"),\n ajaxParams: {\n status: invoiceStatus,\n role: \"resident\",\n page_size: pageSize,\n },\n ajaxResponse: (_url, _params, response) => {\n return this._transformResponse(response, pageSize)\n },\n pagination: true,\n paginationMode: \"remote\",\n paginationSize: pageSize,\n initialSort: [{ column: \"period\", dir: \"asc\" }],\n columns: this._invoiceColumns(invoiceStatus),\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n return table\n }\n\n _invoiceColumns(invoiceStatus) {\n var formatter = new Intl.NumberFormat(\"se-SE\", {\n style: \"currency\",\n currency: \"SEK\",\n\n // These options are needed to round to whole numbers if that's what you want.\n minimumFractionDigits: 0, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)\n maximumFractionDigits: 2, // (causes 2500.99 to be printed as $2,501)\n })\n const arr = [\n { title: \"Period\", field: \"period\", frozen: true },\n {\n title: \"Förfallodatum\",\n field: \"due_date\",\n formatter: (cell, _formatterParams, _onRendered) => {\n const value = new Date(cell.getValue())\n return value\n .toLocaleString(\"sv-se\", { dateStyle: \"short\" })\n .split(\" \")[0]\n },\n },\n { title: \"BG-nummer\", field: \"bg_number\" },\n { title: \"OCR-nummer\", field: \"ocr\" },\n {\n title: \"Belopp (SEK)\",\n field: \"price\",\n formatter: (cell, _formattedParams, _onRendered) => {\n return formatter\n .format(parseFloat(cell.getValue()))\n .replace(/[a-z]{3}/i, \"\")\n .trim()\n },\n },\n {\n title: \"Status\",\n field: \"status\",\n formatter: (cell, _formattedParams, _onRendered) => {\n switch (cell.getValue()) {\n case \"overdue\":\n return \"Försenad\"\n case \"unpaid\":\n return \"Obetald\"\n case \"paid\":\n return \"Betald\"\n default:\n return cell.getValue()\n }\n },\n },\n {\n title: \"Avi\",\n field: \"pdf\",\n headerSort: false,\n formatter: (cell, _formattedParams, _onRendered) => {\n return ``\n },\n },\n ]\n\n if (invoiceStatus == \"paid\") {\n arr.filter((element) => {\n return element.title != \"Status\"\n })\n }\n\n return arr\n }\n\n _transformResponse(response, pageSize) {\n const arr = []\n\n response.data.forEach((row) => {\n row.attributes.id = row.id\n row.attributes.pdf =\n this.data.get(\"apiUrl\") + \"/\" + row.id + \"/preview?role=resident\"\n arr.push(row.attributes)\n })\n\n return { last_page: calculateTotalPages(response, pageSize), data: arr }\n }\n\n _redrawOnActiveTab() {\n document\n .querySelector(\"[data-tab=unpaid]\")\n .addEventListener(\"click\", () => {\n setTimeout(() => {\n window.unPaidTable.redraw(true)\n }, 30)\n })\n\n document.querySelector(\"[data-tab=paid]\").addEventListener(\"click\", () => {\n setTimeout(() => {\n window.paidTable.redraw(true)\n }, 30)\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"leaveQueueForm\",\n \"leavePlaceForm\",\n \"addPlaceForm\",\n \"addQueueForm\",\n \"headerDialog\",\n \"bodyDialog\",\n \"mainFooterDialog\",\n \"switchFooterDialog\",\n \"dialogContainer\",\n \"bankContent\",\n \"parkingInfoContainer\",\n ]\n\n connect() {\n this.residentEmail = this.data.get(\"resident-email\")\n }\n\n onCloseQueue(e) {\n e.preventDefault()\n this.leaveQueueFormTarget.classList.toggle(\"falldown\")\n }\n\n onClosePlace(e) {\n e.preventDefault()\n this.leavePlaceFormTarget.classList.toggle(\"falldown\")\n }\n\n onHidePlace(e) {\n e.preventDefault()\n\n e.target.closest(\".dialog-container\").innerHTML = \"\"\n }\n\n onSubmitForm(e) {\n const form = e.target.closest(\"form\")\n\n Rails.fire(form, \"submit\")\n }\n\n getPartial(e) {\n e.preventDefault()\n\n const url = e.currentTarget.getAttribute(\"data-url\")\n const modal = e.currentTarget.getAttribute(\"data-modal\")\n this.currentContainer = e.target.closest(\".parking-item-container\")\n const response = this.railsFetch(url)\n\n this._handleDialogResponse(response, modal)\n }\n\n _handleDialogResponse(response, dialog) {\n response.then((value) => {\n this.dialogContainerTarget.innerHTML = value.html\n\n setupModal(dialog)\n this._toggleDialog(dialog)\n })\n }\n\n onAddPlaceTrigger(e) {\n e.preventDefault()\n this._setResponseContainer()\n this.addPlaceFormTarget.classList.toggle(\"falldown\")\n }\n\n onAddQueue(e) {\n e.preventDefault()\n\n const url = e.currentTarget.getAttribute(\"data-url\")\n const formData = new FormData(e.target.closest(\"form\"))\n const response = this.railsCreate(url, formData, true)\n\n this._handleQueueResponse(e, response)\n }\n\n _handleQueueResponse(e, response) {\n response.then((value) => {\n this.currentContainer.innerHTML = value.html\n\n this.closeQueueDialog(e)\n })\n }\n\n onLeaveQueue(e) {\n const url = e.currentTarget.getAttribute(\"data-url\")\n const formData = new FormData(e.target.closest(\"form\"))\n const response = this.railsUpdate(url, formData, true)\n\n this._handleLeaveQueueResponse(e, response)\n }\n\n _handleLeaveQueueResponse(e, response) {\n response.then((value) => {\n this.currentContainer.innerHTML = value.html\n\n this._toggleDialog(\"tenant-leave-queue-modal\")\n })\n }\n\n onLeavePlace(e) {\n e.preventDefault()\n\n const url = e.currentTarget.getAttribute(\"data-url\")\n const response = this.railsDelete(url, true)\n\n this._handleLeavePlaceResponse(e, response)\n }\n\n _handleLeavePlaceResponse(e, response) {\n response.then((value) => {\n this.currentContainer.innerHTML = value.html\n\n this._toggleDialog(\"tenant-add-place-modal\")\n })\n }\n\n onDeletePlace(e) {\n const url = e.currentTarget.getAttribute(\"data-url\")\n const response = this.railsDelete(url, true)\n\n this._handleDeletePlaceResponse(response)\n }\n\n _handleDeletePlaceResponse(response) {\n response.then((value) => {\n this.headerDialogTarget.innerHTML = \"Ditt avtal har avslutats\"\n this.bodyDialogTarget.innerHTML = `Ett bekfräftelsemail har skickats till ${this.residentEmail}.`\n\n this.mainFooterDialogTarget.classList.add(\"hidden\")\n this.switchFooterDialogTarget.classList.remove(\"hidden\")\n this._remove_or_set_card(value)\n })\n }\n\n closeQueueDialog(e) {\n e.preventDefault()\n this.addQueueFormTarget.classList.toggle(\"falldown\")\n }\n\n _openDialog(e, modal, form) {\n this.currentContainer = e.target.closest(\".parking-item-container\")\n const [data, status, xhr] = e.detail\n\n if (status == \"OK\") {\n this.dialogContainerTarget.innerHTML = data.html\n\n setupModal(modal)\n this._toggleDialog(modal)\n }\n }\n\n _toggleDialog(modal) {\n switch (modal) {\n case \"tenant-leave-place-modal\":\n this.leavePlaceFormTarget.classList.toggle(\"falldown\")\n break\n case \"tenant-leave-queue-modal\":\n this.leaveQueueFormTarget.classList.toggle(\"falldown\")\n break\n case \"tenant-add-queue-modal\":\n this.addQueueFormTarget.classList.toggle(\"falldown\")\n break\n case \"tenant-add-place-modal\":\n this.addPlaceFormTarget.classList.toggle(\"falldown\")\n break\n default:\n break\n }\n }\n\n onBankId(e) {\n const url = e.currentTarget.getAttribute(\"data-url\")\n\n const response = this.railsFetch(url)\n window.currentContainer = this.currentContainer\n window.dialog = this.addPlaceFormTarget\n\n this._handleResponse(response)\n }\n\n toggleParkingInfo(e) {\n e.preventDefault()\n\n this.parkingInfoContainerTarget.classList.toggle(\"hidden\")\n this.bankContentTarget.classList.toggle(\"hidden\")\n }\n\n _setResponseContainer() {\n if (this.responsePlace) {\n this.currentContainer.innerHTML = this.responsePlace\n this.responsePlace = null\n }\n }\n\n _showResponseContainer(e, form) {\n const [data, status, xhr] = e.detail\n\n if (status == \"OK\") {\n this.currentContainer.innerHTML = data.html\n\n this._toggleDialog(form)\n }\n }\n\n _handleResponse(response) {\n response.then((value) => {\n this.bankContentTarget.innerHTML = value.activeElement.innerHTML\n })\n }\n\n _remove_or_set_card(data) {\n this.currentContainer.innerHTML = data.html\n const has_card =\n document.querySelectorAll(`.kind-button-${data.id}`).length > 1\n\n if (has_card) {\n this.currentContainer.remove()\n }\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n calculateTotalPages,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport * as Sentry from \"@sentry/browser\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"lastUpdatePlaceholder\",\n \"totalsContainer\",\n \"totalsCountPlaceholder\",\n \"totalsSumPlaceholder\",\n \"emptyDatePlaceholder\",\n ]\n\n connect() {\n this._fetchCustomerData()\n this._initializeTabulator()\n }\n\n _fetchCustomerData() {\n const url = this.data.get(\"customer-api-url\")\n this.railsFetch(url).then((value) => {\n try {\n const customerData = value.data.attributes\n if (customerData.invoices_updated_at) {\n this.lastUpdatePlaceholderTarget.querySelector(\"b\").innerHTML =\n new Date(customerData.invoices_updated_at).toLocaleDateString(\n \"sv-se\"\n )\n this.lastUpdatePlaceholderTarget.classList.remove(\"hidden\")\n this.emptyDatePlaceholderTarget.classList.add(\"hidden\")\n }\n } catch (error) {\n Sentry.captureException(error)\n }\n })\n }\n\n _initializeTabulator() {\n const pageSize = 50\n\n this.invoicelistTable = new Tabulator(\"#invoice-table\", {\n layout: \"fitDataFill\",\n addRowPos: \"top\",\n ajaxURL: this.data.get(\"api-url\"),\n ajaxParams: { status: \"overdue\", page_size: pageSize },\n ajaxResponse: (_url, _params, response) => {\n this._printTotals(response)\n this.table_rowCount = response[\"meta\"].total\n return this._transformResponse(response, pageSize)\n },\n pagination: true,\n paginationMode: \"remote\",\n paginationSize: pageSize,\n initialSort: [{ column: \"period\", dir: \"asc\" }],\n columns: [\n { title: \"Period\", field: \"period\", widthGrow: 0.8, frozen: true },\n { title: \"Namn\", field: \"resident_name\", widthGrow: 2.6 },\n {\n title: \"Belopp (SEK)\",\n field: \"price\",\n widthGrow: 0.8,\n formatter: (cell, _formattedParams, _onRendered) => {\n const value = parseInt(cell.getValue())\n return value.toLocaleString(\"sv-se\", { useGrouping: true })\n },\n },\n {\n title: \"Status\",\n field: \"status\",\n widthGrow: 0.8,\n formatter: (cell, _formattedParams, _onRendered) => {\n switch (cell.getValue()) {\n case \"overdue\":\n return \"Försenad\"\n case \"unpaid\":\n return \"Obetald\"\n case \"paid\":\n return \"Betald\"\n default:\n return cell.getValue()\n }\n },\n },\n {\n title: \"Avi\",\n field: \"pdf\",\n headerSort: false,\n download: false,\n formatter: (cell, _formattedParams, _onRendered) => {\n return ``\n },\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n\n let table = this.invoicelistTable\n let page = table.getPage()\n let pageSize = table.getPageSize()\n table.setPageSize(this.table_rowCount)\n\n table.setPage(1).then(function () {\n table.download(\"xlsx\", \"Obetalda_Avgifter.xlsx\", {\n documentProcessing: function (workbook) {\n var sheet = workbook.Sheets.Sheet1\n\n XLSX.utils.sheet_add_aoa(\n sheet,\n [[\"Period\", \"Namn\", \"Belopp(SEK)\", \"Status\"]],\n {\n origin: 0,\n }\n )\n\n var range = XLSX.utils.decode_range(sheet[\"!ref\"])\n for (var Row = range.s.r; Row <= range.e.r; ++Row) {\n for (var Column = range.s.c; Column <= range.e.c; ++Column) {\n var cellref = XLSX.utils.encode_cell({\n c: Column,\n r: Row,\n })\n\n if (!sheet[cellref]) continue\n\n var cell = sheet[cellref]\n\n if (!(cell.t == \"s\" || cell.t == \"str\")) continue\n if (cell.v === \"overdue\") cell.v = \"Försenad\"\n if (cell.v === \"paid\") cell.v = \"Betald\"\n if (cell.v === \"unpaid\") cell.v = \"Obetald\"\n }\n }\n\n return workbook\n },\n })\n table.clearData()\n table.setPageSize(pageSize)\n table.setPage(page)\n table.restoreRedraw()\n })\n }\n\n _printTotals(response) {\n let sum = response.meta.invoice_sum\n sum = sum.toLocaleString(\"sv-se\", { useGrouping: true })\n\n this.totalsContainerTarget.classList.remove(\"hidden\")\n this.totalsCountPlaceholderTarget.innerHTML = response.meta.total\n this.totalsSumPlaceholderTarget.innerHTML = `Totalt: ${sum} SEK`\n }\n\n _transformResponse(response, pageSize) {\n const arr = []\n\n response.data.forEach((row) => {\n ;(row.attributes.id = row.id),\n (row.attributes.pdf =\n this.data.get(\"apiUrl\") + \"/\" + row.id + \"/preview\")\n\n arr.push(row.attributes)\n })\n\n return { last_page: calculateTotalPages(response, pageSize), data: arr }\n }\n}\n","export const loadActiveTabContents = (tabName, containerName, initFunc) => {\n const parentContainer = document.querySelector(containerName).closest(\".tab\")\n\n document.querySelector(tabName).addEventListener(\"click\", () => {\n setTimeout(() => {\n const { top, bottom } = parentContainer.getBoundingClientRect()\n\n if (window.innerHeight > top && bottom > 0) {\n initFunc()\n }\n }, 30)\n })\n}\n","export function sanitizeXlsxExport(sheet, headerColumns) {\n XLSX.utils.sheet_add_aoa(\n sheet,\n [headerColumns],\n {\n origin: 0,\n }\n )\n\n let range = XLSX.utils.decode_range(sheet['!ref'])\n for (let Row = range.s.r; Row <= range.e.r; ++Row) {\n for (let Column = range.s.c; Column <= range.e.c; ++Column) {\n let cellref = XLSX.utils.encode_cell({\n c: Column,\n r: Row,\n })\n\n if (!sheet[cellref]) continue\n\n let cell = sheet[cellref]\n\n if (cell.t === 'b') {\n cell.t = 's'\n cell.v = cell.v.toString()\n }\n\n if (!(cell.t === 's')) continue\n\n cell.v = cell.v.replace('[', '')\n cell.v = cell.v.replace(']', '')\n cell.v = cell.v.replace(/\"/g, '');\n cell.v = cell.v.replace('null', '')\n cell.v = cell.v.replace(',null', '')\n cell.v = cell.v.replace('true', 'Ja')\n cell.v = cell.v.replace('false', 'Nej')\n\n if (cell.v == ',') cell.v = ''\n }\n }\n}\n","import { calculateTotalPages } from \"../../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\n\nexport const buildPaginatedResidentTable = async (apiUrl, table, pageSize) => {\n const transformResponse = (response) => {\n const arr = []\n\n response.data.forEach((row) => {\n row.attributes.id = row.id\n arr.push(row.attributes)\n })\n\n return arr\n }\n\n await initTableWithPagedData(table, apiUrl, transformResponse, pageSize)\n}\n\nexport const initTableWithPagedData = async (\n table,\n apiUrl,\n transformResponse,\n pageSize\n) => {\n const response = await fetch(apiUrl).then((res) => res.json())\n const totalPages = calculateTotalPages(response, pageSize)\n\n table.setData(transformResponse(response))\n\n for (let i = 2; i <= totalPages; i++) {\n fetch(apiUrl + `&page=${i}`).then((res) => {\n res.json().then((data) => {\n table.addData(transformResponse(data))\n })\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n boolFormatter,\n currencyFormatter,\n floatFormatter,\n selectColumns,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { loadActiveTabContents } from \"../modules/register/register_tabs\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport * as XLSX from \"xlsx\"\nimport { sanitizeXlsxExport } from \"../../../../../shared_assets/app/webpack_assets/modules/sanitize_xlsx_export\"\nimport { initTableWithPagedData } from \"../modules/register/register_resident_functions\"\n\nexport default class extends ApplicationController {\n static targets = [\"lastUpdatePlaceholder\"]\n\n connect() {\n // This is the first tab, so we load data immediately\n this._conditionalConnect()\n\n loadActiveTabContents(\n \"[data-tab=register-properties]\",\n \"#register-properties-table\",\n this._conditionalConnect.bind(this)\n )\n }\n\n _conditionalConnect() {\n if (window.propertiesTable) {\n window.propertiesTable.redraw(true)\n return\n }\n\n this._initializeTabulator()\n this._fetchData()\n }\n\n _fetchData() {\n const pageSize = 50\n const url =\n this.data.get(\"api-url\") +\n `?include=residents,property_shares&page_size=${pageSize}`\n\n const transformResponse = (response) => {\n const arr = []\n\n response.data.forEach((row) => {\n row.attributes.id = row.id\n row.attributes.resident_names = this._extractResidentNames(\n response.included,\n row.id\n )\n row.attributes.resident_phone_numbers =\n this._extractResidentPhoneNumbers(response.included, row.id)\n row.attributes.fee = this._calculateFee(row)\n\n arr.push(row.attributes)\n })\n\n return arr\n }\n\n initTableWithPagedData(\n window.propertiesTable,\n url,\n transformResponse,\n pageSize\n )\n }\n\n _initializeTabulator() {\n const headerMenu = function () {\n const columns = this.getColumns()\n const menu = selectColumns(columns)\n\n return menu\n }\n\n const table = new Tabulator(\"#register-properties-table\", {\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n height: \"100vh\",\n initialSort: [{ column: \"localized_property_type\", dir: \"asc\" }],\n columns: [\n { title: \"Objekt\", field: \"property_number\" },\n {\n title: \"LGH (LM)\",\n field: \"lm_property_number\",\n headerContextMenu: headerMenu,\n visible: false,\n },\n {\n title: \"Adress\",\n field: \"address\",\n headerContextMenu: headerMenu,\n },\n {\n title: \"Area (m2)\",\n field: \"area\",\n formatter: floatFormatter,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Rum\",\n field: \"rooms\",\n formatter: floatFormatter,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Våning\",\n field: \"floor\",\n formatter: floatFormatter,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Avgift (SEK)\",\n field: \"combined_fee\",\n formatter: currencyFormatter,\n hozAlign: \"right\",\n headerContextMenu: headerMenu,\n },\n {\n title: \"Andelstal\",\n field: \"organization_share\",\n formatter: floatFormatter,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Typ\",\n field: \"localized_property_type\",\n headerContextMenu: headerMenu,\n },\n {\n title: \"Hyresrätt\",\n field: \"lease\",\n formatter: boolFormatter,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Innehavare\",\n field: \"resident_names\",\n headerSort: false,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Telefonnummer\",\n field: \"resident_phone_numbers\",\n headerSort: false,\n headerContextMenu: headerMenu,\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n window.propertiesTable = table\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n var todaysDate = new Date().toISOString().slice(0, 10);\n var filename = 'objekt-export-' + todaysDate + '.xlsx'\n var headerColumns = ['Objekt', 'Adress', 'Area (m2)', 'Rum', 'Våning', 'Avgift (SEK)', 'Andelstal', 'Typ', 'Hyresrätt', 'Innehavare', 'Telefonnummer']\n\n window.propertiesTable.download('xlsx', filename, {\n sheetName: 'Objekt',\n documentProcessing: function (workbook) {\n var sheet = workbook.Sheets.Objekt\n sanitizeXlsxExport(sheet, headerColumns)\n return workbook\n }\n })\n }\n\n _calculateFee(row) {\n return row.attributes.lease\n ? row.attributes.annual_lease_fee\n : row.attributes.annual_fee\n }\n\n _extractResidentNames(included_data, id) {\n const residents = this._filterResidents(included_data, id)\n if (residents.length) {\n return residents.map((resident) => resident.attributes.name)\n }\n }\n\n _extractResidentPhoneNumbers(included_data, id) {\n const residents = this._filterResidents(included_data, id)\n if (residents.length) {\n return residents.map((resident) => resident.attributes.phone_number)\n }\n }\n\n _filterResidents(included_data, id) {\n return included_data.filter((entry) => {\n return (\n entry.type === \"resident\" &&\n entry.relationships.properties.data.filter((connected_entry) => {\n return connected_entry.id === id\n }).length > 0\n )\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n nullToEmptyString,\n selectColumns,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { loadActiveTabContents } from \"../modules/register/register_tabs\"\nimport { buildPaginatedResidentTable } from \"../modules/register/register_resident_functions\"\nimport * as XLSX from \"xlsx\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport { sanitizeXlsxExport } from \"../../../../../shared_assets/app/webpack_assets/modules/sanitize_xlsx_export\"\n\nexport default class extends ApplicationController {\n connect() {\n loadActiveTabContents(\n \"[data-tab=register-members]\",\n \"#register-members-table\",\n this._conditionalConnect.bind(this)\n )\n }\n\n _conditionalConnect() {\n if (window.residentsTable) {\n window.residentsTable.redraw(true)\n return\n }\n\n this._initializeTabulator()\n this._fetchData()\n }\n\n async _fetchData() {\n const pageSize = 25\n const url =\n this.data.get(\"api-url\") +\n `?resident_types=member,board_member&active=true&page_size=${pageSize}`\n\n await buildPaginatedResidentTable(url, window.residentsTable, pageSize)\n }\n\n _initializeTabulator() {\n const headerMenu = function () {\n const columns = this.getColumns()\n return selectColumns(columns)\n }\n\n window.residentsTable = new Tabulator(\"#register-members-table\", {\n layout: \"fitDataFill\",\n initialSort: [{ column: \"name\", dir: \"asc\" }],\n height: \"100vh\",\n columns: [\n {\n title: \"Namn\",\n field: \"name\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Pnr.\",\n field: \"ss_number\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Adress\",\n field: \"address\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"E-post\",\n field: \"combined_email\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Tel.\",\n field: \"phone_number\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Objekt\",\n field: \"property_ids_with_types_and_shares\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Andelstal\",\n field: \"organization_shares\",\n },\n {\n title: \"Kontraktsdatum\",\n field: \"move_in_date\",\n visible: false,\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Tillträde\",\n field: \"member_move_in_date\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n var todaysDate = new Date().toISOString().slice(0, 10);\n var filename = 'medlemsregister-export-' + todaysDate + '.xlsx'\n var headerColumns = ['Namn', 'Personnummer', 'Adress', 'E-post', 'Telefonnummer', 'Objekt', 'Andelstal', 'Tillträde']\n\n window.residentsTable.download('xlsx', filename, {\n sheetName: 'Medlemmar',\n documentProcessing: function (workbook) {\n var sheet = workbook.Sheets.Medlemmar\n sanitizeXlsxExport(sheet, headerColumns)\n return workbook\n }\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport { buildPaginatedResidentTable } from \"../modules/register/register_resident_functions\"\n\nimport {\n nullToEmptyString,\n selectColumns,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { loadActiveTabContents } from \"../modules/register/register_tabs\"\n\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport { sanitizeXlsxExport } from \"../../../../../shared_assets/app/webpack_assets/modules/sanitize_xlsx_export\"\n\nexport default class extends ApplicationController {\n connect() {\n loadActiveTabContents(\n \"[data-tab=register-tenants]\",\n \"#register-tenants-table\",\n this._conditionalConnect.bind(this)\n )\n }\n\n _conditionalConnect() {\n if (window.tenantsTable) {\n window.tenantsTable.redraw(true)\n return\n }\n\n this._initializeTabulator()\n this._fetchData()\n }\n\n async _fetchData() {\n const pageSize = 50\n const url =\n this.data.get(\"api-url\") +\n `?resident_types=tenant&active=true&include=properties,property_shares&page_size=${pageSize}`\n\n await buildPaginatedResidentTable(url, window.tenantsTable, pageSize)\n }\n\n _initializeTabulator() {\n const headerMenu = function () {\n const columns = this.getColumns()\n return selectColumns(columns)\n }\n\n window.tenantsTable = new Tabulator(\"#register-tenants-table\", {\n layout: \"fitDataFill\",\n initialSort: [{ column: \"name\", dir: \"asc\" }],\n columns: [\n {\n title: \"Namn\",\n field: \"name\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Pnr.\",\n field: \"ss_number\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"E-post\",\n field: \"combined_email\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Tel.\",\n field: \"phone_number\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Objekt\",\n field: \"objects\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n {\n title: \"Adress\",\n field: \"address\",\n accessorDownload: nullToEmptyString,\n headerContextMenu: headerMenu,\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n }\n\n exportTable(event) {\n event.preventDefault()\n var todaysDate = new Date().toISOString().slice(0, 10);\n var filename = 'hyresgaster-export-' + todaysDate + '.xlsx'\n var headerColumns = ['Namn', 'Personnummer', 'E-post', 'Telefonnummer', 'Objekt']\n\n window.tenantsTable.download('xlsx', filename, {\n sheetName: 'Hyresgaster',\n documentProcessing: function (workbook) {\n var sheet = workbook.Sheets.Hyresgaster\n sanitizeXlsxExport(sheet, headerColumns)\n return workbook\n }\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n nullToEmptyString,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends ApplicationController {\n static targets = [\"depositsInTransit\", \"payoutsInTransit\", \"failedToLoad\"]\n\n connect() {\n this.railsFetch(this.data.get(\"url\")).then((response) => {\n if (response.data) {\n this._displaySumInTransit(response.in_transit)\n this._initializeTabulator(response.data)\n } else {\n this._showWarning()\n }\n })\n }\n\n _displaySumInTransit(in_transit) {\n if (in_transit.deposits_in_transit > 0) {\n const amount = parseFloat(in_transit.deposits_in_transit)\n this.depositsInTransitTarget.innerText = `Summa pågående inbetalningar: ${amount.toLocaleString(\n \"sv-se\",\n { useGrouping: true }\n )} SEK`\n }\n\n if (in_transit.payouts_in_transit > 0) {\n const amount = parseFloat(in_transit.payouts_in_transit)\n\n this.payoutsInTransitTarget.innerHTML = `Bekräftade utbetalningar: ${amount.toLocaleString(\n \"sv-se\",\n { useGrouping: true }\n )} SEK`\n }\n }\n\n _initializeTabulator(data) {\n this.depositTable = new Tabulator(\"#account-statement-table\", {\n data: data,\n layout: \"fitColumns\",\n height: \"100vh\",\n columns: [\n {\n title: \"Betaldatum\",\n field: \"paidAt\",\n cssClass: \"leftAlignedHeader\",\n headerSort: false,\n formatter: function (cell) {\n const data = cell.getData()\n if (data.paidAt === \"0001-01-01\") {\n return \"-\"\n }\n return new Date(data.paidAt).toLocaleDateString(\"sv-se\")\n },\n },\n {\n title: \"Bokföringsdatum\",\n field: \"bookedAt\",\n cssClass: \"leftAlignedHeader\",\n headerSort: false,\n formatter: function (cell) {\n const data = cell.getData()\n if (data.bookedAt === \"0001-01-01\") {\n return \"-\"\n }\n return new Date(data.bookedAt).toLocaleDateString(\"sv-se\")\n },\n },\n {\n title: \"Belopp\",\n field: \"amount\",\n formatter: function (cell) {\n const data = cell.getData()\n const amount = parseFloat(data.amount)\n return (\n amount.toLocaleString(\"sv-se\", { useGrouping: true }) + \" SEK\"\n )\n },\n },\n {\n title: \"Typ\",\n field: \"paymentKind\",\n cssClass: \"leftAlignedHeader\",\n formatter: function (cell) {\n const data = cell.getData()\n switch (data.paymentKind.toLowerCase()) {\n case \"deposit\":\n return \"Inbetalning\"\n case \"withdrawal_reversal\":\n return \"Inbetalning\"\n case \"correction\":\n return \"Korrektion\"\n case \"payout\":\n case \"withdrawal\":\n return \"Utbetalning\"\n default:\n return data.paymentKind\n }\n },\n },\n {\n title: \"OCR / Referens\",\n field: \"description\",\n accessorDownload: nullToEmptyString,\n },\n {\n title: \"Mottagare / Betalare\",\n field: \"creditorName\",\n },\n {\n title: \"Saldo\",\n field: \"balance\",\n formatter: function (cell) {\n const data = cell.getData()\n const amount = parseFloat(data.balance)\n return (\n amount.toLocaleString(\"sv-se\", { useGrouping: true }) + \" SEK\"\n )\n },\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n\n const table = this.depositTable\n table.setPage(1).then(function () {\n table.download(\"xlsx\", \"Kontoutdrag.xlsx\")\n table.clearData()\n table.restoreRedraw()\n })\n }\n\n _showError() {\n this.failedToLoadTarget.classList.remove(\"hidden\")\n }\n\n _showWarning() {\n document.getElementById(\"data-load-warning\").classList.remove(\"hidden\")\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n dateFormatter,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\n\nexport default class extends ApplicationController {\n static targets = [\"footer\", \"dialogModal\"]\n\n connect() {\n this._initializeTabulator()\n }\n\n _initializeTabulator() {\n const pageSize = 50\n const table = new Tabulator(\"#board-parking-objects-table\", {\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n ajaxURL: this.data.get(\"api-url\"),\n paginationDataSent: { size: \"page_size\" },\n ajaxResponse: (_url, _params, response) => {\n return this._transformResponse(response.properties, pageSize)\n },\n pagination: true,\n paginationMode: \"local\",\n paginationSize: pageSize,\n paginationSizeSelector: [10, 25, 50, 100],\n initialSort: [{ column: \"localized_property_type\", dir: \"asc\" }],\n columns: [\n { title: \"Objekt\", field: \"property_number\" },\n { title: \"Adress\", field: \"address\" },\n {\n title: \"Avgift (SEK)\",\n field: \"combined_fee\",\n hozAlign: \"center\",\n formatter: function (cell) {\n const data = cell.getData()\n\n if (data.combined_fee) {\n const int = parseInt(data.combined_fee, 10)\n return int.toLocaleString(\"sv-se\", { useGrouping: true }) + \" kr\"\n } else {\n return \"\"\n }\n },\n },\n {\n title: \"Innehavare\",\n field: \"resident_names\",\n headerSort: false,\n hozAlign: \"center\",\n width: 150,\n },\n {\n title: \"Startdatum\",\n field: \"bookingStart\",\n formatter: dateFormatter,\n hozAlign: \"center\",\n },\n {\n title: \"Uppsagd\",\n headerSort: false,\n width: 150,\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n\n if (data.bookingEnd) {\n return `Ja (${data.bookingEnd})`\n } else if (data.bookingStart) {\n return `\n \n `\n }\n },\n },\n {\n title: \"Avtal\",\n headerSort: false,\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n\n if (data.has_file == true) {\n return `\n \n `\n } else if (data.show_path) {\n return `\n \n `\n }\n },\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n window.parkingsTable = table\n }\n\n showDialog(e) {\n e.preventDefault()\n\n const url = e.currentTarget.getAttribute(\"href\")\n const response = this.railsFetch(url)\n\n response.then((value) => {\n this.footerTarget.innerHTML = value.html\n this.dialogModalTarget.classList.toggle(\"falldown\")\n })\n }\n\n onCloseEditDialog(e) {\n e.preventDefault()\n this.dialogModalTarget.classList.toggle(\"falldown\")\n }\n\n onUpdate(e) {\n const [data, status, xhr] = e.detail\n\n if (data.status == 200) {\n window.parkingsTable.replaceData()\n this.dialogModalTarget.classList.toggle(\"falldown\")\n }\n }\n\n _transformResponse(response) {\n const arr = []\n\n response.data.forEach((row) => {\n row.attributes.bookingStart = row.attributes.parking_place.data\n ? row.attributes.parking_place.data.attributes.booking_start\n : null\n row.attributes.bookingEnd = row.attributes.parking_place.data\n ? row.attributes.parking_place.data.attributes.booking_end\n : null\n arr.push(row.attributes)\n })\n return arr\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport { tabulatorSV } from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\n\nexport default class extends ApplicationController {\n connect() {\n this._initializeTabulator()\n this._redrawOnActiveTab()\n }\n\n _initializeTabulator() {\n const pageSize = 50\n const table = new Tabulator(\"#board-parking-garage-table\", {\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n ajaxURL: this.data.get(\"api-url\"),\n paginationDataSent: { size: \"page_size\" },\n ajaxResponse: (_url, _params, response) => {\n return this._transformResponse(response.queue, pageSize)\n },\n pagination: true,\n paginationMode: \"local\",\n paginationSize: pageSize,\n paginationSizeSelector: [10, 25, 50, 100],\n initialSort: [{ column: \"localized_property_type\", dir: \"asc\" }],\n columns: [\n { title: \"Innehavare\", field: \"resident_name\" },\n { title: \"Placera\", field: \"position\" },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n window.parkingGaragesTable = table\n }\n\n _transformResponse(response) {\n const arr = []\n\n response.data.forEach((row) => {\n arr.push(row.attributes)\n })\n return arr\n }\n\n _redrawOnActiveTab() {\n document\n .querySelector(\"[data-tab=parking-garages]\")\n .addEventListener(\"click\", () => {\n setTimeout(() => {\n window.parkingGaragesTable.redraw(true)\n }, 30)\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport { tabulatorSV } from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\n\nexport default class extends ApplicationController {\n connect() {\n this._initializeTabulator()\n }\n\n _initializeTabulator() {\n const pageSize = 50\n const id = this.data.get(\"id\")\n\n new Tabulator(\"#board-parking-storage-table-\" + id, {\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n ajaxURL: this.data.get(\"api-url\"),\n paginationDataSent: { size: \"page_size\" },\n ajaxResponse: (_url, _params, response) => {\n return this._transformResponse(response.queue, pageSize)\n },\n pagination: true,\n paginationMode: \"local\",\n paginationSize: pageSize,\n paginationSizeSelector: [10, 25, 50, 100],\n initialSort: [{ column: \"localized_property_type\", dir: \"asc\" }],\n columns: [\n { title: \"Innehavare\", field: \"resident_name\", width: 150 },\n { title: \"Placera\", field: \"position\", width: 150 },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n }\n\n _transformResponse(response) {\n const arr = []\n\n response.data.forEach((row) => {\n arr.push(row.attributes)\n })\n return arr\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport { tabulatorSV } from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport {\n AjaxModule,\n DataTreeModule,\n DownloadModule,\n ExportModule,\n Tabulator,\n} from \"tabulator-tables\"\nimport * as XLSX from \"xlsx\"\n\nTabulator.registerModule([\n AjaxModule,\n DataTreeModule,\n DownloadModule,\n ExportModule,\n])\n\nTabulator.registerModule([AjaxModule, DataTreeModule])\n\nexport default class extends ApplicationController {\n static targets = [\"period\"]\n\n connect() {\n this.financialYears = JSON.parse(this.data.get(\"financial-years\"))\n this.startDate = this.financialYears[this.periodTarget.value][0]\n this.endDate = this.financialYears[this.periodTarget.value][1]\n this.tabulator = this._initializeTabulator()\n }\n\n changePeriod(event) {\n this.startDate = this.financialYears[this.periodTarget.value][0]\n this.endDate = this.financialYears[this.periodTarget.value][1]\n const url = `${this.data.get(\"api-url\")}&start=${this.startDate}&end=${\n this.endDate\n }`\n this.tabulator.setData(url)\n }\n\n _toLocateDateString(date) {\n return date.toLocaleDateString(\"sv-se\")\n }\n\n _initializeTabulator() {\n const table = new Tabulator(\"#finance-balance\", {\n height: \"100%\",\n layout: this._windowInnerWidth(),\n layoutColumnsOnNewData: true,\n dataTree: true,\n dataTreeStartExpanded: [true, false],\n dataTreeExpandElement: \"\",\n dataTreeCollapseElement: \"\",\n dataTreeBranchElement: false,\n ajaxResponse: this._transformResponse.bind(this),\n columns: [\n {\n title: \"\",\n field: \"name\",\n widthGrow: 2.2,\n },\n {\n title: \"Ingående balans\",\n field: \"opening_balance\",\n hozAlign: \"left\",\n widthGrow: 0.7,\n formatter: this._formatCurrency(\"opening_balance\"),\n },\n {\n title: \"Förändring\",\n field: \"balance_difference\",\n hozAlign: \"left\",\n widthGrow: 0.7,\n formatter: this._formatCurrency(\"balance_difference\"),\n },\n {\n title: \"Utgående balans\",\n field: \"closing_balance\",\n hozAlign: \"left\",\n widthGrow: 0.7,\n formatter: this._formatCurrency(\"closing_balance\"),\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n table.on(\"tableBuilt\", () => {\n const url = `${this.data.get(\"api-url\")}&start=${this.startDate}&end=${\n this.endDate\n }`\n this.tabulator.setData(url)\n })\n table.on(\"dataTreeRowExpanded\", function (row, level) {\n this.redraw() /*without this table cuts rows*/\n })\n\n this.balanceTable = table\n window.XLSX = XLSX\n return table\n }\n\n _formatCurrency(field) {\n return (cell, _formatterParams) =>\n Math.round(cell.getData()[field]).toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n }\n\n _transformResponse(url, params, response) {\n const transformedResponse = response.data.attributes.items.map(\n this._transformItem.bind(this)\n )\n return transformedResponse\n }\n\n exportTable(event) {\n event.preventDefault()\n\n this.balanceTable.download(\"xlsx\", \"Balans.xlsx\", {\n sheetName: \"Balans\",\n })\n }\n\n _transformItem(item) {\n let transformedItem = {\n name: item.data.attributes.name,\n opening_balance: item.data.attributes.opening_balance,\n balance_difference: item.data.attributes.balance_difference,\n closing_balance: item.data.attributes.closing_balance,\n }\n if (item.data.attributes.children) {\n transformedItem._children = item.data.attributes.children.map(\n this._transformItem.bind(this)\n )\n }\n return transformedItem\n }\n\n _windowInnerWidth() {\n const windowWidth = Math.max(\n document.documentElement.clientWidth,\n window.innerWidth || 0\n )\n if (windowWidth >= 768) {\n return \"fitColumns\"\n } else {\n return \"fitDataFill\"\n }\n }\n}\n","import Litepicker from \"litepicker\"\n\nexport default class {\n constructor(elements, financialYears, minmaxBudgetYears, callback) {\n this.financialYears = financialYears\n .map((arr) => [new Date(arr[0]), new Date(arr[1])])\n .map((arr) => [\n // Need to respect timezone. Fin. year dates are considered to be in UTC,\n // but datepicker's dates are passes in current TZ. They both must be in\n // the same TZ.\n new Date(this._dateToTimeInCurrentTimezone(arr[0])),\n // Default time created from date is 00:00 which is beginning of day. We\n // want to include the whole day, so let's add 1 day minus 1 millisecond\n new Date(this._dateToTimeInCurrentTimezone(arr[1]) + 86_399_999),\n ])\n this._datepickerMinTime = this.getFinancialYearFor(\n new Date(minmaxBudgetYears[0])\n ).start\n this._datepickerMaxTime = this.getFinancialYearFor(\n new Date(minmaxBudgetYears[1])\n ).end\n this._callback = callback\n const pickerOptions = this._defaultOptions()\n this.startPicker = new Litepicker({\n ...pickerOptions,\n ...{ element: elements[0] },\n })\n this.endPicker = new Litepicker({\n ...pickerOptions,\n ...{ element: elements[1] },\n })\n }\n\n getDate() {\n return this.picker.getDate()\n }\n\n setDate(date) {\n this.picker.setDate(date)\n }\n\n getFinancialYearFor(date) {\n const financialYear = this.financialYears.find((fy) => {\n return date >= fy[0] && date <= fy[1]\n })\n if (financialYear) {\n return {\n start: financialYear[0],\n end: financialYear[1],\n }\n } else {\n const year = date.getFullYear()\n return {\n start: new Date(year, 0, 1),\n end: new Date(year, 11, 31, 23, 59, 59, 59),\n }\n }\n }\n\n _defaultOptions() {\n return {\n lang: \"sv-SV\",\n firstDay: 1,\n minDays: 1,\n numberOfMonths: 1,\n numberOfColumns: 1,\n singleMode: true,\n showTooltip: false,\n mobileFriendly: true,\n zIndex: 9999999,\n minDate: new Date(this._datepickerMinTime),\n maxDate: new Date(this._datepickerMaxTime),\n setup: (picker) => {\n picker.on(\"preselect\", (date) => {\n this._pickerPreselected(picker, date)\n })\n\n picker.on(\"selected\", (date) => {\n this._pickerDateSelected(picker)\n })\n },\n }\n }\n\n _dateToTimeInCurrentTimezone(date) {\n return date.getTime() + date.getTimezoneOffset() * 60_000\n }\n\n _pickerPreselected(picker, date) {\n this.pickerSelectInitiator = picker\n if (picker == this.startPicker) {\n this._adjustEndDate(date.dateInstance)\n } else {\n this._adjustStartDate(date.dateInstance)\n }\n }\n\n _adjustStartDate(endDate) {\n const startDate = this.startPicker.getDate().dateInstance\n const financialYear = this.getFinancialYearFor(endDate)\n if (\n startDate < financialYear.start ||\n financialYear.end < startDate ||\n startDate > endDate\n ) {\n this.startPicker.setDate(financialYear.start)\n }\n }\n\n _adjustEndDate(startDate) {\n const endDate = this.endPicker.getDate().dateInstance\n const financialYear = this.getFinancialYearFor(startDate)\n if (\n endDate < financialYear.start ||\n financialYear.end < endDate ||\n endDate < startDate\n ) {\n this.endPicker.setDate(financialYear.end)\n }\n }\n\n _pickerDateSelected(picker) {\n if (picker == this.pickerSelectInitiator) {\n this._callback()\n this.pickerSelectInitiator = undefined\n }\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport { tabulatorSV } from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport DoublePicker from \"../modules/register/register_double_picker\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport * as Sentry from \"@sentry/browser\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"fromDate\",\n \"toDate\",\n \"failedToLoad\",\n \"isLoading\",\n \"switch\",\n \"export\",\n ]\n\n connect() {\n this.fromDateTarget.value = this.data.get(\"custom-start\")\n this.toDateTarget.value = this._toLocateDateString(new Date())\n this.switchEnabled = false\n const financialYearsRawData = this.data.get(\"financial-years\")\n const minBudgetYear = this.data.get(\"min-budget-year\")\n const maxBudgetYear = this.data.get(\"max-budget-year\")\n\n this.doublePicker = new DoublePicker(\n [this.fromDateTarget, this.toDateTarget],\n JSON.parse(financialYearsRawData),\n [minBudgetYear, maxBudgetYear],\n () => this._yearApiData()\n )\n\n this._initializeTabulator()\n }\n\n toggleMode() {\n this.switchTarget.classList.toggle(\"active\")\n\n this.switchEnabled = !this.switchEnabled\n const start = this.fromDateTarget.value\n const end = this.toDateTarget.value\n const url =\n this.data.get(\"api-url\") +\n `?from=${start}` +\n `&to=${end}` +\n `&advanced=${this.switchEnabled}`\n\n if (this.switchEnabled) {\n this.exportTarget.classList.remove(\"hidden\")\n } else {\n this.exportTarget.classList.add(\"hidden\")\n }\n\n this.table.replaceData([])\n this.isLoadingTarget.classList.remove(\"hidden\")\n\n const response = this.railsFetch(url)\n\n this._filterHandler(response)\n }\n\n _yearApiData() {\n try {\n const start = this.fromDateTarget.value\n const end = this.toDateTarget.value\n const url =\n this.data.get(\"api-url\") +\n `?from=${start}` +\n `&to=${end}` +\n `&advanced=${this.switchEnabled}`\n\n this.table.replaceData([])\n this.isLoadingTarget.classList.remove(\"hidden\")\n\n const response = this.railsFetch(url)\n\n this._filterHandler(response)\n } catch (error) {\n Sentry.captureException(error)\n this.isLoadingTarget.classList.add(\"hidden\")\n this.failedToLoadTarget.classList.remove(\"hidden\")\n }\n }\n\n _filterHandler(response) {\n response.then((value) => {\n try {\n this.table.replaceData(value.data)\n this.isLoadingTarget.classList.add(\"hidden\")\n } catch (error) {\n Sentry.captureException(error)\n }\n })\n }\n\n _toLocateDateString(date) {\n return date.toLocaleDateString(\"sv-se\")\n }\n\n _periodFinancialYearStart(date) {\n const financialYear = this.doublePicker.getFinancialYearFor(date)\n return this._toLocateDateString(financialYear.start)\n }\n\n _initializeTabulator() {\n const previewUrl = this.data.get(\"preview-url\")\n\n const startFinancialYear = this._periodFinancialYearStart(\n new Date(this.fromDateTarget.value)\n )\n const apiUrl = `${this.data.get(\"api-url\")}?from=${startFinancialYear}&to=${\n this.toDateTarget.value\n }`\n const changeTxtColor = (value, cell) => {\n if (value == \"0\" && !cell.getData().name.match(/Resultat/)) {\n cell.getElement().style.color = \"rgba(17, 17, 17, 0.4)\"\n }\n }\n\n this.railsFetch(apiUrl).then((response) => {\n this.dataTable = response.data\n\n var table = new Tabulator(\"#finance-results\", {\n height: \"100%\",\n layout: this._windowInnerWidth(),\n layoutColumnsOnNewData: true,\n dataTree: true,\n data: this.dataTable,\n dataTreeChildIndent: 0,\n dataTreeBranchElement: false,\n dataTreeCollapseElement: \"\",\n dataTreeExpandElement: \"\",\n dataTreeStartExpanded: function (row, level) {\n return row.getData().mode\n },\n rowFormatter: function (row) {\n const data = row.getData()\n\n if (\n data.current_amount == 0 &&\n data.past_amount == 0 &&\n data.budget == 0\n ) {\n row.getElement().classList.add(\"hidden\")\n }\n },\n columns: [\n {\n title: this._nameHeader(),\n field: \"name\",\n responsive: 0,\n headerSort: false,\n hozAlign: \"left\",\n widthGrow: 1.6,\n formatter: function (cell) {\n const data = cell.getData()\n const row = cell.getRow()\n const url = previewUrl.replace(/\\/[0]/, \"/\" + `${data.id}`)\n\n if (row.getTreeParent() === false) {\n cell.getElement().style.fontWeight = 900\n }\n\n data.link\n ? (data.name = ``)\n : data.name\n\n return `${data.name}`\n },\n },\n {\n title: \"Period\",\n field: \"current_amount\",\n headerSort: false,\n hozAlign: \"left\",\n cssClass: \"leftAlignedHeader\",\n widthGrow: 0.7,\n formatter: function (cell, _formatterParams) {\n const currentAmount = cell.getData().current_amount\n\n changeTxtColor(currentAmount, cell)\n\n return Math.round(currentAmount).toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n },\n },\n {\n title: \"Period fg år\",\n field: \"past_amount\",\n responsive: 2,\n headerSort: false,\n hozAlign: \"left\",\n cssClass: \"leftAlignedHeader\",\n widthGrow: 0.7,\n formatter: function (cell) {\n const past_amount = cell.getData().past_amount\n\n changeTxtColor(past_amount, cell)\n\n return Math.round(past_amount).toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n },\n },\n {\n title: \"Periodens budget\",\n field: \"budget\",\n headerSort: false,\n hozAlign: \"left\",\n cssClass: \"leftAlignedHeader\",\n widthGrow: 0.7,\n formatter: function (cell) {\n const data = cell.getData()\n if (data.link) return \"\"\n\n const budget = data.budget\n changeTxtColor(budget, cell)\n return Math.round(budget).toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n },\n },\n {\n title: \"Ackumulerat\",\n field: \"total\",\n headerSort: false,\n hozAlign: \"left \",\n cssClass: \"leftAlignedHeader\",\n widthGrow: 0.7,\n formatter: function (cell) {\n const data = cell.getData()\n const row = cell.getRow()\n const total = data.total\n\n changeTxtColor(total, cell)\n if (data.name.match(/Resultat/)) {\n row.getElement().style.fontWeight = 900\n } else if (row.getTreeParent() === false) {\n cell.getElement().style.fontWeight = 900\n }\n\n return Math.round(total).toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n },\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n this.table = table\n window.XLSX = XLSX\n })\n }\n\n _nameHeader() {\n return `\n board-results#toggleMode\" data-target=\"board-results.switch\">\n \n \n \n
\n `\n }\n\n exportTable(event) {\n event.preventDefault()\n\n this.table.download(\"xlsx\", \"Resultatrapport.xlsx\", {\n documentProcessing: function (workbook) {\n var sheet = workbook.Sheets.Sheet1\n\n XLSX.utils.sheet_add_aoa(\n sheet,\n [\n [\n \"Namn\",\n \"Period\",\n \"Period fg år\",\n \"Periodens budget\",\n \"Ackumulerat\",\n ],\n ],\n {\n origin: 0,\n }\n )\n\n return workbook\n },\n })\n }\n\n _windowInnerWidth() {\n const windowWidth = Math.max(\n document.documentElement.clientWidth,\n window.innerWidth || 0\n )\n if (windowWidth >= 768) {\n return \"fitColumns\"\n } else {\n return \"fitDataFill\"\n }\n }\n}\n","import {\n AjaxModule,\n DataTreeModule,\n DownloadModule,\n EditModule,\n ExportModule,\n FilterModule,\n FormatModule,\n InteractionModule,\n Tabulator,\n} from \"tabulator-tables\"\n\nTabulator.registerModule([\n AjaxModule,\n EditModule,\n InteractionModule,\n FilterModule,\n FormatModule,\n DataTreeModule,\n DownloadModule,\n ExportModule,\n])\n\nexport default class {\n #elementId\n #ajaxURL\n #redrawOn\n #onDataProcessed\n #onCellEdited\n #onFiltering\n #onFiltered\n #hideZeroValues\n #expandedStatuses\n #layout\n\n constructor(elementId, url, options) {\n this.#elementId = elementId\n this.#ajaxURL = url\n if (options) {\n this.#redrawOn = options.redrawOn\n this.#onDataProcessed = options.onProcessed\n this.#onCellEdited = options.onCellEdited\n this.#onFiltering = options.onFiltering\n this.#onFiltered = options.onFiltered\n this.#hideZeroValues = options.hideZeroValues\n this.#layout = options.layout\n }\n this.connect()\n }\n\n connect() {\n let options = {\n ajaxURL: this.#ajaxURL,\n ajaxResponse: this._transformResponse.bind(this),\n rowFormatter: this._formatRow.bind(this),\n dataTree: true,\n dataTreeCollapseElement: \"\",\n dataTreeExpandElement: \"\",\n dataTreeBranchElement: false,\n dataTreeStartExpanded: this._isExpanded.bind(this),\n height: \"100%\",\n layout: this.#layout,\n }\n this.tabulator = new Tabulator(this.#elementId, options)\n this.tabulator.on(\"cellEdited\", this._cellEdited.bind(this))\n this.tabulator.on(\"dataProcessed\", this._dataProcessed.bind(this))\n this.tabulator.on(\"dataFiltering\", this._dataFiltering.bind(this))\n this.tabulator.on(\"dataFiltered\", this._dataFiltered.bind(this))\n this.tabulator.on(\"dataTreeRowExpanded\", this._dataTreeExpanded.bind(this))\n this.tabulator.on(\n \"dataTreeRowCollapsed\",\n this._dataTreeCollapsed.bind(this)\n )\n this._setRedrawEvents()\n }\n\n _dataTreeExpanded(row, level) {\n this._writeExpandStatus(row.getData().id, true)\n this.tabulator.redraw()\n }\n\n _dataTreeCollapsed(row, level) {\n this._writeExpandStatus(row.getData().id, false)\n this.tabulator.redraw()\n }\n\n firstColumnValues() {\n return this.allDataFlat.map((row) => row[0])\n }\n\n setFilter(field, type, value) {\n if (value == \"\") {\n this.tabulator.clearFilter()\n this.tabulator.redraw()\n } else {\n this.tabulator.setFilter(this._filterTree.bind(this), {\n field: field,\n type: type,\n value: value,\n })\n }\n }\n\n _isExpanded(row, level) {\n return this._fetchExpandStatus(row.getData().id)\n }\n\n _fetchExpandStatus(rowId) {\n if (!this.#expandedStatuses) {\n this.#expandedStatuses = {}\n }\n return this.#expandedStatuses[rowId]\n }\n\n _writeExpandStatus(rowId, value) {\n if (!this.#expandedStatuses) {\n this.#expandedStatuses = {}\n }\n this.#expandedStatuses[rowId] = value\n }\n\n _filterTree(data, filter) {\n if (data[filter.field] === filter.value) {\n return true\n }\n\n if (data[\"_children\"] && data[\"_children\"].length > 0) {\n for (var i in data[\"_children\"]) {\n if (this._filterTree(data[\"_children\"][i], filter)) {\n this.tabulator.getRow(data.id).treeExpand()\n return true\n }\n }\n }\n\n return false\n }\n\n _setRedrawEvents() {\n if (this.#redrawOn) {\n let timeout = () => this.tabulator.redraw(true)\n let eventListener = () => setTimeout(timeout.bind(this), 30)\n document\n .querySelector(this.#redrawOn[0])\n .addEventListener(this.#redrawOn[1], eventListener.bind(this))\n }\n }\n\n _transformResponse(url, params, response) {\n if (response.data === undefined) return {}\n\n let headerRow = response.data.attributes.rows.filter(\n (r) => r.data.type === \"header_row\"\n )[0]\n let dataRows = response.data.attributes.rows.filter(\n (r) => r.data.type !== \"header_row\"\n )\n\n let columns = headerRow.data.attributes.cells.reduce(\n this._headersReducer.bind(this),\n []\n )\n this.tabulator.setColumns(columns)\n\n this.allDataFlat = dataRows.map(this._rowMapper.bind(this))\n let result = this.allDataFlat.reduce((accumulator, row) => {\n const key = row.parent_row_id || \"none\"\n if (!accumulator[key]) {\n accumulator[key] = []\n }\n accumulator[key].push(row)\n return accumulator\n }, {})\n result = result[\"none\"].map((parentRow) => {\n parentRow._children = result[parentRow.id]\n return parentRow\n })\n return result\n }\n\n _headersReducer(object, cell) {\n let header = {\n field: cell.data.attributes.column_index.toString(),\n title:\n cell.data.attributes.value === \"blank\"\n ? \"\"\n : cell.data.attributes.value,\n editor: true,\n editable: this._editCheck,\n }\n if (cell.data.attributes.column_index === 0) {\n header.formatter = \"html\"\n header.tooltip = true\n } else {\n header.formatter = \"money\"\n header.formatterParams = {\n thousand: \" \",\n precision: false,\n }\n }\n object.push(header)\n return object\n }\n\n _rowMapper(row) {\n let rowObject = row.data.attributes.cells.reduce(\n this._dataRowReducer.bind(this),\n { attributes: {} }\n )\n rowObject.id = row.data.id\n rowObject.type = row.data.type\n rowObject.parent_row_id = row.data.attributes.parent_row_id\n return rowObject\n }\n\n _dataRowReducer(object, cell) {\n let column = cell.data.attributes.column_index.toString()\n object[column] = cell.data.attributes.value\n\n object.attributes[column] = {\n cellId: cell.data.id,\n editable: cell.data.attributes.editable,\n }\n\n return object\n }\n\n _editCheck(cell) {\n let isEditable =\n cell.getData().attributes[cell.getColumn().getField()].editable\n return isEditable\n }\n\n _cellEdited(cell) {\n let self = this\n let value = cell.getValue()\n let cellId = cell.getData().attributes[cell.getColumn().getField()].cellId\n let formData = new FormData()\n formData.append(\"value\", value)\n fetch(`/register/financials/budget_cells/${cellId}`, {\n method: \"PATCH\",\n body: formData,\n })\n .then((response) => response.json())\n .then((_) => {\n if (self.#onCellEdited) {\n self.#onCellEdited()\n }\n window.dispatchEvent(new CustomEvent(\"update-data\"))\n })\n }\n\n setData(data) {\n this.tabulator.replaceData()\n }\n\n _dataProcessed() {\n if (this.#onDataProcessed) {\n this.#onDataProcessed()\n }\n // Custom row height CSS hides some table content. Redrawing fixes it\n this.tabulator.redraw()\n }\n\n _formatRow(row) {\n switch (row.getData().type) {\n case \"group_row\":\n row.getElement().classList.add(\"group\")\n if (this.#hideZeroValues) {\n // Hide group row if all children zeros\n let children = row.getTreeChildren()\n const allZeros = children\n .map((row) => row.getCells().slice(1))\n .flat()\n .every((cell) => cell.getValue() === 0)\n if (allZeros) {\n row.getElement().classList.add(\"hidden\")\n }\n }\n break\n case \"result_row\":\n row.getElement().classList.add(\"result\")\n break\n default:\n if (this.#hideZeroValues) {\n // Hide row if all zeros\n const cellsWithValues = row.getCells().slice(1)\n const values = cellsWithValues.map((c) => c.getValue())\n if (values.every((v) => v === 0)) {\n row.getElement().classList.add(\"hidden\")\n }\n }\n }\n }\n\n _dataFiltering(filters) {\n if (this.#onFiltering && filters.length !== 0) {\n this.tabulator\n .getRows()\n .forEach((row) => this.#onFiltering(row.getElement()))\n }\n }\n\n _dataFiltered(filters, rows) {\n if (this.#onFiltered && filters.length !== 0) {\n if (filters[0].value === \"\") {\n this.tabulator\n .getRows()\n .forEach((row) => this.#onFiltering(row.getElement()))\n } else {\n rows.map((row) => {\n const parentRow = row.getTreeParent()\n if (parentRow) {\n this.#onFiltered(parentRow.getElement())\n }\n this.#onFiltered(row.getElement())\n })\n }\n this.tabulator.redraw()\n }\n }\n}\n","import { BRFSearch } from \"../../../../shared_assets/app/web_components/searchbar/search\"\n\nexport default class extends BRFSearch {\n constructor(selector, options) {\n super()\n\n this.selector = selector\n this.onSelection = options.onSelection\n this.src = options.src\n this.reset = options.reset\n }\n\n _inputChanged(event) {\n if (event.target.value === \"\") {\n this.reset()\n }\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport { default as BoardBudgetTable } from \"../modules/register/board_budget_table\"\nimport { default as BudgetSearch } from \"../../../../../shared_assets/app/web_components/searchbar/budget_search\"\n\nexport default class extends ApplicationController {\n _buildTable(name, options = {}) {\n const uriAttrName = options.uriAttrName || \"api-url\"\n this.name = name\n return new BoardBudgetTable(`#${name}-table`, this.data.get(uriAttrName), {\n redrawOn: [`[data-tab=${options.tabName || name}]`, \"click\"],\n onProcessed: this._dataProcessed.bind(this),\n onFiltering: this._beforeFiltering.bind(this),\n onFiltered: this._filtered.bind(this),\n hideZeroValues: options.hideZeroValues,\n layout: options.layout,\n })\n }\n\n _dataProcessed() {\n this._hideProgress()\n this._setupSearch()\n }\n\n _hideProgress() {\n this.isLoadingTarget.classList.add(\"hidden\")\n }\n\n _setupSearch() {\n const search = new BudgetSearch(`.${this.name}-autocomplete`, {\n onSelection: this._filter.bind(this),\n src: this.table.firstColumnValues(),\n reset: this._reset.bind(this),\n })\n\n search.dropdownEvents()\n search.append()\n this.searchContainerTarget.querySelector(\"input\").disabled = false\n }\n\n _filter(_input, value) {\n this.table.setFilter(\"0\", \"like\", value)\n }\n\n _beforeFiltering(rowElement) {\n rowElement.classList.remove(\"visible\")\n }\n\n _filtered(rowElement) {\n rowElement.classList.add(\"visible\")\n }\n\n _reset() {\n this._filter({ selection: { value: \"\" } })\n }\n\n updateData() {\n this.table.setData()\n }\n}\n","import { default as BaseBudgetController } from \"./register_budget_controller.js\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends BaseBudgetController {\n static targets = [\"isLoading\", \"searchContainer\"]\n\n connect() {\n this.table = this._buildTable(\"budget-year\", {\n hideZeroValues: true,\n layout: \"fitDataFill\",\n })\n this.searchContainerTarget.querySelector(\"input\").disabled = true\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n\n this.table.tabulator.download(\"xlsx\", \"Budget.xlsx\")\n }\n}\n","import { default as BaseBudgetController } from \"./register_budget_controller.js\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends BaseBudgetController {\n static targets = [\"isLoading\", \"searchContainer\"]\n\n connect() {\n this.table = this._buildTable(\"budget-multiple-year\", {\n hideZeroValues: true,\n layout: \"fitDataTable\",\n })\n this.searchContainerTarget.querySelector(\"input\").disabled = true\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n\n this.table.tabulator.download(\"xlsx\", \"Flerårsöversikt.xlsx\")\n }\n}\n","import { default as BaseBudgetController } from \"./register_budget_controller.js\"\n\nexport default class extends BaseBudgetController {\n static targets = [\"isLoading\"]\n\n connect() {\n this.cashflowTable = this._buildTable(\"budget-cashflow\", {\n uriAttrName: \"cashflow-api-url\",\n tabName: \"budget-analysis\",\n layout: \"fitDataTable\",\n })\n this.feeAnalysisTable = this._buildTable(\"budget-fee-analysis\", {\n uriAttrName: \"fee-analysis-api-url\",\n tabName: \"budget-analysis\",\n layout: \"fitDataTable\",\n })\n }\n\n _setupSearch() {}\n\n exportTable(event) {\n event.preventDefault()\n\n const sheets = {\n kassaflödestabell: true,\n \"Avgift Analystabell\": this.feeAnalysisTable.tabulator,\n }\n\n this.cashflowTable.tabulator.download(\"xlsx\", \"Budgetanalys.xlsx\", {\n sheets: sheets,\n })\n }\n\n updateData() {\n this.cashflowTable.setData()\n this.feeAnalysisTable.setData()\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n calculateTotalPages,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport defaultURLGenerator from \"tabulator-tables/src/js/modules/Ajax/defaults/urlGenerator\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"totalsContainer\",\n \"totalsCountPlaceholder\",\n \"total\",\n \"invoiceSum\",\n \"paid\",\n \"unpaid\",\n \"filterYears\",\n \"filterMonths\",\n ]\n\n connect() {\n this._initializeTabulator()\n this._initializeYears()\n this._initializeMonths()\n }\n\n changeFilter() {\n this.table.setData()\n }\n\n exportTable(event) {\n event.preventDefault()\n\n const year = this.filterYearsTarget.value\n const month = this.filterMonthsTarget.value\n const organizationName = this.data.get(\"organizationName\")\n const fileName = `Debiteringslista_${year}_${month}.xlsx`\n\n window.debitTable.addData([{}], true)\n window.debitTable.download(\"xlsx\", fileName, {\n documentProcessing: function (workbook) {\n const sheet = workbook.Sheets.Sheet1\n const firstRow = `Debiteringslista ${year}-${month} for ${organizationName}`\n\n XLSX.utils.sheet_add_aoa(\n sheet,\n [\n [firstRow, \"\", \"\", \"\", \"\", \"\"],\n [\n \"Period\",\n \"Förfallodatum\",\n \"Avimottagare\",\n \"OCR\",\n \"Fakturerat belopp\",\n \"Status\",\n ],\n ],\n {\n origin: 0,\n }\n )\n\n const range = XLSX.utils.decode_range(sheet[\"!ref\"])\n for (let row = range.s.r; row <= range.e.r; ++row) {\n for (let cell = range.s.c; cell <= range.e.c; ++cell) {\n const cellRef = XLSX.utils.encode_cell({\n c: cell,\n r: row,\n })\n\n if (!sheet[cellRef]) continue\n\n const cell = sheet[cellRef]\n\n if (!(cell.t === \"s\" || cell.t === \"str\")) continue\n if (cell.v === \"overdue\") cell.v = \"Försenad\"\n if (cell.v === \"paid\") cell.v = \"Betald\"\n if (cell.v === \"unpaid\") cell.v = \"Obetald\"\n }\n }\n\n return workbook\n },\n })\n\n window.debitTable.getRows()[0].delete()\n }\n\n _initializeYears() {\n let max = new Date().getFullYear()\n const currentMonth = new Date().getMonth() + 1\n // If we are in december, we want to show the next year as well\n if (currentMonth === 12) {\n max = max + 1\n }\n const min = max - 2\n var select = this.filterYearsTarget\n\n for (var i = min; i <= max; i++) {\n var option = document.createElement(\"option\")\n option.value = i\n option.innerHTML = i\n\n select.appendChild(option)\n }\n\n select.value = max\n }\n\n _initializeMonths() {\n var monthNames = [\n \"Januari\",\n \"Februari\",\n \"Mars\",\n \"April\",\n \"Maj\",\n \"Juni\",\n \"Juli\",\n \"Augusti\",\n \"September\",\n \"Oktober\",\n \"November\",\n \"December\",\n ]\n var select = this.filterMonthsTarget\n\n for (var i = 0; i < monthNames.length; i++) {\n var option = document.createElement(\"option\")\n option.value = i + 1\n option.innerHTML = monthNames[i]\n\n select.appendChild(option)\n }\n select.value = new Date().getMonth() + 1\n }\n\n _initializeTabulator() {\n const pageSize = 25\n const url = this.data.get(\"api-url\")\n const self = this\n\n const table = new Tabulator(\"#debit-table\", {\n height: \"100%\",\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n addRowPos: \"top\",\n ajaxURL: url,\n ajaxParams: {\n status: \"paid,unpaid,overdue\",\n },\n ajaxURLGenerator: function (url, config, params) {\n params.period = `${self.filterYearsTarget.value}-${self.filterMonthsTarget.value}`\n return defaultURLGenerator(url, config, params)\n },\n ajaxResponse: function (_url, _params, response) {\n self._printTotals(response)\n self.response = response\n\n self._populateFooter(response.meta)\n\n return {\n last_page: calculateTotalPages(response, pageSize),\n data: response.data.map((row) => row.attributes),\n }\n },\n\n // Pagination\n pagination: true,\n paginationMode: \"remote\",\n paginationSizeSelector: [25, 50, 100],\n paginationSize: pageSize,\n dataSendParams: { size: \"page_size\" },\n\n // Sorting\n sortMode: \"remote\",\n initialSort: [{ column: \"period\", dir: \"asc\" }],\n\n footerElement: this._footer(),\n\n columns: [\n {\n title: \"Period\",\n field: \"period\",\n width: 130,\n frozen: true,\n },\n {\n title: \"Due Date\",\n field: \"due_date\",\n visible: false,\n download: true,\n formatter: (cell, _formattedParams, _onRendered) => {\n const data = cell.getData()\n data.due_date = new Date(data.due_date).toLocaleDateString(\"sv-SV\")\n },\n },\n {\n title: \"Namn\",\n field: \"resident_name\",\n width: 300,\n },\n {\n title: \"ocr\",\n field: \"ocr\",\n visible: false,\n download: true,\n },\n {\n title: \"Belopp (SEK)\",\n field: \"price\",\n widthGrow: 0.8,\n formatter: (cell, _formattedParams, _onRendered) => {\n const value = parseInt(cell.getValue())\n\n return value.toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n },\n },\n {\n title: \"Status\",\n field: \"status\",\n width: 150,\n formatter: (cell, _formattedParams, _onRendered) => {\n switch (cell.getValue()) {\n case \"overdue\":\n return \"Försenad\"\n case \"unpaid\":\n return \"Obetald\"\n case \"paid\":\n return \"Betald\"\n default:\n return cell.getValue()\n }\n },\n },\n {\n title: \"Avi\",\n field: \"preview_url\",\n width: 150,\n download: false,\n headerSort: false,\n formatter: (cell, _formattedParams, _onRendered) => {\n return ``\n },\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n this.table = window.debitTable = table\n window.XLSX = XLSX\n }\n\n _printTotals(response) {\n const meta = response.meta\n const showNotificatiion = !!(meta && meta.unpaid && meta.unpaid > 0)\n\n if (showNotificatiion) {\n this.totalsContainerTarget.classList.remove(\"hidden\")\n this.totalsCountPlaceholderTarget.innerHTML = `${response.meta.unpaid} obetalda fakturor`\n } else {\n this.totalsContainerTarget.classList.add(\"hidden\")\n }\n }\n\n _populateFooter(meta) {\n this.totalTarget.innerHTML =\n meta.total !== undefined\n ? meta.total.toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n : \"\"\n this.invoiceSumTarget.innerHTML =\n meta.invoice_sum !== undefined\n ? meta.invoice_sum.toLocaleString(\"sv-se\", {\n useGrouping: true,\n }) + \" SEK\"\n : \"\"\n this.paidTarget.innerHTML =\n meta.paid !== undefined\n ? meta.paid.toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n : \"\"\n this.unpaidTarget.innerHTML =\n meta.unpaid !== undefined\n ? meta.unpaid.toLocaleString(\"sv-se\", {\n useGrouping: true,\n })\n : \"\"\n }\n\n _footer() {\n return ``\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport DoublePicker from \"../modules/register/register_double_picker\"\nimport {\n calculateTotalPages,\n dateFormatter,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport defaultURLGenerator from \"tabulator-tables/src/js/modules/Ajax/defaults/urlGenerator\"\nimport * as XLSX from \"xlsx\"\nimport { sanitizeXlsxExport } from \"../../../../../shared_assets/app/webpack_assets/modules/sanitize_xlsx_export\"\n\nexport default class extends ApplicationController {\n static targets = [\"fromDate\", \"toDate\"]\n\n connect() {\n this._initializeTabulator()\n this._intializeDatepicker()\n }\n\n _initializeTabulator() {\n const pageSize = 25\n const url = this.data.get(\"api-url\")\n const self = this\n\n const table = new Tabulator(\"#customer-fees-table\", {\n height: \"100%\",\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n addRowPos: \"top\",\n ajaxURL: url,\n ajaxURLGenerator: function (url, config, params) {\n return defaultURLGenerator(url, config, params)\n },\n ajaxResponse: function (_url, _params, response) {\n self.response = response\n\n return {\n last_page: calculateTotalPages(response, pageSize),\n data: response.data.map((row) => row.attributes),\n }\n },\n pagination: true,\n paginationMode: \"remote\",\n paginationSizeSelector: [25, 50, 100],\n paginationSize: pageSize,\n dataSendParams: { size: \"page_size\" },\n footerElement: this._footer(),\n columns: [\n {\n title: \"Datum\",\n field: \"created_at\",\n formatter: dateFormatter,\n frozen: true,\n },\n {\n title: \"Produkt\",\n field: \"customer_service_name\",\n },\n {\n title: \"Beskrivning\",\n field: \"description\",\n },\n {\n title: \"Pris per enhet (ex moms)\",\n field: \"customer_service_price_per_unit\",\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n precision: false,\n thousand: \" \",\n },\n },\n {\n title: \"Antal\",\n field: \"service_units_count\",\n hozAlign: \"right\",\n },\n {\n title: \"Summa (ex moms)\",\n field: \"amount\",\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n precision: false,\n thousand: \" \",\n },\n },\n {\n title: \"Summa (inkl moms)\",\n field: \"amount_including_vat\",\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n precision: false,\n thousand: \" \",\n },\n frozen: true,\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n this.table = table\n window.XLSX = XLSX\n }\n\n _footer() {\n return ``\n }\n\n _intializeDatepicker() {\n this.fromDateTarget.value = this.data.get(\"from\")\n this.toDateTarget.value = new Date().toLocaleDateString(\"sv-se\")\n\n this.doublePicker = new DoublePicker(\n [this.fromDateTarget, this.toDateTarget],\n [],\n [],\n () => this._fetchCustomerFees()\n )\n }\n\n _fetchCustomerFees() {\n const from = this.fromDateTarget.value\n const to = this.toDateTarget.value\n const url = this.data.get(\"api-url\") + `?from=${from}&to=${to}`\n\n this.table.setData(url)\n }\n\n exportTable(event) {\n event.preventDefault()\n\n let table = this.table\n let page = table.getPage()\n let pageSize = table.getPageSize()\n\n const organizationName = this.data.get(\"organizationName\")\n\n table.setPageSize(this.table_rowCount)\n\n table.setPage(1).then(function () {\n table.download(\"xlsx\", `ABRF Rörligt Arvode ${organizationName}.xlsx`, {\n sheetName: \"ABRF Rörligt Arvode\",\n documentProcessing: function (workbook) {\n const sheet = workbook.Sheets[workbook.SheetNames[0]]\n sanitizeXlsxExport(sheet, [])\n return workbook\n },\n })\n\n table.clearData()\n table.setPageSize(pageSize)\n table.setPage(page)\n table.restoreRedraw()\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport DoublePicker from \"../modules/register/register_double_picker\"\nimport {\n calculateTotalPages,\n dateFormatter,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport defaultURLGenerator from \"tabulator-tables/src/js/modules/Ajax/defaults/urlGenerator\"\nimport * as XLSX from \"xlsx\"\nimport { sanitizeXlsxExport } from \"../../../../../shared_assets/app/webpack_assets/modules/sanitize_xlsx_export\"\n\nexport default class extends ApplicationController {\n static targets = [\"fromDate\", \"toDate\"]\n\n connect() {\n this._initializeTabulator()\n this._intializeDatepicker()\n }\n\n _initializeTabulator() {\n const pageSize = 25\n const url = this.data.get(\"api-url\")\n const self = this\n\n const table = new Tabulator(\"#customer-payments-table\", {\n height: \"100%\",\n layout: \"fitDataFill\",\n layoutColumnsOnNewData: true,\n addRowPos: \"top\",\n ajaxURL: url,\n ajaxURLGenerator: function (url, config, params) {\n return defaultURLGenerator(url, config, params)\n },\n ajaxResponse: function (_url, _params, response) {\n self.response = response\n\n return {\n last_page: calculateTotalPages(response, pageSize),\n data: response.data.map((row) => row.attributes),\n }\n },\n pagination: true,\n paginationMode: \"remote\",\n paginationSizeSelector: [25, 50, 100],\n paginationSize: pageSize,\n dataSendParams: { size: \"page_size\" },\n footerElement: this._footer(),\n columns: [\n {\n title: \"Datum\",\n field: \"created_at\",\n formatter: dateFormatter,\n frozen: true,\n },\n {\n title: \"Beskrivning\",\n field: \"description\",\n },\n {\n title: \"Rabatt\",\n field: \"discount_amount\",\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n precision: false,\n thousand: \" \",\n },\n },\n {\n title: \"Summa (ex moms)\",\n field: \"amount\",\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n precision: false,\n thousand: \" \",\n },\n },\n {\n title: \"Summa (inkl moms)\",\n field: \"amount_including_vat\",\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n precision: false,\n thousand: \" \",\n },\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n this.table = table\n window.XLSX = XLSX\n }\n\n _footer() {\n return ``\n }\n\n _intializeDatepicker() {\n this.fromDateTarget.value = this.data.get(\"from\")\n this.toDateTarget.value = new Date().toLocaleDateString(\"sv-se\")\n\n this.doublePicker = new DoublePicker(\n [this.fromDateTarget, this.toDateTarget],\n [],\n [],\n () => this._fetchCustomerPayments()\n )\n }\n\n _fetchCustomerPayments() {\n const from = this.fromDateTarget.value\n const to = this.toDateTarget.value\n const url = this.data.get(\"api-url\") + `?from=${from}&to=${to}`\n\n this.table.setData(url)\n }\n\n exportTable(event) {\n event.preventDefault()\n\n let table = this.table\n let page = table.getPage()\n let pageSize = table.getPageSize()\n\n const organizationName = this.data.get(\"organizationName\")\n\n table.setPageSize(this.table_rowCount)\n\n table.setPage(1).then(function () {\n table.download(\"xlsx\", `ABRF Fast Arvode ${organizationName}.xlsx`, {\n sheetName: \"ABRF Fast Arvode\",\n documentProcessing: function (workbook) {\n const sheet = workbook.Sheets[workbook.SheetNames[0]]\n sanitizeXlsxExport(sheet, [])\n return workbook\n },\n })\n\n table.clearData()\n table.setPageSize(pageSize)\n table.setPage(page)\n table.restoreRedraw()\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n calculateTotalPages,\n dateFormatter,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends ApplicationController {\n connect() {\n this._initializeTabulator()\n }\n\n _initializeTabulator() {\n const table = new Tabulator(\"#expenses-history-table\", {\n layout: \"fitData\",\n layoutColumnsOnNewData: true,\n ajaxURL: this.data.get(\"api-url\"),\n dataSendParams: { size: \"page_size\" },\n ajaxResponse: (_url, _params, response) => {\n this.table_rowCount = response[\"meta\"].total\n return this._transformResponse(response)\n },\n width: \"100%\",\n pagination: true,\n paginationMode: \"remote\",\n paginationSize: 50,\n paginationSizeSelector: [50, 100, 150],\n columns: [\n {\n title: \"Kvitto\",\n field: \"url_for_file_attachment\",\n download: false,\n headerSort: false,\n formatter: (cell, _formattedParams, _onRendered) => {\n return ``\n },\n },\n {\n title: \"Datum\",\n field: \"created_at\",\n headerSort: false,\n formatter: dateFormatter,\n },\n {\n title: \"Skapad av\",\n field: \"user\",\n headerSort: false,\n },\n {\n title: \"Utbetald till\",\n field: \"name\",\n headerSort: false,\n },\n\n {\n title: \"Summa\",\n field: \"amount\",\n headerSort: false,\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n symbol: \" SEK\",\n symbolAfter: true,\n precision: false,\n thousand: \" \",\n },\n },\n {\n title: \"Beskrivning\",\n field: \"description\",\n headerSort: false,\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n this.expensesHistoryTable = table\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n\n let table = this.expensesHistoryTable\n let page = table.getPage()\n let pageSize = table.getPageSize()\n table.setPageSize(this.table_rowCount)\n table.setPage(1).then(function () {\n table.download(\"xlsx\", \"Historik.xlsx\", {\n sheetName: \"Historik\",\n })\n table.clearData()\n table.setPageSize(pageSize)\n table.setPage(page)\n table.restoreRedraw()\n })\n }\n\n _transformResponse(response) {\n const pageSize = this.expensesHistoryTable.getPageSize()\n const arr = []\n\n response.data.forEach((row) => {\n arr.push(row.attributes)\n })\n\n return { last_page: calculateTotalPages(response, pageSize), data: arr }\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"form\",\n \"formSuccess\",\n \"formError\",\n \"name\",\n \"ssNumber\",\n \"address\",\n \"zipcode\",\n \"town\",\n ]\n\n prefillBoardMemberInfo(event) {\n const dataSet = event.currentTarget.selectedOptions[0].dataset\n if (\"ss_number\" in dataSet) {\n this.clearAndDisableNameField()\n } else {\n this.enableNameField()\n }\n\n this.ssNumberTarget.value = dataSet.ss_number || \"\"\n this.addressTarget.value = dataSet.address || \"\"\n this.zipcodeTarget.value = dataSet.postal_code || \"\"\n this.townTarget.value = dataSet.city || \"\"\n }\n\n clearAndDisableNameField() {\n this.nameTarget.value = \"\"\n this.nameTarget.disabled = true\n }\n\n enableNameField() {\n this.nameTarget.disabled = false\n }\n\n submitSuccess() {\n this.formTarget.reset()\n this.formTarget.classList.add(\"hidden\")\n this.formErrorTarget.classList.add(\"hidden\")\n this.formSuccessTarget.classList.remove(\"hidden\")\n\n setTimeout(() => {\n window.location.reload()\n }, 5000)\n }\n\n submitError() {\n this.formErrorTarget.classList.remove(\"hidden\")\n window.scrollTo(0, 0)\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n calculateTotalPages,\n dateFormatter,\n minMaxFilterEditor,\n minMaxFilterFunction,\n presenceFilterFunction,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\nimport * as XLSX from \"xlsx\"\n\nexport default class extends ApplicationController {\n static targets = [\"modalPocket\", \"modalDialog\"]\n\n connect() {\n this._initializeTabulator()\n }\n\n _initializeTabulator() {\n const table = new Tabulator(\"#payout-requests-table\", {\n layout: \"fitData\",\n layoutColumnsOnNewData: true,\n ajaxURL: this.data.get(\"api-url\"),\n dataSendParams: { size: \"page_size\" },\n ajaxResponse: (_url, _params, response) => {\n this.table_rowCount = response[\"meta\"].total\n return this._transformResponse(response)\n },\n width: \"100%\",\n pagination: true,\n paginationMode: \"remote\",\n paginationSize: 25,\n paginationSizeSelector: [25, 50, 100],\n columns: [\n {\n title: \"Datum\",\n field: \"created_at\",\n formatter: dateFormatter,\n frozen: true,\n headerFilter: \"input\",\n },\n {\n title: \"Typ\",\n field: \"payout_type\",\n headerFilter: \"list\",\n headerFilterParams: {\n valuesLookup: true,\n clearable: true,\n },\n hozAlign: \"center\",\n width: \"13%\",\n },\n {\n title: \"Skapad av\",\n field: \"creator_name\",\n headerFilter: \"input\",\n width: \"17%\",\n },\n {\n title: \"Mottagare\",\n field: \"recipient_name\",\n headerFilter: \"input\",\n width: \"17%\",\n },\n {\n title: \"Belopp (ex moms)\",\n field: \"amount\",\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n precision: false,\n thousand: \" \",\n },\n headerFilter: minMaxFilterEditor,\n headerFilterFunc: minMaxFilterFunction,\n headerFilterLiveFilter: false,\n width: \"18%\",\n },\n {\n title: \"Status\",\n field: \"status\",\n formatter: (cell, _formattedParams, _onRendered) => {\n switch (cell.getValue()) {\n case \"pending\":\n return \"Inväntar attest\"\n case \"approved\":\n return \"Attesterad\"\n case \"rejected\":\n return \"Avvisad\"\n case \"processing\":\n return \"Bearbetning\"\n case \"failed\":\n return \"Misslyckad\"\n case \"completed\":\n return \"Slutförd\"\n default:\n return cell.getValue()\n }\n },\n frozen: true,\n headerFilter: \"list\",\n headerFilterParams: {\n values: {\n pending: \"Inväntar attest\",\n approved: \"Attesterad\",\n rejected: \"Avvisad\",\n processing: \"Bearbetning\",\n failed: \"Misslyckad\",\n completed: \"Slutförd\",\n },\n clearable: true,\n },\n },\n {\n title: \"Dokument\",\n field: \"document_url\",\n download: false,\n headerSort: false,\n formatter: (cell, _formattedParams, _onRendered) => {\n if (cell.getValue() !== null) {\n return ``\n }\n },\n headerFilter: \"tickCross\",\n headerFilterParams: {\n tristate: true,\n },\n headerFilterFunc: presenceFilterFunction,\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n table.on(\"rowClick\", (e, row) => {\n // NOTE: Make sure the clicked cell doesn't contain any links,\n // otherwise abort the handler. Check if the anchor element or\n // its descendants were clicked.\n if (e.target.nodeName === \"A\" || e.target.closest(\"a\")) return\n\n const data = row.getData()\n this._showDialog(e, data.api_path)\n })\n\n this.payoutRequestsTable = table\n window.XLSX = XLSX\n }\n\n exportTable(event) {\n event.preventDefault()\n\n let table = this.payoutRequestsTable\n let page = table.getPage()\n let pageSize = table.getPageSize()\n table.setPageSize(this.table_rowCount)\n table.setPage(1).then(function () {\n table.download(\"xlsx\", \"Utbetalningar.xlsx\", {\n sheetName: \"Utbetalningar\",\n })\n table.clearData()\n table.setPageSize(pageSize)\n table.setPage(page)\n table.restoreRedraw()\n })\n }\n\n _transformResponse(response) {\n const pageSize = this.payoutRequestsTable.getPageSize()\n const arr = []\n\n response.data.forEach((row) => {\n arr.push(row.attributes)\n })\n\n return { last_page: calculateTotalPages(response, pageSize), data: arr }\n }\n\n _showDialog(e, apiPath) {\n e.preventDefault()\n\n this.railsFetch(apiPath).then((value) => {\n this.modalPocketTarget.innerHTML = value.html\n setupModal(\"payout-request-modal\")\n this.modalDialogTarget.classList.toggle(\"falldown\")\n })\n }\n\n closeDialog(e) {\n e.preventDefault()\n this.modalDialogTarget.classList.toggle(\"falldown\")\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n addFeedbackToInput,\n removeFeedbackFromInputs,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/form_validation_feedback\"\nimport camelCase from \"camelcase\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"form\",\n \"success\",\n \"failure\",\n \"recipientInput\",\n \"boardMember\",\n \"individualRecipientType\",\n \"legalEntityRecipientType\",\n \"nameLabel\",\n \"name\",\n \"numberLabel\",\n \"number\",\n \"address\",\n \"zipcode\",\n \"town\",\n \"bankName\",\n \"bankClearingNumber\",\n \"bankAccountNumber\",\n \"payoutType\",\n \"expenseType\",\n \"amountLabel\",\n \"amount\",\n \"taxPercentageContainer\",\n \"taxPercentageLabel\",\n \"taxPercentage\",\n \"taxDeductionContainer\",\n \"taxDeduction\",\n \"description\",\n \"document\",\n ]\n\n connect() {\n this._toggleExpenseInputs()\n }\n\n success(event) {\n let [data, _status, _xhr] = event.detail\n\n if (data.message !== undefined && data.message !== \"\") {\n this.successTarget.innerText = data.message\n }\n\n this.failureTarget.classList.add(\"hidden\")\n this.successTarget.classList.remove(\"hidden\")\n\n removeFeedbackFromInputs()\n this.formTarget.reset()\n this._toggleExpenseInputs()\n\n window.scrollTo(0, 0)\n }\n\n failure(event) {\n let [data, _status, _xhr] = event.detail\n\n if (data.message !== undefined && data.message !== \"\") {\n this.failureTarget.innerText = data.message\n }\n\n this.failureTarget.classList.remove(\"hidden\")\n window.scrollTo(0, 0)\n\n removeFeedbackFromInputs()\n\n if (data.errors !== undefined) {\n for (var key in data.errors) {\n addFeedbackToInput(this, key, data.errors[key])\n }\n }\n }\n\n fillRecipientInputs(event) {\n const recipientId = event.currentTarget.selectedOptions[0].value\n const recipientData = event.currentTarget.selectedOptions[0].dataset\n\n if (recipientId !== \"\") {\n this.boardMemberTarget.value = \"\"\n this.boardMemberTarget.disabled = true\n\n this.legalEntityRecipientTypeTarget.disabled = false\n this.nameTarget.disabled = false\n\n for (var key in recipientData) {\n if (key === \"recipient_type\") {\n this.resetRecipientTypeInputs(\n this[`${camelCase(recipientData[key])}RecipientTypeTarget`]\n )\n } else {\n this[`${camelCase(key)}Target`].value = recipientData[key]\n }\n }\n } else {\n this.recipientInputTargets.forEach((target) => {\n target.value = \"\"\n })\n\n this.resetRecipientTypeInputs()\n\n this.boardMemberTarget.disabled = false\n }\n }\n\n resetRecipientTypeInputs(targetToCheck) {\n const target = targetToCheck || this.individualRecipientTypeTarget\n\n target.checked = true\n target.dispatchEvent(new Event(\"change\"))\n }\n\n fillRecipientInputsWithBoardMemberData(event) {\n const boardMemberData = event.currentTarget.selectedOptions[0].dataset\n\n if (\"ss_number\" in boardMemberData) {\n this.resetRecipientTypeInputs()\n this.legalEntityRecipientTypeTarget.disabled = true\n } else {\n this.legalEntityRecipientTypeTarget.disabled = false\n }\n\n this.nameTarget.value = boardMemberData.name || \"\"\n this.numberTarget.value = boardMemberData.ss_number || \"\"\n this.addressTarget.value = boardMemberData.address || \"\"\n this.zipcodeTarget.value = boardMemberData.postal_code || \"\"\n this.townTarget.value = boardMemberData.city || \"\"\n }\n\n toggleRecipientInputs(event) {\n const recipientType = camelCase(event.currentTarget.value)\n\n this.nameLabelTarget.innerText = this.nameLabelTarget.dataset[recipientType]\n this.nameTarget.placeholder = this.nameTarget.dataset[recipientType]\n\n this.numberLabelTarget.innerText = this.numberLabelTarget.dataset[recipientType]\n this.numberTarget.placeholder = this.numberTarget.dataset[recipientType]\n }\n\n togglePayoutInputs(event) {\n const payoutType = event.currentTarget.selectedOptions[0].value\n\n if (payoutType === \"\") {\n this._resetAndToggleTaxPercentageInput({ display: false })\n this._resetAndToggleTaxDeductionInput({ display: false })\n }\n\n if (payoutType === \"expense\") {\n this._toggleExpenseInputs()\n this.documentTarget.required = true\n } else {\n this._resetAndToggleExpenseTypeInput({ enable: false })\n this._resetAndToggleTaxDeductionInput({ enable: false })\n this.documentTarget.required = false\n }\n\n if (payoutType === \"fee\") {\n this._resetAndToggleTaxPercentageInput({ value: 30, display: true })\n this.descriptionTarget.required = false\n } else {\n this.descriptionTarget.required = true\n }\n\n if (payoutType === \"other\") {\n this._resetAndToggleTaxPercentageInput({ display: false })\n } else {\n this.taxPercentageTarget.disabled = false\n }\n\n this.amountLabelTarget.className = payoutType\n\n this.taxPercentageLabelTarget.innerText =\n this.taxPercentageLabelTarget.dataset[payoutType]\n }\n\n fillExpenseInputs(event) {\n const expenseType = event.currentTarget.selectedOptions[0].value\n const expenseTypeData = event.currentTarget.selectedOptions[0].dataset\n\n if (expenseType === \"\") {\n this._resetAndToggleTaxPercentageInput({ display: vatRegistered })\n } else {\n this.taxPercentageTarget.value = Math.trunc(expenseTypeData.vat_percentage)\n }\n }\n\n _toggleExpenseInputs() {\n const isExpense = this.payoutTypeTarget.selectedOptions[0].value == \"expense\"\n const isVatRegistered = this.taxPercentageContainerTarget.dataset.vatRegistered !== undefined\n\n this._resetAndToggleExpenseTypeInput({ enable: isExpense })\n this._resetAndToggleTaxPercentageInput({ display: isExpense && isVatRegistered })\n this._resetAndToggleTaxDeductionInput({ display: isExpense && isVatRegistered })\n\n if (!isExpense) this.amountLabelTarget.className = ''\n }\n\n _resetAndToggleExpenseTypeInput({ enable }) {\n if (enable) {\n this.expenseTypeTarget.required = true\n this.expenseTypeTarget.disabled = false\n } else {\n this.expenseTypeTarget.value = \"\"\n this.expenseTypeTarget.required = false\n this.expenseTypeTarget.disabled = true\n }\n }\n\n _resetAndToggleTaxDeductionInput({ display }) {\n this.taxDeductionTarget.value = \"\"\n this.taxDeductionTarget.required = display\n this.taxDeductionContainerTarget.hidden = !display\n }\n\n _resetAndToggleTaxPercentageInput({ value = \"\", display }) {\n this.taxPercentageTarget.value = value\n this.taxPercentageTarget.required = display\n this.taxPercentageContainerTarget.hidden = !display\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"success\",\n \"failure\",\n \"payoutReviews\",\n \"submit\"\n ]\n\n success(event) {\n let [data, _status, _xhr] = event.detail\n\n this.payoutReviewsTarget.innerHTML = data.html\n\n document.querySelector(\"#payout-request-modal .footer\").remove()\n\n if (data.message !== undefined && data.message !== \"\") {\n this.successTarget.innerText = data.message\n this.successTarget.classList.remove(\"hidden\")\n\n document.querySelector(\"#payout-request-modal .content\").scrollTo(0, 0)\n }\n\n this.failureTarget.classList.add(\"hidden\")\n }\n\n failure(event) {\n let [data, _status, _xhr] = event.detail\n\n if (data.message !== undefined && data.message !== \"\") {\n this.failureTarget.innerText = data.message\n this.failureTarget.classList.remove(\"hidden\")\n\n document.querySelector(\"#payout-request-modal .content\").scrollTo(0, 0)\n }\n }\n\n toggleSubmitButtons(event) {\n const confirmationCheckboxChecked = event.currentTarget.checked\n\n this.submitTargets.forEach((target) => {\n target.disabled = !confirmationCheckboxChecked\n })\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport {\n calculateTotalPages,\n dateFormatter,\n tabulatorSV,\n} from \"../../../../../shared_assets/app/webpack_assets/shared/tabulator_customizations\"\nimport { TabulatorFull as Tabulator } from \"tabulator-tables\"\n\nexport default class extends ApplicationController {\n connect() {\n this._initializeTabulator()\n }\n\n _initializeTabulator() {\n const table = new Tabulator(\"#surcharges-history-table\", {\n layout: \"fitColumns\",\n layoutColumnsOnNewData: true,\n ajaxURL: this.data.get(\"api-url\"),\n dataSendParams: { size: \"page_size\" },\n ajaxResponse: (_url, _params, response) => {\n return this._transformResponse(response)\n },\n pagination: true,\n paginationMode: \"remote\",\n paginationSize: 10,\n paginationSizeSelector: [10, 25, 50, 100],\n columns: [\n {\n title: \"Datum skapat\",\n field: \"created_at\",\n headerSort: false,\n formatter: dateFormatter,\n },\n {\n title: \"Skapad av\",\n field: \"user\",\n headerSort: false,\n },\n {\n title: \"Avser\",\n field: \"residents\",\n headerSort: false,\n },\n {\n title: \"Objekt\",\n field: \"properties\",\n headerSort: false,\n },\n {\n title: \"Period\",\n field: \"start_date\",\n headerSort: false,\n },\n {\n title: \"Typ\",\n field: \"boardroom_kind\",\n headerSort: false,\n },\n {\n title: \"Belopp\",\n field: \"fee\",\n headerSort: false,\n hozAlign: \"right\",\n formatter: \"money\",\n formatterParams: {\n symbol: \" SEK\",\n symbolAfter: true,\n precision: false,\n thousand: \" \",\n },\n },\n {\n title: \"Beskrivning\",\n field: \"description\",\n headerSort: false,\n },\n ],\n locale: \"sv\",\n langs: tabulatorSV(),\n })\n\n this.surchargesHistoryTable = table\n }\n\n _transformResponse(response) {\n const pageSize = this.surchargesHistoryTable.getPageSize()\n const arr = []\n\n response.data.forEach((row) => {\n arr.push(row.attributes)\n })\n\n return { last_page: calculateTotalPages(response, pageSize), data: arr }\n }\n}\n","import { ApplicationController } from \"../../../../../../app/webpack_assets/support/application_controller\"\nimport autoComplete from \"@tarekraafat/autocomplete.js\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"form\",\n \"formSuccess\",\n \"formError\",\n \"propertyField\",\n \"propertyIdField\",\n ]\n\n connect() {\n this.initializeAutoComplete()\n }\n\n submitSuccess() {\n this.formTarget.reset()\n this.formTarget.classList.add(\"hidden\")\n this.formErrorTarget.classList.add(\"hidden\")\n this.formSuccessTarget.classList.remove(\"hidden\")\n\n setTimeout(() => {\n window.location.reload()\n }, 5000)\n }\n\n submitError() {\n this.formErrorTarget.classList.remove(\"hidden\")\n window.scrollTo(0, 0)\n }\n\n initializeAutoComplete() {\n const apiUrl = this.propertyFieldTarget.dataset.apiUrl\n const autoCompleteJS = new autoComplete({\n data: {\n src: async (query) => {\n const response = await fetch(\n `${apiUrl}?query=${encodeURIComponent(query)}`\n )\n const parsedResponse = await response.json()\n const transformedResponse = this._transformResponse(parsedResponse)\n\n return transformedResponse\n },\n cache: false,\n },\n selector: \"#surcharge-form__property-field\",\n searchEngine: (_query, record) => {\n // https://github.com/TarekRaafat/autoComplete.js/issues/284\n // The results are already filtered in the backend.\n // That's why the search engine is disabled and the record is returned as it is.\n return record\n },\n debounce: 500,\n placeHolder: \"Sök...\",\n threshold: 2,\n resultsList: {\n render: true,\n tag: \"ul\",\n position: \"afterend\",\n noResults: true,\n class: \"autoComplete_list\",\n element: (list, data) => {\n if (!data.results.length) {\n const message = document.createElement(\"li\")\n\n message.setAttribute(\"class\", \"no_result\")\n message.setAttribute(\"tabindex\", \"1\")\n message.innerHTML = \"Inga resultat hittades.\"\n\n list.prepend(message)\n }\n },\n },\n resultItem: {\n element: (item, data) =>\n (item.innerHTML = this._propertyTitle(data.value)),\n tag: \"li\",\n },\n })\n autoCompleteJS.input.addEventListener(\"selection\", (event) => {\n this.propertyFieldTarget.value = this._propertyTitle(\n event.detail.selection.value\n )\n\n this.propertyIdFieldTarget.value = event.detail.selection.value.id\n })\n }\n\n _transformResponse(response) {\n const transformedResponse = []\n response.data.forEach((row) => {\n transformedResponse.push(row.attributes)\n })\n return transformedResponse\n }\n\n _propertyTitle(value) {\n return [value.localized_property_type, value.external_id, value.residents].join(\", \")\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { setupModal } from \"../../../../shared_assets/app/webpack_assets/shared/setup_modal\"\nimport { toggleNavbar } from \"../../../../shared_assets/app/web_components/navbar/navbar.js\"\n\nexport default class extends ApplicationController {\n connect() {\n toggleNavbar()\n setupModal(\"authentication-modal\")\n document.addEventListener(\"partial-fetched\", () => {\n this._setupDynamicLabels()\n })\n }\n\n clickOrder(e) {\n if (!this._userSignedIn()) {\n e.preventDefault()\n\n this._toggleAuthModal()\n this._setRedirectAttributes(\"brokersnapshots-orders-new\")\n }\n }\n\n clickTransfer(e) {\n if (!this._userSignedIn()) {\n e.preventDefault()\n\n this._toggleAuthModal()\n this._setRedirectAttributes(\"brokersnapshots-transfers-new\")\n }\n }\n\n _toggleAuthModal() {\n document.querySelector(\"#authentication-modal\").classList.toggle(\"falldown\")\n }\n\n _setRedirectAttributes(data) {\n this._bankIdAuth().setAttribute(\"data-bankid-auth-section-name\", data)\n this._emailAuth().setAttribute(\"data-email-auth-section-name\", data)\n }\n\n _userSignedIn() {\n return this.data.get(\"user-signed-in\") == \"true\"\n }\n\n _bankIdAuth() {\n return document.querySelector(\".modal-authentication-bankid\")\n }\n\n _emailAuth() {\n return document.querySelector(\".modal-authentication-email\")\n }\n}\n","import { BRFSearch } from \"../../../../shared_assets/app/web_components/searchbar/search\"\n\nexport default class extends BRFSearch {\n constructor(selector, options) {\n super()\n\n this.searchbarButton = document.querySelector(\n \".broker-property-autocomplete\"\n )\n this.selector = selector\n this.onSelection = options.onSelection\n this.src = options.src\n this.reset = options.reset\n this.newSearch = options.newSearch\n }\n\n _inputChanged(event) {\n if (event.data == null) {\n this.reset()\n }\n }\n\n _onResultSelection(inputElement, value) {\n inputElement.value = value\n }\n\n _onResultsEvents(eventType) {\n return false\n }\n\n _dropdownEvents(inputElement) {\n if (this.newSearch === true) {\n return false\n }\n inputElement.addEventListener(\"keypress\", () => {\n if (this.btnSwitch === 1) {\n this.searchbarButton.classList.toggle(\"active\")\n this.btnSwitch = 2\n }\n })\n\n inputElement.addEventListener(\n \"focus\",\n this._onResultsEvents.bind(this, \"focus\")\n )\n inputElement.addEventListener(\n \"blur\",\n this._onResultsEvents.bind(this, \"blur\")\n )\n }\n}\n","import { BRFSearch } from \"../../../../shared_assets/app/web_components/searchbar/search\"\nimport { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { default as BrokerPropertySearch } from \"../modules/broker_snapshots_properties_search\"\n\nexport class BrokerSnapshotsBrfSearch extends BRFSearch {\n constructor(options) {\n super()\n\n this.propertyField = options.property\n this.propertiesUrl = options.propertiesUrl\n }\n\n _onResultSelection(inputElement, valueObj) {\n const orgNumber = valueObj.org_number\n document.querySelector(\"#brfmedlem_org_number\").value = orgNumber\n inputElement.value = valueObj.name.replace(/<\\/?em>/g, \"\")\n this.propertyField.value = \"\"\n const newSearch = this.propertySeach != null\n\n this._setupPropertySearch(newSearch, orgNumber)\n }\n\n _filter(_input, _value) {\n return false\n }\n\n _reset() {\n this._filter({\n selection: {\n value: \"\",\n },\n })\n }\n\n _setupPropertySearch(newSearch, orgNumber) {\n const url = this.propertiesUrl + `?org_number=${orgNumber}`\n\n new ApplicationController().railsFetch(url).then((result) => {\n if (result.data) {\n if (newSearch) {\n document\n .querySelectorAll(\".autoComplete_listProperties\")\n .forEach((el) => {\n el.remove()\n })\n }\n this.propertyField.disabled = false\n this.propertySeach = new BrokerPropertySearch(\n \".broker-property-autocomplete\",\n {\n src: result.data,\n reset: this._reset.bind(this),\n disabled: false,\n newSearch: newSearch,\n }\n )\n this.propertySeach.dropdownEvents()\n this.propertySeach.append()\n }\n })\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { BrokerSnapshotsBrfSearch } from \"../modules/broker_snapshots_search_extension\"\nimport Litepicker from \"litepicker\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"form\",\n \"propertySearch\",\n \"submitButton\",\n \"confirmationCheckbox\",\n \"payment\",\n \"klarnaPlaceholder\",\n \"klarnaOrderId\",\n \"contractLabel\",\n \"membershipApplicationLabel\",\n ]\n\n connect() {\n this._disableFields()\n this._setupBrfSearch()\n this._setupLitePickes()\n }\n\n confirmation() {\n if (this.confirmationCheckboxTarget.checked) {\n this.submitButtonTarget.classList.remove(\"button--tertiary\")\n this.submitButtonTarget.classList.add(\"button--primary\")\n } else {\n this.submitButtonTarget.classList.add(\"button--tertiary\")\n this.submitButtonTarget.classList.remove(\"button--primary\")\n }\n }\n\n switchBuyerRequiredFields(e) {\n const fields = Array.from(\n e.target.closest(\".fields-holder\").querySelectorAll(\"input\")\n )\n const isRequired = fields.filter((item) => item.value !== \"\").length > 0\n\n fields.forEach((field) => {\n field.required = isRequired\n })\n }\n\n onShareChange(e) {\n const field = e.target\n const fields = field\n .closest(\".buyer-items-holder\")\n .querySelectorAll(\".buyer-share\")\n let sumShare = 0\n\n if (!field.dataset.mainBuyer) {\n this.switchBuyerRequiredFields(e)\n }\n\n fields.forEach((el) => {\n const value = parseInt(el.value)\n\n if (Number.isInteger(value)) {\n sumShare += value\n }\n })\n\n if (sumShare > 100) {\n field.setCustomValidity(\"andel uppgår till mer än 100 %\")\n field.reportValidity()\n\n return false\n } else {\n fields.forEach((el) => {\n el.setCustomValidity(\"\")\n })\n }\n }\n\n changePayment(e) {\n const payment = e.target.dataset.payment\n this.paymentTarget.value = payment\n\n this._removeSelectPaymnet(e.target)\n this._addSelectPayment(e.target)\n }\n\n validateForm(reportValidity = false) {\n let isValid = true\n const requiredFieldSelectors = \"textarea:required, input:required\"\n const requiredFields = this.formTarget.querySelectorAll(\n requiredFieldSelectors\n )\n\n requiredFields.forEach((field) => {\n if (!field.disabled && !field.value.trim()) {\n isValid = false\n }\n })\n\n const invalidFields = this.formTarget.querySelectorAll(\"input:invalid\")\n\n invalidFields.forEach((field) => {\n if (!field.disabled) {\n if (reportValidity) {\n field.focus()\n field.reportValidity()\n }\n\n isValid = false\n }\n })\n\n return isValid\n }\n\n removeOwner(e) {\n let owner = e.target.closest(\".buyer-item\")\n\n owner.remove()\n }\n\n appendOwner(e) {\n e.preventDefault()\n\n const ownersCount = document.querySelectorAll(\".buyer-item\").length\n\n document\n .querySelector(\".buyer-items-holder\")\n .insertAdjacentHTML(\"beforeend\", this._ownerTemplate(ownersCount))\n }\n\n showPayment(e) {\n e.preventDefault()\n\n const isValid = this.validateForm(false)\n\n if (isValid && this.confirmationCheckboxTarget.checked) {\n this._fetchKlarnaUI()\n } else {\n $(\"#klarna-placeholder\").html(\"\")\n }\n }\n\n submitForm(e) {\n e.preventDefault()\n\n const isValid = this.validateForm(true)\n\n if (isValid && this.confirmationCheckboxTarget.checked) {\n this.formTarget.submit()\n }\n }\n\n updateContractLabel(e) {\n if (e.target.files.length === 0) {\n this.contractLabelTarget.innerHTML =\n \"Ladda upp överlåtelseavtal (drag och släpp filen här)\"\n } else {\n this.contractLabelTarget.innerHTML = e.target.files[0].name\n }\n }\n\n updateMembershipApplicationLabel(e) {\n if (e.target.files.length === 0) {\n this.membershipApplicationLabelTarget.innerHTML =\n \"Ladda upp medlemsansökan (drag och släpp filen här)\"\n } else {\n this.membershipApplicationLabelTarget.innerHTML = e.target.files[0].name\n }\n }\n\n _disableFields() {\n this.propertySearchTarget.setAttribute(\"disabled\", \"true\")\n\n if (this.submitButton) {\n this.submitButtonTarget.setAttribute(\"disabled\", \"true\")\n }\n }\n\n _fetchKlarnaUI() {\n const data = {\n org_number: document.querySelector(\"#brfmedlem_org_number\").value,\n product: \"broker_snapshot\",\n current_url: window.location.href,\n payment: this.paymentTarget.value,\n user_id: this.data.get(\"userId\"),\n source: this.data.get(\"source\"),\n }\n\n const response = this.railsCreate(this.data.get(\"klarnaUrl\"), data)\n\n this._handleResponse(response)\n }\n\n _handleResponse(response) {\n response.then((value) => {\n try {\n this.klarnaOrderIdTarget.value = value.order_id\n const url = this.data.get(\"order-url\")\n const formData = new FormData(this.formTarget)\n\n $(\"#klarna-placeholder\").html(value.html)\n this.railsCreate(url, formData, true)\n } catch (error) {\n Sentry.captureException(error)\n this.klarnaPlaceholderTarget.innerHTML =\n \"Något gick fel, prova att ladda om sidan.\"\n }\n })\n }\n\n _setupLitePickes() {\n if (document.querySelector(\"#litepickerStart\")) {\n this._setUpLitePickerStart()\n this._setUpLitePickerEnd()\n }\n }\n\n _setUpLitePickerStart() {\n new Litepicker({\n element: document.getElementById(\"litepickerStart\"),\n lang: \"sv-SV\",\n firstDay: 1,\n minDays: 1,\n numberOfMonths: 1,\n numberOfColumns: 1,\n singleMode: true,\n showTooltip: false,\n mobileFriendly: true,\n zIndex: 9999999,\n setup: (picker) => {\n picker.on(\"selected\", (date) => {\n document.getElementById(\"litepickerStart\").value =\n this._toLocateDateString(date.dateInstance)\n })\n },\n })\n }\n\n _setUpLitePickerEnd() {\n new Litepicker({\n element: document.getElementById(\"litepickerEnd\"),\n lang: \"sv-SV\",\n firstDay: 1,\n minDays: 1,\n numberOfMonths: 1,\n numberOfColumns: 1,\n singleMode: true,\n showTooltip: false,\n mobileFriendly: true,\n zIndex: 9999999,\n setup: (picker) => {\n picker.on(\"selected\", (date) => {\n document.getElementById(\"litepickerEnd\").value =\n this._toLocateDateString(date.dateInstance)\n })\n },\n })\n }\n\n _toLocateDateString(date) {\n return date.toLocaleDateString(\"sv-se\")\n }\n\n _removeSelectPaymnet(target) {\n let parent = target.closest(\".cards\")\n\n parent.querySelectorAll(\".card\").forEach((el) => {\n el.classList.remove(\"selected\")\n })\n }\n\n _addSelectPayment(target) {\n let card = target.closest(\".card\")\n\n card.classList.add(\"selected\")\n }\n\n _setupBrfSearch() {\n const propertiesUrl = this.data.get(\"propertiesUrl\")\n const search = new BrokerSnapshotsBrfSearch({\n property: this.propertySearchTarget,\n propertiesUrl: propertiesUrl,\n })\n\n search.append()\n }\n\n _ownerTemplate(ownersCount) {\n return `\n `\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\n\nexport default class extends ApplicationController {\n static targets = [ \"content\" ]\n\n static values = {\n url: String,\n }\n\n #initClonableInputsEvent\n\n initialize() {\n this.#initClonableInputsEvent = new window.CustomEvent(\"InitClonableInputs\")\n }\n\n connect() {\n this.show(this.urlValue)\n }\n\n showYear(event) {\n this.show(this.urlValue + \"?year=\" + event.params.year)\n }\n\n show(url) {\n this.railsFetch(url).then(\n ((response) => {\n this.contentTarget.innerHTML = response.body.innerHTML\n document.dispatchEvent(this.#initClonableInputsEvent)\n }).bind(this)\n )\n }\n\n onPostSuccess(event) {\n this.contentTarget.innerHTML = event.detail[0].body.innerHTML\n document.dispatchEvent(this.#initClonableInputsEvent)\n\n const firstErrorElement = this.element.querySelector(\"li.error\")\n const scrollToOptions = { top: 0, left: 0, behavior: \"smooth\" }\n\n if (firstErrorElement) {\n scrollToOptions[\"top\"] = firstErrorElement.offsetTop\n scrollToOptions[\"left\"] = firstErrorElement.offsetLeft\n\n window.scrollTo(scrollToOptions)\n }\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { DynamicLabelDecorator } from \"../../../../shared_assets/app/webpack_assets/shared/dynamic_label_decorator\"\nimport { FileInputDecorator } from \"../../../../shared_assets/app/webpack_assets/shared/file_input_decorator\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"input\",\n \"fileInput\",\n \"documentTemplate\",\n \"documentsContainer\",\n \"documentItem\",\n \"deleteDocument\",\n \"sort\",\n ]\n static values = {\n url: String,\n }\n\n #dynamicLabelDecorator\n #fileInputDecorator\n #sortIndex\n #sortDirection\n #sortClasses\n #adjustInputIndexes\n\n initialize() {\n this.#dynamicLabelDecorator = new DynamicLabelDecorator()\n this.#fileInputDecorator = new FileInputDecorator()\n this.#sortIndex = 0\n this.#sortDirection = [\"default\", \"asc\"]\n this.#sortClasses = {\n default: undefined,\n asc: \"sort-asc\",\n }\n }\n\n connect() {\n this.#dynamicLabelDecorator.init(this.inputTargets)\n this.#fileInputDecorator.init(this.fileInputTargets)\n this.#adjustInputIndexes = new InputIndexesAdjustment()\n }\n\n sort(event) {\n if (this.#sortClasses[this.#sortDirection[this.#sortIndex]]) {\n event.currentTarget.classList.remove(\n this.#sortClasses[this.#sortDirection[this.#sortIndex]]\n )\n }\n this.#sortIndex = (this.#sortIndex + 1) % this.#sortDirection.length\n if (this.#sortClasses[this.#sortDirection[this.#sortIndex]]) {\n event.currentTarget.classList.add(\n this.#sortClasses[this.#sortDirection[this.#sortIndex]]\n )\n }\n\n let sorter\n switch (this.#sortDirection[this.#sortIndex]) {\n case \"asc\":\n sorter = (a, b) =>\n this._sortableValue(a).localeCompare(this._sortableValue(b))\n break\n case \"desc\":\n sorter = (a, b) =>\n this._sortableValue(b).localeCompare(this._sortableValue(a))\n break\n default:\n sorter = (a, b) => {\n const aVal = parseInt(\n a\n .querySelector('select[name*=\"document_type_id\"]')\n .name.match(/.*\\[(\\d+)\\].*/)[1]\n )\n const bVal = parseInt(\n b\n .querySelector('select[name*=\"document_type_id\"]')\n .name.match(/.*\\[(\\d+)\\].*/)[1]\n )\n return aVal < bVal ? -1 : aVal > bVal ? 1 : 0\n }\n }\n\n const sortedDocumentElements = this.documentItemTargets.sort(sorter)\n this.documentsContainerTarget.replaceChildren(...sortedDocumentElements)\n }\n\n addDocument(event) {\n const newDocumentTemplate =\n this.documentTemplateTarget.content.cloneNode(true)\n this.#adjustInputIndexes.perform(newDocumentTemplate)\n\n const newInputs = newDocumentTemplate.querySelectorAll(\"input\")\n this.#dynamicLabelDecorator.init(newInputs)\n\n const newFileInputs =\n newDocumentTemplate.querySelectorAll(\"input[type=file]\")\n this.#fileInputDecorator.init(newFileInputs)\n\n this.documentsContainerTarget.appendChild(newDocumentTemplate)\n }\n\n edit(event) {\n const documentContainer =\n event.currentTarget.parentElement.parentElement.parentElement\n this.#unlockForEditing(documentContainer)\n }\n\n deleteDocument(event) {\n const documentContainer =\n event.currentTarget.parentElement.parentElement.parentElement\n if (window.confirm(event.currentTarget.dataset.message)) {\n documentContainer.remove()\n }\n }\n\n destroy(event) {\n if (window.confirm(event.currentTarget.dataset.message)) {\n const documentContainer =\n event.currentTarget.parentElement.parentElement.parentElement\n documentContainer.classList.add(\"destroy\")\n\n documentContainer\n .querySelectorAll(\"[type=text],[type=file]\")\n .forEach((input) => (input.disabled = true))\n\n const destroyHiddenInput =\n event.currentTarget.querySelector(\"template\").content.children[0]\n event.currentTarget.append(destroyHiddenInput)\n event.currentTarget.hidden = true\n }\n }\n\n _sortableValue(element) {\n const sortableValue = element.querySelector('select[name*=\"document_type_id\"]')\n .selectedOptions[0].innerText\n\n if (!sortableValue.includes(\"Välj\")) {\n return sortableValue\n } else {\n return \"Z9999\"\n }\n }\n\n #unlockForEditing(documentContainer) {\n if (documentContainer.classList.contains(\"edit\")) {\n return\n }\n\n documentContainer.classList.add(\"edit\")\n const documentInputs = this.inputTargets.filter((input) =>\n documentContainer.contains(input)\n )\n documentInputs.forEach((input) => {\n input.parentElement.classList.remove(\"disabled\")\n input.disabled = !input.disabled\n })\n }\n}\n\nexport class InputIndexesAdjustment {\n #fnCustomAdjustments\n #templateIndex\n #currentIndex\n\n constructor(fnCustomAdjustments) {\n this.#fnCustomAdjustments = fnCustomAdjustments\n }\n\n perform(template) {\n const inputs = template.querySelectorAll(\"input,select\")\n\n this.#templateIndex =\n this.#templateIndex || parseInt(inputs[0].name.match(/.*\\[(\\d+)\\].*/)[1])\n this.#currentIndex = this.#currentIndex || this.#templateIndex\n\n inputs.forEach((input) => {\n input.name = input.name.replace(\n `[${this.#templateIndex}]`,\n `[${this.#currentIndex}]`\n )\n input.id = input.id.replace(\n `_${this.#templateIndex}_`,\n `_${this.#currentIndex}_`\n )\n })\n\n const labels = template.querySelectorAll(\"label\")\n labels.forEach((label) => {\n label.setAttribute(\n \"for\",\n label\n .getAttribute(\"for\")\n .replace(`_${this.#templateIndex}_`, `_${this.#currentIndex}_`)\n )\n })\n\n if (this.#fnCustomAdjustments) {\n this.#fnCustomAdjustments(template, this.#currentIndex)\n }\n\n this.#currentIndex++\n }\n}\n","import Handlebars from \"handlebars/dist/cjs/handlebars\"\nimport * as Sentry from \"@sentry/browser\"\nimport { setupApartmentsChart } from \"./modules/setup_apartments_chart\"\nimport { setupModal } from \"./shared/setup_modal\"\nimport { updateCSRFToken } from \"./shared/update_csrf_token\"\nimport {\n clonableInputs,\n initClonedRemovalLinks,\n removeClonedInputs,\n} from \"./shared/clonableInputs\"\n\nwindow.Handlebars = Handlebars\nwindow.setupModal = setupModal\nwindow.setupApartmentsChart = setupApartmentsChart\n\n$(document).ajaxComplete((_event, xhr, _settings) => {\n updateCSRFToken(xhr)\n})\n\nSentry.init({\n dsn: \"https://46382f000443a9936e67b5c8d4aea449@o44841.ingest.us.sentry.io/4506939221671936\",\n allowUrls: [/allabrf/, /anbudskollen/, /brfdata/],\n ignoreErrors: [\n \"Blocked a frame with origin\",\n \"Load denied by X-Frame-Options\",\n \"Page is iframe\",\n \"Unable to get property 'x' of undefined or null reference\",\n \"a[b].target.className.indexOf\",\n \"ResizeObserver loop limit exceeded\",\n /freed script/,\n /Cannot access rules/,\n /UnhandledRejection/,\n \"Invalid scheme\",\n /fetch/,\n ],\n beforeSend(event) {\n if (window.navigator.userAgent.indexOf(\"BingPreview\") !== -1) return null\n\n return event\n },\n})\n\nconst targetEvents = [\"DOMContentLoaded\", \"InitClonableInputs\"]\ntargetEvents.forEach((targetEvent) =>\n document.addEventListener(targetEvent, (_event) => {\n clonableInputs()\n initClonedRemovalLinks()\n removeClonedInputs()\n })\n)\n\ndocument.addEventListener(\"ClonableInputChanged\", (_event) => {\n removeClonedInputs()\n})\n","export function updateCSRFToken(xhr) {\n const headerToken = xhr.getResponseHeader(\"X-CSRF-Token\")\n if (headerToken) {\n document\n .querySelector(\"meta[name=csrf-token]\")\n .setAttribute(\"content\", headerToken)\n }\n}\n","import \"core-js/stable\"\nimport \"regenerator-runtime/runtime\"\n\nimport \"element-closest-polyfill\"\nimport \"custom-event-polyfill\"\nimport \"es6-object-assign\"\nimport \"babel-polyfill\"\nimport \"whatwg-fetch\"\nimport \"chartkick\"\nimport { Application } from \"stimulus\"\nimport Rails from \"@rails/ujs\"\nimport \"../stylesheets/application.scss\"\n\nimport BankidAuthController from \"../controllers/bankid_auth_controller\"\nimport EmailAuthController from \"../controllers/email_auth_controller\"\nimport EmailVerificationAuthController from \"../controllers/email_verification_auth_controller\"\nimport OnboardingCampaignController from \"../controllers/onboarding_campaign_controller\"\nimport FeatureCampaignController from \"../controllers/feature_campaign_controller\"\n\nimport * as allabrf from \"../../../engines/allabrf/app/webpack_assets/application\"\nimport * as brfdata from \"../../../engines/brfdata/app/webpack_assets/application\"\nimport * as anbudskollen from \"../../../engines/anbudskollen/app/webpack_assets/application\"\nimport * as signer from \"../../../engines/signer/app/webpack_assets/application\"\nimport * as register from \"../../../engines/register/app/webpack_assets/application\"\nimport * as broker_snapshots from \"../../../engines/broker_snapshots/app/webpack_assets/application\"\nimport * as bokslut from \"../../../engines/bokslut/app/webpack_assets/application\"\n\nimport \"../../../engines/shared_assets/app/webpack_assets/application\"\n\nwindow.Rails = Rails\n\nconst application = Application.start()\n\napplication.register(\"bankid-auth\", BankidAuthController)\napplication.register(\"email-auth\", EmailAuthController)\napplication.register(\"email-verification-auth\", EmailVerificationAuthController)\napplication.register(\"onboarding-campaign\", OnboardingCampaignController)\napplication.register(\"feature-campaign\", FeatureCampaignController)\n\napplication.register(\"allabrf-application\", allabrf.ApplicationController)\napplication.register(\"welcome\", allabrf.WelcomeController)\napplication.register(\"organizations\", allabrf.OrganizationsController)\napplication.register(\"addresses\", allabrf.AddressesController)\napplication.register(\"org-dashboard\", allabrf.OrgDashboardController)\napplication.register(\"org-contract\", allabrf.OrgContractController)\napplication.register(\"org-folders\", allabrf.OrgFoldersController)\napplication.register(\"org-documents\", allabrf.OrgDocumentsController)\napplication.register(\"infinite-scroll\", allabrf.InfiniteScrollController)\napplication.register(\"brf-contact\", allabrf.BrfContactController)\napplication.register(\"org-loan\", allabrf.OrgLoanController)\napplication.register(\"org-insurance\", allabrf.OrgInsuranceController)\napplication.register(\"organization-tags\", allabrf.OrganizationTagsController)\napplication.register(\"walls\", allabrf.WallsController)\napplication.register(\"subscriptions\", allabrf.SubscriptionsController)\napplication.register(\"klarna-order\", allabrf.KlarnaOrderController)\napplication.register(\n \"apartment-valuation\",\n allabrf.ApartmentValuationController\n)\n\napplication.register(\"brfanalys-download\", allabrf.BrfanalysDownloadController)\napplication.register(\"brfanalys-purchase\", allabrf.BrfanalysPurchaseController)\napplication.register(\n \"brfanalys-subscription-purchase\",\n allabrf.BrfanalysSubscriptionPurchaseController\n)\napplication.register(\n \"brfanalys-subscription\",\n allabrf.BrfanalysSubscriptionController\n)\napplication.register(\n \"brfanalys-component\",\n allabrf.BrfanalysComponentController\n)\n\napplication.register(\"brfdata-application\", brfdata.ApplicationController)\n\napplication.register(\n \"estate-agents-application\",\n broker_snapshots.ApplicationController\n)\n\napplication.register(\"resident-payments\", allabrf.ResidentPaymentsController)\n\napplication.register(\"document-signing\", signer.DocumentSigningController)\napplication.register(\n \"add-organization-data\",\n signer.AddOrganizationDataController\n)\napplication.register(\"tenant-signing\", signer.ParkingApplicationSigning)\n\napplication.register(\n \"tenant-invoice-list\",\n register.TenantInvoiceListController\n)\napplication.register(\n \"tenant-invoice-delivery\",\n register.TenantInvoiceDeliveryController\n)\napplication.register(\"tenant-parkings\", register.TenantParkingsController)\n\napplication.register(\"board-invoice-list\", register.BoardInvoiceListController)\napplication.register(\n \"board-properties-register\",\n register.BoardPropertiesRegisterController\n)\napplication.register(\n \"board-members-register\",\n register.BoardMembersRegisterController\n)\napplication.register(\n \"board-tenants-register\",\n register.BoardTenantsRegisterController\n)\napplication.register(\"board-results\", register.BoardRegisterResultsController)\napplication.register(\n \"board-account-statement\",\n register.BoardRegisterAccountStatementController\n)\napplication.register(\n \"board-register-parking\",\n register.BoardRegisterParkingsController\n)\napplication.register(\n \"board-register-parking-garage\",\n register.BoardRegisterParkingGarageController\n)\napplication.register(\n \"board-register-parking-storage\",\n register.BoardRegisterParkingStorageController\n)\napplication.register(\n \"board-finance-balance\",\n register.BoardFinanceBalanceController\n)\napplication.register(\n \"board-finance-debit\",\n register.BoardFinanceDebitController\n)\n\napplication.register(\n \"board-customer-fees\",\n register.BoardCustomerFeesController\n)\n\napplication.register(\n \"board-customer-payments\",\n register.BoardCustomerPaymentsController\n)\n\napplication.register(\"board-budget-year\", register.BoardBudgetYearController)\n\napplication.register(\n \"board-budget-multiple-year\",\n register.BoardBudgetMultipleYearController\n)\n\napplication.register(\n \"board-budget-analysis\",\n register.BoardBudgetAnalysisController\n)\napplication.register(\n \"board-expenses-history\",\n register.BoardExpensesHistoryController\n)\napplication.register(\"board-expenses-new\", register.BoardExpensesNewController)\napplication.register(\"board-payout-requests\", register.BoardPayoutRequestsController)\napplication.register(\"board-payout-requests-form\", register.BoardPayoutRequestsFormController)\napplication.register(\"board-payout-requests-modal\", register.BoardPayoutRequestsModalController)\napplication.register(\n \"board-surcharges-history\",\n register.BoardSurchargesHistoryController\n)\napplication.register(\n \"board-surcharges-new\",\n register.BoardSurchargesNewController\n)\n\napplication.register(\n \"anbudskollen-application\",\n anbudskollen.ApplicationController\n)\napplication.register(\"anbudskollen-welcome\", anbudskollen.WelcomeController)\napplication.register(\"anbudskollen-pages\", anbudskollen.PagesController)\n\napplication.register(\n \"broker-transfer\",\n broker_snapshots.BrokerTransferController\n)\n\napplication.register(\"bokslut-board-room\", bokslut.BoardRoomController)\napplication.register(\"bokslut-attachments\", bokslut.AttachmentsController)\n\nRails.start()\n","/* eslint-disable class-methods-use-this */\nimport {Controller} from \"stimulus\"\nimport Rails from \"@rails/ujs\"\n\nexport class ApplicationController extends Controller {\n getControllerByIdentifier(identifier) {\n return this.application.controllers.find(\n (controller) => controller.context.identifier === identifier\n )\n }\n\n railsCreate(url, dataObj, isFormData = false) {\n return new Promise((resolve, reject) => {\n let data\n\n if (isFormData) {\n data = dataObj\n } else {\n data = new FormData()\n\n Object.entries(dataObj).forEach((entry) => {\n data.append(entry[0], entry[1])\n })\n }\n\n Rails.ajax({\n url,\n type: \"POST\",\n data,\n success: (response) => {\n resolve(response)\n },\n error: (_jqXHR, _textStatus, errorThrown) => {\n reject(errorThrown)\n },\n })\n })\n }\n\n railsUpdate(url, dataObj, isFormData = false) {\n return new Promise((resolve, reject) => {\n let data\n\n if (isFormData) {\n data = dataObj\n } else {\n data = new FormData()\n\n Object.entries(dataObj).forEach((entry) => {\n data.append(entry[0], entry[1])\n })\n }\n\n Rails.ajax({\n url,\n type: \"PATCH\",\n data,\n success: (response) => {\n resolve(response)\n },\n error: (_jqXHR, _textStatus, errorThrown) => {\n reject(errorThrown)\n },\n })\n })\n }\n\n railsDelete(url) {\n return new Promise((resolve, reject) => {\n Rails.ajax({\n url,\n type: \"DELETE\",\n success: (response) => {\n resolve(response)\n },\n error: (_jqXHR, _textStatus, errorThrown) => {\n reject(errorThrown)\n },\n })\n })\n }\n\n railsFetch(url, with_credentials = false) {\n return new Promise((resolve, reject) => {\n Rails.ajax({\n url,\n type: \"GET\",\n withCredentials: with_credentials,\n success: (response) => {\n resolve(response)\n },\n error: (_jqXHR, _textStatus, errorThrown) => {\n reject(errorThrown)\n },\n })\n })\n }\n}\n","import { ApplicationController } from \"../../../../../app/webpack_assets/support/application_controller\"\nimport { setupFollowModal } from \"../modules/setup_follow_modal\"\nimport { setupBrokerModal } from \"../modules/setup_broker_modal\"\nimport { setupPremiseMap } from \"../modules/setup_premise_map\"\nimport { setupFeeSlider } from \"../modules/setup_fee_slider\"\nimport { setupFeeChart } from \"../modules/setup_fee_chart\"\nimport { setupGenderChart } from \"../modules/setup_gender_chart\"\nimport {\n setupBrokerCarousel,\n setupCarousel,\n setupPhotoCarousel,\n setupPlusHeader,\n} from \"../modules/setup_carousel\"\nimport { setupDocumentFiltering } from \"../modules/setup_document_filtering\"\nimport { setupApartmentsChart } from \"../../../../shared_assets/app/webpack_assets/modules/setup_apartments_chart\"\nimport { setupNeighborData } from \"../../../../shared_assets/app/webpack_assets/modules/setup_neighbor_data\"\nimport { updateSectionUrl } from \"../modules/update_section_url\"\nimport { scrollTo } from \"../modules/setup_scroll\"\nimport { setupModal } from \"../../../../shared_assets/app/webpack_assets/shared/setup_modal\"\n\nimport \"intersection-observer\"\nimport scrollama from \"scrollama\"\n\nexport default class extends ApplicationController {\n static targets = [\n \"mapBtn\",\n \"placeholderMap\",\n \"infoOrgButton\",\n \"infoApartmentsButton\",\n \"informationsParentContainer\",\n \"informationsContainer\",\n \"apartmentsContainer\",\n ]\n\n connect() {\n history.scrollRestoration = \"manual\"\n\n this._setupOrganizationNavbar()\n setupFollowModal()\n setupPlusHeader()\n\n this._initGoogleCharts()\n\n this._lazyLoad()\n this._observeWaypoints()\n }\n\n _lazyLoad() {\n const sections = document.querySelectorAll(\"section.unloaded\")\n sections.forEach((section) => {\n if (section.classList.contains(\"unloaded\")) {\n if (section.children.length) {\n this._initSectionScripts(section)\n } else {\n this.railsFetch(section.getAttribute(\"data-path\")).then((value) => {\n section.insertAdjacentHTML(\"afterbegin\", value.html)\n this._initSectionScripts(section)\n })\n }\n\n section.classList.remove(\"unloaded\")\n }\n })\n }\n\n _observeWaypoints() {\n const scroller = scrollama()\n scroller\n .setup({\n step: \"section.waypoint\",\n })\n .onStepEnter((response) => {\n updateSectionUrl(response.element.getAttribute(\"data-name\"))\n this._highlightMenu()\n })\n }\n\n displayOrganizationInfo(event) {\n event.preventDefault()\n\n this.informationsContainerTarget.classList.add(\"informations--fullview\")\n this.informationsParentContainerTarget.classList.remove(\n \"informationsgradient\"\n )\n\n this._fadeOut(this.infoOrgButtonTarget)\n }\n\n displayApartments(event) {\n event.preventDefault()\n\n this.apartmentsContainerTarget.classList.add(\"apartments--fullview\")\n this.apartmentsContainerTarget.classList.remove(\"apartmentsgradient\")\n\n this._fadeOut(this.infoApartmentsButtonTarget)\n }\n\n scrollToSection(e) {\n e.preventDefault()\n\n const href = e.target.getAttribute(\"href\")\n const target = document.querySelector(href)\n\n if (target === null) {\n return\n }\n\n const path = e.target.getAttribute(\"data-path\")\n\n scrollTo(target)\n updateSectionUrl(path)\n }\n\n activateTenantTab() {\n document.querySelector(\"#tenant-anchor\").click()\n }\n\n onClickLoadMap() {\n document.querySelector(\"#premise-map2\").classList.remove(\"hidden\")\n setupPremiseMap(\"premise-map2\")\n this.mapBtnTarget.remove()\n this.placeholderMapTarget.remove()\n }\n\n enableMapScroll() {\n if (!window.mapboxContainer) {\n return\n }\n\n setTimeout(() => {\n window.mapboxContainer.dragging.enable()\n window.mapboxContainer.touchZoom.enable()\n window.mapboxContainer.doubleClickZoom.enable()\n window.mapboxContainer.scrollWheelZoom.enable()\n }, 1000)\n }\n\n disableMapScroll() {\n if (!window.mapboxContainer) {\n return\n }\n\n window.mapboxContainer.dragging.disable()\n window.mapboxContainer.touchZoom.disable()\n window.mapboxContainer.doubleClickZoom.disable()\n window.mapboxContainer.scrollWheelZoom.disable()\n }\n\n activateDescriptionTabMobile(e) {\n e.currentTarget.parentNode.classList.toggle(\"__active\")\n }\n\n activateDescriptionTab(e) {\n e.preventDefault()\n\n const tabsContainer = e.currentTarget.closest(\".descriptions--container\")\n\n tabsContainer.querySelectorAll(\".tab\").forEach((tab) => {\n tab.classList.add(\"hidden\")\n })\n\n tabsContainer.querySelectorAll(\"li\").forEach((li) => {\n li.classList.remove(\"__active\")\n })\n\n e.currentTarget.classList.add(\"__active\")\n\n const tabId = e.currentTarget\n .querySelector(\"a\")\n .getAttribute(\"data-href-target\")\n document.getElementById(tabId).classList.remove(\"hidden\")\n }\n\n _initSectionScripts(section) {\n for (const script of section.getElementsByTagName(\"script\")) {\n eval(script.innerText)\n }\n\n switch (section.getAttribute(\"data-name\")) {\n case \"ekonomi\":\n setupFeeChart()\n setupFeeSlider()\n break\n case \"info_bilder\":\n setupModal(\"authentication-modal\")\n this._setupInformationsImagesModal()\n break\n case \"forsaljningar\":\n setupCarousel()\n setupBrokerCarousel()\n setupPhotoCarousel()\n setupBrokerModal()\n break\n case \"lagenheter\":\n setupApartmentsChart()\n break\n case \"omradet\":\n setupCarousel()\n setupNeighborData()\n this.disableMapScroll()\n break\n case \"styrelse\":\n setupGenderChart()\n break\n case \"dokument\":\n setupModal(\"authentication-modal\")\n setupDocumentFiltering()\n break\n }\n }\n\n _initGoogleCharts() {\n google.charts.load(\"current\", {\n packages: [\"corechart\", \"bar\", \"table\"],\n language: \"sv\",\n })\n }\n\n _fadeOut(element) {\n element.style.transition = \"0.7s\"\n element.style.opacity = 0\n }\n\n _setupInformationsImagesModal() {\n setupModal(\"informations-images-modal\")\n\n const imagePlaceholder = document.getElementById(\n \"informations-images-image\"\n )\n\n document\n .querySelectorAll(\".informations-images-modal__button\")\n .forEach((button) => {\n button.addEventListener(\"click\", (event) => {\n const img = document.createElement(\"img\")\n img.src = event.currentTarget.getAttribute(\"data-url\")\n\n imagePlaceholder.innerHTML = \"\"\n imagePlaceholder.appendChild(img)\n })\n })\n }\n\n _highlightMenu() {\n document.querySelectorAll(\"header .menu--submenu li a\").forEach((tab) => {\n tab.parentNode.classList.remove(\"active\")\n const path = tab.getAttribute(\"data-path\")\n\n if (window.location.pathname.includes(path)) {\n tab.parentNode.classList.add(\"active\")\n }\n })\n }\n\n _setupOrganizationNavbar = () => {\n document\n .querySelectorAll(\"header .menu--submenu a\")\n .forEach((tab, index) => {\n const path = tab.getAttribute(\"data-path\")\n const section = document.querySelector(`section[data-name='${path}']`)\n\n if (tab.getAttribute(\"data-type\") && section) {\n tab.addEventListener(\"click\", (e) => {\n e.preventDefault()\n\n scrollTo(section)\n updateSectionUrl(path)\n\n this._highlightMenu()\n })\n }\n })\n }\n}\n","/* eslint-disable no-param-reassign */\n/* eslint-disable no-restricted-globals */\n\n/* The method chain starts at getPosition and continues from there.\n * If Geolocation is not supported by browser, nothing happens and no modal is shown.\n */\n\nfunction currentPosition() {\n if ($(\"#nearest-coops-modal\").length) {\n if (window.innerWidth < 768) {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(getPosition, () => {\n $(\"form.new-search\").append(\n 'Aktivera telefonens positionstjänst för att se närliggande BRF
Du är i närheten av ${organization}.
Klicka på den adress du är intresserad av.
`\n )\n\n for (var i = 0; i < listLimit; i += 1) {\n $(\"#nearest-coops-modal .nearest-list\").append(fillCoopList(mainList[i]))\n }\n\n if (mainList.length <= listLimit) {\n $(\"#show-more-text\").hide()\n }\n\n setupModal(\"nearest-coops-modal\")\n\n document.getElementById(\"nearest-coops-modal\").classList.toggle(\"falldown\")\n document.body.classList.toggle(\"falldown\")\n}\n\nfunction fillCoopList(organization) {\n let ratingCode\n\n if (organization.rating_url) {\n ratingCode =\n `
`\n } else {\n ratingCode =\n \"\"\n }\n\n let adressesList = []\n $.each(organization.adressBucket, (index, adresses) => {\n adressesList = `${adressesList}${adresses}`\n })\n\n let listItem =\n `` +\n `${organization.organization_name}`\n\n listItem =\n `${listItem}
${ratingCode}\" +\n \"\" +\n \"\"\n return listItem\n}\n","export function setupBrokerModal() {\n setupModal(\"broker-modal\")\n const parsleyForm = $(\"#lead_generator-form\").parsley()\n\n const fadeAndReplace = function (replaceWith) {\n $(\"#content-broker\").fadeOut(\"slow\", function () {\n $(this).replaceWith(replaceWith)\n $(\"#content-broker\").fadeIn(\"slow\")\n })\n }\n\n $(\"#lead_generator-form\").on(\"submit\", function (event) {\n const formData = $(event.target).serializeArray()\n if (!parsleyForm.isValid()) {\n parsleyForm.validate()\n return false\n }\n\n $.post(window.internal_broker_request_path, formData)\n .done(function (response) {\n const sucessMessage = $(\n \"Tack för din förfrågan
✓
\" +\n \"
\" +\n response.message +\n \"
\"\n )\n fadeAndReplace(sucessMessage)\n })\n .fail(function (response) {\n if (response.description == null) {\n const errorMessage = $(\n \"
Något gick fel
\"\n )\n fadeAndReplace(errorMessage)\n return\n }\n\n const errorMessage = $(\n \"
\" + response.message + \"
\"\n )\n fadeAndReplace(errorMessage)\n })\n\n return false\n })\n}\n","export function setupCarousel() {\n $.each($(\".carousel\"), function (i, slider) {\n var sliderItem = $(slider).find(\".carousel__item\")\n var pageContainer = $(\".app__container\")\n\n if ($(slider).hasClass(\"slick-initialized\")) {\n if (slidesWithinBoundaries(sliderItem, pageContainer)) {\n $(slider).slick(\"unslick\")\n $(slider).addClass(\"slider-disabled\")\n }\n } else {\n if (slidesWithinBoundaries(sliderItem, pageContainer)) {\n } else {\n $(slider).removeClass(\"slider-disabled\")\n if (!$(slider).hasClass(\"component__carousel--broker\")) {\n initializeCarousel(slider)\n }\n }\n }\n })\n}\n\nexport function setupPlusHeader() {\n if (!($(\"#ph-slider\").length > 0)) {\n return\n }\n\n $(\"#ph-slider\").slick({\n infinite: true,\n autoplay: true,\n fade: true,\n autoplaySpeed: 2000,\n speed: 1000,\n arrows: true,\n })\n}\n\nexport function setupPhotoCarousel() {\n if (!($(\".photocarousel\").length > 0)) {\n return\n }\n\n $(\".photocarousel\").slick({\n infinite: false,\n autoplay: true,\n speed: 300,\n arrows: false,\n slidesToShow: 3,\n variableWidth: true,\n })\n}\n\nexport function setupBrokerCarousel() {\n $(\".component__carousel--broker\").slick({\n adaptiveHeight: true,\n })\n}\n\nexport function setupNewOrganizationSlider() {\n var organization_slider = $(\".organization-slider\")\n\n if (!organization_slider.length) {\n return\n }\n cloneSlides(3, organization_slider, \".slide-div\")\n\n organization_slider.slick({\n infinite: true,\n slidesToShow: 3,\n slidesToScroll: 1,\n centerMode: true,\n centerPadding: \"130px\",\n autoplay: true,\n draggable: false,\n variableWidth: true,\n dots: true,\n responsive: [\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n centerMode: true,\n arrows: false,\n draggable: true,\n },\n },\n ],\n })\n\n if ($(\".slick-slide\").hasClass(\"slick-active\")) {\n $(this).find(\"a\").addClass(\"show-a\")\n }\n}\n\n// Cloning slides on breakpoint (slidesToShow equals slides count) to avoid weird margins\nfunction cloneSlides(scrollCount, sliders, targetClass) {\n sliders.each(function () {\n var slider = $(this)\n var slideCount = slider.find(targetClass).length\n\n if (slideCount <= scrollCount && slideCount > 1) {\n slider.children().clone(true, true).appendTo(slider)\n }\n })\n}\n\nfunction slidesWithinBoundaries(slides, container) {\n var slidesWidth = 0\n var offsetFromMargins = 60\n\n $(slides).each(function () {\n slidesWidth += parseInt($(this).outerWidth(), 10)\n })\n\n return slidesWidth < $(container).width() - offsetFromMargins\n}\n\nfunction initializeCarousel(slider) {\n $(slider).slick({\n autoplay: true,\n centerMode: true,\n infinite: true,\n slidesToShow: 3,\n variableWidth: true,\n responsive: [\n {\n breakpoint: 992,\n settings: {\n arrows: false,\n centerPadding: \"20px\",\n slidesToScroll: 1,\n },\n },\n {\n breakpoint: 728,\n settings: {\n arrows: false,\n slidesToShow: 2,\n slidesToScroll: 1,\n },\n },\n {\n breakpoint: 550,\n settings: {\n arrows: false,\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n ],\n })\n}\n","export function setupDocumentFiltering() {\n const highlightParent = (currentLink, targetLevel) => {\n const targetGroup = currentLink.getAttribute(\"data-access-group\")\n const tabRow = currentLink.parentNode.parentNode.querySelectorAll(\n `.tabs__content[data-level=${targetLevel}]`\n )\n\n tabRow.forEach((tab) => {\n if (tab.getAttribute(\"data-access-group\") == targetGroup) {\n tab.classList.remove(\"hidden\")\n\n if (!tab.querySelectorAll(\".tabs__link.__active\").length) {\n const link = tab.querySelector(\".tabs__link\")\n if (link) {\n link.classList.add(\"__active\")\n }\n }\n\n const subCategory = tab.querySelector(\".tabs__link.__active\")\n if (subCategory) {\n highlightChild(\n subCategory,\n subCategory.getAttribute(\"data-filtering\")\n )\n }\n } else {\n tab.classList.add(\"hidden\")\n }\n })\n }\n\n const highlightChild = (currentLink, filterGroup) => {\n const tabRow = currentLink\n .closest(\".tabs__content\")\n .querySelectorAll(\".tabs__content\")\n\n tabRow.forEach((tab) => {\n if (tab.getAttribute(\"data-filtering\") == filterGroup) {\n tab.classList.remove(\"hidden\")\n } else {\n tab.classList.add(\"hidden\")\n }\n })\n }\n\n document.querySelectorAll(\".tabs__link\").forEach((link) => {\n link.addEventListener(\"click\", (event) => {\n const currentLink = event.currentTarget\n const targetLevel = currentLink.getAttribute(\"data-level\")\n const filterGroup = currentLink.getAttribute(\"data-filtering\")\n\n document\n .querySelectorAll(`.tabs__link[data-level=${targetLevel}]`)\n .forEach((link) => {\n link.classList.remove(\"__active\")\n })\n\n currentLink.classList.add(\"__active\")\n\n if (targetLevel == \"parent\") {\n highlightParent(currentLink, targetLevel)\n } else if (targetLevel == \"children\" && filterGroup) {\n highlightChild(currentLink, filterGroup)\n }\n })\n })\n}\n","function drawFeeChart() {\n const data = new google.visualization.DataTable()\n const tooltipHtml = `\n
\n
{{name}}
\n
Årsavgift per m² {{number}} kr
\n
`\n const tooltipTemplate = Handlebars.compile(tooltipHtml)\n\n data.addColumn(\"string\", \"name\")\n data.addColumn(\"number\", \"Årsavgift per m²\")\n data.addColumn({ type: \"string\", role: \"style\" })\n data.addColumn({ type: \"number\", role: \"annotation\" })\n data.addColumn({ type: \"string\", role: \"tooltip\", p: { html: true } })\n\n const orgFee = Math.round(window.graph_data.org_fee) || null\n const averageFee = Math.round(window.graph_data.average_fee) || null\n\n const contextBRF = {\n name: window.graph_data.simplified_name,\n number: orgFee,\n graphType: \"context-brf\",\n }\n const contextCity = {\n name: window.graph_data.county,\n number: averageFee,\n graphType: \"context-city\",\n }\n\n data.addRows([\n [\n window.graph_data.simplified_name,\n window.graph_data.org_fee,\n \"#59277E\",\n orgFee,\n tooltipTemplate(contextBRF),\n ],\n ])\n\n if (averageFee !== null) {\n data.addRows([\n [\n window.graph_data.county,\n window.graph_data.average_fee,\n \"#D7D3C8\",\n averageFee,\n tooltipTemplate(contextCity),\n ],\n ])\n }\n\n const options = {\n legend: \"none\",\n vAxis: {\n viewWindow: {\n min: 0,\n },\n gridlines: {\n color: \"transparent\",\n },\n textStyle: {\n color: \"#666666\",\n fontName: \"Lato\",\n fontSize: \"14\",\n },\n formatOptions: { groupingSymbol: \" \" },\n baselineColor: \"#cccccc\",\n },\n hAxis: {\n textStyle: {\n color: \"#666666\",\n fontName: \"Lato\",\n fontSize: \"14\",\n },\n },\n colors: [\"#59277e\", \"#d7d3c8\"],\n animation: {\n startup: true,\n duration: 500,\n easing: \"out\",\n },\n fontSize: \"16\",\n fontName: \"Lato\",\n tooltip: { isHtml: true },\n }\n\n const chart = new google.visualization.ColumnChart(\n document.getElementById(\"monthlyfee--graph\")\n )\n chart.draw(data, options)\n\n window.onresize = () => {\n chart.draw(data, options)\n }\n}\n\nexport function setupFeeChart() {\n if (!window.graph_data) {\n return\n }\n\n google.charts.setOnLoadCallback(drawFeeChart)\n}\n","// For the economy section slider that checks monthly fee * square meters\nexport function setupFeeSlider() {\n if ($(\"#slider-value\").length > 0) {\n var slider = $(\"#fee_slider\")\n var value = $(\"#slider-value\")\n var size = $(\"#slider-size\")\n\n slider.on(\"input\", function (event) {\n var squaremeters = event.target.value\n var fee = value.data().feePerM2\n size.html(squaremeters)\n value.html(\n Math.round((fee * squaremeters) / 12.0).toLocaleString(\"sv-se\", {\n useGrouping: true,\n }) + \" kr\"\n )\n })\n }\n\n if ($(\"#fee-slider\").length > 0) {\n var slider = $(\"#fee-slider\")\n\n updateSubscriptionSum(slider)\n\n slider.on(\"input\", function (event) {\n if (slider.val() == \"250\") {\n togglePriceVisibility(true)\n } else {\n togglePriceVisibility(false)\n updateSubscriptionSum(slider)\n }\n })\n }\n\n function updateSubscriptionSum(slider) {\n var qty = slider.val()\n var per_unit = 30\n var base_fee = 4000\n\n var yearly_total = qty * per_unit + base_fee\n var total_sum = Math.ceil(yearly_total / 12 / qty)\n\n $(\"#per-year\").html(yearly_total)\n $(\"#total\").html(isFinite(total_sum) ? total_sum : 0)\n }\n\n function togglePriceVisibility(hidden) {\n if (hidden) {\n $(\".range-item__result\").addClass(\"hidden\")\n $(\"#ring-for-offer\").removeClass(\"hidden\")\n } else {\n $(\".range-item__result\").removeClass(\"hidden\")\n $(\"#ring-for-offer\").addClass(\"hidden\")\n }\n }\n}\n","/*\nSetup the \"follow organization\" modal.\nVisitors can follow organizations even if they don\"t have an account or arent signed in.\nTo check against this (for a browser session at least), we store follow information in sessionStorage.\n\nNote that the logic for checking if a user is logged in and has already subscribed is located in the relevant .haml file\n*/\nexport function setupFollowModal() {\n var parsleyForm = $(\"#follow-form\").parsley()\n\n $(\"#follow-modal-role\").change(function () {\n if ($(\"#follow-modal-role\").val() === \"boardmember\") {\n $(\"#bofokus-checkbox\").removeClass(\"hidden\")\n return\n }\n\n $(\"#bofokus-checkbox\").addClass(\"hidden\")\n })\n\n if (sessionStorage.getItem(\"following-\" + window.orgSlug)) {\n disableFollowButton()\n } else {\n setupModal(\"follow-modal\")\n\n if (\n !sessionStorage.getItem(\"following-\" + window.orgSlug) &&\n !sessionStorage.getItem(\"autofollow\")\n ) {\n try {\n window.openFollowModal = setTimeout(function () {\n var followButton = document.querySelector(\".follow-modal__button\")\n if (followButton) {\n followButton.click()\n }\n }, 15000)\n\n $(document).on(\"click\", \"follow-modal__button\", function () {\n clearTimeout(openFollowModal)\n })\n\n sessionStorage.setItem(\"autofollow\", true)\n } catch (error) {\n if (error.name !== \"QuotaExceededError\") {\n throw error\n }\n }\n }\n\n $(\"#follow-form\").submit(function () {\n if (!parsleyForm.isValid()) {\n parsleyForm.validate()\n return false\n }\n\n // Pick up the URL from the form\n $.post($(this).attr(\"action\"), $(this).serializeArray())\n .done(function (response) {\n $(\"#follow-contact-body\").addClass(\"hidden\")\n $(\"#follow-contact-response\").removeClass(\"hidden\")\n\n if (response.status == \"error\") {\n $(\"#follow-contact-response\").html(\n '
' + \"
\" + response.message + \"
\"\n )\n } else {\n $(\"#follow-contact-response\").html(\n '
✓
' +\n \"
\" +\n response.message +\n \"
\"\n )\n disableFollowButton()\n }\n\n try {\n sessionStorage.setItem(\"following-\" + window.orgSlug, \"true\")\n } catch (error) {\n if (error.name !== \"QuotaExceededError\") {\n throw error\n }\n }\n })\n .fail(function (response) {\n if (response.responseJSON) {\n $(\".follow__requesterror\").html(response.responseJSON.text)\n }\n })\n\n return false\n })\n }\n}\n\nfunction disableFollowButton() {\n $(\".follow-modal__button\").prop(\"disabled\", true).addClass(\"__disabled\")\n}\n","export function setupGenderChart() {\n const females = $(\"#styrelse-donutchart--gender\").data(\"females\")\n const males = $(\"#styrelse-donutchart--gender\").data(\"males\")\n\n const sum = females + males\n let malePercentage = 0\n let femalePercantage = 0\n\n if (!(sum === 0)) {\n malePercentage = Math.round((males / sum) * 100)\n femalePercantage = Math.round((females / sum) * 100)\n }\n\n const femalesDisplayString = {\n displayString: \"Andel kvinnor: \" + femalePercantage + \"%\",\n }\n const maleDisplayString = {\n displayString: \"Andel män: \" + malePercentage + \"%\",\n }\n\n google.charts.setOnLoadCallback(drawChart)\n\n function drawChart() {\n const data = new google.visualization.DataTable()\n const tooltipHtml = \"
{{displayString}}\"\n const tooltipTemplate = Handlebars.compile(tooltipHtml)\n\n data.addColumn(\"string\", \"gender\")\n data.addColumn(\"number\", \"value\")\n data.addColumn({ type: \"string\", role: \"tooltip\", p: { html: true } })\n\n data.addRows([\n [\n femalesDisplayString.displayString,\n females,\n tooltipTemplate(femalesDisplayString),\n ],\n [\n maleDisplayString.displayString,\n males,\n tooltipTemplate(maleDisplayString),\n ],\n ])\n\n const options = {\n pieHole: 0.7,\n pieSliceText: \"none\",\n colors: [\"#CCCCCC\", \"#59277E\"],\n legend: {\n textStyle: { fontSize: 15 },\n position: \"bottom\",\n alignment: \"center\",\n },\n chartArea: {\n right: 20,\n left: 20,\n },\n tooltip: { isHtml: true },\n }\n const chart = new google.visualization.PieChart(\n document.getElementById(\"styrelse-chart--gender\")\n )\n chart.draw(data, options)\n }\n}\n","import * as Sentry from \"@sentry/browser\"\n\nexport function setupPremiseMap(id, options, localMapboxKey = null) {\n options = options || {}\n options.minZoom = 15\n\n const element = document.getElementById(id)\n let markers = {}\n\n try {\n markers = JSON.parse(element.dataset.markers) || options.markers\n } catch (_e) {\n markers = options.markers\n }\n\n if (element && element.dataset.boundaries) {\n options.maxBounds = JSON.parse(element.dataset.boundaries)\n }\n\n if (element && markers) {\n try {\n L.mapbox.accessToken = localMapboxKey || window.mapboxKey\n\n const markerIcon = {\n icon: L.icon({\n iconUrl: element.dataset.icon,\n }),\n }\n\n const mapboxContainer = L.mapbox.map(id, \"mapbox.streets\", options)\n\n mapboxContainer.setView(markers[0], 9)\n\n markers.forEach((marker) => {\n L.marker(marker, markerIcon).addTo(mapboxContainer)\n })\n\n mapboxContainer.fitBounds(markers)\n window.mapboxContainer = mapboxContainer\n } catch (error) {\n Sentry.captureException(error)\n }\n }\n}\n","import { updateSectionUrl } from \"./update_section_url\"\n\nexport function setupScrollTop(scrollButton) {\n // For initialization, we must have an element where the display is _not_ set to none\n // This means that we have to setup all event handlers first, and _then_ set display:none (fadeOut) as the page loads.\n window.addEventListener(\"scroll\", () => {\n if (window.pageYOffset > 350) {\n scrollButton.classList.remove(\"fadeOut\")\n } else {\n scrollButton.classList.add(\"fadeOut\")\n }\n })\n\n window.addEventListener(\"DOMContentLoaded\", () => {\n scrollButton.addEventListener(\"click\", () => {\n updateSectionUrl(\"\")\n window.scrollTo({ top: 0, behavior: \"smooth\" })\n })\n\n // Sometimes you reload a page or go back, and you are already scrolled down a page as it loads, then we don't\n // want to fadeOut out the .scrollButton circle, so we check against pageYOffset one more time.\n if (window.pageYOffset <= 350) {\n scrollButton.classList.add(\"fadeOut\")\n }\n })\n}\n\nexport function scrollTo(element) {\n const bodyRect = document.body.getBoundingClientRect().top\n const elementRect = element.getBoundingClientRect().top\n const elementPosition = elementRect - bodyRect\n\n const headerOffset = document.querySelector(\"header\").offsetHeight + 20\n\n window.scrollTo({ top: elementPosition - headerOffset, behavior: \"smooth\" })\n}\n","/* eslint-disable no-restricted-globals */\nexport function updateSectionUrl(section) {\n const queryParamsIdx = location.href.indexOf(\"?\")\n const queryParams =\n queryParamsIdx > -1 ? location.href.substring(queryParamsIdx) : \"\"\n const path =\n window.pagePath + (section.length != 0 ? `/${section}` : \"\") + queryParams\n\n // Only execute logic if we're actually changing page\n if (\n typeof window.location.href.endsWith !== \"function\" ||\n window.location.href.endsWith(path)\n ) {\n return\n }\n\n // Update history/current URL\n if (typeof history.pushState !== \"undefined\") {\n history.replaceState({}, \"\", path)\n } else {\n console.log(\"Browser does not support history\")\n }\n\n // Trigger GoogleAnalytics page view\n if (typeof ga !== \"undefined\") {\n ga(\"send\", \"pageview\")\n }\n}\n","export function hideNavbar() {\n _toggleNavbar(false)\n}\n\nexport const toggleNavbar = () => {\n const menuSwitch = _getMenuSwitch()\n if (menuSwitch) {\n menuSwitch.addEventListener(\"click\", (e) => {\n e.preventDefault()\n\n _toggleNavbar()\n })\n }\n}\n\nfunction _getMenuSwitch() {\n return document.querySelector(\".menu--toggler\")\n}\n\nfunction _toggleNavbar(force) {\n _getMenuSwitch().classList.toggle(\"__active\", force)\n\n document.querySelectorAll(\".nav--main\").forEach((el) => {\n el.classList.toggle(\"__active\", force)\n })\n}\n","import autoComplete from \"@tarekraafat/autocomplete.js\"\n\nexport class BRFSearch {\n constructor() {\n this.searchbarButton = document.querySelector(\".search-button\")\n this.btnSwitch = 1\n\n this.useDropdownEvents = false\n this.useNavbarEvents = false\n this.selector = \".brf-autocomplete\"\n }\n\n dropdownEvents() {\n this.useDropdownEvents = true\n }\n\n navbarEvents() {\n this.useNavbarEvents = true\n }\n\n append() {\n document.querySelectorAll(this.selector).forEach((inputElement) => {\n this._initAutoComplete(inputElement)\n\n if (this.useDropdownEvents) {\n this._dropdownEvents(inputElement)\n }\n\n if (this.useNavbarEvents) {\n this._navbarEvents(inputElement)\n }\n })\n }\n\n _navbarEvents(inputElement) {\n const searchButton = document.querySelector(\".searchicon\")\n\n if (searchButton) {\n searchButton.addEventListener(\"click\", () => {\n inputElement.closest(\".search-box\").classList.add(\"active\")\n inputElement.focus()\n })\n }\n\n const closeButton = document.querySelector(\".search-close\")\n\n if (closeButton) {\n closeButton.addEventListener(\"click\", () => {\n inputElement.closest(\".search-box\").classList.remove(\"active\")\n })\n }\n }\n\n _dropdownEvents(inputElement) {\n inputElement.addEventListener(\"keypress\", () => {\n if (this.btnSwitch === 1) {\n this.searchbarButton.classList.toggle(\"active\")\n this.btnSwitch = 2\n }\n })\n }\n\n _initAutoComplete(element) {\n const autocompleteJS = new autoComplete({\n selector: () => {\n return element\n },\n data: this._dataSource(),\n searchEngine: \"loose\",\n debounce: 250,\n resultsList: {\n render: true,\n tag: \"ul\",\n id: \"autoComplete_list\",\n class: \"autoComplete_list\",\n position: \"afterend\",\n noResults: true,\n element: (list, data) => {\n if (!data.results.length) {\n const message = document.createElement(\"li\")\n\n message.setAttribute(\"class\", \"no_result\")\n message.setAttribute(\"tabindex\", \"1\")\n message.innerHTML = \"Inga resultat hittades.\"\n\n list.prepend(message)\n }\n },\n },\n resultItem: {\n tag: \"li\",\n element: (item, data) => {\n if (data.key === \"org_number\") {\n data.match = `
${data.value.name}`\n }\n\n item.innerHTML = data.match.replace(\n /Bostadsföreningen|Bostadsrättsföreningen|Bostadsrättsförening/g,\n \"BRF\"\n )\n },\n },\n })\n\n autocompleteJS.input.addEventListener(\"selection\", (event) => {\n if (typeof this.onSelection !== \"undefined\") {\n return this.onSelection(\n autocompleteJS.input,\n event.detail.selection.value\n )\n } else {\n return this._onResultSelection(\n autocompleteJS.input,\n event.detail.selection.value\n )\n }\n })\n }\n\n _dataSource() {\n if (typeof this.src === \"undefined\") {\n return {\n src: async (query) => {\n const resp = await fetch(\n `${this._host()}/items/names?query=${encodeURIComponent(query)}`\n )\n const data = await resp.json()\n return data.items\n },\n keys: [\"name\", \"org_number\"],\n cache: false,\n }\n } else {\n return {\n src: this.src,\n cache: false,\n }\n }\n }\n\n _host() {\n const locationHost = window.location.host\n const locationPort = window.location.port\n const engines = [\n \"staging.brfdata\",\n \"brfdata\",\n \"staging.anbudskollen\",\n \"anbudskollen\",\n \"staging.maklarportal.allabrf\",\n \"maklarportal.allabrf\",\n \"staging.allabrf\",\n \"allabrf\",\n ]\n\n const tildaPages = \"sv.allabrf.se\"\n\n const hostExists = engines.some((engine) => {\n return locationHost.includes(engine) && !locationHost.includes(tildaPages)\n })\n\n if (hostExists) {\n return window.location.origin\n } else {\n return `https://www.allabrf.se:${locationPort}`\n }\n }\n\n _onResultSelection(inputElement, valueObj) {\n const container = inputElement.closest(\".search-box\")\n switch (container.dataset.placement) {\n case \"landing\":\n case \"navbar\":\n inputElement.value = valueObj.name.replace(/<\\/?em>/g, \"\")\n\n if (valueObj.type === \"area\") {\n location.href = `${this._host()}/items/summaries?query=${encodeURIComponent(\n valueObj.name.replace(/<\\/?em>/g, \"\")\n )}`\n } else {\n location.href = `${this._host()}/${encodeURIComponent(valueObj.slug)}`\n }\n\n break\n case \"brfdata\":\n inputElement.value = valueObj.name.replace(/<\\/?em>/g, \"\")\n\n if (valueObj.type === \"area\") {\n location.href = `/brfdata/search?query=${encodeURIComponent(\n valueObj.name.replace(/<\\/?em>/g, \"\")\n )}`\n } else {\n location.href = `/brfdata/${encodeURIComponent(valueObj.slug)}`\n }\n\n break\n case \"tilda\":\n inputElement.value = valueObj.name.replace(/<\\/?em>/g, \"\")\n\n const orgNumberInputElement = inputElement\n .closest(\"form\")\n .querySelector(\".orgnumber-autocomplete\")\n if (orgNumberInputElement) {\n orgNumberInputElement.value = valueObj.org_number\n }\n default:\n break\n }\n }\n}\n","export function setupApartmentsChart() {\n if (\n !document.querySelectorAll(\"#module-lagenheter, #apartments-chart\").length\n ) {\n return\n }\n\n // group together all apartments bigger than 5 rooms\n var roomsDistribution = [\n [\"1 rum\", 0, 0],\n [\"2 rum\", 0, 0],\n [\"3 rum\", 0, 0],\n [\"4 rum\", 0, 0],\n [\"5+ rum\", 0, 0],\n ]\n\n $(\"#apartments-chart\")\n .data(\"rooms-distribution\")\n .forEach(function (keyVal) {\n var key = Math.min(keyVal[0], 5)\n var val = keyVal[1]\n\n roomsDistribution[key - 1][1] += val\n roomsDistribution[key - 1][2] += val\n })\n\n google.charts.load(\"current\", {\n packages: [\"corechart\"],\n language: \"sv\",\n callback: drawChart,\n })\n\n function drawChart() {\n var data = new google.visualization.DataTable()\n data.addColumn(\"string\", \"NumbRooms\")\n data.addColumn(\"number\", \"Antal\")\n data.addColumn({ type: \"number\", role: \"annotation\" })\n data.addRows(roomsDistribution)\n\n var options = {\n annotations: {\n textStyle: {\n color: \"#666666\",\n fontName: \"Lato\",\n fontSize: 14,\n },\n },\n legend: \"none\",\n vAxis: {\n textPosition: \"none\",\n viewWindow: {\n min: 0,\n },\n gridlines: {\n color: \"transparent\",\n },\n textStyle: {\n color: \"#666666\",\n fontName: \"Lato\",\n fontSize: \"14\",\n },\n formatOptions: { groupingSymbol: \" \" },\n baselineColor: \"#cccccc\",\n },\n hAxis: {\n textStyle: {\n color: \"#666666\",\n fontName: \"Lato\",\n fontSize: \"14\",\n },\n },\n colors: [\"#59277e\", \"#d7d3c8\"],\n animation: {\n startup: true,\n duration: 500,\n easing: \"out\",\n },\n fontSize: \"16\",\n fontName: \"Lato\",\n tooltip: { isHtml: true },\n chartArea: {\n left: \"14%\",\n width: \"75%\",\n },\n bar: {\n groupWidth: \"45%\",\n },\n }\n\n var chart = new google.visualization.ColumnChart(\n document.getElementById(\"apartments-chart\")\n )\n chart.draw(data, options)\n\n window.onresize = function () {\n chart.draw(data, options)\n }\n }\n}\n","export function setupNeighborData() {\n if (typeof window.neighborDataUrl == \"undefined\") {\n return\n }\n\n const parentContainer = document.getElementById(\"neighbor-data\")\n if (parentContainer === null) {\n return\n }\n\n fetch(window.neighborDataUrl)\n .then((response) => response.text())\n .then((data) => {\n parentContainer.innerHTML = data\n\n if (parentContainer.querySelectorAll(\"ul li\").length) {\n setupNeighborTabs()\n }\n })\n}\n\nconst setupNeighborTabs = () => {\n const tabs = document.querySelectorAll(\"#neighbor-data li\")\n const categories = [\n \"kommunikationer\",\n \"rekreation\",\n \"skola\",\n \"ovrigt\",\n \"vatten\",\n ]\n\n document\n .querySelector(\"#neighbor-data button\")\n .addEventListener(\"click\", () => {\n document.querySelector(\"#neighbor-data nav\").classList.toggle(\"__active\")\n })\n\n categories.forEach((category) => {\n const categoryTab = document.querySelector(\n `.neighbordata__tab--${category}`\n )\n if (!categoryTab) {\n return\n }\n\n categoryTab.addEventListener(\"click\", (e) => {\n e.preventDefault()\n\n tabs.forEach((tab) => tab.classList.remove(\"__active\"))\n e.currentTarget.classList.add(\"__active\")\n\n document\n .querySelectorAll(\".neighbordata__content\")\n .forEach((content) =>\n content.classList.remove(\"neighbordata__content--visible\")\n )\n document\n .querySelector(`.neighbordata__content--${category}`)\n .classList.add(\"neighbordata__content--visible\")\n })\n })\n}\n","const inputClonedEvent = new window.CustomEvent(\"ClonableInputChanged\")\nconst inputCloningStartedEvent = new window.CustomEvent(\n \"ClonableInputWillChange\"\n)\n\nconst lastCLonableNode = () => {\n const nodes = document.querySelectorAll(\"[data-clonable]\")\n return nodes[nodes.length - 1]\n}\n\nconst clonablesCount = () => {\n return document.querySelectorAll(\"[data-clonable]\").length\n}\n\nconst replaceIndex = (node, attribute, oldValue, newValue) => {\n node.attributes[attribute] &&\n node.setAttribute(\n attribute,\n node.getAttribute(attribute).replace(oldValue, newValue)\n )\n}\n\nexport const clonableInputs = () => {\n const lastClonableNode = lastCLonableNode()\n if (!lastClonableNode) {\n return\n }\n\n const container = lastClonableNode.parentNode\n let link = container.querySelector(\"[data-clonable-trigger]\")\n if (!link) {\n link = document.createElement(\"a\")\n link.href = \"#\"\n link.innerHTML = \"Add new\"\n link.dataset.clonableTrigger = \"true\"\n lastClonableNode.after(link)\n }\n\n document.querySelectorAll(\"[data-clonable-trigger]\").forEach((el) => {\n el.addEventListener(\"click\", (e) => {\n e.preventDefault()\n\n document.dispatchEvent(inputCloningStartedEvent)\n\n let clonableContainer\n if (el.dataset.clonableTemplateSelector) {\n clonableContainer = container.querySelector(\n el.dataset.clonableTemplateSelector\n )\n } else {\n clonableContainer = e.currentTarget.previousElementSibling\n }\n const clone = clonableContainer.cloneNode(true)\n\n clone.querySelectorAll(\"select\").forEach((selectField) => {\n selectField.id = Math.random().toString().substr(2, 5)\n })\n clone.querySelectorAll(\"[value]\").forEach((field) => {\n field.value = \"\"\n })\n // Rails params processor expects enumerated collection for nested fields\n // to work.\n const nodes = clone.querySelectorAll(\"[name],[for]\")\n const matches = (\n nodes[0].getAttribute(\"name\") || nodes[0].getAttribute(\"for\")\n ).match(/(.*\\[(\\d+)\\].*)|(.*_(\\d+)_.*)/)\n if (matches) {\n const index = parseInt(matches[2] || matches[4])\n nodes.forEach((node) => {\n replaceIndex(node, \"name\", `[${index}]`, `[${index + 1}]`)\n replaceIndex(node, \"id\", `_${index}_`, `_${index + 1}_`)\n replaceIndex(node, \"for\", `_${index}_`, `_${index + 1}_`)\n })\n }\n\n clonableContainer.insertAdjacentElement(\"afterend\", clone)\n document.dispatchEvent(inputClonedEvent)\n })\n })\n}\n\nexport const initClonedRemovalLinks = () => {\n document.querySelectorAll(\"[data-clonable]\").forEach((el) => {\n const link = document.createElement(\"a\")\n\n link.href = \"#\"\n link.innerHTML = \"Remove item\"\n link.dataset.clonableRemove = \"true\"\n link.classList.add(\"m-right-8\")\n\n el.insertAdjacentElement(\"beforeend\", link)\n })\n}\n\nexport const removeClonedInputs = () => {\n document.querySelectorAll(\"[data-clonable-remove]\").forEach((el) => {\n el.addEventListener(\"click\", (e) => {\n e.preventDefault()\n\n const removableContainer = e.currentTarget.parentNode\n if (removableContainer) {\n if (clonablesCount() == 1) {\n removableContainer.nextSibling.remove()\n flushInputs(\n removableContainer,\n removableContainer.getAttribute(\"data-name\")\n )\n }\n\n el.remove()\n removableContainer.remove()\n\n document.dispatchEvent(inputClonedEvent)\n }\n })\n })\n}\n\nconst flushInputs = (container, name) => {\n const removalFlag = document.createElement(\"input\")\n\n removalFlag.type = \"hidden\"\n removalFlag.name = name\n removalFlag.value = \"remove\"\n\n container.insertAdjacentElement(\"afterend\", removalFlag)\n}\n","export class FileInputDecorator {\n #eventNames\n\n constructor() {\n this.#eventNames = [\"change\"]\n }\n\n init(targets) {\n targets.forEach((fileInput) => {\n const label = fileInput.parentElement.querySelector(\"label\")\n\n this.#setExistingFilenameAsDefaultLabel(fileInput, label)\n\n this.#eventNames.forEach((eventName) =>\n fileInput.addEventListener(eventName, (event) =>\n this.#decorate(event.currentTarget, label)\n )\n )\n })\n }\n\n #setExistingFilenameAsDefaultLabel(fileInput, label) {\n if (fileInput.title != \"\" && label != undefined) {\n label.innerHTML = fileInput.title\n }\n }\n\n #decorate(fileInput, label) {\n label.dataset.defaultText = label.dataset.defaultText || label.innerHTML\n const template = label.dataset.template || \"${filename}\"\n\n let labelText, filename\n if (fileInput.files.length == 0) {\n labelText = fileInput.title || label.dataset.defaultText\n } else {\n filename = fileInput.files[0].name\n labelText = eval(`\\`${template}\\``)\n }\n\n label.innerHTML = labelText\n }\n}\n","/* eslint-disable no-param-reassign */\n//\n// Call this when you set up a new modal.\n// params:\n// modalName, name of modal. Note that id, buttonclass and modal closeid must have proper naming.\n// options, onButtonClick is a customizable function. Example would be that we load in new content when activating the modal.\n// default function is just to activate and display the modal.\n//\n\nexport function setupModal(modalName, options) {\n const modal = document.getElementById(modalName)\n const body = document.querySelector(\"body\")\n\n if (!modal) {\n return\n }\n\n // Default function for modal, can be overridden for custom modal load functions\n options = options || {}\n const onButtonClick =\n options.onButtonClick ||\n ((e) => {\n e.preventDefault()\n\n modal.classList.add(\"falldown\")\n body.classList.add(\"falldown\")\n })\n\n // Get the button that opens the modal\n // Construct is needed for IE, would complain otherwise\n const btnConstruct = `.${modalName}__button`\n const btns = document.querySelectorAll(btnConstruct)\n // Get the element that closes the modal\n const closeButton = document.querySelectorAll(`.${modalName}__close`)\n const closeEvent = new window.CustomEvent(\"modal-closed\")\n\n function handleCloseEvent(e) {\n // Prevent body from jumping on close\n e.preventDefault()\n\n modal.dispatchEvent(closeEvent)\n modal.classList.remove(\"falldown\")\n body.classList.remove(\"falldown\")\n }\n\n // When the user clicks on the button, open the modal\n Array.prototype.slice.call(btns).forEach((btn) => {\n btn.addEventListener(\"click\", onButtonClick)\n })\n\n // When the user clicks on (x), close the modal\n closeButton.forEach((button) => {\n button.addEventListener(\"click\", (e) => {\n handleCloseEvent(e)\n })\n })\n\n document.addEventListener(\"keyup\", (e) => {\n if (e.keyCode === 27) {\n if (options.preventClosingByKey) {\n return\n }\n handleCloseEvent(e)\n }\n })\n\n // When the user clicks anywhere outside of the modal, close it\n window.addEventListener(\"mousedown\", (e) => {\n if (e.target === modal) {\n if (options.preventClosingFromOutside) {\n return\n }\n handleCloseEvent(e)\n }\n })\n}\n"],"names":["$","button","on","e","hasClass","preventDefault","length","change","fileLabel","target","files","fileName","name","text","allowedTypesForDescription","toggleDocumentDescriptionVisibility","includes","val","removeClass","addClass","children","remove","window","setupModal","this","find","indexOf","maxChar","attr","textValue","trimText","replace","remainChar","keyup","desc","remain","len","substring","targetItem","trigger","css","test","navigator","userAgent","_default","_ApplicationControlle","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","key","value","event","statusMessageTarget","innerHTML","token","detail","auto_start_token","hideQrCode","_redirectToBankID","statusContainerTarget","classList","formTarget","add","_setRedirectCookie","_pollAuthStatus","clearInterval","bankIDPolling","errorContainerTarget","swapLabels","undefined","document","querySelector","_this","statusUrl","data","get","setInterval","response","railsFetch","_handleResponse","_this2","then","status","message","qrCodeTarget","qrCode","switchToEmail","location","setTimeout","assign","_showErrorMessage","error","Sentry","path","concat","errorMessageTarget","Cookies","set","expires","ApplicationController","spinnerContainerTarget","url","_defineProperty","form","checkValidity","formData","FormData","action","railsCreate","_handleSaveResponse","tmpSubmit","createElement","appendChild","click","removeChild","pathname","match","_fetchCampaign","_currentSlideCounter","_lastSlideCounter","_toggleModal","Rails","fire","_toNextSlide","_updateSlideIndex","previousTarget","nextTarget","_toPrevSlide","getElementById","checked","_toggleConfirmationForm","toggle","body","hasOwnProperty","modalBodyTarget","content","forEach","element","i","title","slideHTML","contents","insertAdjacentHTML","_updateTitle","close_confirmation","_disableCloseConfirmation","parseInt","slide_count","modalFooterTarget","slidesCountTarget","campaignIdTarget","id","preventClosingFromOutside","preventClosingByKey","slideIndex","_slideByIndex","modalTitleTarget","getAttribute","nextSlide","currentSlide","_toggleSlide","currentSlideTarget","prevSlide","slide","getElementsByClassName","slideIndexTarget","removeAttribute","modalCloseConfirmationTarget","_step","_iterator","_createForOfIteratorHelper","querySelectorAll","_loop","addEventListener","_assignDataFromTrigger","s","n","done","err","f","modalTarget","_this3","_enableCloseConfirmation","setAttribute","DynamicLabelDecorator","inputs","_classPrivateMethodInitSpec","_decorate","input","_classPrivateMethodGet","_decorate2","call","dataset","hasValue","toggleNavbar","_setupScrollTop","_setupDynamicLabels","_setupSearch","scrollButton","setupScrollTop","init","hideNavbar","search","BRFSearch","navbarEvents","dropdownEvents","append","setupNewOrganizationSlider","el","currentTarget","speculantsSlide","residentsSlide","boardSlide","style","transform","_len","args","Array","_key","_assertThisInitialized","tab","index","section","scrollTo","updateSectionUrl","_highlightMenu","_setupOrganizationNavbar","setupFollowModal","_initGoogleCharts","_initSectionScripts","apartmentsContainerTarget","_fadeOut","infoApartmentsButtonTarget","mapboxContainer","dragging","enable","touchZoom","doubleClickZoom","scrollWheelZoom","disable","setupPremiseMap","mapBtnTarget","placeholderMapTarget","setupFeeChart","setupFeeSlider","_setupInformationsImagesModal","setupCarousel","setupBrokerCarousel","setupPhotoCarousel","setupBrokerModal","setupApartmentsChart","setupNeighborData","disableMapScroll","setupDocumentFiltering","google","charts","load","packages","language","transition","opacity","imagePlaceholder","img","src","BlocksGenerator","apiData","container","className","_data","_slicedToArray","sort","amount","label","linkUrl","block","_blockClassName","link","_parseValue","toLocaleString","useGrouping","isNaN","ExpensesGraph","earnings","expenses","dataArray","joinedArr","months","map","_ref","_ref2","date","push","month","removeDuplicates","reduce","arr","item","some","obj","sumEarnings","sumExpenses","filter","dd","_el","sortedData","a","b","_drawChart","toString","charAt","toUpperCase","slice","labelsArr","negativeExpenses","positiveEarnings","Math","abs","_toUpperCase","visualization","arrayToDataTable","formatter","NumberFormat","fractionDigits","groupingSymbol","format","ColumnChart","draw","_options","width","height","isStacked","colors","legend","bar","groupWidth","vAxis","seriesType","chartArea","top","SpecificationsGraph","arrayOfData","role","expensesData","kind","category","cost","account_group_name","noNegatives","PieChart","pieHole","pieSliceText","selectColumns","columns","menu","shift","column","icon","isVisible","textContent","getDefinition","stopPropagation","nullToEmptyString","_type","_params","_column","calculateTotalPages","pageSize","total","meta","floatFormatter","cell","formatterParams","onRendered","getValue","parseFloat","boolFormatter","currencyFormatter","dateFormatter","Date","toISOString","minMaxFilterEditor","success","cancel","editorParams","end","start","buildValues","keypress","keyCode","padding","boxSizing","cloneNode","minMaxFilterFunction","headerValue","rowValue","rowData","filterParams","presenceFilterFunction","BalancesGraph","time","balance","toLocaleDateString","LineChart","dateRange","getColumnRange","ticksAxisH","min","getTime","max","tick","getMonth","v","hAxis","ticks","textPosition","textStyle","fontSize","viewWindow","gridlines","color","position","curveType","_regeneratorRuntime","t","r","Object","prototype","o","defineProperty","Symbol","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","type","arg","h","l","y","GeneratorFunction","GeneratorFunctionPrototype","p","d","getPrototypeOf","values","g","defineIteratorMethods","_invoke","AsyncIterator","invoke","resolve","__await","callInvokeWithMethodAndArg","Error","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","reset","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","async","Promise","keys","reverse","pop","prev","stop","rval","handle","complete","finish","delegateYield","asyncGeneratorStep","gen","reject","_next","_throw","info","_asyncToGenerator","fn","self","_defineProperties","props","descriptor","_toPropertyKey","_setPrototypeOf","bind","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","ReferenceError","_possibleConstructorReturn","hint","prim","toPrimitive","res","String","Number","_toPrimitive","subClass","superClass","Constructor","protoProps","staticProps","_fetchTransactions2","_fetchApiData2","instance","_fetchApiData","_initiateDashboardBlocks","_plotBalanceHistory","parentNode","contains","_callee","fromDate","toDate","apiTransactions","_context","_fetchTransactions","_expensesGraph","chartExpensesTarget","_specificationsGraph","costSpecificationTarget","_callee2","paginatedRequests","totalPages","request","_context2","_paginatedUrl","all","responses","flat","row","attributes","t0","failedToLoadTarget","page","expensesGraph","registered_at","split","join","toLocaleLowerCase","assemble","plot","todaysDate","dataUpUntilToday","specificationsGraph","balanceHistory","JSON","parse","balanceGraph","accountDevelopmentTarget","customerData","dashboardBlocksTarget","build","_initializeTabulator","_setUpLitePicker","_toggleDocuments","loadingMessageTarget","innerText","submitButtonTarget","disabled","formSuccessTarget","contractsTable","setData","datepicker","clearSelection","xhr","parsedResponse","errors","formErrorTarget","confirm","rowNumber","railsDelete","deleteRow","deleteMessageTarget","alertContractsContainerTarget","_this4","columnsLayout","field","frozen","getData","impending_renewal","end_date","cssClass","notice_period","headerSort","_formattedParams","_onRendered","contract_file","getRow","destroy_path","getIndex","table","Tabulator","layout","initialSort","dir","ajaxURL","ajaxResponse","_url","_updateWarningMessage","last_page","ajaxError","_xhr","_textStatus","_errorThrown","_showError","pagination","paginationMode","paginationSize","ajaxProgressiveLoad","locale","langs","sv","ajax","loading","groups","items","first","first_title","last","last_title","prev_title","next_title","page_size","headerFilters","default","_this5","togglerItemTarget","renewalsCount","impending_renewals","extension_date","now","listItem","description","anbudskollen_url","toggler","Litepicker","lang","firstDay","minDays","numberOfMonths","numberOfColumns","splitView","singleMode","showTooltip","mobileFriendly","zIndex","minDate","startDate","_formatDates","endDate","dateInstance","dispatchEvent","Event","_disableFormButton","alertContainerTarget","_enableFormButton","formButtonTarget","LoanTimeChart","totalsByPeriod","other","_normalizeRowFixation","months_fixation","filtered","sumAboveFourYears","alignment","right","left","LoanPerSqmChart","yearlyDebt","totalArea","_parseLoansFromKpis","_parseLoansFromApi","getFullYear","loanSum","averageInterestSum","interest_rate","debtPerSqm","interest","_parseYear","toFixed","ComboChart","series","targetAxisIndex","vAxes","minValue","minorGridlines","axes","side","print","printRowRange","addRowPos","_setupCustomerData","notCustomerTarget","ajaxConfig","credentials","lender","external_ref","due_date","_lastUpdatedAt","_averageLoanRate","_averageMonthlyFixation","loansChart","loanTimeChartTarget","parseFixation","loansSqmChart","loanPerSqmChartTarget","prepareData","updatedSFDates","updated_at","lastUpdatedAtTarget","debt","timesRateAmount","totalLoanAmount","averageLoanRateTarget","lastAvailableYear","monthsFixation","every","averageMonthlyFixationTarget","count","PremiumsChart","premiumData","damageData","_lastFiveItems","year","_getFullYear","premium","damage_count","removeDuplicateYears","sumDamages","sumPremiums","_graphDataset","dataSet","AreaChart","pointSize","areaOpacity","pointShape","viewWindowMode","baseline","InsuranceGrid","gridOne","gridTwo","word","int","entry","company","deductible","deductible_water","brf_supplement","_buildColumns","firstColumn","company_logo_url","_hasValue","_translate","ends_at","_toLocale","isArray","_arrayWithHoles","_iterableToArrayLimit","minLen","_arrayLikeToArray","from","_unsupportedIterableToArray","_nonIterableRest","arr2","_damagesCall2","_insuranceCall2","_initializeInsuranceTabulator","_initializeDamagesTabulator","_redrawOnActiveTab","insuranceHistoryTarget","layoutColumnsOnNewData","insuranceTable","insuranceDamagesTarget","widthGrow","damagesTable","redraw","_yield$Promise$all","_yield$Promise$all2","apiInsuranceData","apiDamagesData","_insuranceCall","_damagesCall","_setupPremiumData","_filterData","_setupGridData","_lastTenItems","keepGoing","respInsurance","_callee3","respDamage","_context3","insurancedata","damagedata","premiumChart","premiumsChartTarget","gridOneTarget","gridTwoTarget","_showVisualNotification2","_saveChange","_handleUpdate","cross","_handleDelete","payload","railsUpdate","_showVisualNotification","_response","parentElement","targetDiv","_x","filterApartments","address","each","parent","is","unwrap","removeAttr","updateMonthlyFee","selection","apartmentSize","feePerM2","yearlyFee","apartmentFee","round","selected","eq","options","selectedIndex","ready","apartmentsFiltering","_createValuation","html","klarnaPlaceholderTarget","_handleSubscriptionInfo","user_email","reload","subscription_status","_showCancelButton","_showPurchaseButton","subscriptionData","tableData","display","brfAnalysPolling","_downloadAnalys","_clearPollingInterval","_createAnalys","stageVerificationTarget","stageManualProcessingTarget","stageDownloadTarget","artifactUrlTarget","artifactTitleTarget","orgSlug","brfanalys_id","stageEmailDeliveryTarget","_exec","exec","_initMapboxFromAddress","_fetchKlarnaUI","subscriptionFlagTarget","singleFlagTarget","matchingResult","features","x","relevance","mapContainerTarget","markers","center","product","org_number","current_url","href","first_purchase","user_id","manual_capture","source","_selectButton","_showBrokerButton","today","expDate","expiration_date","_showDownloadButton","buttonPlaceholderTarget","displayOwners","property","payer","billable","owners","included","checkboxChecked","resident","bankIdCalled","_fetchResidentInfo","_banksListListener","switchBankTabsTarget","selectedTab","params","selectedBank","banksListTarget","selectedBankFormTarget","_displayManualAccountForm","resident_id","customer_id","bank","_showBankIDWaitingMessage","_fetchBankAccountStatus","public_id","selectedAccount","bankAccountsTarget","selectedBankSigningTarget","clearing","account","validBankAccountsTarget","customerId","signAutogiroLoop","_fetchSignAutogiroStatus","reference_token","manualBankTarget","manualClearingNrTarget","manualAccountNrTarget","autogiroSectionTarget","properties","_collectCheckboxes","eInvoiceBanksListTarget","_handleInvoicePromise","einvoiceSectionTarget","email","invoiceEmailTarget","emailSectionTarget","_this6","invoiceMailAddressTarget","zipcode","invoiceMailZipcodeTarget","town","invoiceMailTownTarget","postalSectionTarget","_this7","selectedBankControlsTarget","bank_id_autostart_token","bankIdInfoTarget","qr","_autostartBankIdMobile","toLowerCase","_hideBankIDControls","_displayAccounts","refToken","signAutogiroInterval","accountInfo","_this8","ref_token","_createAutogiroApproval","_this9","bankid_reference","account_numbers","_hideBankIDsection","accountsList","accountsForm","autogiro_compatible","clearing_no","account_no","selectedBankTarget","system","_showBankIDControls","_this10","residentIds","residentUrl","_fetchPropertyInfo","_this11","relationships","pid","propertiesUrl","_displayPropertyInfo","property_type","propertiesPlaceholderTarget","rooms","size","area","sup","property_number","localized_property_type","annual_fee","residenceTemplate","annual_lease_fee","otherTemplate","checkboxes","makeBillableTargets","propertyId","autostartToken","open","_this12","switchClass","resetInfiniteScroll","object","infinite","infiniteScrollController","paginationTarget","canAddObject","tbody","getElementsByTagName","pages","application","getControllerForElementAndIdentifier","sortable","Sortable","folderListTarget","onEnd","_endSortable","orderByUpdate","_pages","_clearForm","_event$detail","_inquiryFormHandler","editRow","closest","_event$detail2","footerTarget","dialogEditFormTarget","_e$detail","elementToDelete","_e$detail2","state","option","reorderIconTarget","_switchSorting","orderUpdateTarget","dialogFormTarget","stringify","errorTextTarget","folderNameTarget","newIndex","orderByName","orderByDate","SortableDisabled","template","mainContainerTarget","_initiateSortable","pagy","docmentsListTarget","order","_getOrder","_orderHandler","orderDateTarget","orderNameTarget","documentElement","scrollHeight","offsetHeight","clientHeight","pageYOffset","innerHeight","_loadMore","nextPage","setTimeToRedirectText","intervalId","redirectMessageTick","secondsToRedirectValue","redirectToUrlValue","secondsToRedirectTarget","timeUnitNameValue","one","secondsToRedirect","redirectToUrl","timeUnitName","addFeedbackToInput","context","inputKey","inputName","inputTarget","camelCase","after","removeFeedbackFromInputs","tagsTarget","group","_onSortableEnd","_resetForm","_toggleHorizontalRule","hide","organizationTagId","selectedOptions","submitTarget","hrTarget","Parsley","defaultMessage","number","integer","digits","alphanum","notblank","required","pattern","range","minlength","maxlength","mincheck","maxcheck","check","equalto","notequalto","_sideMenu","_toggleNav","_closeNav","sideMenuItems","sideMenuItem","otherItems","trigger_ga_event","ga","AnbudskollenSearch","_BRFSearch","inputElement","valueObj","_setupSlider","_highlightProcessSteps","slick","dots","arrows","autoplay","processSteps","processFeatures","step","feature","_trackEvent","requestModalBodyTarget","_requestModalActions","_analysisModalActions","service","slug","rejection","responseText","transport","hitCallback","console","log","signPollingId","bankidReference","_slideTitle","_disableSign","_handleSignResponse","reference","statusPlaceholderTarget","_enableSign","order_ref","_pollStatus","document_id","signedCallbackFieldTarget","signContainerTarget","footerContainerTarget","_stopPolling","_handleDocumentSigned","statusText","signButtonTarget","cancelButtonTarget","dynamicLabelDecorator","_showFinished","finishedDivTarget","containerDivTarget","placeFormTarget","placeUrl","placeResponse","_handlePlaceSet","currentContainer","_handlePlaceInfo","bodyContainerTarget","_activateFieldset","toggleAttribute","deliveryMethod","fieldset","_initializeUnpaidTabulator","_initializePaidTabulator","unPaidTable","_tabulatorSkeleton","unpaidInvoicesTarget","paidTable","paidInvoicesTarget","invoiceStatus","history","ajaxParams","_transformResponse","_invoiceColumns","Intl","currency","minimumFractionDigits","maximumFractionDigits","_formatterParams","dateStyle","trim","pdf","residentEmail","leaveQueueFormTarget","leavePlaceFormTarget","modal","_handleDialogResponse","dialog","dialogContainerTarget","_toggleDialog","_setResponseContainer","addPlaceFormTarget","_handleQueueResponse","closeQueueDialog","_handleLeaveQueueResponse","_handleLeavePlaceResponse","_handleDeletePlaceResponse","headerDialogTarget","bodyDialogTarget","mainFooterDialogTarget","switchFooterDialogTarget","_remove_or_set_card","addQueueFormTarget","parkingInfoContainerTarget","bankContentTarget","responsePlace","activeElement","_fetchCustomerData","invoices_updated_at","lastUpdatePlaceholderTarget","emptyDatePlaceholderTarget","invoicelistTable","_printTotals","table_rowCount","download","XLSX","getPage","getPageSize","setPageSize","setPage","documentProcessing","workbook","sheet","Sheets","Sheet1","sheet_add_aoa","origin","decode_range","Row","Column","cellref","encode_cell","clearData","restoreRedraw","sum","invoice_sum","totalsContainerTarget","totalsCountPlaceholderTarget","totalsSumPlaceholderTarget","loadActiveTabContents","tabName","containerName","initFunc","parentContainer","_parentContainer$getB","getBoundingClientRect","bottom","sanitizeXlsxExport","headerColumns","utils","buildPaginatedResidentTable","apiUrl","transformResponse","initTableWithPagedData","_x2","_x3","fetch","json","addData","_x4","_x5","_x6","_x7","_conditionalConnect","propertiesTable","_fetchData","resident_names","_extractResidentNames","resident_phone_numbers","_extractResidentPhoneNumbers","fee","_calculateFee","headerMenu","getColumns","headerContextMenu","visible","hozAlign","filename","sheetName","Objekt","lease","included_data","residents","_filterResidents","phone_number","connected_entry","_fetchData2","residentsTable","accessorDownload","Medlemmar","tenantsTable","Hyresgaster","_displaySumInTransit","in_transit","_showWarning","deposits_in_transit","depositsInTransitTarget","payouts_in_transit","payoutsInTransitTarget","depositTable","paidAt","bookedAt","paymentKind","paginationDataSent","paginationSizeSelector","combined_fee","bookingEnd","bookingStart","edit_path","has_file","file_path","show_path","parkingsTable","dialogModalTarget","replaceData","parking_place","booking_start","booking_end","queue","parkingGaragesTable","registerModule","AjaxModule","DataTreeModule","DownloadModule","ExportModule","financialYears","periodTarget","tabulator","_windowInnerWidth","dataTree","dataTreeStartExpanded","dataTreeExpandElement","dataTreeCollapseElement","dataTreeBranchElement","_formatCurrency","level","balanceTable","_transformItem","transformedItem","opening_balance","balance_difference","closing_balance","_children","clientWidth","innerWidth","elements","minmaxBudgetYears","callback","_dateToTimeInCurrentTimezone","_datepickerMinTime","getFinancialYearFor","_datepickerMaxTime","_callback","pickerOptions","_defaultOptions","startPicker","_objectSpread","endPicker","picker","getDate","setDate","financialYear","fy","maxDate","setup","_pickerPreselected","_pickerDateSelected","getTimezoneOffset","pickerSelectInitiator","_adjustEndDate","_adjustStartDate","fromDateTarget","toDateTarget","_toLocateDateString","switchEnabled","financialYearsRawData","minBudgetYear","maxBudgetYear","doublePicker","DoublePicker","_yearApiData","switchTarget","exportTarget","isLoadingTarget","_filterHandler","previewUrl","startFinancialYear","_periodFinancialYearStart","changeTxtColor","getElement","dataTable","dataTreeChildIndent","mode","rowFormatter","current_amount","past_amount","budget","_nameHeader","responsive","getTreeParent","fontWeight","currentAmount","EditModule","InteractionModule","FilterModule","FormatModule","_elementId","WeakMap","_ajaxURL","_redrawOn","_onDataProcessed","_onCellEdited","_onFiltering","_onFiltered","_hideZeroValues","_expandedStatuses","_layout","elementId","_classPrivateFieldInitSpec","_classPrivateFieldSet","redrawOn","onProcessed","onCellEdited","onFiltering","onFiltered","hideZeroValues","connect","_classPrivateFieldGet","_formatRow","_isExpanded","_cellEdited","_dataProcessed","_dataFiltering","_dataFiltered","_dataTreeExpanded","_dataTreeCollapsed","_setRedrawEvents","_writeExpandStatus","allDataFlat","clearFilter","setFilter","_filterTree","_fetchExpandStatus","rowId","treeExpand","timeout","headerRow","rows","dataRows","cells","_headersReducer","setColumns","_rowMapper","accumulator","parent_row_id","parentRow","header","column_index","editor","editable","_editCheck","tooltip","thousand","precision","rowObject","_dataRowReducer","cellId","getColumn","getField","_","CustomEvent","allZeros","getTreeChildren","getCells","filters","getRows","selector","onSelection","uriAttrName","BoardBudgetTable","_beforeFiltering","_filtered","_hideProgress","BudgetSearch","_filter","firstColumnValues","_reset","searchContainerTarget","_input","rowElement","_BaseBudgetController","_buildTable","BaseBudgetController","cashflowTable","feeAnalysisTable","sheets","kassaflödestabell","_initializeYears","_initializeMonths","filterYearsTarget","filterMonthsTarget","organizationName","debitTable","firstRow","cellRef","select","monthNames","ajaxURLGenerator","config","period","defaultURLGenerator","_populateFooter","dataSendParams","sortMode","footerElement","_footer","unpaid","totalTarget","invoiceSumTarget","paidTarget","paid","unpaidTarget","_intializeDatepicker","_fetchCustomerFees","to","SheetNames","_fetchCustomerPayments","symbol","symbolAfter","expensesHistoryTable","clearAndDisableNameField","enableNameField","ssNumberTarget","ss_number","addressTarget","zipcodeTarget","postal_code","townTarget","city","nameTarget","headerFilter","headerFilterParams","valuesLookup","clearable","headerFilterFunc","headerFilterLiveFilter","pending","approved","rejected","processing","failed","completed","tristate","nodeName","_showDialog","api_path","payoutRequestsTable","apiPath","modalPocketTarget","modalDialogTarget","_toggleExpenseInputs","successTarget","failureTarget","recipientId","recipientData","boardMemberTarget","legalEntityRecipientTypeTarget","resetRecipientTypeInputs","recipientInputTargets","targetToCheck","individualRecipientTypeTarget","boardMemberData","numberTarget","recipientType","nameLabelTarget","placeholder","numberLabelTarget","payoutType","_resetAndToggleTaxPercentageInput","_resetAndToggleTaxDeductionInput","documentTarget","_resetAndToggleExpenseTypeInput","descriptionTarget","taxPercentageTarget","amountLabelTarget","taxPercentageLabelTarget","expenseType","expenseTypeData","vatRegistered","trunc","vat_percentage","isExpense","payoutTypeTarget","isVatRegistered","taxPercentageContainerTarget","expenseTypeTarget","taxDeductionTarget","taxDeductionContainerTarget","hidden","_ref3","_ref3$value","payoutReviewsTarget","confirmationCheckboxChecked","submitTargets","surchargesHistoryTable","initializeAutoComplete","_src","propertyFieldTarget","autoCompleteJS","autoComplete","query","transformedResponse","encodeURIComponent","cache","searchEngine","_query","record","debounce","placeHolder","threshold","resultsList","render","tag","noResults","class","list","results","prepend","resultItem","_propertyTitle","propertyIdFieldTarget","external_id","_userSignedIn","_toggleAuthModal","_setRedirectAttributes","_bankIdAuth","_emailAuth","searchbarButton","newSearch","eventType","btnSwitch","_onResultsEvents","BrokerSnapshotsBrfSearch","propertyField","orgNumber","propertySeach","_setupPropertySearch","_value","BrokerPropertySearch","_disableFields","_setupBrfSearch","_setupLitePickes","confirmationCheckboxTarget","fields","isRequired","sumShare","mainBuyer","switchBuyerRequiredFields","isInteger","setCustomValidity","reportValidity","payment","paymentTarget","_removeSelectPaymnet","_addSelectPayment","isValid","focus","ownersCount","_ownerTemplate","validateForm","submit","contractLabelTarget","membershipApplicationLabelTarget","propertySearchTarget","submitButton","klarnaOrderIdTarget","order_id","captureException","_setUpLitePickerStart","_setUpLitePickerEnd","_initClonableInputsEvent","show","urlValue","contentTarget","firstErrorElement","scrollToOptions","behavior","offsetTop","offsetLeft","_dynamicLabelDecorator","_fileInputDecorator","_sortIndex","_sortDirection","_sortClasses","_adjustInputIndexes","_unlockForEditing","WeakSet","_createClass","FileInputDecorator","asc","inputTargets","fileInputTargets","InputIndexesAdjustment","_this$documentsContai","sorter","_sortableValue","localeCompare","aVal","bVal","sortedDocumentElements","documentItemTargets","documentsContainerTarget","replaceChildren","_toConsumableArray","newDocumentTemplate","documentTemplateTarget","perform","newInputs","newFileInputs","documentContainer","_unlockForEditing2","destroyHiddenInput","sortableValue","_fnCustomAdjustments","_templateIndex","_currentIndex","fnCustomAdjustments","_this$currentIndex","Handlebars","ajaxComplete","_event","_settings","headerToken","getResponseHeader","updateCSRFToken","dsn","allowUrls","ignoreErrors","beforeSend","targetEvent","clonableInputs","initClonedRemovalLinks","removeClonedInputs","Application","register","BankidAuthController","EmailAuthController","EmailVerificationAuthController","OnboardingCampaignController","FeatureCampaignController","allabrf","brfdata","broker_snapshots","signer","anbudskollen","bokslut","_Controller","identifier","controllers","controller","dataObj","isFormData","entries","_jqXHR","errorThrown","with_credentials","withCredentials","Controller","scrollRestoration","setupPlusHeader","_lazyLoad","_observeWaypoints","scrollama","onStepEnter","informationsContainerTarget","informationsParentContainerTarget","infoOrgButtonTarget","tabsContainer","li","tabId","script","eval","setupGenderChart","getPosition","lat","coords","latitude","long","longitude","margin","limit","pipe","fail","responseCode","getOrganization","responseBody","responseArray","bucketedOrganizationNameArray","organizationArray","mainList","listLimit","uniqueorganizationchecker","organization_name","organization","coopLength","inArray","fillCoopList","renderList","indexOfOrganization","adressBucket","rating_year","rating_url","organization_rating","organization_url","distance","adressParts","adressesStrings","adressesString","objKey","bucketIndex","adress","firstNumberInAdressOccurenceIndex","adressPart","numberPart","ratingCode","adressesList","adresses","geolocation","getCurrentPosition","parsleyForm","parsley","fadeAndReplace","replaceWith","fadeOut","fadeIn","serializeArray","post","internal_broker_request_path","sucessMessage","errorMessage","validate","slider","sliderItem","pageContainer","slidesWithinBoundaries","centerMode","slidesToShow","variableWidth","breakpoint","settings","centerPadding","slidesToScroll","initializeCarousel","fade","autoplaySpeed","speed","adaptiveHeight","scrollCount","targetClass","organization_slider","slideCount","clone","appendTo","draggable","slides","slidesWidth","outerWidth","highlightChild","currentLink","filterGroup","targetLevel","targetGroup","subCategory","highlightParent","drawFeeChart","DataTable","tooltipTemplate","compile","addColumn","orgFee","graph_data","org_fee","averageFee","average_fee","contextBRF","simplified_name","graphType","contextCity","county","addRows","fontName","formatOptions","baselineColor","animation","startup","duration","easing","isHtml","chart","onresize","setOnLoadCallback","squaremeters","updateSubscriptionSum","togglePriceVisibility","qty","yearly_total","total_sum","ceil","isFinite","sessionStorage","getItem","disableFollowButton","openFollowModal","followButton","clearTimeout","setItem","responseJSON","prop","females","males","malePercentage","femalePercantage","femalesDisplayString","displayString","maleDisplayString","localMapboxKey","minZoom","_e","boundaries","maxBounds","L","mapbox","accessToken","mapboxKey","markerIcon","iconUrl","setView","marker","addTo","fitBounds","bodyRect","elementPosition","headerOffset","queryParamsIdx","queryParams","pagePath","endsWith","pushState","replaceState","_toggleNavbar","menuSwitch","_getMenuSwitch","force","useDropdownEvents","useNavbarEvents","_initAutoComplete","_dropdownEvents","_navbarEvents","searchButton","closeButton","autocompleteJS","_dataSource","_onResultSelection","resp","_host","locationHost","host","locationPort","port","engine","placement","orgNumberInputElement","roomsDistribution","keyVal","annotations","neighborDataUrl","setupNeighborTabs","tabs","categoryTab","inputClonedEvent","inputCloningStartedEvent","replaceIndex","node","attribute","oldValue","newValue","nodes","lastClonableNode","clonableTrigger","clonableContainer","clonableTemplateSelector","previousElementSibling","selectField","random","substr","matches","insertAdjacentElement","clonableRemove","removableContainer","nextSibling","flushInputs","removalFlag","_setExistingFilenameAsDefaultLabel","_eventNames","targets","fileInput","_setExistingFilenameAsDefaultLabel2","eventName","defaultText","labelText","modalName","onButtonClick","btnConstruct","btns","closeEvent","btn","handleCloseEvent"],"sourceRoot":""}