Merge branch 'notification' of ssh://git.hofer.link:2222/Ruderverein-Donau-Linz/rowt into notification

Reviewed-on: #259

.gitea/workflows/action.yml

@@ -34,7 +34,7 @@ jobs:
         cargo build 
         cd frontend && npm install && npm run build
     - name: Frontend tests
-      run: cd frontend && npx playwright install && npx playwright test --workers 1
+      run: cd frontend && npx playwright install && npx playwright test --workers 1 --reporter line
     - name: Backend tests
       run: cargo test --verbose
     #- uses: actions/upload-artifact@v3

Cargo.lock

@@ -521,6 +521,27 @@ dependencies = [
  "typenum",
 ]
 
+[[package]]
+name = "csv"
+version = "1.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac574ff4d437a7b5ad237ef331c17ccca63c46479e5b5453eb8e10bb99a759fe"
+dependencies = [
+ "csv-core",
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "csv-core"
+version = "0.1.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5efa2b3d7902f4b634a20cae3c9c4e6209dc4779feb6863329607560143efa70"
+dependencies = [
+ "memchr",
+]
+
 [[package]]
 name = "ctr"
 version = "0.9.2"
@@ -2195,6 +2216,7 @@ dependencies = [
  "argon2",
  "chrono",
  "chrono-tz",
+ "csv",
  "env_logger",
  "futures",
  "ics",

Cargo.toml

@@ -23,6 +23,7 @@ tera =  { version = "1.18", features = ["date-locale"], optional = true}
 ics = "0.5"
 futures = "0.3"
 lettre = "0.11"
+csv = "1.3"
 
 [target.'cfg(not(windows))'.dependencies]
 openssl = { version = "0.10", features = [ "vendored" ] }

README.md

@@ -16,3 +16,9 @@
 
 ## Backend (Unit + Integration)
 `cargo t`
+
+# Lints
+
+- Rust: `cargo check`
+- Tera files: `djlint **.html.tera --profile=jinja --reformat`
+- Typescript: `prettier -w *.ts`

frontend/logbook.ts

@@ -1,77 +1,76 @@
-import * as d3 from 'd3';
+import * as d3 from "d3";
 
 export interface Data {
   date: Date;
   km: number;
 }
 
-if(sessionStorage.getItem('userStats')) {
-  const data = JSON.parse(sessionStorage.getItem('userStats') || '{}') as Data[];
+if (sessionStorage.getItem("userStats")) {
+  const data = JSON.parse(
+    sessionStorage.getItem("userStats") || "{}",
+  ) as Data[];
 
-  if(data.length >= 2) {
+  if (data.length >= 2) {
     const margin = { top: 20, right: 20, bottom: 50, left: 50 };
     const width: number = 960 - margin.left - margin.right;
     const height: number = 500 - margin.top - margin.bottom;
-    
+
     data.forEach((d: Data) => {
-      d.date = <Date> new Date(d.date)
+      d.date = <Date>new Date(d.date);
       d.km = +d.km;
     });
-    
-    const x = d3.scaleTime()
+
+    const x = d3
+      .scaleTime()
       .domain(<[Date, Date]>d3.extent(data, (d: Data) => d.date))
       .range([0, width]);
-    
-    const y = d3.scaleLinear()
+
+    const y = d3
+      .scaleLinear()
       .domain([0, Number(d3.max(data, (d: Data) => d.km))])
       .range([height, 0]);
-    
-    const line = d3.line<Data>()
+
+    const line = d3
+      .line<Data>()
       .x((d: Data) => x(d.date))
       .y((d: Data) => y(d.km));
-    
-    const svg = d3.select('#container')
-      .append('svg')
-      .attr('width', width + margin.left + margin.right)
-      .attr('height', height + margin.top + margin.bottom)
+
+    const svg = d3
+      .select("#container")
+      .append("svg")
+      .attr("width", width + margin.left + margin.right)
+      .attr("height", height + margin.top + margin.bottom)
       .call(responsivefy)
-      .append('g')
-      .attr('transform', `translate(${margin.left},${margin.top})`);
-    
-    svg.append('path')
-      .data([data])
-      .attr('class', 'line')
-      .attr('d', line);
-    
-    svg.append('g')
-      .attr('transform', `translate(0,${height})`)
+      .append("g")
+      .attr("transform", `translate(${margin.left},${margin.top})`);
+
+    svg.append("path").data([data]).attr("class", "line").attr("d", line);
+
+    svg
+      .append("g")
+      .attr("transform", `translate(0,${height})`)
       .call(d3.axisBottom(x));
-    
-    svg.append('g')
-      .call(d3.axisLeft(y));
+
+    svg.append("g").call(d3.axisLeft(y));
   }
 }
 
-
-
 function responsivefy(svg: any) {
   const container = d3.select(svg.node().parentNode);
-  const width = parseInt(svg.style('width'), 10);
-  const height = parseInt(svg.style('height'), 10);
+  const width = parseInt(svg.style("width"), 10);
+  const height = parseInt(svg.style("height"), 10);
   const aspect = width / height;
 
-  svg.attr('viewBox', `0 0 ${width} ${height}`)
-    .attr('preserveAspectRatio', 'xMinYMid')
+  svg
+    .attr("viewBox", `0 0 ${width} ${height}`)
+    .attr("preserveAspectRatio", "xMinYMid")
     .call(resize);
 
-  d3.select(window).on(
-    'resize.' + container.attr('id'),
-    resize
-  );
+  d3.select(window).on("resize." + container.attr("id"), resize);
 
   function resize() {
-    const w = parseInt(container.style('width'));
-    svg.attr('width', w);
-    svg.attr('height', Math.round(w / aspect));
+    const w = parseInt(container.style("width"));
+    svg.attr("width", w);
+    svg.attr("height", Math.round(w / aspect));
   }
-}
+}

frontend/playwright.config.ts

@@ -10,7 +10,6 @@ import { defineConfig, devices } from '@playwright/test';
  * See https://playwright.dev/docs/test-configuration.
  */
 export default defineConfig({
-  timeout: 180000,
   testDir: './tests',
   /* Run tests in files in parallel */
   fullyParallel: true,
@@ -25,7 +24,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
+    baseURL: 'http://127.0.0.1:8000',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',

frontend/tests/cox.spec.ts

@@ -1,114 +1,144 @@
-import { test, expect, Page } from '@playwright/test';
+import { test, expect, Page } from "@playwright/test";
 
-test('cox can create and delete trip', async ({ page }) => {
-  await page.goto('http://localhost:8000/auth');
-  await page.getByPlaceholder('Name').click();
-  await page.getByPlaceholder('Name').fill('cox');
-  await page.getByPlaceholder('Name').press('Tab');
-  await page.getByPlaceholder('Passwort').fill('cox');
-  await page.getByPlaceholder('Passwort').press('Enter');
-  await page.getByRole('link', { name: 'Geplante Ausfahrten' }).click();
-  await page.locator('.relative').first().click();
-  await page.locator('#sidebar #planned_starting_time').click();
-  await page.locator('#sidebar #planned_starting_time').fill('18:00');
-  await page.locator('#sidebar #planned_starting_time').press('Tab');
-  await page.locator('#sidebar #planned_starting_time').press('Tab');
-  await page.getByRole('spinbutton').fill('5');
-  await page.getByRole('button', { name: 'Erstellen', exact: true }).click();
-  await expect(page.locator('body')).toContainText('18:00 Uhr (cox) Details');
+test("cox can create and delete trip", async ({ page }) => {
+  await page.goto("/auth");
+  await page.getByPlaceholder("Name").click();
+  await page.getByPlaceholder("Name").fill("cox");
+  await page.getByPlaceholder("Name").press("Tab");
+  await page.getByPlaceholder("Passwort").fill("cox");
+  await page.getByPlaceholder("Passwort").press("Enter");
+  await page.getByRole("link", { name: "Geplante Ausfahrten" }).click();
+  await page.locator(".relative").first().click();
+  await page.locator("#sidebar #planned_starting_time").click();
+  await page.locator("#sidebar #planned_starting_time").fill("18:00");
+  await page.locator("#sidebar #planned_starting_time").press("Tab");
+  await page.locator("#sidebar #planned_starting_time").press("Tab");
+  await page.getByRole("spinbutton").fill("5");
+  await page.getByRole("button", { name: "Erstellen", exact: true }).click();
+  await expect(page.locator("body")).toContainText("18:00 Uhr (cox) Details");
 
-  await page.goto('http://localhost:8000/planned');
-  await page.getByRole('link', { name: 'Details' }).click();
-  await page.getByRole('link', { name: 'Termin löschen' }).click();
-  await expect(page.locator('body')).toContainText('Erfolgreich gelöscht!');
+  await page.goto("/planned");
+  await page.getByRole("link", { name: "Details" }).click();
+  await page.getByRole("link", { name: "Termin löschen" }).click();
+  await expect(page.locator("body")).toContainText("Erfolgreich gelöscht!");
 });
 
 // TODO: group -> cox can create trips
 // TODO: cox can help/register at trips/events
 
-test.describe('cox can edit trips', () => {
+test.describe("cox can edit trips", () => {
   let sharedPage: Page;
 
-  test.beforeEach(async ({ browser }) => {
+  test.beforeAll(async ({ browser }) => {
     const page = await browser.newPage();
 
-    await page.goto('http://localhost:8000/auth');
-    await page.getByPlaceholder('Name').click();
-    await page.getByPlaceholder('Name').fill('cox');
-    await page.getByPlaceholder('Name').press('Tab');
-    await page.getByPlaceholder('Passwort').fill('cox');
-    await page.getByPlaceholder('Passwort').press('Enter');
-    await page.getByRole('link', { name: 'Geplante Ausfahrten' }).click();
-    await page.locator('.relative').first().click();
-    await page.locator('#sidebar #planned_starting_time').click();
-    await page.locator('#sidebar #planned_starting_time').fill('18:00');
-    await page.locator('#sidebar #planned_starting_time').press('Tab');
-    await page.locator('#sidebar #planned_starting_time').press('Tab');
-    await page.getByRole('spinbutton').fill('5');
-    await page.getByRole('button', { name: 'Erstellen', exact: true }).click();
+    await page.goto("/auth");
+    await page.getByPlaceholder("Name").click();
+    await page.getByPlaceholder("Name").fill("cox");
+    await page.getByPlaceholder("Name").press("Tab");
+    await page.getByPlaceholder("Passwort").fill("cox");
+    await page.getByPlaceholder("Passwort").press("Enter");
+    await page.getByRole("link", { name: "Geplante Ausfahrten" }).click();
+    await page.locator(".relative").first().click();
+    await page.locator("#sidebar #planned_starting_time").click();
+    await page.locator("#sidebar #planned_starting_time").fill("18:00");
+    await page.locator("#sidebar #planned_starting_time").press("Tab");
+    await page.locator("#sidebar #planned_starting_time").press("Tab");
+    await page.getByRole("spinbutton").fill("5");
+    await page.getByRole("button", { name: "Erstellen", exact: true }).click();
 
     sharedPage = page;
   });
 
-  test('edit remarks', async () => {
-    await sharedPage.goto('http://localhost:8000/planned');
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await sharedPage.locator('#sidebar #notes').click();
-    await sharedPage.locator('#sidebar #notes').fill('Meine Anmerkung');
-    await sharedPage.getByRole('button', { name: 'Speichern' }).click();
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await expect(sharedPage.locator('#sidebar')).toContainText('Meine Anmerkung');
+  test("edit remarks", async () => {
+    await sharedPage.goto("/planned");
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await sharedPage.locator("#sidebar #notes").click();
+    await sharedPage.locator("#sidebar #notes").fill("Meine Anmerkung");
+    await sharedPage.getByRole("button", { name: "Speichern" }).click();
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await expect(sharedPage.locator("#sidebar")).toContainText(
+      "Meine Anmerkung",
+    );
 
-    await sharedPage.getByRole('button', { name: 'Ausfahrt erstellen schließen' }).click();
+    await sharedPage
+      .getByRole("button", { name: "Ausfahrt erstellen schließen" })
+      .click();
   });
 
-  test('add and remove guest', async () => {
-    await sharedPage.goto('http://localhost:8000/planned');
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await sharedPage.locator('#sidebar #user_note').click();
-    await sharedPage.locator('#sidebar #user_note').fill('Mein Gast');
-    await sharedPage.getByRole('button', { name: 'Gast hinzufügen' }).click();
-    await expect(sharedPage.locator('body')).toContainText('Erfolgreich angemeldet!');
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await expect(sharedPage.locator('#sidebar')).toContainText('Freie Plätze: 4');
-    await expect(sharedPage.locator('#sidebar')).toContainText('Mein Gast (Gast) Abmelden');
-    await expect(sharedPage.getByRole('link', { name: 'Termin löschen' })).not.toBeVisible();
+  test("add and remove guest", async () => {
+    await sharedPage.goto("/planned");
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await sharedPage.locator("#sidebar #user_note").click();
+    await sharedPage.locator("#sidebar #user_note").fill("Mein Gast");
+    await sharedPage.getByRole("button", { name: "Gast hinzufügen" }).click();
+    await expect(sharedPage.locator("body")).toContainText(
+      "Erfolgreich angemeldet!",
+    );
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await expect(sharedPage.locator("#sidebar")).toContainText(
+      "Freie Plätze: 4",
+    );
+    await expect(sharedPage.locator("#sidebar")).toContainText(
+      "Mein Gast (Gast) Abmelden",
+    );
+    await expect(
+      sharedPage.getByRole("link", { name: "Termin löschen" }),
+    ).not.toBeVisible();
 
-    await sharedPage.getByRole('link', { name: 'Abmelden' }).click();
-    await expect(sharedPage.locator('body')).toContainText('Erfolgreich abgemeldet!');
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await expect(sharedPage.locator('#sidebar')).toContainText('Freie Plätze: 5');
-    await expect(sharedPage.locator('#sidebar')).toContainText('Keine Ruderer angemeldet');
-    await expect(sharedPage.getByRole('link', { name: 'Termin löschen' })).toBeVisible();
+    await sharedPage.getByRole("link", { name: "Abmelden" }).click();
+    await expect(sharedPage.locator("body")).toContainText(
+      "Erfolgreich abgemeldet!",
+    );
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await expect(sharedPage.locator("#sidebar")).toContainText(
+      "Freie Plätze: 5",
+    );
+    await expect(sharedPage.locator("#sidebar")).toContainText(
+      "Keine Ruderer angemeldet",
+    );
+    await expect(
+      sharedPage.getByRole("link", { name: "Termin löschen" }),
+    ).toBeVisible();
 
-    await sharedPage.getByRole('button', { name: 'Ausfahrt erstellen schließen' }).click();
+    await sharedPage
+      .getByRole("button", { name: "Ausfahrt erstellen schließen" })
+      .click();
   });
 
-  test('change amount rower', async () => {
-    await sharedPage.goto('http://localhost:8000/planned');
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await expect(sharedPage.locator('#sidebar')).toContainText('Freie Plätze: 5');
-    await sharedPage.getByRole('spinbutton').click();
-    await sharedPage.getByRole('spinbutton').fill('3');
-    await sharedPage.getByRole('button', { name: 'Speichern' }).click();
-    await expect(sharedPage.locator('body')).toContainText('Ausfahrt erfolgreich aktualisiert.');
+  test("change amount rower", async () => {
+    await sharedPage.goto("/planned");
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await expect(sharedPage.locator("#sidebar")).toContainText(
+      "Freie Plätze: 5",
+    );
+    await sharedPage.getByRole("spinbutton").click();
+    await sharedPage.getByRole("spinbutton").fill("3");
+    await sharedPage.getByRole("button", { name: "Speichern" }).click();
+    await expect(sharedPage.locator("body")).toContainText(
+      "Ausfahrt erfolgreich aktualisiert.",
+    );
   });
 
-  test('call off trip', async () => {
-    await sharedPage.goto('http://localhost:8000/planned');
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await expect(sharedPage.locator('#sidebar')).toContainText('Freie Plätze: 5');
-    await sharedPage.getByRole('spinbutton').click();
-    await sharedPage.getByRole('spinbutton').fill('0');
-    await sharedPage.getByRole('button', { name: 'Speichern' }).click();
-    await expect(sharedPage.locator('body')).toContainText('Ausfahrt erfolgreich aktualisiert.');
-    await expect(sharedPage.locator('body')).toContainText('(Absage cox )');
+  test("call off trip", async () => {
+    await sharedPage.goto("/planned");
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await expect(sharedPage.locator("#sidebar")).toContainText(
+      "Freie Plätze: 3",
+    );
+    await sharedPage.getByRole("spinbutton").click();
+    await sharedPage.getByRole("spinbutton").fill("0");
+    await sharedPage.getByRole("button", { name: "Speichern" }).click();
+    await expect(sharedPage.locator("body")).toContainText(
+      "Ausfahrt erfolgreich aktualisiert.",
+    );
+    await expect(sharedPage.locator("body")).toContainText("(Absage cox)");
   });
 
-  test.afterEach(async () => {
-    await sharedPage.goto('http://localhost:8000/planned');
-    await sharedPage.getByRole('link', { name: 'Details' }).click();
-    await sharedPage.getByRole('link', { name: 'Termin löschen' }).click();
+  test.afterAll(async () => {
+    await sharedPage.goto("/planned");
+    await sharedPage.getByRole("link", { name: "Details" }).click();
+    await sharedPage.getByRole("link", { name: "Termin löschen" }).click();
     await sharedPage.close();
   });
 

frontend/tests/log.spec.ts

@@ -1,69 +1,184 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from "@playwright/test";
 
-test('Cox can start and cancel trip', async ({ page }, testInfo) => {
-  await page.goto('http://localhost:8000/auth');
-  await page.getByPlaceholder('Name').click();
-  await page.getByPlaceholder('Name').fill('cox2');
-  await page.getByPlaceholder('Name').press('Tab');
-  await page.getByPlaceholder('Passwort').fill('cox');
-  await page.getByPlaceholder('Passwort').press('Enter');
+test("Cox can start and cancel trip", async ({ page }, testInfo) => {
+  await page.goto("/auth");
+  await page.getByPlaceholder("Name").click();
+  await page.getByPlaceholder("Name").fill("cox2");
+  await page.getByPlaceholder("Name").press("Tab");
+  await page.getByPlaceholder("Passwort").fill("cox");
+  await page.getByPlaceholder("Passwort").press("Enter");
 
-  await page.goto('http://localhost:8000/');
-  await page.getByRole('link', { name: 'Ausfahrt eintragen' }).click();
-  if (testInfo.project.name.includes('Mobile')) { // No left boat selector on mobile views
-    await page.getByText('Kaputtes Boot :-( (7 x)').nth(1).click();
-    await page.getByRole('option', { name: 'Joe' }).click();
-  } else{
-    await page.getByText('Joe', { exact: true }).click();
+  await page.goto("/");
+  await page.getByRole("link", { name: "Ausfahrt eintragen" }).click();
+  if (testInfo.project.name.includes("Mobile")) {
+    // No left boat selector on mobile views
+    await page.getByText("Kaputtes Boot :-( (7 x)").nth(1).click();
+    await page.getByRole("option", { name: "Joe" }).click();
+  } else {
+    await page.getByText("Joe", { exact: true }).click();
   }
-  await page.getByPlaceholder('Ruderer auswählen').click();
-  await page.getByRole('option', { name: 'rower2' }).click();
-  await page.getByRole('option', { name: 'cox2' }).click();
-  await expect(page.getByRole('listbox')).toContainText('Nur 2 Ruderer können hinzugefügt werden');
-  await expect(page.locator('#shipmaster-newrowerjs')).toContainText('cox');
-  await expect(page.locator('#steering_person-newrowerjs')).toContainText('rower2 cox');
-  await page.getByRole('button', { name: 'Ausfahrt eintragen' }).click();
-  await expect(page.locator('body')).toContainText('Ausfahrt erfolgreich hinzugefügt');
-  await expect(page.locator('body')).toContainText('Joe');
+  await page.getByPlaceholder("Ruderer auswählen").click();
+  await page.getByRole("option", { name: "rower2" }).click();
+  await page.getByRole("option", { name: "cox2" }).click();
+  await expect(page.getByRole("listbox")).toContainText(
+    "Nur 2 Ruderer können hinzugefügt werden",
+  );
+  await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
+  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
+    "rower2 cox",
+  );
+  await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
+  await expect(page.locator("body")).toContainText(
+    "Ausfahrt erfolgreich hinzugefügt",
+  );
+  await expect(page.locator("body")).toContainText("Joe");
 
-  await page.getByRole('link', { name: 'Joe' }).click();
-  page.once('dialog', dialog => {
+  await page.getByRole("link", { name: "Joe" }).click();
+  page.once("dialog", (dialog) => {
     dialog.accept().catch(() => {});
   });
-  await page.getByRole('link', { name: 'Löschen' }).click();
+  await page.getByRole("link", { name: "Löschen" }).click();
 });
 
-test('Cox can start and finish trip', async ({ page }, testInfo) => {
-  await page.goto('http://localhost:8000/auth');
-  await page.getByPlaceholder('Name').click();
-  await page.getByPlaceholder('Name').fill('cox2');
-  await page.getByPlaceholder('Name').press('Tab');
-  await page.getByPlaceholder('Passwort').fill('cox');
-  await page.getByPlaceholder('Passwort').press('Enter');
+test("Cox can start and finish trip", async ({ page }, testInfo) => {
+  await page.goto("/auth");
+  await page.getByPlaceholder("Name").click();
+  await page.getByPlaceholder("Name").fill("cox2");
+  await page.getByPlaceholder("Name").press("Tab");
+  await page.getByPlaceholder("Passwort").fill("cox");
+  await page.getByPlaceholder("Passwort").press("Enter");
 
-  await page.goto('http://localhost:8000/');
-  await page.getByRole('link', { name: 'Ausfahrt eintragen' }).click();
-  if (testInfo.project.name.includes('Mobile')) { // No left boat selector on mobile views
-    await page.getByText('Kaputtes Boot :-( (7 x)').nth(1).click();
-    await page.getByRole('option', { name: 'Joe' }).click();
-  } else{
-    await page.getByText('Joe', { exact: true }).click();
+  await page.goto("/");
+  await page.getByRole("link", { name: "Ausfahrt eintragen" }).click();
+  if (testInfo.project.name.includes("Mobile")) {
+    // No left boat selector on mobile views
+    await page.getByText("Kaputtes Boot :-( (7 x)").nth(1).click();
+    await page.getByRole("option", { name: "Joe" }).click();
+  } else {
+    await page.getByText("Joe", { exact: true }).click();
   }
-  await page.getByPlaceholder('Ruderer auswählen').click();
-  await page.getByRole('option', { name: 'rower2' }).click();
-  await page.getByRole('option', { name: 'cox2' }).click();
-  await expect(page.getByRole('listbox')).toContainText('Nur 2 Ruderer können hinzugefügt werden');
-  await expect(page.locator('#shipmaster-newrowerjs')).toContainText('cox');
-  await expect(page.locator('#steering_person-newrowerjs')).toContainText('rower2 cox');
-  await page.getByRole('button', { name: 'Ausfahrt eintragen' }).click();
-  await expect(page.locator('body')).toContainText('Ausfahrt erfolgreich hinzugefügt');
-  await expect(page.locator('body')).toContainText('Joe');
+  await page.getByPlaceholder("Ruderer auswählen").click();
+  await page.getByRole("option", { name: "rower2" }).click();
+  await page.getByRole("option", { name: "cox2" }).click();
+  await expect(page.getByRole("listbox")).toContainText(
+    "Nur 2 Ruderer können hinzugefügt werden",
+  );
+  await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
+  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
+    "rower2 cox",
+  );
+  await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
+  await expect(page.locator("body")).toContainText(
+    "Ausfahrt erfolgreich hinzugefügt",
+  );
+  await expect(page.locator("body")).toContainText("Joe");
 
-  await page.goto('http://localhost:8000/log');
-  await page.waitForTimeout(60000);
-  await page.locator('div:nth-child(2) > .border-0').click();
-  await page.getByRole('combobox', { name: 'Destination' }).click();
-  await page.getByRole('combobox', { name: 'Destination' }).fill('Ottensheim');
-  await page.getByRole('button', { name: 'Ausfahrt beenden' }).click();
-  await expect(page.locator('body')).toContainText('Ausfahrt korrekt eingetragen');
+  await page.goto("/log");
+  await page.locator("div:nth-child(2) > .border-0").click();
+
+  // Add a minute
+  const datetimeSelector = '#arrivaljs';
+  const currentValue = await page.$eval(datetimeSelector, el => el.value);
+  const currentDate = new Date(currentValue);
+  currentDate.setMinutes(currentDate.getMinutes() + 1);
+  currentDate.setHours(currentDate.getHours() + 1);
+  const newDatetime = currentDate.toISOString().slice(0, 16);
+  await page.$eval(datetimeSelector, (el, value) => el.value = value, newDatetime);
+
+  await page.getByRole("combobox", { name: "Destination" }).click();
+  await page.getByRole("combobox", { name: "Destination" }).fill("Ottensheim");
+  await page.getByRole("button", { name: "Ausfahrt beenden" }).click();
+  await expect(page.locator("body")).toContainText(
+    "Ausfahrt korrekt eingetragen",
+  );
+
+  await page.goto('/log/show');
+  await expect(page.locator('body')).toContainText('Joe');
+  await expect(page.locator('body')).toContainText('(cox2)');
+  await expect(page.locator('body')).toContainText('Ottensheim (25 km)');
+  await expect(page.locator('body')).toContainText('Ruderer: cox2, rower2');
+});
+
+test("Kiosk can start and cancel trip", async ({ page }, testInfo) => {
+  await page.goto("/log/kiosk/ekrv2019/Linz");
+  if (testInfo.project.name.includes("Mobile")) {
+    // No left boat selector on mobile views
+    await page.getByText("Kaputtes Boot :-( (7 x)").nth(1).click();
+    await page.getByRole("option", { name: "Joe" }).click();
+  } else {
+    await page.getByText("Joe", { exact: true }).click();
+  }
+  await page.getByPlaceholder("Ruderer auswählen").click();
+  await page.getByRole("option", { name: "rower2" }).click();
+  await page.getByRole("option", { name: "cox2" }).click();
+  await expect(page.getByRole("listbox")).toContainText(
+    "Nur 2 Ruderer können hinzugefügt werden",
+  );
+  await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
+  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
+    "rower2 cox",
+  );
+  await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
+  await expect(page.locator("body")).toContainText(
+    "Ausfahrt erfolgreich hinzugefügt",
+  );
+  await expect(page.locator("body")).toContainText("Joe");
+
+  await page.getByRole("link", { name: "Joe" }).click();
+  page.once("dialog", (dialog) => {
+    dialog.accept().catch(() => {});
+  });
+  await page.getByRole("link", { name: "Löschen" }).click();
+});
+
+test("Kiosk can start and finish trip", async ({ page }, testInfo) => {
+  await page.goto("/log/kiosk/ekrv2019/Linz");
+
+  if (testInfo.project.name.includes("Mobile")) {
+    // No left boat selector on mobile views
+    await page.getByText("Kaputtes Boot :-( (7 x)").nth(1).click();
+    await page.getByRole("option", { name: "Joe" }).click();
+  } else {
+    await page.getByText("Joe", { exact: true }).click();
+  }
+  await page.getByPlaceholder("Ruderer auswählen").click();
+  await page.getByRole("option", { name: "rower2" }).click();
+  await page.getByRole("option", { name: "cox2" }).click();
+  await expect(page.getByRole("listbox")).toContainText(
+    "Nur 2 Ruderer können hinzugefügt werden",
+  );
+  await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
+  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
+    "rower2 cox",
+  );
+  await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
+  await expect(page.locator("body")).toContainText(
+    "Ausfahrt erfolgreich hinzugefügt",
+  );
+  await expect(page.locator("body")).toContainText("Joe");
+
+  await page.goto("/log");
+  await page.locator('div:nth-child(2) > .pt-2 > div > div > div:nth-child(2) > .border-0').click(); // 2 trips currently running, try to close second one
+  
+  // Add a minute
+  const datetimeSelector = '#arrivaljs';
+  const currentValue = await page.$eval(datetimeSelector, el => el.value);
+  const currentDate = new Date(currentValue);
+  currentDate.setMinutes(currentDate.getMinutes() + 1);
+  currentDate.setHours(currentDate.getHours() + 1);
+  const newDatetime = currentDate.toISOString().slice(0, 16);
+  await page.$eval(datetimeSelector, (el, value) => el.value = value, newDatetime);
+
+  await page.getByRole("combobox", { name: "Destination" }).click();
+  await page.getByRole("combobox", { name: "Destination" }).fill("Ottensheim");
+  await page.getByRole("button", { name: "Ausfahrt beenden" }).click();
+  await expect(page.locator("body")).toContainText(
+    "Ausfahrt korrekt eingetragen",
+  );
+
+  await page.getByRole('link', { name: 'Logbuch' }).click();
+  await expect(page.locator('body')).toContainText('Joe');
+  await expect(page.locator('body')).toContainText('(cox2)');
+  await expect(page.locator('body')).toContainText('Ottensheim (25 km)');
+  await expect(page.locator('body')).toContainText('Ruderer: cox2, rower2');
 });

frontend/tsconfig.json

@@ -15,5 +15,6 @@
     "noUnusedParameters": true,
     "noImplicitReturns": true,
     "skipLibCheck": true
-  }
+  },
+  "exclude": ["tests/"]
 }

migration.sql

@@ -141,6 +141,15 @@ CREATE TABLE IF NOT EXISTS "boat_damage" (
 	"lock_boat" boolean not null default false -- if true: noone can use the boat 
 );
 
+CREATE TABLE IF NOT EXISTS "boathouse" (
+    "id" INTEGER PRIMARY KEY AUTOINCREMENT,
+    "boat_id" INTEGER NOT NULL REFERENCES boat(id),
+    "aisle" TEXT NOT NULL CHECK (aisle in ('water', 'middle', 'mountain')),
+    "side" TEXT NOT NULL CHECK(side IN ('mountain', 'water')),
+    "level" INTEGER NOT NULL CHECK(level BETWEEN 0 AND 3),
+    CONSTRAINT unq UNIQUE (aisle, side, level) -- only 1 boat allowed to rest at each space 
+);
+
 CREATE TABLE IF NOT EXISTS "notification" (
 	"id" integer NOT NULL PRIMARY KEY AUTOINCREMENT,
 	"user_id" INTEGER NOT NULL REFERENCES user(id),

seeds.sql

@@ -5,6 +5,8 @@ INSERT INTO "role" (name) VALUES ('tech');
 INSERT INTO "role" (name) VALUES ('Donau Linz');
 INSERT INTO "role" (name) VALUES ('planned_event');
 INSERT INTO "role" (name) VALUES ('Rennrudern');
+INSERT INTO "role" (name) VALUES ('paid');
+INSERT INTO "role" (name) VALUES ('Vorstand');
 INSERT INTO "user" (name, pw) VALUES('admin', '$argon2id$v=19$m=19456,t=2,p=1$dS/X5/sPEKTj4Rzs/CuvzQ$4P4NCw4Ukhv80/eQYTsarHhnw61JuL1KMx/L9dm82YM');
 INSERT INTO "user_role" (user_id, role_id) VALUES(1,1);
 INSERT INTO "user_role" (user_id, role_id) VALUES(1,2);
@@ -18,6 +20,7 @@ INSERT INTO "user_role" (user_id, role_id) VALUES(3,3);
 INSERT INTO "user" (name, pw) VALUES('cox', '$argon2id$v=19$m=19456,t=2,p=1$dS/X5/sPEKTj4Rzs/CuvzQ$lnWzHx3DdqS9GQyWYel82kIotZuK2wk9EyfhPFtjNzs');
 INSERT INTO "user_role" (user_id, role_id) VALUES(4,5);
 INSERT INTO "user_role" (user_id, role_id) VALUES(4,2);
+INSERT INTO "user_role" (user_id, role_id) VALUES(4,8);
 INSERT INTO "user" (name) VALUES('new');
 INSERT INTO "user_role" (user_id, role_id) VALUES(5,5);
 INSERT INTO "user" (name, pw) VALUES('cox2', '$argon2id$v=19$m=19456,t=2,p=1$dS/X5/sPEKTj4Rzs/CuvzQ$lnWzHx3DdqS9GQyWYel82kIotZuK2wk9EyfhPFtjNzs');
@@ -28,6 +31,9 @@ INSERT INTO "user_role" (user_id, role_id) VALUES(7,5);
 INSERT INTO "user" (name,  pw) VALUES('teen', '$argon2id$v=19$m=19456,t=2,p=1$dS/X5/sPEKTj4Rzs/CuvzQ$jWKzDmI0jqT2dqINFt6/1NjVF4Dx15n07PL1ZMBmFsY');
 INSERT INTO "user_role" (user_id, role_id) VALUES(8,5);
 INSERT INTO "user_role" (user_id, role_id) VALUES(8,7);
+INSERT INTO "user" (name,  pw) VALUES('Vorstandsmitglied', '$argon2id$v=19$m=19456,t=2,p=1$dS/X5/sPEKTj4Rzs/CuvzQ$jWKzDmI0jqT2dqINFt6/1NjVF4Dx15n07PL1ZMBmFsY');
+INSERT INTO "user_role" (user_id, role_id) VALUES(9,5);
+INSERT INTO "user_role" (user_id, role_id) VALUES(9,9);
 
 INSERT INTO "trip_details" (planned_starting_time, max_people, day, notes) VALUES('10:00', 2, '1970-01-01', 'trip_details for a planned event');
 INSERT INTO "planned_event" (name, planned_amount_cox, trip_details_id) VALUES('test-planned-event', 2, 1);

src/model/boat.rs

@@ -181,6 +181,41 @@ ORDER BY amount_seats DESC
         Self::boats_to_details(db, boats).await
     }
 
+    pub async fn all_for_boatshouse(db: &SqlitePool) -> Vec<BoatWithDetails> {
+        let boats = sqlx::query_as!(
+            Boat,
+            "
+SELECT 
+    b.id, 
+    b.name, 
+    b.amount_seats, 
+    b.location_id, 
+    b.owner, 
+    b.year_built, 
+    b.boatbuilder, 
+    b.default_shipmaster_only_steering, 
+    b.default_destination, 
+    b.skull, 
+    b.external
+FROM 
+    boat AS b
+LEFT JOIN 
+    boathouse AS bh ON b.id = bh.boat_id
+WHERE 
+    b.external = false 
+    AND b.location_id = (SELECT id FROM location WHERE name = 'Linz')
+    AND bh.id IS NULL -- This ensures the boat does not have an entry in the boathouse table
+ORDER BY 
+    b.name DESC;
+        "
+        )
+        .fetch_all(db)
+        .await
+        .unwrap(); //TODO: fixme
+
+        Self::boats_to_details(db, boats).await
+    }
+
     pub async fn for_user(db: &SqlitePool, user: &User) -> Vec<BoatWithDetails> {
         if user.has_role(db, "admin").await {
             return Self::all(db).await;

src/model/boathouse.rs

@@ -0,0 +1,90 @@
+use std::collections::HashMap;
+
+use rocket::serde::{Deserialize, Serialize};
+use sqlx::{FromRow, SqlitePool};
+
+use crate::tera::board::boathouse::FormBoathouseToAdd;
+
+use super::boat::Boat;
+
+#[derive(FromRow, Debug, Serialize, Deserialize)]
+pub struct Boathouse {
+    pub id: i64,
+    pub boat_id: i64,
+    pub aisle: String,
+    pub side: String,
+    pub level: i64,
+}
+
+impl Boathouse {
+    pub async fn get(db: &SqlitePool) -> HashMap<&str, HashMap<&str, [Option<(i64, Boat)>; 4]>> {
+        let mut ret: HashMap<&str, HashMap<&str, [Option<(i64, Boat)>; 4]>> = HashMap::new();
+
+        let mut mountain = HashMap::new();
+        mountain.insert("mountain", [None, None, None, None]);
+        mountain.insert("water", [None, None, None, None]);
+        ret.insert("mountain-aisle", mountain);
+
+        let mut middle = HashMap::new();
+        middle.insert("mountain", [None, None, None, None]);
+        middle.insert("water", [None, None, None, None]);
+        ret.insert("middle-aisle", middle);
+
+        let mut water = HashMap::new();
+        water.insert("mountain", [None, None, None, None]);
+        water.insert("water", [None, None, None, None]);
+        ret.insert("water-aisle", water);
+
+        let boathouses = sqlx::query_as!(
+            Boathouse,
+            "SELECT id, boat_id, aisle, side, level FROM boathouse"
+        )
+        .fetch_all(db)
+        .await
+        .unwrap(); //TODO: fixme
+
+        for boathouse in boathouses {
+            let aisle = ret
+                .get_mut(format!("{}-aisle", boathouse.aisle).as_str())
+                .unwrap();
+            let side = aisle.get_mut(boathouse.side.as_str()).unwrap();
+
+            side[boathouse.level as usize] = Some((
+                boathouse.id,
+                Boat::find_by_id(db, boathouse.boat_id as i32)
+                    .await
+                    .unwrap(),
+            ));
+        }
+
+        ret
+    }
+
+    pub async fn create(db: &SqlitePool, data: FormBoathouseToAdd) -> Result<(), String> {
+        sqlx::query!(
+            "INSERT INTO boathouse(boat_id, aisle, side, level) VALUES (?,?,?,?)",
+            data.boat_id,
+            data.aisle,
+            data.side,
+            data.level
+        )
+        .execute(db)
+        .await
+        .map_err(|e| e.to_string())?;
+        Ok(())
+    }
+
+    pub async fn find_by_id(db: &SqlitePool, id: i32) -> Option<Self> {
+        sqlx::query_as!(Self, "SELECT * FROM boathouse WHERE id like ?", id)
+            .fetch_one(db)
+            .await
+            .ok()
+    }
+
+    pub async fn delete(&self, db: &SqlitePool) {
+        sqlx::query!("DELETE FROM boathouse WHERE id=?", self.id)
+            .execute(db)
+            .await
+            .unwrap(); //Okay, because we can only create a Boat of a valid id
+    }
+}

src/model/logbook.rs

@@ -1,6 +1,6 @@
 use std::ops::DerefMut;
 
-use chrono::{Datelike, NaiveDateTime, Utc};
+use chrono::{Datelike, Local, NaiveDateTime};
 use rocket::FromForm;
 use serde::Serialize;
 use sqlx::{FromRow, Sqlite, SqlitePool, Transaction};
@@ -226,8 +226,44 @@ ORDER BY departure DESC
         ret
     }
 
+    pub async fn completed_with_user(
+        db: &SqlitePool,
+        user: &User,
+    ) -> Vec<LogbookWithBoatAndRowers> {
+        let logs = sqlx::query_as(
+               &format!("
+    SELECT id, boat_id, shipmaster, steering_person, shipmaster_only_steering, departure, arrival, destination, distance_in_km, comments, logtype
+    FROM logbook
+    JOIN rower ON logbook.id = rower.logbook_id
+    WHERE arrival is not null AND rower_id = {}
+    ORDER BY departure DESC
+            ",  user.id)
+            )
+            .fetch_all(db)
+            .await
+            .unwrap(); //TODO: fixme
+
+        let mut ret = Vec::new();
+        for log in logs {
+            ret.push(LogbookWithBoatAndRowers {
+                rowers: Rower::for_log(db, &log).await,
+                boat: Boat::find_by_id(db, log.boat_id as i32).await.unwrap(),
+                shipmaster_user: User::find_by_id(db, log.shipmaster as i32).await.unwrap(),
+                steering_user: User::find_by_id(db, log.steering_person as i32)
+                    .await
+                    .unwrap(),
+                logbook: log,
+            });
+        }
+        ret
+    }
+
     pub async fn completed(db: &SqlitePool) -> Vec<LogbookWithBoatAndRowers> {
-        let year = chrono::Utc::now().year();
+        let year = chrono::Local::now().year();
+        Self::completed_in_year(db, year).await
+    }
+
+    pub async fn completed_in_year(db: &SqlitePool, year: i32) -> Vec<LogbookWithBoatAndRowers> {
         let logs = sqlx::query_as(
                &format!("
     SELECT id, boat_id, shipmaster, steering_person, shipmaster_only_steering, departure, arrival, destination, distance_in_km, comments, logtype
@@ -472,7 +508,7 @@ ORDER BY departure DESC
         if arr.timestamp() <= dep.timestamp() {
             return Err(LogbookUpdateError::ArrivalNotAfterDeparture);
         }
-        let today = Utc::now().date_naive();
+        let today = Local::now().date_naive();
         let day_diff = today - arr.date();
         let day_diff = day_diff.num_days();
         if day_diff >= 7 && !user.has_role_tx(db, "admin").await {

src/model/mod.rs

@@ -9,6 +9,7 @@ use self::{
 
 pub mod boat;
 pub mod boatdamage;
+pub mod boathouse;
 pub mod family;
 pub mod location;
 pub mod log;

src/model/notification.rs

@@ -1,4 +1,4 @@
-use chrono::{DateTime, Local, NaiveDateTime, TimeZone, Utc};
+use chrono::{DateTime, Local, NaiveDateTime, TimeZone};
 use serde::{Deserialize, Serialize};
 use sqlx::{FromRow, SqlitePool};
 

src/model/role.rs

@@ -45,6 +45,19 @@ WHERE name like ?
         .ok()
     }
 
+    pub async fn names_from_role(&self, db: &SqlitePool) -> Vec<String> {
+        let query = format!(
+            "SELECT u.name
+         FROM user u
+         JOIN user_role ur ON u.id = ur.user_id
+         JOIN role r ON ur.role_id = r.id
+         WHERE r.id = {} AND deleted=0;",
+            self.id
+        );
+
+        sqlx::query_scalar(&query).fetch_all(db).await.unwrap()
+    }
+
     pub async fn mails_from_role(&self, db: &SqlitePool) -> Vec<String> {
         let query = format!(
             "SELECT u.mail

src/model/stat.rs

@@ -13,7 +13,7 @@ impl Stat {
     pub async fn boats(db: &SqlitePool, year: Option<i32>) -> Vec<Stat> {
         let year = match year {
             Some(year) => year,
-            None => chrono::Utc::now().year(),
+            None => chrono::Local::now().year(),
         };
         //TODO: switch to query! macro again (once upgraded to sqlite 3.42 on server)
         sqlx::query(&format!(
@@ -39,7 +39,7 @@ ORDER BY rowed_km DESC;
     pub async fn guest(db: &SqlitePool, year: Option<i32>) -> Stat {
         let year = match year {
             Some(year) => year,
-            None => chrono::Utc::now().year(),
+            None => chrono::Local::now().year(),
         };
         //TODO: switch to query! macro again (once upgraded to sqlite 3.42 on server)
         let rowed_km = sqlx::query(&format!(
@@ -90,7 +90,7 @@ AND l.arrival LIKE '{year}-%';
     pub async fn people(db: &SqlitePool, year: Option<i32>) -> Vec<Stat> {
         let year = match year {
             Some(year) => year,
-            None => chrono::Utc::now().year(),
+            None => chrono::Local::now().year(),
         };
         //TODO: switch to query! macro again (once upgraded to sqlite 3.42 on server)
         sqlx::query(&format!(
@@ -108,7 +108,7 @@ INNER JOIN rower r ON u.id = r.rower_id
 INNER JOIN logbook l ON r.logbook_id = l.id
 WHERE l.distance_in_km IS NOT NULL AND l.arrival LIKE '{year}-%' AND u.name != 'Externe Steuerperson'
 GROUP BY u.name
-ORDER BY rowed_km DESC;
+ORDER BY rowed_km DESC, u.name;
 "
         ))
         .fetch_all(db)

src/model/user.rs

@@ -108,6 +108,12 @@ pub struct Fee {
     pub paid: bool,
 }
 
+impl Default for Fee {
+    fn default() -> Self {
+        Self::new()
+    }
+}
+
 impl Fee {
     pub fn new() -> Self {
         Self {
@@ -206,6 +212,8 @@ impl User {
         } else if Family::find_by_opt_id(db, self.family_id).await.is_none() {
             if self.has_role(db, "Student").await || self.has_role(db, "Schüler").await {
                 fee.add("Schüler/Student".into(), STUDENT_OR_PUPIL);
+            } else if self.has_role(db, "Ehrenmitglied").await {
+                fee.add("Ehrenmitglied".into(), 0);
             } else {
                 fee.add("Mitgliedsbeitrag".into(), REGULAR);
             }
@@ -225,28 +233,6 @@ impl User {
         .count
     }
 
-    pub async fn rowed_km(&self, db: &SqlitePool) -> i32 {
-        sqlx::query!(
-            "SELECT COALESCE(SUM(distance_in_km),0) as rowed_km
-        FROM (
-            SELECT distance_in_km
-            FROM logbook 
-            WHERE shipmaster = ?1
-            UNION  
-            SELECT l.distance_in_km 
-            FROM logbook l
-            INNER JOIN rower r ON r.logbook_id = l.id 
-            WHERE r.rower_id = ?1
-        
-            );",
-            self.id,
-        )
-        .fetch_one(db)
-        .await
-        .unwrap()
-        .rowed_km
-    }
-
     pub async fn has_role(&self, db: &SqlitePool, role: &str) -> bool {
         if sqlx::query!(
             "SELECT * FROM user_role WHERE user_id=? AND role_id = (SELECT id FROM role WHERE name = ?)",
@@ -266,7 +252,7 @@ impl User {
 
     pub async fn roles(&self, db: &SqlitePool) -> Vec<String> {
         sqlx::query!(
-            "SELECT r.name FROM role r JOIN user_role ur ON r.id = ur.role_id WHERE ur.user_id = ?;",
+            "SELECT r.name FROM role r JOIN user_role ur ON r.id = ur.role_id JOIN user u ON u.id = ur.user_id WHERE ur.user_id = ? AND u.deleted = 0;",
             self.id
         )
             .fetch_all(db)
@@ -379,6 +365,22 @@ ORDER BY last_access DESC
         .unwrap()
     }
 
+    pub async fn all_with_role(db: &SqlitePool, role: &Role) -> Vec<Self> {
+        sqlx::query_as!(
+            Self,
+            "
+SELECT id, name, pw, deleted, last_access, dob, weight, sex, member_since_date, birthdate, mail, nickname, notes, phone, address, family_id
+FROM user u
+JOIN user_role ur ON u.id = ur.user_id
+WHERE ur.role_id = ? AND deleted = 0
+ORDER BY name;
+        ", role.id
+        )
+        .fetch_all(db)
+        .await
+        .unwrap()
+    }
+
     pub async fn all_payer_groups(db: &SqlitePool) -> Vec<Self> {
         sqlx::query_as!(
             Self,
@@ -524,6 +526,12 @@ ORDER BY last_access DESC
                 "m.birner",
                 "m-sageder",
                 "a-almousa",
+                "m.sageder",
+                "n.sageder",
+                "a.almousa",
+                "p.hofer",
+                "d.kortschak",
+                "[login]",
             ]
             .contains(&name)
             {
@@ -759,7 +767,7 @@ impl<'r> FromRequest<'r> for AdminUser {
                 if user.has_role(db, "admin").await {
                     Outcome::Success(AdminUser { user })
                 } else {
-                    Outcome::Error((Status::Forbidden, LoginError::NotACox))
+                    Outcome::Forward(Status::Forbidden)
                 }
             }
             Outcome::Error(f) => Outcome::Error(f),
@@ -791,18 +799,18 @@ impl<'r> FromRequest<'r> for AllowedForPlannedTripsUser {
     }
 }
 
-impl Into<User> for AllowedForPlannedTripsUser {
-    fn into(self) -> User {
-        self.0
+impl From<AllowedForPlannedTripsUser> for User {
+    fn from(val: AllowedForPlannedTripsUser) -> Self {
+        val.0
     }
 }
 
 #[derive(Debug, Serialize, Deserialize)]
 pub struct DonauLinzUser(pub(crate) User);
 
-impl Into<User> for DonauLinzUser {
-    fn into(self) -> User {
-        self.0
+impl From<DonauLinzUser> for User {
+    fn from(val: DonauLinzUser) -> Self {
+        val.0
     }
 }
 
@@ -837,12 +845,49 @@ impl<'r> FromRequest<'r> for DonauLinzUser {
     }
 }
 
+#[derive(Debug, Serialize, Deserialize)]
+pub struct SchnupperBetreuerUser(pub(crate) User);
+
+impl From<SchnupperBetreuerUser> for User {
+    fn from(val: SchnupperBetreuerUser) -> Self {
+        val.0
+    }
+}
+
+impl Deref for SchnupperBetreuerUser {
+    type Target = User;
+
+    fn deref(&self) -> &Self::Target {
+        &self.0
+    }
+}
+
+#[async_trait]
+impl<'r> FromRequest<'r> for SchnupperBetreuerUser {
+    type Error = LoginError;
+
+    async fn from_request(req: &'r Request<'_>) -> request::Outcome<Self, Self::Error> {
+        let db = req.rocket().state::<SqlitePool>().unwrap();
+        match User::from_request(req).await {
+            Outcome::Success(user) => {
+                if user.has_role(db, "schnupper-betreuer").await {
+                    Outcome::Success(SchnupperBetreuerUser(user))
+                } else {
+                    Outcome::Forward(Status::Forbidden)
+                }
+            }
+            Outcome::Error(f) => Outcome::Error(f),
+            Outcome::Forward(f) => Outcome::Forward(f),
+        }
+    }
+}
+
 #[derive(Debug, Serialize, Deserialize)]
 pub struct VorstandUser(pub(crate) User);
 
-impl Into<User> for VorstandUser {
-    fn into(self) -> User {
-        self.0
+impl From<VorstandUser> for User {
+    fn from(val: VorstandUser) -> Self {
+        val.0
     }
 }
 
@@ -865,7 +910,7 @@ impl<'r> FromRequest<'r> for VorstandUser {
                 if user.has_role(db, "Vorstand").await {
                     Outcome::Success(VorstandUser(user))
                 } else {
-                    Outcome::Error((Status::Forbidden, LoginError::NotACox))
+                    Outcome::Forward(Status::Forbidden)
                 }
             }
             Outcome::Error(f) => Outcome::Error(f),
@@ -877,9 +922,9 @@ impl<'r> FromRequest<'r> for VorstandUser {
 #[derive(Debug, Serialize, Deserialize)]
 pub struct PlannedEventUser(pub(crate) User);
 
-impl Into<User> for PlannedEventUser {
-    fn into(self) -> User {
-        self.0
+impl From<PlannedEventUser> for User {
+    fn from(val: PlannedEventUser) -> Self {
+        val.0
     }
 }
 

src/tera/admin/mod.rs

@@ -1,14 +1,17 @@
-use rocket::{get, routes, Route, State};
+use csv::ReaderBuilder;
+use rocket::{form::Form, get, post, routes, FromForm, Route, State};
+use rocket_dyn_templates::{context, Template};
 use sqlx::SqlitePool;
 
 use crate::{
-    model::{log::Log, user::AdminUser},
+    model::{log::Log, role::Role, user::AdminUser},
     tera::Config,
 };
 
 pub mod boat;
 pub mod mail;
 pub mod planned_event;
+pub mod schnupper;
 pub mod user;
 
 #[get("/rss?<key>")]
@@ -25,12 +28,57 @@ async fn show_rss(db: &State<SqlitePool>, _admin: AdminUser) -> String {
     Log::show(db).await
 }
 
+#[get("/list")]
+async fn show_list(_admin: AdminUser) -> Template {
+    Template::render("admin/list/index", context!())
+}
+
+#[derive(FromForm)]
+struct ListForm {
+    list: String,
+}
+
+#[post("/list", data = "<list_form>")]
+async fn list(db: &State<SqlitePool>, _admin: AdminUser, list_form: Form<ListForm>) -> Template {
+    let role = Role::find_by_name(db, "Donau Linz").await.unwrap();
+    let acceptable_users = role.names_from_role(db).await;
+
+    let mut rdr = ReaderBuilder::new()
+        .has_headers(true)
+        .delimiter(b';')
+        .from_reader(list_form.list.trim().as_bytes());
+
+    let mut names_not_in_acceptable_users = Vec::new();
+
+    for result in rdr.records() {
+        println!("{result:?}");
+        let record = result.unwrap();
+
+        // Concatenate Vorname and Nachname
+        let vorname = record.get(2).unwrap_or_default().trim();
+        let nachname = record.get(3).unwrap_or_default().trim();
+        let full_name = format!("{} {}", vorname, nachname);
+
+        // Check if the concatenated name is not in the acceptable_users vector
+        if !acceptable_users.contains(&full_name) {
+            names_not_in_acceptable_users.push(full_name);
+        }
+    }
+
+    let context = context! {
+        result: names_not_in_acceptable_users
+    };
+
+    Template::render("admin/list/result", context)
+}
+
 pub fn routes() -> Vec<Route> {
     let mut ret = Vec::new();
     ret.append(&mut user::routes());
+    ret.append(&mut schnupper::routes());
     ret.append(&mut boat::routes());
     ret.append(&mut mail::routes());
     ret.append(&mut planned_event::routes());
-    ret.append(&mut routes![rss, show_rss]);
+    ret.append(&mut routes![rss, show_rss, show_list, list]);
     ret
 }

src/tera/admin/schnupper.rs

@@ -0,0 +1,60 @@
+use crate::model::{
+    role::Role,
+    user::{SchnupperBetreuerUser, User, UserWithRoles},
+};
+use futures::future::join_all;
+use rocket::{
+    get,
+    http::Status,
+    request::{FlashMessage, FromRequest, Outcome},
+    routes, Request, Route, State,
+};
+use rocket_dyn_templates::{tera::Context, Template};
+use sqlx::SqlitePool;
+
+// Custom request guard to extract the Referer header
+struct Referer(String);
+
+#[rocket::async_trait]
+impl<'r> FromRequest<'r> for Referer {
+    type Error = ();
+
+    async fn from_request(request: &'r Request<'_>) -> Outcome<Self, Self::Error> {
+        match request.headers().get_one("Referer") {
+            Some(referer) => Outcome::Success(Referer(referer.to_string())),
+            None => Outcome::Error((Status::BadRequest, ())),
+        }
+    }
+}
+
+#[get("/schnupper")]
+async fn index(
+    db: &State<SqlitePool>,
+    user: SchnupperBetreuerUser,
+    flash: Option<FlashMessage<'_>>,
+) -> Template {
+    let schnupperant = Role::find_by_name(db, "schnupperant").await.unwrap();
+
+    let user_futures: Vec<_> = User::all_with_role(db, &schnupperant)
+        .await
+        .into_iter()
+        .map(|u| async move { UserWithRoles::from_user(u, db).await })
+        .collect();
+    let users: Vec<UserWithRoles> = join_all(user_futures).await;
+
+    let mut context = Context::new();
+    if let Some(msg) = flash {
+        context.insert("flash", &msg.into_inner());
+    }
+    context.insert("schnupperanten", &users);
+    context.insert(
+        "loggedin_user",
+        &UserWithRoles::from_user(user.into(), db).await,
+    );
+
+    Template::render("admin/schnupper/index", context.into_json())
+}
+
+pub fn routes() -> Vec<Route> {
+    routes![index]
+}

src/tera/admin/user.rs

@@ -2,20 +2,38 @@ use std::collections::HashMap;
 
 use crate::model::{
     family::Family,
+    logbook::Logbook,
     role::Role,
     user::{AdminUser, User, UserWithRoles, VorstandUser},
 };
 use futures::future::join_all;
 use rocket::{
     form::Form,
-    get, post,
-    request::FlashMessage,
+    get,
+    http::Status,
+    post,
+    request::{FlashMessage, FromRequest, Outcome},
     response::{Flash, Redirect},
-    routes, FromForm, Route, State,
+    routes, FromForm, Request, Route, State,
 };
 use rocket_dyn_templates::{tera::Context, Template};
 use sqlx::SqlitePool;
 
+// Custom request guard to extract the Referer header
+struct Referer(String);
+
+#[rocket::async_trait]
+impl<'r> FromRequest<'r> for Referer {
+    type Error = ();
+
+    async fn from_request(request: &'r Request<'_>) -> Outcome<Self, Self::Error> {
+        match request.headers().get_one("Referer") {
+            Some(referer) => Outcome::Success(Referer(referer.to_string())),
+            None => Outcome::Error((Status::BadRequest, ())),
+        }
+    }
+}
+
 #[get("/user")]
 async fn index(
     db: &State<SqlitePool>,
@@ -49,6 +67,39 @@ async fn index(
     Template::render("admin/user/index", context.into_json())
 }
 
+#[get("/user", rank = 2)]
+async fn index_admin(
+    db: &State<SqlitePool>,
+    user: AdminUser,
+    flash: Option<FlashMessage<'_>>,
+) -> Template {
+    let user_futures: Vec<_> = User::all(db)
+        .await
+        .into_iter()
+        .map(|u| async move { UserWithRoles::from_user(u, db).await })
+        .collect();
+
+    let user: User = user.user;
+    let allowed_to_edit = user.has_role(db, "admin").await;
+
+    let users: Vec<UserWithRoles> = join_all(user_futures).await;
+
+    let roles = Role::all(db).await;
+    let families = Family::all_with_members(db).await;
+
+    let mut context = Context::new();
+    if let Some(msg) = flash {
+        context.insert("flash", &msg.into_inner());
+    }
+    context.insert("allowed_to_edit", &allowed_to_edit);
+    context.insert("users", &users);
+    context.insert("roles", &roles);
+    context.insert("families", &families);
+    context.insert("loggedin_user", &UserWithRoles::from_user(user, db).await);
+
+    Template::render("admin/user/index", context.into_json())
+}
+
 #[get("/user/fees")]
 async fn fees(
     db: &State<SqlitePool>,
@@ -78,11 +129,43 @@ async fn fees(
     Template::render("admin/user/fees", context.into_json())
 }
 
+#[get("/user/scheckbuch")]
+async fn scheckbuch(
+    db: &State<SqlitePool>,
+    user: VorstandUser,
+    flash: Option<FlashMessage<'_>>,
+) -> Template {
+    let mut context = Context::new();
+
+    let scheckbooks = Role::find_by_name(db, "scheckbuch").await.unwrap();
+    let scheckbooks = User::all_with_role(db, &scheckbooks).await;
+    let mut scheckbooks_with_roles = Vec::new();
+    for s in scheckbooks {
+        scheckbooks_with_roles.push((
+            Logbook::completed_with_user(db, &s).await,
+            UserWithRoles::from_user(s, db).await,
+        ))
+    }
+
+    context.insert("scheckbooks", &scheckbooks_with_roles);
+
+    if let Some(msg) = flash {
+        context.insert("flash", &msg.into_inner());
+    }
+    context.insert(
+        "loggedin_user",
+        &UserWithRoles::from_user(user.into(), db).await,
+    );
+
+    Template::render("admin/user/scheckbuch", context.into_json())
+}
+
 #[get("/user/fees/paid?<user_ids>")]
 async fn fees_paid(
     db: &State<SqlitePool>,
     _admin: AdminUser,
     user_ids: Vec<i32>,
+    referer: Referer,
 ) -> Flash<Redirect> {
     let mut res = String::new();
     for user_id in user_ids {
@@ -100,7 +183,7 @@ async fn fees_paid(
     res.truncate(res.len() - 3); // remove ' + ' from the end
 
     Flash::success(
-        Redirect::to("/admin/user/fees"),
+        Redirect::to(referer.0),
         format!("Zahlungsstatus von {} erfolgreich geändert", res),
     )
 }
@@ -193,5 +276,15 @@ async fn create(
 }
 
 pub fn routes() -> Vec<Route> {
-    routes![index, resetpw, update, create, delete, fees, fees_paid]
+    routes![
+        index,
+        index_admin,
+        resetpw,
+        update,
+        create,
+        delete,
+        fees,
+        fees_paid,
+        scheckbuch
+    ]
 }

src/tera/board/boathouse.rs

@@ -0,0 +1,85 @@
+use crate::model::{
+    boat::Boat,
+    boathouse::Boathouse,
+    user::{AdminUser, UserWithRoles, VorstandUser},
+};
+use rocket::{
+    form::Form,
+    get, post,
+    request::FlashMessage,
+    response::{Flash, Redirect},
+    routes, FromForm, Route, State,
+};
+use rocket_dyn_templates::{tera::Context, Template};
+use sqlx::SqlitePool;
+
+#[get("/boathouse")]
+async fn index(
+    db: &State<SqlitePool>,
+    admin: VorstandUser,
+    flash: Option<FlashMessage<'_>>,
+) -> Template {
+    let mut context = Context::new();
+    if let Some(msg) = flash {
+        context.insert("flash", &msg.into_inner());
+    }
+
+    let boats = Boat::all_for_boatshouse(db).await;
+    context.insert("boats", &boats);
+
+    let boathouse = Boathouse::get(db).await;
+    context.insert("boathouse", &boathouse);
+
+    context.insert(
+        "loggedin_user",
+        &UserWithRoles::from_user(admin.into(), db).await,
+    );
+
+    Template::render("board/boathouse", context.into_json())
+}
+
+#[derive(FromForm)]
+pub struct FormBoathouseToAdd {
+    pub boat_id: i32,
+    pub aisle: String,
+    pub side: String,
+    pub level: i32,
+}
+#[post("/boathouse", data = "<data>")]
+async fn new<'r>(
+    db: &State<SqlitePool>,
+    data: Form<FormBoathouseToAdd>,
+    _admin: AdminUser,
+) -> Flash<Redirect> {
+    match Boathouse::create(db, data.into_inner()).await {
+        Ok(_) => Flash::success(Redirect::to("/board/boathouse"), "Boot hinzugefügt"),
+        Err(e) => Flash::error(Redirect::to("/board/boathouse"), e),
+    }
+}
+
+#[get("/boathouse/<boathouse_id>/delete")]
+async fn delete(db: &State<SqlitePool>, _admin: AdminUser, boathouse_id: i32) -> Flash<Redirect> {
+    let boat = Boathouse::find_by_id(db, boathouse_id).await;
+    match boat {
+        Some(boat) => {
+            boat.delete(db).await;
+            Flash::success(Redirect::to("/board/boathouse"), "Bootsplatz gelöscht")
+        }
+        None => Flash::error(Redirect::to("/board/boathouse"), "Boatplace does not exist"),
+    }
+}
+//#[post("/boat/new", data = "<data>")]
+//async fn create(
+//    db: &State<SqlitePool>,
+//    data: Form<BoatToAdd<'_>>,
+//    _admin: AdminUser,
+//) -> Flash<Redirect> {
+//    match Boat::create(db, data.into_inner()).await {
+//        Ok(_) => Flash::success(Redirect::to("/admin/boat"), "Boot hinzugefügt"),
+//        Err(e) => Flash::error(Redirect::to("/admin/boat"), e),
+//    }
+//}
+
+pub fn routes() -> Vec<Route> {
+    routes![index, new, delete]
+}

src/tera/board/mod.rs

@@ -0,0 +1,9 @@
+use rocket::Route;
+
+pub mod boathouse;
+
+pub fn routes() -> Vec<Route> {
+    let mut ret = Vec::new();
+    ret.append(&mut boathouse::routes());
+    ret
+}

src/tera/log.rs

@@ -23,7 +23,7 @@ use crate::model::{
         LogbookUpdateError,
     },
     logtype::LogType,
-    user::{DonauLinzUser, User, UserWithRoles, UserWithWaterStatus},
+    user::{AdminUser, DonauLinzUser, User, UserWithRoles, UserWithWaterStatus},
 };
 
 pub struct KioskCookie(String);
@@ -86,7 +86,7 @@ async fn index(
     Template::render("log", context.into_json())
 }
 
-#[get("/show", rank = 2)]
+#[get("/show", rank = 3)]
 async fn show(db: &State<SqlitePool>, user: DonauLinzUser) -> Template {
     let logs = Logbook::completed(db).await;
 
@@ -96,6 +96,16 @@ async fn show(db: &State<SqlitePool>, user: DonauLinzUser) -> Template {
     )
 }
 
+#[get("/show?<year>", rank = 2)]
+async fn show_for_year(db: &State<SqlitePool>, user: AdminUser, year: i32) -> Template {
+    let logs = Logbook::completed_in_year(db, year).await;
+
+    Template::render(
+        "log.completed",
+        context!(logs, loggedin_user: &UserWithRoles::from_user(user.user, db).await),
+    )
+}
+
 #[get("/show")]
 async fn show_kiosk(db: &State<SqlitePool>, _kiosk: KioskCookie) -> Template {
     let logs = Logbook::completed(db).await;
@@ -378,6 +388,7 @@ pub fn routes() -> Vec<Route> {
         new_kiosk,
         show,
         show_kiosk,
+        show_for_year,
         delete,
         delete_kiosk
     ]

src/tera/mod.rs

@@ -21,6 +21,7 @@ use crate::model::user::{User, UserWithRoles};
 
 pub(crate) mod admin;
 mod auth;
+pub(crate) mod board;
 mod boatdamage;
 mod cox;
 mod ergo;
@@ -89,6 +90,7 @@ pub fn config(rocket: Rocket<Build>) -> Rocket<Build> {
         .mount("/boatdamage", boatdamage::routes())
         .mount("/cox", cox::routes())
         .mount("/admin", admin::routes())
+        .mount("/board", board::routes())
         .mount("/", misc::routes())
         .mount("/public", FileServer::from("static/"))
         .register("/", catchers![unauthorized_error, forbidden_error])

src/tera/planned.rs

@@ -10,6 +10,7 @@ use tera::Context;
 
 use crate::model::{
     log::Log,
+    logbook::Logbook,
     tripdetails::TripDetails,
     triptype::TripType,
     user::{AllowedForPlannedTripsUser, User, UserWithRoles},
@@ -31,6 +32,11 @@ async fn index(
         context.insert("trip_types", &triptypes);
     }
 
+    if user.has_role(db, "scheckbuch").await {
+        let last_trips = Logbook::completed_with_user(db, &user).await;
+        context.insert("last_trips", &last_trips);
+    }
+
     let days = user.get_days(db).await;
 
     if let Some(msg) = flash {

templates/admin/boat/index.html.tera

@@ -1,21 +1,10 @@
 {% import "includes/macros" as macros %}
 {% import "includes/forms/boat" as boat %}
-
 {% extends "base" %}
-
 {% block content %}
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-
-	<div class="max-w-screen-lg w-full">
-		<h1 class="h1">Boats</h1>
-		{{ boat::new() }}
-
-		{% for boat in boats %}
-      {{ boat::edit(boat=boat, uuid=loop.index) }}
-    {% endfor %}
-
-	</div>
-
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Boats</h1>
+        {{ boat::new() }}
+        {% for boat in boats %}{{ boat::edit(boat=boat, uuid=loop.index) }}{% endfor %}
+    </div>
 {% endblock content %}

templates/admin/list/index.html.tera

@@ -0,0 +1,11 @@
+{% import "includes/macros" as macros %}
+{% extends "base" %}
+{% block content %}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">List</h1>
+        <form action="/admin/list" method="post">
+            <textarea name="list" rows="4" cols="50"></textarea>
+            <input type="submit" />
+        </form>
+    </div>
+{% endblock content %}

templates/admin/list/result.html.tera

@@ -0,0 +1,10 @@
+{% import "includes/macros" as macros %}
+{% extends "base" %}
+{% block content %}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">List - Result</h1>
+        <ol>
+            {% for person in result %}<li>{{ person }}</li>{% endfor %}
+        </ol>
+    </div>
+{% endblock content %}

templates/admin/mail.html.tera

@@ -1,27 +1,17 @@
 {% import "includes/macros" as macros %}
 {% import "includes/forms/boat" as boat %}
-
 {% extends "base" %}
-
 {% block content %}
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-
-	<div class="max-w-screen-lg w-full">
-		<h1 class="h1">Mail</h1>
-		<form action="/admin/mail" method="post" enctype="multipart/form-data">
-			<select name="role_id">
-				{% for role in roles %}
-			  		<option value="{{ role.id }}">{{ role.name }}</option>
-				{% endfor %}
-			</select>
-			<input type="text" name="subject" />
-			<textarea name="body" rows="4" cols="50"></textarea>
-    			<input type="file" name="files" multiple />
-			<input type="submit" />
-		</form>
-
-	</div>
-
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Mail</h1>
+        <form action="/admin/mail" method="post" enctype="multipart/form-data">
+            <select name="role_id">
+                {% for role in roles %}<option value="{{ role.id }}">{{ role.name }}</option>{% endfor %}
+            </select>
+            <input type="text" name="subject" />
+            <textarea name="body" rows="4" cols="50"></textarea>
+            <input type="file" name="files" multiple />
+            <input type="submit" />
+        </form>
+    </div>
 {% endblock content %}

templates/admin/schnupper/index.html.tera

@@ -0,0 +1,18 @@
+{% import "includes/macros" as macros %}
+{% extends "base" %}
+{% block content %}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Schnupper Verwaltung</h1>
+        <div class="grid gap-3">
+            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                 role="alert">
+                <h2 class="h2">Angemeldete Personen: {{ schnupperanten | length }}</h2>
+                <div class="text-sm p-3">
+                    <ol class="ms-2" style="list-style: number;">
+                        {% for user in schnupperanten %}<li class="py-1">{{ user.name }} ({{ user.mail }} | {{ user.notes }})</li>{% endfor %}
+                    </ol>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock content %}

templates/admin/user/fees.html.tera

@@ -1,47 +1,43 @@
 {% import "includes/macros" as macros %}
-
 {% extends "base" %}
-
 {% block content %}
-	<div class="max-w-screen-lg w-full bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5">
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-
-		<h1 class="h1">Gebühren</h1>
-
-		<!-- START filterBar -->
-		<div class="search-wrapper">
-			<label for="name" class="sr-only">Suche</label>
-			<input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach Name"/>
-		</div>
-		<!-- END filterBar -->
-
-		<div class="bg-primary-100 dark:bg-primary-950 p-3 rounded-b-md grid gap-4">
-			<div id="filter-result-js" class="text-primary-950 dark:text-white text-right"></div>
-
-		{% for fee in fees | sort(attribute="name") %}
-			<div {% if fee.paid %} style="background-color: green;" {% endif %} data-filterable="true" data-filter="{{ fee.name }} {% if fee.paid %} has-already-paid {% else %} has-not-paid {% endif %}" class="bg-white dark:bg-primary-900 p-3 rounded-md w-full">
-              		<div class="grid sm:grid-cols-1 gap-3">
-				<div style="width: 100%" class="col-span-2">
-				<b>{{ fee.name }}</b>
-				</div>
-				<div style="width: 100%">
-				{{ fee.sum_in_cents / 100 }}€:
-				</div>
-				<div style="width: 100%">
-				{% for p in fee.parts %}
-					 {{ p.0 }} ({{ p.1 / 100 }}€) {% if not loop.last %} + {% endif %}
-				{% endfor %}
-				</div>
-				{% if "admin" in loggedin_user.roles %}
-					<a href="/admin/user/fees/paid?{{ fee.user_ids }}">Zahlungsstatus ändern</a>
-				{% endif %}
-			</div>
-			</div>
-		{% endfor %}
-		</div>
-
-	</div>
-
+    <div class="max-w-screen-lg w-full bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5">
+        <h1 class="h1">Gebühren</h1>
+        <!-- START filterBar -->
+        <div class="search-wrapper">
+            <label for="name" class="sr-only">Suche</label>
+            <input type="search"
+                   name="name"
+                   id="filter-js"
+                   class="search-bar"
+                   placeholder="Suchen nach Name" />
+        </div>
+        <!-- END filterBar -->
+        <div class="bg-primary-100 dark:bg-primary-950 p-3 rounded-b-md grid gap-4">
+            <div id="filter-result-js"
+                 class="text-primary-950 dark:text-white text-right"></div>
+            {% for fee in fees | sort(attribute="name") %}
+                <div {% if fee.paid %}style="background-color: green;"{% endif %}
+                     data-filterable="true"
+                     data-filter="{{ fee.name }} {% if fee.paid %} has-already-paid {% else %} has-not-paid {% endif %}"
+                     class="bg-white dark:bg-primary-900 p-3 rounded-md w-full">
+                    <div class="grid sm:grid-cols-1 gap-3">
+                        <div style="width: 100%" class="col-span-2">
+                            <b>{{ fee.name }}</b>
+                        </div>
+                        <div style="width: 100%">{{ fee.sum_in_cents / 100 }}€:</div>
+                        <div style="width: 100%">
+                            {% for p in fee.parts %}
+                                {{ p.0 }} ({{ p.1 / 100 }}€)
+                                {% if not loop.last %}+{% endif %}
+                            {% endfor %}
+                        </div>
+                        {% if "admin" in loggedin_user.roles %}
+                            <a href="/admin/user/fees/paid?{{ fee.user_ids }}">Zahlungsstatus ändern</a>
+                        {% endif %}
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    </div>
 {% endblock content %}

templates/admin/user/index.html.tera

@@ -1,98 +1,96 @@
 {% import "includes/macros" as macros %}
-
 {% extends "base" %}
-
 {% block content %}
-	<div class="max-w-screen-lg w-full">
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-
-		<h1 class="h1">Users</h1>
-
-		{% if allowed_to_edit %}
-		<form action="/admin/user/new" method="post" class="mt-4 bg-primary-900 rounded-md text-white px-3 pb-3 pt-2 sm:flex items-end justify-between">
-			<div class="w-full">
-				<h2 class="text-md font-bold mb-2 uppercase tracking-wide">Neuen User hinzufügen</h2>
-				<div class="grid md:grid-cols-3">
-					<div>
-						<label for="name" class="sr-only">Name</label>
-						<input type="text" name="name" class="relative block rounded-md border-0 py-1.5 px-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6 mb-2 md:mb-0" placeholder="Name"/>
-					</div>
-				</div>
-			</div>
-			<div class="text-right">
-				<input value="Hinzufügen" type="submit" class="w-28 mt-2 sm:mt-0 rounded-md bg-primary-500 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"/>
-			</div>
-		</form>
-		{% endif %}
-
-		<!-- START filterBar -->
-		<div class="search-wrapper">
-			<label for="name" class="sr-only">Suche</label>
-			<input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach (Name, [yes|no]-role:<name>)"/>
-		</div>
-		<!-- END filterBar -->
-
-		<div class="bg-primary-100 dark:bg-primary-950 p-3 rounded-b-md grid gap-4">
-			<div id="filter-result-js" class="text-primary-950 dark:text-white text-right"></div>
-			{% for user in users %}
-        <div data-filterable="true" data-filter="{{ user.name }}
-	      	{% for role in roles %}
-			{% if role.name in user.roles %}
-				yes-role:{{role.name}}
-			{% else %}
-				no-role:{{role.name}}
-			{% endif %}
-                 role-{{role}}	
-		{% endfor%}
-
-	">
-          <form action="/admin/user" method="post" class="bg-white dark:bg-primary-900 p-3 rounded-md w-full">
-            <div class="w-full grid gap-3">
-              <input type="hidden" name="id" value="{{ user.id }}"/>
-              <div class="font-bold mb-1 text-black dark:text-white">{{ user.name }}
-                {% if user.last_access %}
-                  (last access:
-                  {{ user.last_access | date }})
-                {% endif %}
-                {% if user.pw %}
-                  <a class="block mt-1 font-normal text-primary-600 dark:text-primary-200 hover:text-primary-900 dark:hover:text-primary-300 underline" href="/admin/user/{{ user.id }}/reset-pw">Passwort zurücksetzen</a>
-                {% endif %}
-              </div>
-              <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-3">
-	      	{% for role in roles %}
-                	{{ macros::checkbox(label=role.name, name="roles[" ~ role.id ~ "]", id=loop.index , checked=role.name in user.roles, disabled=allowed_to_edit == false) }}
-		{% endfor%}
-                {{ macros::input(label='DOB', name='dob', id=loop.index, type="text", value=user.dob, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Weight (kg)', name='weight', id=loop.index, type="text", value=user.weight, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Sex', name='sex', id=loop.index, type="text", value=user.sex, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Mitglied seit', name='member_since_date', id=loop.index, type="text", value=user.member_since_date, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Geburtsdatum', name='birthdate', id=loop.index, type="text", value=user.birthdate, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Mail', name='mail', id=loop.index, type="text", value=user.mail, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Nickname', name='nickname', id=loop.index, type="text", value=user.nickname, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Notizen', name='notes', id=loop.index, type="text", value=user.notes, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Telefon', name='phone', id=loop.index, type="text", value=user.phone, readonly=allowed_to_edit == false) }}
-                {{ macros::input(label='Adresse', name='address', id=loop.index, type="text", value=user.address, readonly=allowed_to_edit == false) }}
-		{% if allowed_to_edit %}
-          	{{ macros::select(label="Familie", data=families, name='family_id', selected_id=user.family_id, display=['names'], default="Keine Familie", new_last_entry='Neue Familie anlegen') }}
-		{% endif %}
-              </div>
-            </div>
-	    {% if allowed_to_edit %}
-            <div class="mt-3 text-right">
-              <a href="/admin/user/{{ user.id }}/delete" class="w-28 btn btn-alert" onclick="return confirm('Wirklich löschen?');">
-                {% include "includes/delete-icon" %}
-                Löschen
-              </a>
-              <input value="Ändern" type="submit" class="w-28 btn btn-primary ml-1"/>
-            </div>
-	    {% endif %}
-          </form>
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Users</h1>
+        {% if allowed_to_edit %}
+            <form action="/admin/user/new"
+                  method="post"
+                  class="mt-4 bg-primary-900 rounded-md text-white px-3 pb-3 pt-2 sm:flex items-end justify-between">
+                <div class="w-full">
+                    <h2 class="text-md font-bold mb-2 uppercase tracking-wide">Neuen User hinzufügen</h2>
+                    <div class="grid md:grid-cols-3">
+                        <div>
+                            <label for="name" class="sr-only">Name</label>
+                            <input type="text"
+                                   name="name"
+                                   class="relative block rounded-md border-0 py-1.5 px-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6 mb-2 md:mb-0"
+                                   placeholder="Name" />
+                        </div>
+                    </div>
+                </div>
+                <div class="text-right">
+                    <input value="Hinzufügen"
+                           type="submit"
+                           class="w-28 mt-2 sm:mt-0 rounded-md bg-primary-500 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer" />
+                </div>
+            </form>
+        {% endif %}
+        <!-- START filterBar -->
+        <div class="search-wrapper">
+            <label for="name" class="sr-only">Suche</label>
+            <input type="search"
+                   name="name"
+                   id="filter-js"
+                   class="search-bar"
+                   placeholder="Suchen nach (Name, [yes|no]-role:<name>)" />
         </div>
-			{% endfor %}
-		</div>
-
-	</div>
-
+        <!-- END filterBar -->
+        <div class="bg-primary-100 dark:bg-primary-950 p-3 rounded-b-md grid gap-4">
+            <div id="filter-result-js"
+                 class="text-primary-950 dark:text-white text-right"></div>
+            {% for user in users %}
+                <div data-filterable="true"
+                     data-filter="{{ user.name }} {% for role in roles %} {% if role.name in user.roles %} yes-role:{{ role.name }} {% else %} no-role:{{ role.name }} {% endif %} role-{{ role }} {% endfor %}  ">
+                    <form action="/admin/user"
+                          method="post"
+                          class="bg-white dark:bg-primary-900 p-3 rounded-md w-full">
+                        <div class="w-full grid gap-3">
+                            <input type="hidden" name="id" value="{{ user.id }}" />
+                            <div class="font-bold mb-1 text-black dark:text-white">
+                                {{ user.name }}
+                                {% if user.last_access %}
+                                    (last access:
+                                    {{ user.last_access | date }})
+                                {% endif %}
+                                {% if user.pw %}
+                                    <a class="block mt-1 font-normal text-primary-600 dark:text-primary-200 hover:text-primary-900 dark:hover:text-primary-300 underline"
+                                       href="/admin/user/{{ user.id }}/reset-pw">Passwort zurücksetzen</a>
+                                {% endif %}
+                            </div>
+                            <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-3">
+                                {% for role in roles %}
+                                    {{ macros::checkbox(label=role.name, name="roles[" ~ role.id ~ "]", id=loop.index , checked=role.name in user.roles, disabled=allowed_to_edit == false) }}
+                                {% endfor %}
+                                {{ macros::input(label='DOB', name='dob', id=loop.index, type="text", value=user.dob, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Weight (kg)', name='weight', id=loop.index, type="text", value=user.weight, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Sex', name='sex', id=loop.index, type="text", value=user.sex, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Mitglied seit', name='member_since_date', id=loop.index, type="text", value=user.member_since_date, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Geburtsdatum', name='birthdate', id=loop.index, type="text", value=user.birthdate, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Mail', name='mail', id=loop.index, type="text", value=user.mail, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Nickname', name='nickname', id=loop.index, type="text", value=user.nickname, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Notizen', name='notes', id=loop.index, type="text", value=user.notes, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Telefon', name='phone', id=loop.index, type="text", value=user.phone, readonly=allowed_to_edit == false) }}
+                                {{ macros::input(label='Adresse', name='address', id=loop.index, type="text", value=user.address, readonly=allowed_to_edit == false) }}
+                                {% if allowed_to_edit %}
+                                    {{ macros::select(label="Familie", data=families, name='family_id', selected_id=user.family_id, display=['names'], default="Keine Familie", new_last_entry='Neue Familie anlegen') }}
+                                {% endif %}
+                            </div>
+                        </div>
+                        {% if allowed_to_edit %}
+                            <div class="mt-3 text-right">
+                                <a href="/admin/user/{{ user.id }}/delete"
+                                   class="w-28 btn btn-alert"
+                                   onclick="return confirm('Wirklich löschen?');">
+                                    {% include "includes/delete-icon" %}
+                                    Löschen
+                                </a>
+                                <input value="Ändern" type="submit" class="w-28 btn btn-primary ml-1" />
+                            </div>
+                        {% endif %}
+                    </form>
+                </div>
+            {% endfor %}
+        </div>
+    </div>
 {% endblock content %}

templates/admin/user/scheckbuch.html.tera

@@ -0,0 +1,42 @@
+{% import "includes/macros" as macros %}
+{% import "includes/forms/log" as log %}
+{% extends "base" %}
+{% block content %}
+    <div class="max-w-screen-lg w-full bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5">
+        <h1 class="h1">Scheckbücher</h1>
+        <!-- START filterBar -->
+        <div class="search-wrapper">
+            <label for="name" class="sr-only">Suche</label>
+            <input type="search"
+                   name="name"
+                   id="filter-js"
+                   class="search-bar"
+                   placeholder="Suchen nach Name" />
+        </div>
+        <!-- END filterBar -->
+        <div class="bg-primary-100 dark:bg-primary-950 p-3 rounded-b-md grid gap-4">
+            <div id="filter-result-js"
+                 class="text-primary-950 dark:text-white text-right"></div>
+            {% for scheckbook in scheckbooks %}
+                {% set user = scheckbook.1 %}
+                {% set trips = scheckbook.0 %}
+                <div {% if "paid" in user.roles %}style="background-color: green;"{% endif %}
+                     data-filterable="true"
+                     data-filter="{{ user.name }} {% if "paid" in user.roles %} has-already-paid {% else %} has-not-paid {% endif %}"
+                     class="bg-white dark:bg-primary-900 p-3 rounded-md w-full">
+                    <div class="grid sm:grid-cols-1 gap-3">
+                        <div style="width: 100%" class="col-span-2">
+                            <b>{{ user.name }} - Ausfahrten: {{ trips | length }}</b>
+                            {% for trip in trips %}
+                                <li>{{ log::show_old(log=trip, state="completed", only_ones=false, index=loop.index) }}</li>
+                            {% endfor %}
+                        </div>
+                        {% if "admin" in loggedin_user.roles %}
+                            <a href="/admin/user/fees/paid?user_ids[]={{ user.id }}">Zahlungsstatus ändern</a>
+                        {% endif %}
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    </div>
+{% endblock content %}

templates/auth/login.html.tera

@@ -1,39 +1,34 @@
 {% extends "base" %}
-
 {% block content %}
-	<div class="w-full max-w-md space-y-8">
-		<div>
-			<img class="mx-auto h-16 w-auto" src="https://rudernlinz.at/wp-content/uploads/2021/02/cropped-logo.png" alt="Logo Ruderassistent">
-			<h1 class="mt-6 h1">Ruderassistent</h1>
-		</div>
-
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-		<form class="mt-8 space-y-6" method="post" action="/auth">
-			<input type="hidden" name="remember" value="true">
-			<div class="-space-y-px rounded-md shadow-sm">
-				<div>
-					{% if name %}
-						{{ macros::input(label='Name', name='name', type='input', required=true, class='rounded-t-md',hide_label=true,value=name, autofocus=true) }}
-					{% else %}
-						{{ macros::input(label='Name', name='name', type='input', required=true, class='rounded-t-md',hide_label=true, autofocus=true) }}
-
-					{% endif %}
-				</div>
-				<div>
-					{{ macros::input(label='Passwort', name='password', type='password', class='rounded-b-md',hide_label=true) }}
-				</div>
-			</div>
-
-			<div>
-				<button type="submit" class="group relative flex w-full justify-center btn btn-primary">
-					<span class="absolute inset-y-0 left-0 flex items-center pl-3">
-						{% include "includes/lock-icon" %}
-					</span>
-					Einloggen
-				</button>
-			</div>
-		</form>
-	</div>
+    <div class="w-full max-w-md space-y-8">
+        <div>
+            <img class="mx-auto h-16 w-auto"
+                 src="https://rudernlinz.at/wp-content/uploads/2021/02/cropped-logo.png"
+                 alt="Logo Ruderassistent">
+            <h1 class="mt-6 h1">Ruderassistent</h1>
+        </div>
+        {% if flash %}{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}{% endif %}
+        <form class="mt-8 space-y-6" method="post" action="/auth">
+            <input type="hidden" name="remember" value="true">
+            <div class="-space-y-px rounded-md shadow-sm">
+                <div>
+                    {% if name %}
+                        {{ macros::input(label='Name', name='name', type='input', required=true, class='rounded-t-md',hide_label=true,value=name, autofocus=true) }}
+                    {% else %}
+                        {{ macros::input(label='Name', name='name', type='input', required=true, class='rounded-t-md',hide_label=true, autofocus=true) }}
+                    {% endif %}
+                </div>
+                <div>
+                    {{ macros::input(label='Passwort', name='password', type='password', class='rounded-b-md',hide_label=true) }}
+                </div>
+            </div>
+            <div>
+                <button type="submit"
+                        class="group relative flex w-full justify-center btn btn-primary">
+                    <span class="absolute inset-y-0 left-0 flex items-center pl-3">{% include "includes/lock-icon" %}</span>
+                    Einloggen
+                </button>
+            </div>
+        </form>
+    </div>
 {% endblock content %}

templates/auth/set-pw.html.tera

@@ -1,30 +1,25 @@
 {% extends "base" %}
-
 {% block content %}
-	<div class="w-full max-w-md space-y-8">
-		<h1 class="mt-6 h1">Passwort setzen</h1>
-
-		<form class="mt-8 space-y-6" action="/auth/set-pw" method="post">
-			<input type="hidden" name="remember" value="true">
-			<input type="hidden" name="userid" value="{{ userid }}"/>
-			<div class="-space-y-px rounded-md shadow-sm">
-				<div>
-					{{ macros::input(label='Passwort', name='password', type='password', required=true, class='rounded-t-md',hide_label=true) }}
-				</div>
-				<div>
-					{{ macros::input(label='Passwort bestätigen', name='password_confirm', type='password', required=true, class='rounded-b-md',hide_label=true) }}
-				</div>
-			</div>
-
-			<div>
-				<button type="submit" class="group relative flex w-full justify-center btn btn-primary">
-					<span class="absolute inset-y-0 left-0 flex items-center pl-3">
-						{% include "includes/lock-icon" %}
-					</span>
-					Bestätigen
-				</button>
-			</div>
-		</form>
-	</div>
-
+    <div class="w-full max-w-md space-y-8">
+        <h1 class="mt-6 h1">Passwort setzen</h1>
+        <form class="mt-8 space-y-6" action="/auth/set-pw" method="post">
+            <input type="hidden" name="remember" value="true">
+            <input type="hidden" name="userid" value="{{ userid }}" />
+            <div class="-space-y-px rounded-md shadow-sm">
+                <div>
+                    {{ macros::input(label='Passwort', name='password', type='password', required=true, class='rounded-t-md',hide_label=true) }}
+                </div>
+                <div>
+                    {{ macros::input(label='Passwort bestätigen', name='password_confirm', type='password', required=true, class='rounded-b-md',hide_label=true) }}
+                </div>
+            </div>
+            <div>
+                <button type="submit"
+                        class="group relative flex w-full justify-center btn btn-primary">
+                    <span class="absolute inset-y-0 left-0 flex items-center pl-3">{% include "includes/lock-icon" %}</span>
+                    Bestätigen
+                </button>
+            </div>
+        </form>
+    </div>
 {% endblock content %}

templates/base.html.tera

@@ -1,46 +1,45 @@
 {% import "includes/macros" as macros %}
-
 <!DOCTYPE html>
 <html lang="de">
-	<head>
-		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-		<link rel="manifest" href="public/manifest.json"/>
-		<link rel="stylesheet" href="/public/main.css"/>
-		<link rel="icon" type="image/x-icon" href="/public/images/favicon.ico">
-		<title>Ruderassistent - ASKÖ Ruderverein Donau Linz</title>
-	</head>
-	<body class="bg-gray-100 dark:bg-black">
-		{% if loggedin_user %}
-			{{ macros::header(loggedin_user=loggedin_user) }}
-		{% endif %}
-		{% if show_kiosk_header %}
-      <header class="bg-primary-900 text-white flex justify-between px-4 py-3 w-full z-10 ">
-        <div>
-          <a href="/log">
-            Hü
-          </a>
-        </div>
-        <div>
-          <a href="/log" class="px-2">Ausfahrt eintragen</a>
-          <a href="/log/show" class="px-2">Logbuch</a>
-          <a href="/stat" class="px-2">Statistik</a>
-          <a href="/stat/boats" class="px-2">Bootsauswertung</a>
-          <a href="/boatdamage" class="px-2">Bootsschaden</a>
-        </div>
-      </header>
-		{% endif %}
-
-			<div class="flex min-h-screen {%if not loggedin_user and not show_kiosk_header %} items-center dark:bg-primary-900 {% else %} items-start {% endif %} justify-center px-4 py-12 sm:px-6 lg:px-8"> {% block content %}{% endblock content %}
-				</div>
-
-				{% if loggedin_user %}
-					{% include "includes/footer" %}
+    <head>
+        <meta name="viewport"
+              content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <link rel="manifest" href="public/manifest.json" />
+        <link rel="stylesheet" href="/public/main.css" />
+        <link rel="icon" type="image/x-icon" href="/public/images/favicon.ico">
+        <title>Ruderassistent - ASKÖ Ruderverein Donau Linz</title>
+    </head>
+    <body class="bg-gray-100 dark:bg-black">
+        {% if loggedin_user %}{{ macros::header(loggedin_user=loggedin_user) }}{% endif %}
+        {% if show_kiosk_header %}
+            <header class="bg-primary-900 text-white flex justify-between px-4 py-3 w-full z-10 ">
+                <div>
+                    <a href="/log">Hü</a>
+                </div>
+                <div>
+                    <a href="/log" class="px-2">Ausfahrt eintragen</a>
+                    <a href="/log/show" class="px-2">Logbuch</a>
+                    <a href="/stat" class="px-2">Statistik</a>
+                    <a href="/stat/boats" class="px-2">Bootsauswertung</a>
+                    <a href="/boatdamage" class="px-2">Bootsschaden</a>
+                </div>
+            </header>
+        {% endif %}
+        <div class="flex flex-wrap min-h-screen {% if not loggedin_user and not show_kiosk_header %} items-center dark:bg-primary-900 {% else %} items-start {% endif %} justify-center px-4 py-12 sm:px-6 lg:px-8">
+            {% if flash and loggedin_user %}
+                <div class="max-w-screen-lg w-full mb-3">
+                    {{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
+                </div>
+            {% endif %}
+            {% block content %}
+            {% endblock content %}
+        </div>
+        {% if loggedin_user %}
+            {% include "includes/footer" %}
         {% endif %}
-
         {% include "dynamics/sidebar" %}
-        
-					<script src="/public/main.js"></script>
-				</body>
-			</html>
-		</body>
-	</html>
+        <script src="/public/main.js"></script>
+    </body>
+</html>
+</body>
+</html>

templates/board/boathouse.html.tera

@@ -0,0 +1,54 @@
+{% import "includes/macros" as macros %}
+{% import "includes/forms/log" as log %}
+{% import "includes/forms/boat" as boat %}
+{% extends "base" %}
+{% macro show_place(aisle_name, side_name, level) %}
+    <li class="truncate p-2 flex relative w-full">
+        {% set aisle = aisle_name ~ "-aisle" %}
+        {% set place = boathouse[aisle][side_name] %}
+        {% if place[level] %}
+            {{ place[level].1.name }} <a class="btn btn-primary absolute end-0" href="/board/boathouse/{{ place[level].0 }}/delete">X</a>
+        {% elif boats | length > 0 %}
+            <details>
+                <summary>Kein Boot</summary>
+                <form action="/board/boathouse" method="post" class="grid gap-3">
+                    {{ macros::select(label="Boot", data=boats, name="boat_id", id="boat_id", display=["name", " (","amount_seats", " x)"], wrapper_class="col-span-4") }}
+                    <input type="hidden" name="aisle" value="{{ aisle_name }}" />
+                    <input type="hidden" name="side" value="{{ side_name }}" />
+                    <input type="hidden" name="level" value="{{ level }}" />
+                    <input type="submit"
+                           class="btn btn-primary w-full col-span-4"
+                           value="Boot eintragen" />
+                </form>
+            </details>
+        {% else %}
+            Kein Boot
+        {% endif %}
+    </li>
+{% endmacro show_place %}
+{% macro show_side(aisle_name, side_name) %}
+    <div class="{{ side_name }}-side">
+        <ol>
+            {{ self::show_place(aisle_name = aisle_name, side_name = side_name, level = 0) }}
+            {{ self::show_place(aisle_name = aisle_name, side_name = side_name, level = 1) }}
+            {{ self::show_place(aisle_name = aisle_name, side_name = side_name, level = 2) }}
+            {{ self::show_place(aisle_name = aisle_name, side_name = side_name, level = 3) }}
+        </ol>
+    </div>
+{% endmacro show_side %}
+{% macro show_aisle(name, last=false) %}
+    <div id="{{ name }}-aisle" class="grid grid-cols-2 gap-4 {% if not last %}md:border-r{% endif %}">
+        {{ self::show_side(aisle_name = name, side_name = "mountain") }}
+        {{ self::show_side(aisle_name = name, side_name = "water") }}
+    </div>
+{% endmacro show_aisle %}
+{% block content %}
+    <div class="max-w-screen-lg w-full dark:text-white">
+        <h1 class="h1">Bootshaus</h1>
+        <div class="grid md:grid-cols-3 gap-4">
+            {{ self::show_aisle(name = "mountain") }}
+            {{ self::show_aisle(name = "middle") }}
+            {{ self::show_aisle(name = "water", last = true) }}
+        </div>
+    </div>
+{% endblock content %}

templates/boatdamages.html.tera

@@ -1,87 +1,106 @@
 {% import "includes/macros" as macros %}
 {% import "includes/forms/log" as log %}
-
 {% extends "base" %}
-
 {% block content %}
-
-<div class="max-w-screen-lg w-full">
-  <h1 class="h1">Bootschäden</h1>
-
-  {% if flash %}
-    {{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3 mt-3") }}
-  {% endif %}
-
-  <h2 class="text-md font-bold tracking-wide bg-primary-900 mt-3 p-3 text-white flex justify-between items-center rounded-md">
-    Neuen Schaden
-
-    <a href="#" class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
-                data-sidebar="true" data-trigger="sidebar" data-header="Neuen Schaden anlegen" data-body="#new-damage">
-      {% include "includes/plus-icon" %}
-      <span class="sr-only">Neuen Schaden eintragen</span>
-    </a>
-  </h2>
-
-  <div class="hidden">
-    <div id="new-damage">
-      <form action="/boatdamage" method="post" class="grid gap-3">
-        {{ log::boat_select(only_ones=false, id='boat') }}
-	{% if not loggedin_user %}
-		{{ macros::select(label='Gemeldet von', data=user, name='user_id') }}
-	{% endif %}
-        {{ macros::input(label='Beschreibung des Schadens', name='desc', type='text', required=true, wrapper_class='col-span-4') }}
-        <div class="col-span-4">
-          {{ macros::checkbox(label='Boot sperren', name='lock_boat', type='text', required=true) }}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Bootschäden</h1>
+        <h2 class="text-md font-bold tracking-wide bg-primary-900 mt-3 p-3 text-white flex justify-between items-center rounded-md">
+            Neuen Schaden
+            <a href="#"
+               class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
+               data-sidebar="true"
+               data-trigger="sidebar"
+               data-header="Neuen Schaden anlegen"
+               data-body="#new-damage">
+                {% include "includes/plus-icon" %}
+                <span class="sr-only">Neuen Schaden eintragen</span>
+            </a>
+        </h2>
+        <div class="hidden">
+            <div id="new-damage">
+                <form action="/boatdamage" method="post" class="grid gap-3">
+                    {{ log::boat_select(only_ones=false, id='boat') }}
+                    {% if not loggedin_user %}{{ macros::select(label='Gemeldet von', data=user, name='user_id') }}{% endif %}
+                    {{ macros::input(label='Beschreibung des Schadens', name='desc', type='text', required=true, wrapper_class='col-span-4') }}
+                    <div class="col-span-4">
+                        {{ macros::checkbox(label='Boot sperren', name='lock_boat', type='text', required=true) }}
+                    </div>
+                    <input type="submit"
+                           class="btn btn-primary w-full col-span-4"
+                           value="Schaden eintragen" />
+                </form>
+            </div>
         </div>
-        <input type="submit" class="btn btn-primary w-full col-span-4" value="Schaden eintragen" />
-      </form>
+        <div class="search-wrapper">
+            <label for="name" class="sr-only">Suche</label>
+            <input type="search"
+                   name="name"
+                   id="filter-js"
+                   class="search-bar"
+                   placeholder="Suchen nach Namen...">
+        </div>
+        <div id="filter-result-js" class="search-result"></div>
+        {% for boatdamage in boatdamages | sort(attribute="verified") %}
+            <div data-filterable="true"
+                 data-filter="{{ boatdamage.boat.name }} {{ boatdamage.user_created.name }}"
+                 class="w-full border-t bg-white dark:bg-primary-900 text-black dark:text-white p-3 {% if boatdamage.verified_at %}opacity-50{% endif %}">
+                <div class="w-full">
+                    <strong>{{ boatdamage.created_at | date(format='%d.%m.%Y') }} <span class="font-normal text-gray-600 dark:text-gray-100">({{ boatdamage.boat.name }})</span></strong>
+                    {% if boatdamage.boat.damage %}
+                        <small class="block text-gray-600 dark:text-gray-100">(Boot gesperrt)</small>
+                    {% endif %}
+                    <div>{{ boatdamage.desc }}</div>
+                    <small class="block text-gray-600 dark:text-gray-100">
+                        Schaden eingetragen von {{ boatdamage.user_created.name }} am/um {{ boatdamage.created_at | date(format='%d.%m.%Y (%H:%M)') }}
+                    </small>
+                    {% if boatdamage.fixed_at %}
+                        <small class="block text-gray-600 dark:text-gray-100">Repariert von {{ boatdamage.user_fixed.name }} am/um {{ boatdamage.fixed_at | date(format='%d.%m.%Y (%H:%M)') }}</small>
+                    {% else %}
+                        {% if loggedin_user and "cox" in loggedin_user.roles %}
+                            <form action="/boatdamage/{{ boatdamage.id }}/fixed"
+                                  method="post"
+                                  class="flex justify-between mt-3">
+                                <input type="text"
+                                       name="desc"
+                                       value="{{ boatdamage.desc }}"
+                                       class="grow input rounded-s" />
+                                {% if loggedin_user and "tech" in loggedin_user.roles %}
+                                    <input type="submit"
+                                           class="btn btn-primary"
+                                           style="border-top-left-radius: 0;
+                                                  border-bottom-left-radius: 0"
+                                           value="Repariert und verifiziert" />
+                                {% else %}
+                                    <input type="submit"
+                                           class="btn btn-primary"
+                                           style="border-top-left-radius: 0;
+                                                  border-bottom-left-radius: 0"
+                                           value="Repariert" />
+                                {% endif %}
+                            </form>
+                        {% endif %}
+                    {% endif %}
+                    {% if boatdamage.verified_at %}
+                        <small class="block text-gray-600 dark:text-gray-100">Verifziert von {{ boatdamage.user_verified.name }} am/um {{ boatdamage.verified_at | date(format='%d.%m.%Y (%H:%M)') }}</small>
+                    {% else %}
+                        {% if loggedin_user and "tech" in loggedin_user.roles and boatdamage.fixed_at %}
+                            <form action="/boatdamage/{{ boatdamage.id }}/verified"
+                                  method="post"
+                                  class="flex justify-between mt-3">
+                                <input type="text"
+                                       name="desc"
+                                       value="{{ boatdamage.desc }}"
+                                       class="grow input rounded-s" />
+                                <input type="submit"
+                                       class="btn btn-dark"
+                                       style="border-top-left-radius: 0;
+                                              border-bottom-left-radius: 0"
+                                       value="Verifiziert" />
+                            </form>
+                        {% endif %}
+                    {% endif %}
+                </div>
+            </div>
+        {% endfor %}
     </div>
-  </div>
-
-  <div class="search-wrapper">
-    <label for="name" class="sr-only">Suche</label>
-    <input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach Namen...">
-  </div>
-
-  <div id="filter-result-js" class="search-result"></div>
-
-  {% for boatdamage in boatdamages | sort(attribute="verified") %}
-    <div data-filterable="true" data-filter="{{ boatdamage.boat.name }} {{ boatdamage.user_created.name }}" class="w-full border-t bg-white dark:bg-primary-900 text-black dark:text-white p-3 {% if boatdamage.verified_at %} opacity-50 {% endif %}">
-      <div class="w-full">
-        <strong>{{ boatdamage.created_at | date(format='%d.%m.%Y') }} <span class="font-normal text-gray-600 dark:text-gray-100">({{ boatdamage.boat.name }})</span></strong>{% if boatdamage.boat.damage %}<small class="block text-gray-600 dark:text-gray-100">(Boot gesperrt)</small>{% endif %}
-        <div>{{ boatdamage.desc }}</div>
-        <small class="block text-gray-600 dark:text-gray-100">
-          Schaden eingetragen von {{ boatdamage.user_created.name }} am/um {{ boatdamage.created_at | date(format='%d.%m.%Y (%H:%M)') }}
-        </small>
-
-        {% if boatdamage.fixed_at %}
-          <small class="block text-gray-600 dark:text-gray-100">Repariert von {{ boatdamage.user_fixed.name }} am/um {{ boatdamage.fixed_at | date(format='%d.%m.%Y (%H:%M)') }}</small>
-        {% else %}
-          {% if loggedin_user and "cox" in loggedin_user.roles %}
-            <form action="/boatdamage/{{ boatdamage.id }}/fixed" method="post" class="flex justify-between mt-3">
-              <input type="text" name="desc" value="{{ boatdamage.desc }}" class="grow input rounded-s" />
-              {% if loggedin_user and "tech" in loggedin_user.roles %}
-                <input type="submit" class="btn btn-primary" style="border-top-left-radius: 0; border-bottom-left-radius: 0;" value="Repariert und verifiziert" />
-              {% else %}
-                <input type="submit" class="btn btn-primary" style="border-top-left-radius: 0; border-bottom-left-radius: 0;" value="Repariert" />
-              {% endif %}
-            </form>
-          {% endif %}
-        {% endif %}
-        
-        {% if boatdamage.verified_at %}
-          <small class="block text-gray-600 dark:text-gray-100">Verifziert von {{ boatdamage.user_verified.name }} am/um {{ boatdamage.verified_at | date(format='%d.%m.%Y (%H:%M)') }}</small>
-        {% else %}
-          {% if loggedin_user and "tech" in loggedin_user.roles and boatdamage.fixed_at  %}
-            <form action="/boatdamage/{{ boatdamage.id }}/verified" method="post" class="flex justify-between mt-3">
-              <input type="text" name="desc" value="{{ boatdamage.desc }}" class="grow input rounded-s"/>
-              <input type="submit" class="btn btn-dark" style="border-top-left-radius: 0; border-bottom-left-radius: 0;"  value="Verifiziert" />
-            </form>
-          {% endif %}
-        {% endif %}
-      </div>
-    </div>
-  {% endfor %}
-</div>
-
-{% endblock content%}
+{% endblock content %}

templates/dynamics/sidebar.html.tera

@@ -1,16 +1,15 @@
-<div class="sidebar slide-in from-right bg-white dark:bg-primary-950 dark:text-white" id="sidebar" aria-modal="false">
-	<div class="bg-primary-900 text-white px-2 py-3 flex justify-between sidebar-header">
-		<div>
-			<span class="ps-1 header-js">
-				Überschrift  (wird ersetzt)
-			</span>
-		</div>
-		<button type="button" title="Ausfahrt erstellen schließen" class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45" data-trigger="sidebar">
-			{% include "includes/plus-icon" %}
-		</button>
-	</div>
-	<div class="body-js px-2 pt-2">
-		Formular wird ersetzt
-	</div>
+<div class="sidebar slide-in from-right bg-white dark:bg-primary-950 dark:text-white"
+     id="sidebar"
+     aria-modal="false">
+    <div class="bg-primary-900 text-white px-2 py-3 flex justify-between sidebar-header">
+        <div>
+            <span class="ps-1 header-js">Überschrift  (wird ersetzt)</span>
+        </div>
+        <button type="button"
+                title="Ausfahrt erstellen schließen"
+                class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45"
+                data-trigger="sidebar">{% include "includes/plus-icon" %}</button>
+    </div>
+    <div class="body-js px-2 pt-2">Formular wird ersetzt</div>
 </div>
 <div class="sidebar-overlay" data-trigger="sidebar"></div>

templates/ergo.final.html.tera

@@ -1,36 +1,39 @@
 {% import "includes/macros" as macros %}
-
 {% extends "base" %}
-
 {% block content %}
-	<div class="max-w-screen-lg w-full">
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-
-		<h1 class="h1">Aktuelle Woche</h1>
-		<details>
-		  <summary>Dirty Thirty</summary>
-		  <p>
-			<div class="border-r border-l">
-{% for stat in thirty %}{% set names = stat.name | split(pat=" ") %}{% set lastname_index = names | length - 1 %}{% set lastname = names[lastname_index] %}{{ lastname }}&#9;{% for name in names %}{% if loop.index != lastname_index +1 %}{{ name }} {% endif %}{% endfor %}&#9;{{ stat.dob }}&#9;{{ stat.weight }}&#9;{{ stat.sex }}&#9;&#9;DLI&#9;{{ stat.result }}
-{% endfor %}
-			</div>
-		  </p>
-		</details>
-
-		<details>
-		  <summary>Dirty Dozen</summary>
-		  <p>
-			<div class="border-r border-l">{% for stat in dozen %}
-  {% set names = stat.name | split(pat=" ") %}
-  {% set lastname_index = names | length - 1 %}
-  {% set lastname = names[lastname_index] %}
-  {{ lastname }};{% for name in names %}{% if loop.index != lastname_index +1 %}{{ name }} {% endif %}{% endfor %};{{ stat.dob }};{{ stat.weight }};{{ stat.sex }};DLI;{{ stat.result }}<br />
-			{% endfor %}
-			</div>
-		  </p>
-		</details>
-	</div>
-
-{% endblock content%}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Aktuelle Woche</h1>
+        <details>
+            <summary>Dirty Thirty</summary>
+            <p>
+                <div class="border-r border-l">
+                    {% for stat in thirty %}
+                        {% set names = stat.name | split(pat=" ") %}{% set lastname_index = names | length - 1 %}{% set lastname = names[lastname_index] %}{{ lastname }}&#9;
+                        {% for name in names %}
+                            {% if loop.index != lastname_index +1 %}{{ name }}{% endif %}
+                        {% endfor %}
+                        &#9;{{ stat.dob }}&#9;{{ stat.weight }}&#9;{{ stat.sex }}&#9;&#9;DLI&#9;{{ stat.result }}
+                    {% endfor %}
+                </div>
+            </p>
+        </details>
+        <details>
+            <summary>Dirty Dozen</summary>
+            <p>
+                <div class="border-r border-l">
+                    {% for stat in dozen %}
+                        {% set names = stat.name | split(pat=" ") %}
+                        {% set lastname_index = names | length - 1 %}
+                        {% set lastname = names[lastname_index] %}
+                        {{ lastname }};
+                        {% for name in names %}
+                            {% if loop.index != lastname_index +1 %}{{ name }}{% endif %}
+                        {% endfor %}
+                        ;{{ stat.dob }};{{ stat.weight }};{{ stat.sex }};DLI;{{ stat.result }}
+                        <br />
+                    {% endfor %}
+                </div>
+            </p>
+        </details>
+    </div>
+{% endblock content %}

templates/ergo.html.tera

@@ -1,174 +1,205 @@
 {% import "includes/macros" as macros %}
-
 {% extends "base" %}
-
 {% block content %}
-	<div class="max-w-screen-lg w-full">
-    <h1 class="h1">Ergo Challenges</h1>
-
-    {% if flash %}
-        {{ macros::alert(message=flash.1, type=flash.0, class="my-3") }}
-    {% endif %}
-
-    <div class="grid gap-3">
-      <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-        <h2 class="h2">Ergo-Challenge?!</h2>
-         <div class="text-sm p-3">
-          <ul class="list-disc ms-2">
-            <li class="py-1"><a href="https://rudernlinz.at/termin" target="_blank" class="link-primary">Überblick der Challenges</a></li>
-            <li class="py-1">Eintragung ist jederzeit möglich, alle Daten die bis Sonntag 23:59 hier hochgeladen wurden, werden gesammelt an die Ister Ergo Challenge geschickt
-            <li class="py-1">Dienstag + Donnerstag &rarr; gemeinsames Training; bitte um <a href="/" class="link-primary">Anmeldung</a>, damit jeder einen Ergo hat</li>
-	    <li class="py-1">Offizielle Ergebnisse: <a href="https://rudernlinz.at/dt" target="_blank" style="text-decoration: underline;">Dirty Thirty (rudernlinz.at/dt)</a> / <a href="https://rudernlinz.at/dd" target="_blank" style="text-decoration: underline;">Dirty Dozen (rudernlinz.at/dd)</a>, bei Fehlern direkt mit <a href="mailto:office@ergochallenge.at" style="text-decoration: underline;">Christian (Ister)</a> Kontakt aufnehmen</li>
-            <li class="py-1"><a href="https://cloud.rudernlinz.at/s/m7mPQdwSWscpaXT" target="_blank" class="link-primary">Noch mehr Infos zur Ergo-Challenge findest du hier</a></li>
-          </ul>
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Ergo Challenges</h1>
+        <div class="grid gap-3">
+            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                 role="alert">
+                <h2 class="h2">Ergo-Challenge?!</h2>
+                <div class="text-sm p-3">
+                    <ul class="list-disc ms-2">
+                        <li class="py-1">
+                            <a href="https://rudernlinz.at/termin"
+                               target="_blank"
+                               class="link-primary">Überblick der Challenges</a>
+                        </li>
+                        <li class="py-1">
+                            Eintragung ist jederzeit möglich, alle Daten die bis Sonntag 23:59 hier hochgeladen wurden, werden gesammelt an die Ister Ergo Challenge geschickt
+                            <li class="py-1">
+                                Dienstag + Donnerstag &rarr; gemeinsames Training; bitte um <a href="/" class="link-primary">Anmeldung</a>, damit jeder einen Ergo hat
+                            </li>
+                            <li class="py-1">
+                                Offizielle Ergebnisse: <a href="https://rudernlinz.at/dt"
+    target="_blank"
+    style="text-decoration: underline">Dirty Thirty (rudernlinz.at/dt)</a> / <a href="https://rudernlinz.at/dd"
+    target="_blank"
+    style="text-decoration: underline">Dirty Dozen (rudernlinz.at/dd)</a>, bei Fehlern direkt mit <a href="mailto:office@ergochallenge.at"
+    style="text-decoration: underline">Christian (Ister)</a> Kontakt aufnehmen
+                            </li>
+                            <li class="py-1">
+                                <a href="https://cloud.rudernlinz.at/s/m7mPQdwSWscpaXT"
+                                   target="_blank"
+                                   class="link-primary">Noch mehr Infos zur Ergo-Challenge findest du hier</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <details class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md p-2">
+                        <summary class="cursor-pointer">Deine Daten</summary>
+                        <div class="pt-3">
+                            <p>
+                                Folgende Daten hat der Ruderassistent von dir. Wenn diese nicht mehr aktuell sind, bitte gewünschte Änderungen an Philipp melden (Tel. nr siehe Signal, oder an <a href="mailto:it@rudernlinz.at"
+    class="text-primary-600 dark:text-primary-200 hover:text-primary-950 hover:dark:text-primary-300 underline"
+    target="_blank">it@rudernlinz.at</a>).
+                                <br />
+                                <br />
+                                <ul>
+                                    <li>Geburtsdatum: {{ loggedin_user.dob }}</li>
+                                    <li>Gewicht: {{ loggedin_user.weight }} kg</li>
+                                    <li>Geschlecht: {{ loggedin_user.sex }}</li>
+                                </ul>
+                            </p>
+                        </div>
+                    </details>
+                </div>
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow grid gap-3">
+                    <h2 class="h2">
+                        Neuer Eintrag
+                    </h1>
+                    <details class="p-2">
+                        <summary class="cursor-pointer">Dirty Thirty</summary>
+                        <div class="mt-3">
+                            <form action="/ergo/thirty"
+                                  class="grid gap-3"
+                                  method="post"
+                                  enctype="multipart/form-data">
+                                <div>
+                                    <label for="user-thirty" class="text-sm text-gray-600 dark:text-gray-100">Ergo-Fahrer</label>
+                                    <select name="user" id="user-thirty" class="input rounded-md">
+                                        <option disabled="disabled">User auswählen</option>
+                                        {% for user in users %}
+                                            {% if user.id == loggedin_user.id %}
+                                                <option value="{{ user.id }}" selected="selected">{{ user.name }}</option>
+                                            {% else %}
+                                                <option value="{{ user.id }}">{{ user.name }}</option>
+                                            {% endif %}
+                                        {% endfor %}
+                                    </select>
+                                </div>
+                                {{ macros::input(label="Distanz [m]", name="result", required=true, type="number", class="input rounded-md") }}
+                                <div>
+                                    <label for="file-thirty" class="text-sm text-gray-600 dark:text-gray-100">Ergebnis-Foto vom Ergo-Display</label>
+                                    <input type="file"
+                                           id="file-thirty"
+                                           name="proof"
+                                           class="input rounded-md"
+                                           accept="image/*">
+                                </div>
+                                <div class="text-end">
+                                    <input type="submit" value="Speichern" class="btn btn-primary btn-fw m-auto" />
+                                </div>
+                            </form>
+                        </div>
+                    </details>
+                    <details class="p-2">
+                        <summary class="cursor-pointer">Dirty Dozen</summary>
+                        <div class="mt-3">
+                            <form action="/ergo/dozen"
+                                  class="grid gap-3"
+                                  method="post"
+                                  enctype="multipart/form-data">
+                                <div>
+                                    <label for="user-dozen" class="text-sm text-gray-600 dark:text-gray-100">Ergo-Fahrer</label>
+                                    <select name="user" id="user-dozen" class="input rounded-md">
+                                        <option disabled="disabled">User auswählen</option>
+                                        {% for user in users %}
+                                            {% if user.id == loggedin_user.id %}
+                                                <option value="{{ user.id }}" selected="selected">{{ user.name }}</option>
+                                            {% else %}
+                                                <option value="{{ user.id }}">{{ user.name }}</option>
+                                            {% endif %}
+                                        {% endfor %}
+                                    </select>
+                                </div>
+                                {{ macros::input(label="Zeit [hh:mm:ss.s] oder Distanz [m]", name="result", required=true, type="text", class="input rounded-md", pattern="(?:\d+:\d{2}:\d{2}\.\d+|\d{1,2}:\d{2}\.\d+|\d+(\.\d+)?)") }}
+                                <div>
+                                    <label for="file-dozen" class="text-sm text-gray-600 dark:text-gray-100">Ergebnis-Foto vom Ergo-Display</label>
+                                    <input type="file"
+                                           id="file-dozen"
+                                           name="proof"
+                                           class="input rounded-md"
+                                           accept="image/*">
+                                </div>
+                                <div class="text-end">
+                                    <input type="submit" value="Speichern" class="btn btn-primary btn-fw m-auto" />
+                                </div>
+                            </form>
+                        </div>
+                    </details>
+                </div>
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow grid gap-3">
+                    <h2 class="h2">Aktuelle Woche</h2>
+                    <details class="p-2">
+                        <summary class="cursor-pointer">
+                            Dirty Thirty <small class="text-gray-600 dark:text-white">({{ thirty | length }})</small>
+                        </summary>
+                        <div class="mt-3">
+                            <ol>
+                                {% for stat in thirty %}
+                                    <li>
+                                        <strong>{{ stat.name }}:</strong> {{ stat.result }}
+                                    </li>
+                                {% endfor %}
+                            </ol>
+                        </div>
+                    </details>
+                    <details class="p-2">
+                        <summary class="cursor-pointer">
+                            Dirty Dozen <small class="text-gray-600 dark:text-white">({{ dozen | length }})</small>
+                        </summary>
+                        <div class="mt-3">
+                            <ol>
+                                {% for stat in dozen %}
+                                    <li>
+                                        <strong>{{ stat.name }}:</strong> {{ stat.result }}
+                                    </li>
+                                {% endfor %}
+                            </ol>
+                        </div>
+                    </details>
+                </div>
+                {% if "admin" in loggedin_user.roles %}
+                    <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow grid gap-3">
+                        <h2 class="h2">Update</h2>
+                        <details class="p-2">
+                            <summary class="cursor-pointer">
+                                Dirty Thirty <small class="text-gray-600 dark:text-white">({{ thirty | length }})</small>
+                            </summary>
+                            <div class="mt-3">
+                                <ol>
+                                    {% for stat in thirty %}
+                                        <li>
+                                            <form action="/ergo/thirty/user/{{ stat.id }}/new" method="get">
+                                                {{ stat.name }}:
+                                                <input type="text" value="{{ stat.result }}" name="new" style="color: black" />
+                                                <input type="submit" />
+                                            </form>
+                                        </li>
+                                    {% endfor %}
+                                </ol>
+                            </div>
+                        </details>
+                        <details class="p-2">
+                            <summary class="cursor-pointer">
+                                Dirty Dozen <small class="text-gray-600 dark:text-white">({{ dozen | length }})</small>
+                            </summary>
+                            <div class="mt-3">
+                                <ol>
+                                    {% for stat in dozen %}
+                                        <li>
+                                            <form action="/ergo/dozen/user/{{ stat.id }}/new" method="get">
+                                                {{ stat.name }}:
+                                                <input type="text" value="{{ stat.result }}" name="new" style="color: black" />
+                                                <input type="submit" />
+                                            </form>
+                                        </li>
+                                    {% endfor %}
+                                </ol>
+                            </div>
+                        </details>
+                    </div>
+                </div>
+            {% endif %}
         </div>
-
-        <details class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md p-2">
-          <summary class="cursor-pointer">Deine Daten</summary>
-          <div class="pt-3">
-            <p>
-              Folgende Daten hat der Ruderassistent von dir. Wenn diese nicht mehr aktuell sind, bitte gewünschte Änderungen an Philipp melden (Tel. nr siehe Signal, oder an <a href="mailto:it@rudernlinz.at" class="text-primary-600 dark:text-primary-200 hover:text-primary-950 hover:dark:text-primary-300 underline" target="_blank">it@rudernlinz.at</a>).
-            <br /><br />
-            <ul>
-              <li>Geburtsdatum: {{ loggedin_user.dob }}</li>
-              <li>Gewicht: {{ loggedin_user.weight}} kg</li>
-              <li>Geschlecht: {{ loggedin_user.sex}}</li>
-            </ul>
-            </p>
-          </div>
-        </details>
-      </div>
-    
-    <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow grid gap-3">
-      <h2 class="h2">Neuer Eintrag</h1>
-      
-      <details class="p-2">
-        <summary class="cursor-pointer">Dirty Thirty</summary>
-        <div class="mt-3">
-          <form action="/ergo/thirty" class="grid gap-3" method="post" enctype="multipart/form-data">
-            <div>
-              <label for="user-thirty" class="text-sm text-gray-600 dark:text-gray-100">Ergo-Fahrer</label>
-              <select name="user" id="user-thirty" class="input rounded-md">
-                <option disabled="disabled">User auswählen</option>
-                {% for user in users %}
-                  {% if user.id == loggedin_user.id %}
-                    <option value="{{ user.id }}" selected="selected">{{ user.name }}</option>
-                  {% else %}
-                    <option value="{{ user.id }}">{{ user.name }}</option>
-                  {% endif %}
-                {% endfor %}
-              </select>
-            </div>
-            
-             {{ macros::input(label="Distanz [m]", name="result", required=true, type="number", class="input rounded-md") }}
-
-            <div>
-              <label for="file-thirty" class="text-sm text-gray-600 dark:text-gray-100">Ergebnis-Foto vom Ergo-Display</label>
-              <input type="file" id="file-thirty" name="proof" class="input rounded-md" accept="image/*">
-            </div>
-            <div class="text-end">
-              <input type="submit" value="Speichern" class="btn btn-primary btn-fw m-auto"/>
-            </div>
-          </form>
-        </div>
-      </details>
-
-      <details class="p-2">
-        <summary class="cursor-pointer">Dirty Dozen</summary>
-        <div class="mt-3">
-          <form action="/ergo/dozen"  class="grid gap-3" method="post" enctype="multipart/form-data">
-            <div>
-              <label for="user-dozen" class="text-sm text-gray-600 dark:text-gray-100">Ergo-Fahrer</label>
-              <select name="user" id="user-dozen" class="input rounded-md">
-                <option disabled="disabled">User auswählen</option>
-                {% for user in users %}
-                  {% if user.id == loggedin_user.id %}
-                    <option value="{{ user.id }}" selected="selected">{{ user.name }}</option>
-                  {% else %}
-                    <option value="{{ user.id }}">{{ user.name }}</option>
-                  {% endif %}
-                {% endfor %}
-              </select>
-            </div>
-            
-             {{ macros::input(label="Zeit [hh:mm:ss.s] oder Distanz [m]", name="result", required=true, type="text", class="input rounded-md", pattern="(?:\d+:\d{2}:\d{2}\.\d+|\d{1,2}:\d{2}\.\d+|\d+(\.\d+)?)") }}
-
-            <div>
-              <label for="file-dozen" class="text-sm text-gray-600 dark:text-gray-100">Ergebnis-Foto vom Ergo-Display</label>
-              <input type="file" id="file-dozen" name="proof" class="input rounded-md" accept="image/*">
-            </div>
-            <div class="text-end">
-              <input type="submit" value="Speichern" class="btn btn-primary btn-fw m-auto"/>
-            </div>
-          </form>
-        </div>
-      </details>
     </div>
-
-
-    <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow grid gap-3">
-      <h2 class="h2">Aktuelle Woche</h2>
-      
-      <details class="p-2">
-        <summary class="cursor-pointer">Dirty Thirty <small class="text-gray-600 dark:text-white">({{thirty | length}})</small></summary>
-        <div class="mt-3">
-          <ol>
-          {% for stat in thirty %}
-            <li><strong>{{ stat.name }}:</strong> {{ stat.result }}</li>
-          {% endfor %}
-          </ol>
-        </div>
-      </details>
-
-      <details class="p-2">
-        <summary class="cursor-pointer">Dirty Dozen <small class="text-gray-600 dark:text-white">({{dozen | length}})</small></summary>
-        <div class="mt-3">
-          <ol>
-          {% for stat in dozen %}
-            <li><strong>{{ stat.name }}:</strong> {{ stat.result }}</li>
-          {% endfor %}
-          </ol>
-        </div>
-      </details>
-      </div>
-
-      {% if "admin" in loggedin_user.roles %}
-          <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow grid gap-3">
-            <h2 class="h2">Update</h2>
-            
-            <details class="p-2">
-              <summary class="cursor-pointer">Dirty Thirty <small class="text-gray-600 dark:text-white">({{thirty | length}})</small></summary>
-              <div class="mt-3">
-                <ol>
-                {% for stat in thirty %}
-                  <li>
-                    <form action="/ergo/thirty/user/{{ stat.id }}/new" method="get">
-                      {{ stat.name }}: <input type="text" value="{{stat.result}}" name="new" style="color: black;"/><input type="submit"/>
-                    </form>
-                  </li>
-                {% endfor %}
-                </ol>
-              </div>
-            </details>
-
-            <details class="p-2">
-              <summary class="cursor-pointer">Dirty Dozen <small class="text-gray-600 dark:text-white">({{dozen | length}})</small></summary>
-              <div class="mt-3">
-                <ol>
-                  {% for stat in dozen %}
-                    <li>
-                      <form action="/ergo/dozen/user/{{ stat.id }}/new" method="get">
-                        {{ stat.name }}: <input type="text" value="{{stat.result}}" name="new" style="color: black;"/><input type="submit"/>
-                      </form>
-                    </li>
-                  {% endfor %}
-                </ol>
-              </div>
-            </details>
-          </div>
-        </div>
-      {% endif %}
-    </div>
-	</div>
-
-{% endblock content%}
+{% endblock content %}

templates/forms/event.html.tera

@@ -1,17 +1,18 @@
 {% import "includes/macros" as macros %}
-
 <div class="hidden">
-	<form action="/admin/planned-event" method="post" class="grid gap-3" id="addEventForm">
-		<input class="day-js" type="hidden" name="tripdetails.day" value=""/>
-		{{ macros::input(label='Titel (z.B. Firmenrudern)', name='name', type='input', required=true) }}
-		{{ macros::input(label='Startzeit', name='tripdetails.planned_starting_time', type='time', required=true) }}
-		{{ macros::input(label='Anzahl Steuerleute', name='planned_amount_cox', type='number', required=true, min='0') }}
-		{{ macros::input(label='Anzahl Ruderer (ohne Steuerperson)', name='tripdetails.max_people', type='number', required=true, min='0') }}
-		{{ macros::checkbox(label='Gäste erlauben', name='tripdetails.allow_guests') }}
-		{{ macros::checkbox(label='Immer anzeigen', name='tripdetails.always_show') }}
-		{{ macros::input(label='Anmerkungen', name='tripdetails.notes', type='input') }}
-		{{ macros::select(label='Typ', data=trip_types, name='tripdetails.trip_type', default='Reguläre Ausfahrt') }}
-
-		<input value="Erstellen" class="w-full btn btn-primary" type="submit"/>
-	</form>
+    <form action="/admin/planned-event"
+          method="post"
+          class="grid gap-3"
+          id="addEventForm">
+        <input class="day-js" type="hidden" name="tripdetails.day" value="" />
+        {{ macros::input(label='Titel (z.B. Firmenrudern)', name='name', type='input', required=true) }}
+        {{ macros::input(label='Startzeit', name='tripdetails.planned_starting_time', type='time', required=true) }}
+        {{ macros::input(label='Anzahl Steuerleute', name='planned_amount_cox', type='number', required=true, min='0') }}
+        {{ macros::input(label='Anzahl Ruderer (ohne Steuerperson)', name='tripdetails.max_people', type='number', required=true, min='0') }}
+        {{ macros::checkbox(label='Gäste erlauben', name='tripdetails.allow_guests') }}
+        {{ macros::checkbox(label='Immer anzeigen', name='tripdetails.always_show') }}
+        {{ macros::input(label='Anmerkungen', name='tripdetails.notes', type='input') }}
+        {{ macros::select(label='Typ', data=trip_types, name='tripdetails.trip_type', default='Reguläre Ausfahrt') }}
+        <input value="Erstellen" class="w-full btn btn-primary" type="submit" />
+    </form>
 </div>

templates/forms/trip.html.tera

@@ -1,15 +1,13 @@
 {% import "includes/macros" as macros %}
-
 <div class="hidden">
-	<form action="/cox/trip" method="post" class="grid gap-3" id="sidebarForm">
-		<input class="day-js" type="hidden" name="day" value=""/>
-		{{ macros::input(label='Startzeit (zB "10:00")', name='planned_starting_time', type='time', required=true) }}
-		{{ macros::input(label='Anzahl Ruderer (ohne Steuerperson)', name='max_people', type='number', required=true, min='0') }}
-		{{ macros::checkbox(label='Gäste erlauben', name='allow_guests') }}
-		{{ macros::checkbox(label='Immer anzeigen', name='always_show') }}
-		{{ macros::input(label='Anmerkungen', name='notes', type='input') }}
-		{{ macros::select(label='Typ', data=trip_types, name='trip_type', default='Reguläre Ausfahrt') }}
-
-		<input value="Erstellen" class="w-full btn btn-primary" type="submit"/>
-	</form>
+    <form action="/cox/trip" method="post" class="grid gap-3" id="sidebarForm">
+        <input class="day-js" type="hidden" name="day" value="" />
+        {{ macros::input(label='Startzeit (zB "10:00")', name='planned_starting_time', type='time', required=true) }}
+        {{ macros::input(label='Anzahl Ruderer (ohne Steuerperson)', name='max_people', type='number', required=true, min='0') }}
+        {{ macros::checkbox(label='Gäste erlauben', name='allow_guests') }}
+        {{ macros::checkbox(label='Immer anzeigen', name='always_show') }}
+        {{ macros::input(label='Anmerkungen', name='notes', type='input') }}
+        {{ macros::select(label='Typ', data=trip_types, name='trip_type', default='Reguläre Ausfahrt') }}
+        <input value="Erstellen" class="w-full btn btn-primary" type="submit" />
+    </form>
 </div>

templates/includes/book.html.tera

@@ -1,4 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal" viewBox="0 0 16 16">
-  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
-  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="16"
+     height="16"
+     fill="currentColor"
+     class="bi bi-journal"
+     viewBox="0 0 16 16">
+    <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z" />
+    <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z" />
+</svg>

templates/includes/buttons.html.tera

@@ -1,12 +1,22 @@
 {% if "cox" in loggedin_user.roles %}
-	<div class="sm:col-span-2 lg:col-span-3 grid md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3">
-		<button type="button" title="Toggle View" class="group btn btn-primary filter-trips-js" data-action="filter-days" id="filterdays-js" aria-pressed="false">
-			{% include "includes/funnel-icon" %}
-			Tage mit Ausfahrten
-		</button>
-		<button type="button" title="Toggle View" class="group btn btn-primary filter-trips-js" data-action="filter-coxs" id="filtertrips-js" aria-pressed="false">
-			{% include "includes/funnel-icon" %}
-			Steuerleute gesucht
-		</button>
-	</div>
+    <div class="sm:col-span-2 lg:col-span-3 grid md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3">
+        <button type="button"
+                title="Toggle View"
+                class="group btn btn-primary filter-trips-js"
+                data-action="filter-days"
+                id="filterdays-js"
+                aria-pressed="false">
+            {% include "includes/funnel-icon" %}
+            Tage mit Ausfahrten
+        </button>
+        <button type="button"
+                title="Toggle View"
+                class="group btn btn-primary filter-trips-js"
+                data-action="filter-coxs"
+                id="filtertrips-js"
+                aria-pressed="false">
+            {% include "includes/funnel-icon" %}
+            Steuerleute gesucht
+        </button>
+    </div>
 {% endif %}

templates/includes/cox-icon.html.tera

@@ -1,3 +1,8 @@
-<svg width="16" height="16" fill="currentColor" class="inline-block mr-1 h-3 w-3" viewbox="0 0 16 16" style="margin-top: -0.2rem;">
-	<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+<svg width="16"
+     height="16"
+     fill="currentColor"
+     class="inline-block mr-1 h-3 w-3"
+     viewbox="0 0 16 16"
+     style="margin-top: -0.2rem">
+    <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" />
 </svg>

templates/includes/delete-icon.html.tera

@@ -1,4 +1,8 @@
-<svg width="16" height="16" fill="currentColor" class="inline h-4 w-4" viewbox="0 0 16 16">
-	<path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
-	<path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
+<svg width="16"
+     height="16"
+     fill="currentColor"
+     class="inline h-4 w-4"
+     viewbox="0 0 16 16">
+    <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
+    <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
 </svg>

templates/includes/footer.html.tera

@@ -1,23 +1,34 @@
 <footer class="bg-primary-950 dark:bg-primary-900 text-white w-full flex justify-center p-3">
-	<div class="max-w-screen-xl w-full flex justify-between items-center">
-		<div>
-			<span class="text-[#ff0000]">&hearts;</span>
-			Erstellt vom ASKÖ Ruderverein Donau Linz <a onclick="alert('Wir suchen kreative und motivierte Köpfe, die diesen Ruderassistenten mitgestalten möchten. Das Backend ist in Rust (Rocket), das Frontend in TypeScript und Teraform, wobei wir mit dem Gedanken spielen, zu Svelte(Kit) zu wechseln.\n\nWenn du Lust hast, deine Skills in ein Projekt zu stecken, das Wellen schlagen wird, dann komm an Bord! Wir sind offen für frische Ideen, haben jedoch auch selber noch genügend; langweilig wird uns bestimmt nicht.\n\nWirf den Anker bei uns ausi und melde dich bei Marie oder Philipp oder it@rudernlinz.at – für eine Zukunft ohne optische Kenterung in Form von hässlichen Alerts ;)');" style="text-decoration:underline">... und dir?</a>
-		</div>
-
-    <div>
-      <button id="theme-toggle-js" type="button" data-theme="light" class="btn btn-primary">
-        <span class="hidden dark:inline">
-          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
-            <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
-          </svg>
-        </span>
-        <span class="inline dark:hidden">
-          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
-            <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"/>
-          </svg>
-        </span>
-      </button>
+    <div class="max-w-screen-xl w-full flex justify-between items-center">
+        <div>
+            <span class="text-[#ff0000]">&hearts;</span>
+            Erstellt vom ASKÖ Ruderverein Donau Linz <a onclick="alert('Wir suchen kreative und motivierte Köpfe, die diesen Ruderassistenten mitgestalten möchten. Das Backend ist in Rust (Rocket), das Frontend in TypeScript und Teraform, wobei wir mit dem Gedanken spielen, zu Svelte(Kit) zu wechseln.\n\nWenn du Lust hast, deine Skills in ein Projekt zu stecken, das Wellen schlagen wird, dann komm an Bord! Wir sind offen für frische Ideen, haben jedoch auch selber noch genügend; langweilig wird uns bestimmt nicht.\n\nWirf den Anker bei uns ausi und melde dich bei Marie oder Philipp oder it@rudernlinz.at – für eine Zukunft ohne optische Kenterung in Form von hässlichen Alerts ;)');"
+    style="text-decoration:underline">... und dir?</a>
+        </div>
+        <div>
+            <button id="theme-toggle-js"
+                    type="button"
+                    data-theme="light"
+                    class="btn btn-primary">
+                <span class="hidden dark:inline">
+                    <svg xmlns="http://www.w3.org/2000/svg"
+                         width="16"
+                         height="16"
+                         fill="currentColor"
+                         viewBox="0 0 16 16">
+                        <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" />
+                    </svg>
+                </span>
+                <span class="inline dark:hidden">
+                    <svg xmlns="http://www.w3.org/2000/svg"
+                         width="16"
+                         height="16"
+                         fill="currentColor"
+                         viewBox="0 0 16 16">
+                        <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z" />
+                    </svg>
+                </span>
+            </button>
+        </div>
     </div>
-	</div>
 </footer>

templates/includes/forms/boat.html.tera

@@ -1,69 +1,85 @@
 {% macro new() %}
-  <div class="w-full">
-    <h2 class="text-md font-bold tracking-wide bg-primary-900 mt-3 p-3 text-white flex justify-between items-center rounded-md">
-      Neues Boot
-
-      <a href="#" class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
-                  data-sidebar="true" data-trigger="sidebar" data-header="Neues Boot anlegen" data-body="#new-boat">
-        {% include "includes/plus-icon" %}
-        <span class="sr-only">Neues Boot anlegen</span>
-      </a>
-    </h2>
-    <div class="hidden">
-      <div id="new-boat">
-        <form action="/admin/boat/new" method="post" class="grid gap-3">
-          {{ macros::input(label="Name", name="name", type="text", required=true) }}
-          {{ macros::input(label="Anzahl Sitze", name="amount_seats", type="number", required=true, min=1) }}
-          {{ macros::input(label="Baujahr", name="year_built", type="number", min=1950, max=2050) }}
-          {{ macros::input(label="Bootsbauer", name="boatbuilder", type="text") }}
-          {{ macros::select(label="Standort", data=locations, name='location_id', selected_id=1) }}
-          {{ macros::select(label="Besitzer", data=users, name='owner', default="Verein") }}
-          {{ macros::input(label='Default destination', name='default_destination', type='text') }}
-          <div>
-            {{ macros::checkbox(label="handgesteuert", name="default_shipmaster_only_steering")}}
-            {{ macros::checkbox(label="Skull", name="skull", checked=true)}}
-            {{ macros::checkbox(label="Externes Boot (anderer Verein)", name="external")}}
-          </div>
-          <input value="Hinzufügen" type="submit" class="w-full mt-2 rounded-md bg-primary-500 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"/>
-        </form>
-      </div>
-    </div>
-  </div>
-  <div class="search-wrapper">
-    <label for="name" class="sr-only">Suche</label>
-    <input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach Namen...">
-  </div>
-
-  <div id="filter-result-js" class="search-result"></div>
-{% endmacro new %}
-
-
-{% macro edit(boat, uuid) %}
-  <div data-filterable="true" data-filter="{{ boat.name }}" class="w-full border-t">
-    <form action="/admin/boat/{{ boat.id }}" data-filterable="true" method="post" class="bg-white dark:bg-primary-900 p-4 w-full">
-      <div class="w-full">
-        <input type="hidden" name="id" value="{{ boat.id }}"/>
-        <div class="font-bold mb-1 text-black dark:text-white">{{ boat.name }}<br/></div>
-        <div class="grid md:grid-cols-3 gap-3">
-          {{ macros::input(label='Name', name='name', type='text', value=boat.name) }}
-          {{ macros::input(label='Plätze', name='amount_seats', type='number', min=0, value=boat.amount_seats) }}
-          {{ macros::select(data=locations, label='Standort', name='location_id', selected_id=boat.location_id) }}
-          {{ macros::select(data=users, label='Besitzer', name='owner', selected_id=boat.owner, default="Vereinsboot") }}
-          {{ macros::input(label='Baujahr', name='year_built', type='number', min=1950, value=boat.year_built) }}
-          {{ macros::input(label='Bootsbauer', name='boatbuilder', type='text', value=boat.boatbuilder) }}
-          {{ macros::checkbox(label='handgesteuert', name='default_shipmaster_only_steering', id=uuid , checked=boat.default_shipmaster_only_steering) }}
-          {{ macros::input(label='Default destination', name='default_destination', type='text', value=boat.default_destination) }}
-          {{ macros::checkbox(label='Skull', name='skull', id=uuid , checked=boat.skull) }}
-          {{ macros::checkbox(label='Externes Boot', name='external', id=uuid , checked=boat.external) }}
+    <div class="w-full">
+        <h2 class="text-md font-bold tracking-wide bg-primary-900 mt-3 p-3 text-white flex justify-between items-center rounded-md">
+            Neues Boot
+            <a href="#"
+               class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
+               data-sidebar="true"
+               data-trigger="sidebar"
+               data-header="Neues Boot anlegen"
+               data-body="#new-boat">
+                {% include "includes/plus-icon" %}
+                <span class="sr-only">Neues Boot anlegen</span>
+            </a>
+        </h2>
+        <div class="hidden">
+            <div id="new-boat">
+                <form action="/admin/boat/new" method="post" class="grid gap-3">
+                    {{ macros::input(label="Name", name="name", type="text", required=true) }}
+                    {{ macros::input(label="Anzahl Sitze", name="amount_seats", type="number", required=true, min=1) }}
+                    {{ macros::input(label="Baujahr", name="year_built", type="number", min=1950, max=2050) }}
+                    {{ macros::input(label="Bootsbauer", name="boatbuilder", type="text") }}
+                    {{ macros::select(label="Standort", data=locations, name='location_id', selected_id=1) }}
+                    {{ macros::select(label="Besitzer", data=users, name='owner', default="Verein") }}
+                    {{ macros::input(label='Default destination', name='default_destination', type='text') }}
+                    <div>
+                        {{ macros::checkbox(label="handgesteuert", name="default_shipmaster_only_steering") }}
+                        {{ macros::checkbox(label="Skull", name="skull", checked=true) }}
+                        {{ macros::checkbox(label="Externes Boot (anderer Verein)", name="external") }}
+                    </div>
+                    <input value="Hinzufügen"
+                           type="submit"
+                           class="w-full mt-2 rounded-md bg-primary-500 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer" />
+                </form>
+            </div>
         </div>
-      </div>
-      <div class="text-right mt-3">
-        <a href="/admin/boat/{{ boat.id }}/delete" class="inline-block btn btn-alert" onclick="return confirm('Wirklich löschen?');">
-          {% include "includes/delete-icon" %}
-          Löschen
-        </a>
-        <input value="Ändern" type="submit" class="w-28 btn btn-primary"/>
-      </div>
-    </form>
-  </div>
+    </div>
+    <div class="search-wrapper">
+        <label for="name" class="sr-only">Suche</label>
+        <input type="search"
+               name="name"
+               id="filter-js"
+               class="search-bar"
+               placeholder="Suchen nach Namen...">
+    </div>
+    <div id="filter-result-js" class="search-result"></div>
+{% endmacro new %}
+{% macro edit(boat, uuid) %}
+    <div data-filterable="true"
+         data-filter="{{ boat.name }}"
+         class="w-full border-t">
+        <form action="/admin/boat/{{ boat.id }}"
+              data-filterable="true"
+              method="post"
+              class="bg-white dark:bg-primary-900 p-4 w-full">
+            <div class="w-full">
+                <input type="hidden" name="id" value="{{ boat.id }}" />
+                <div class="font-bold mb-1 text-black dark:text-white">
+                    {{ boat.name }}
+                    <br />
+                </div>
+                <div class="grid md:grid-cols-3 gap-3">
+                    {{ macros::input(label='Name', name='name', type='text', value=boat.name) }}
+                    {{ macros::input(label='Plätze', name='amount_seats', type='number', min=0, value=boat.amount_seats) }}
+                    {{ macros::select(data=locations, label='Standort', name='location_id', selected_id=boat.location_id) }}
+                    {{ macros::select(data=users, label='Besitzer', name='owner', selected_id=boat.owner, default="Vereinsboot") }}
+                    {{ macros::input(label='Baujahr', name='year_built', type='number', min=1950, value=boat.year_built) }}
+                    {{ macros::input(label='Bootsbauer', name='boatbuilder', type='text', value=boat.boatbuilder) }}
+                    {{ macros::checkbox(label='handgesteuert', name='default_shipmaster_only_steering', id=uuid , checked=boat.default_shipmaster_only_steering) }}
+                    {{ macros::input(label='Default destination', name='default_destination', type='text', value=boat.default_destination) }}
+                    {{ macros::checkbox(label='Skull', name='skull', id=uuid , checked=boat.skull) }}
+                    {{ macros::checkbox(label='Externes Boot', name='external', id=uuid , checked=boat.external) }}
+                </div>
+            </div>
+            <div class="text-right mt-3">
+                <a href="/admin/boat/{{ boat.id }}/delete"
+                   class="inline-block btn btn-alert"
+                   onclick="return confirm('Wirklich löschen?');">
+                    {% include "includes/delete-icon" %}
+                    Löschen
+                </a>
+                <input value="Ändern" type="submit" class="w-28 btn btn-primary" />
+            </div>
+        </form>
+    </div>
 {% endmacro edit %}

templates/includes/forms/log.html.tera

@@ -3,231 +3,261 @@
    Inputs: boats
  #}
 {% macro show_boats() %}
-	{% for amount_seats, grouped_boats in boats | group_by(attribute="amount_seats") %}
-		<div class="pb-2">
-			<div class="bg-gray-100 dark:bg-primary-600 text-primary-950 dark:text-white text-center text-sm mb-2">
-				<strong>{{ amount_seats }}x</strong>
-			</div>
-			{% for boat in grouped_boats %}
-				<div id="boat-{{ boat.id }}" class="px-3 boats-js text-black dark:text-white {% if boat.damage != 'locked' and not boat.on_water %} cursor-pointer hover:text-primary-900 dark:hover:text-gray-100 {% endif %}" {% if boat.damage != 'locked' and not boat.on_water %} data-seats="{{boat.amount_seats}}" data-default_shipmaster_only_steering="{{boat.default_shipmaster_only_steering}}" data-default-destination="{{boat.default_destination}}" data-onclick="true" {% endif %} data-id="{{ boat.id }}">
-					<span class="status-damage status-damage-{{ boat.damage }}"></span>
-					<span {% if boat.damage == 'locked' or boat.on_water %} class="opacity-50" {% endif %}>{{ boat.name }}
-						{% if boat.owner %}
-							<span class="opacity-50">(privat)</span>
-						{% endif %}
-					</span>
-				</div>
-			{% endfor %}
-		</div>
-	{% endfor %}
+    {% for amount_seats, grouped_boats in boats | group_by(attribute="amount_seats") %}
+        <div class="pb-2">
+            <div class="bg-gray-100 dark:bg-primary-600 text-primary-950 dark:text-white text-center text-sm mb-2">
+                <strong>{{ amount_seats }}x</strong>
+            </div>
+            {% for boat in grouped_boats | sort(attribute="name") %}
+                <div id="boat-{{ boat.id }}"
+                     class="px-3 boats-js text-black dark:text-white {% if boat.damage != 'locked' and not boat.on_water %} cursor-pointer hover:text-primary-900 dark:hover:text-gray-100 {% endif %}"
+                     {% if boat.damage != 'locked' and not boat.on_water %} data-seats="{{ boat.amount_seats }}" data-default_shipmaster_only_steering="{{ boat.default_shipmaster_only_steering }}" data-default-destination="{{ boat.default_destination }}" data-onclick="true" {% endif %}
+                     data-id="{{ boat.id }}">
+                    <span class="status-damage status-damage-{{ boat.damage }}"></span>
+                    <span {% if boat.damage == 'locked' or boat.on_water %}class="opacity-50"{% endif %}>{{ boat.name }}
+                        {% if boat.owner %}<span class="opacity-50">(privat)</span>{% endif %}
+                    </span>
+                </div>
+            {% endfor %}
+        </div>
+    {% endfor %}
 {% endmacro show_boats %}
-
 {# Shows the form for creating a new logbook entry. #}
 {% macro new(shipmaster) %}
-	<form action="/log" method="post" id="form" class="grid grid-cols-4 gap-3" onsubmit="Array.from(this.elements).forEach(e=>!e.value.trim()&&(e.disabled=true));">
-		{{ log::boat_select() }}
-			<div class="col-span-4 md:col-span-1">
-				<div class="text-sm text-gray-600 dark:text-gray-100">Bootssteuerung</div>
-				<div class="h-10 flex items-center">
-					{{ macros::checkbox(label='handgesteuert', name='shipmaster_only_steering', disabled=true) }}
-				</div>
-			</div>
-			{{ log::rower_select(id="newrower", selected=[], class="col-span-4", init=true) }}
-		{{ macros::select(label="Schiffsführer", data=[], name='shipmaster', id="shipmaster-newrowerjs", wrapper_class="col-span-2") }}
-		{{ macros::select(label="Steuerperson", data=[], name='steering_person', id="steering_person-newrowerjs", wrapper_class="col-span-2") }}
-		{{ macros::input(label='Abfahrtszeit', name='departure', type='datetime-local', required=true, wrapper_class='col-span-2') }}
-		{{ macros::input(label='Ankunftszeit', name='arrival', type='datetime-local', wrapper_class='col-span-2') }}
-		<div class="relative col-span-2">
-			<label for="destination" class="text-sm text-gray-600 dark:text-gray-100">Ziel</label>
-			<input class="input rounded-md set-distance-js" type="search" list="destinations" placeholder="Destination" id="destination" name="destination" value="" data-relation="distance_in_km"/>
-			<datalist id="destinations">
-				{% for distance in distances %}<option value="{{ distance.0 }}" distance="{{ distance.1 }}" />
-				{% endfor %}
-			</datalist>
-		</div>
-		<div class="relative col-span-2">
-			{{ macros::input(label="Distanz", name="distance_in_km", id="distance_in_km" , type="number", min=0, value='', class="rounded-md") }}
-			<span class="absolute right-0 bottom-0 py-1.5 px-2 bg-white dark:bg-primary-950 border-0 text-gray-600 dark:text-gray-100 ring-1 ring-inset ring-gray-300 dark:ring-primary-950 rounded-br-md rounded-tr-md">km</span>
-		</div>
-		{{ macros::input(label="Kommentar", name="comments", type="text", wrapper_class="col-span-4") }}
-		{{ macros::select(label="Typ", data=logtypes, name='logtype', default="Normal", wrapper_class="col-span-4") }}
-		<input type="submit" value="Ausfahrt eintragen" class="btn btn-primary w-full col-span-4 m-auto"/>
-	</form>
-{% endmacro new %}
-
-
-{% macro boat_select(id="boat_id") %}
-      {{ macros::select(label="Boot", data=boats, name="boat_id", id=id, display=["name", " (","amount_seats", " x)"], extras=["default_shipmaster_only_steering", "amount_seats", "on_water", "default_destination"], wrapper_class="col-span-4", show_seats=true) }}
-{% endmacro boat_select %}
-
-{% macro rower_select(id, selected, amount_seats='', class='', init='false', cox_on_boat='', steering_person_id='') %}
-	{#{% if not amount_seats or amount_seats > 1 %}#}
-	<div class="{{ class }}">
-		<label for="{{id}}" class="text-sm text-gray-600 dark:text-gray-100">Ruderer (inkl. Schiffsführer und Steuerperson)</label>
-		<select style="width: 100%;" multiple name="rowers[]" id="{{id}}" class="w-full" data-seats="{{amount_seats}}" data-init={{init}}>
-			{% for user in users %}
-				{% set_global sel = false %}
-				{% for rower in selected %}
-					{% if rower.id == user.id %}
-						{% set_global sel = true %}
-					{% endif %}
-				{% endfor %}
-				<option value="{{ user.id }}" {% if sel %} selected {% endif %} {% if user.on_water %} disabled="disabled" {% endif %} data-custom-properties='{"is_cox": {{ "cox" in user.roles }}, "is_racing": {{ "Rennrudern" in user.roles }}, "steers": {{ user.id == steering_person_id }}, "cox_on_boat": {{ user.id == cox_on_boat}}}'>
-					{{user.name}}
-					{% if user.on_water %}
-						(am Wasser)
-					{% endif %}
-				</option>
-			{% endfor %}
-		</select>
-	</div>
-	{#{% endif %}#}
-{% endmacro rower_select %}
-
-{% macro show(log, state, allowed_to_close=false) %}
-	<div class="grid grid-cols-1 gap-3 mb-3 w-full">
-		<div class="pt-2 px-3 {% if not loop.first %} border-t {% endif %}">
-			<div class="w-full">
-				<div class="flex justify-between items-center">
-					<div>
-						<strong class="block text-primary-900 dark:text-white">
-							{{ log.departure | date(format="%H:%M") }}
-							Uhr
-						</strong>
-						<a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>{{ log.departure | date(format="%H:%M") }} Uhr</strong> ({{ log.boat.name }})" data-body="#log{{ log.id }}" class="text-sm link-primary break-all">
-							{{ log.boat.name }}
-						</a>
-					</div>
-					<div>
-						{% if allowed_to_close and state == "on_water" %}
-							<a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>{{ log.departure | date(format="%H:%M") }} Uhr</strong> ({{ log.boat.name }})" data-body="#close{{ log.id }}" class="border-0 btn btn-dark text-white flex items-center justify-center ml-3">
-								{% include "includes/pencil" %}
-							</a>
-						{% endif %}
-					</div>
-				</div>
-	
-				<div class="hidden">
-					{% if allowed_to_close and state == "on_water" %}
-						<div id="close{{ log.id }}">
-							{{ log::home(log=log) }}
-						</div>
-						<div>
-							LÖSCHEN
-						</div>
-					{% endif %}
-					<div id="log{{ log.id }}">
-						{% if log.destination %}
-							{{ log.destination }}
-						{% endif %}
-	
-						{% for rower in log.rowers %}
-							<p>{{ rower.name }} {% if rower.id == log.shipmaster or rower.id == log.steering_person %}<small class="text-gray-600 dark:text-primary-100">({% if rower.id == log.shipmaster %}Schiffsführer{% endif %}{% if rower.id == log.shipmaster and rower.id == log.steering_person %}/{% endif %}{% if rower.id == log.steering_person%}Steuerperson{% endif %})</small>{% endif %}</p>
-						{% endfor %}
-	
-						{% set amount_rowers = log.rowers | length %}
-						{% set amount_guests = log.boat.amount_seats - amount_rowers -1 %}
-						{% if amount_guests > 0 %}
-							Gäste <small class="text-gray-600">(ohne Account)</small>:
-							{{ amount_guests }}
-						{% endif %}
-	
-						{% if allowed_to_close and state == "on_water" %}
-							<a href="/log/{{ log.id }}/delete" class="btn btn-alert w-full absolute bottom-0 left-0" style="border-radius: 0;" onclick="return confirm('Willst du diesen Eintrag wirklich löschen? Die Daten gehen verloren');">Löschen</a>
-						{% endif %}
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-{% endmacro show %}
-
-{% macro show_old(log, state, allowed_to_close=false, index) %}
-  <div class="border-t bg-white dark:bg-primary-900 py-3 px-4 relative" data-filterable="true" data-filter="{{ log.boat.name }} {% for rower in log.rowers %} {{ rower.name }} {% endfor %}">
-    {% if log.logtype %}
-      <div class="absolute top-0 right-0 bg-primary-100 rounded-bl-md text-primary-950 text-xs w-32 px-2 py-1 text-center font-bold">
-        {% if log.logtype == 1 %}
-          Wanderfahrt
-        {% else %}
-           {% if log.logtype == 2 %}
-            Regatta
-           {% else %}
-              {{ log.logtype }}
-           {% endif %}
-        {% endif %}
-      </div>
-    {% endif %}
-    <div {% if log.logtype %} class="mt-4 sm:mt-0" {% endif %}>
-      <strong class="text-black dark:text-white">{{ log.boat.name }}</strong> <small class="text-gray-600 dark:text-gray-100">({{ log.shipmaster_user.name }}{% if log.shipmaster_only_steering %} - handgesteuert {% endif %})</small>
-      <small class="block text-gray-600 dark:text-gray-100">
-
-        {% if state == "completed" and log.departure | date(format='%d.%m.%Y') == log.arrival | date(format='%d.%m.%Y') %}
-          {{ log.departure | date(format='%d.%m.%Y')}} ({{ log.departure | date(format='%H:%M')}} - {{ log.arrival | date(format='%H:%M')}})  
-        {% else %}
-              {{ log.departure | date(format='%d.%m.%Y (%H:%M)') }} {% if state == "completed" %}- {{ log.arrival | date(format='%d.%m.%Y (%H:%M)') }}{% endif %}
-        {% endif %}
-      </small>
-      {% set amount_rowers = log.rowers | length %}
-        {% set amount_guests = log.boat.amount_seats - amount_rowers %}
-        {% if allowed_to_close and state == "on_water" %}
-          {{ log::home(log=log) }}
-        {% else %}
-          <div class="text-black dark:text-white">
-            {{ log.destination }}
-            {% if state == "completed" %}
-              <small class="text-gray-600 dark:text-gray-100">({{ log.distance_in_km }} km)</small>
-            {% endif %}
-
-            {% if log.comments %}
-              <span class="text-sm italic">- "{{ log.comments }}"</span>
-            {% endif %}
-          </div>
-          {% if amount_guests > 0 or log.rowers | length > 0 %}
-            <div class="text-sm text-gray-600 dark:text-gray-100">
-              Ruderer:
-              {% for rower in log.rowers %}
-                {{ rower.name }}{% if not loop.last or amount_guests > 0 and log.boat.name != 'Externes Boot' %}, {% endif %}
-              {% endfor %}
-              {% if amount_guests > 0 and log.boat.name != 'Externes Boot' %}
-                Gäste <small class="text-gray-600 dark:text-gray-100">(ohne Account)</small>: {{ amount_guests }}
-              {% endif %}
+    <form action="/log"
+          method="post"
+          id="form"
+          class="grid grid-cols-4 gap-3"
+          onsubmit="Array.from(this.elements).forEach(e=>!e.value.trim()&&(e.disabled=true));">
+        {{ log::boat_select() }}
+        <div class="col-span-4 md:col-span-1">
+            <div class="text-sm text-gray-600 dark:text-gray-100">Bootssteuerung</div>
+            <div class="h-10 flex items-center">
+                {{ macros::checkbox(label='handgesteuert', name='shipmaster_only_steering', disabled=true) }}
             </div>
-          {% endif %}
-        {% endif %}
+        </div>
+        {{ log::rower_select(id="newrower", selected=[], class="col-span-4", init=true) }}
+        {{ macros::select(label="Schiffsführer", data=[], name='shipmaster', id="shipmaster-newrowerjs", wrapper_class="col-span-2") }}
+        {{ macros::select(label="Steuerperson", data=[], name='steering_person', id="steering_person-newrowerjs", wrapper_class="col-span-2") }}
+        {{ macros::input(label='Abfahrtszeit', name='departure', type='datetime-local', required=true, wrapper_class='col-span-2') }}
+        {{ macros::input(label='Ankunftszeit', name='arrival', type='datetime-local', wrapper_class='col-span-2') }}
+        <div class="relative col-span-2">
+            <label for="destination" class="text-sm text-gray-600 dark:text-gray-100">Ziel</label>
+            <input class="input rounded-md set-distance-js"
+                   type="search"
+                   list="destinations"
+                   placeholder="Destination"
+                   id="destination"
+                   name="destination"
+                   value=""
+                   data-relation="distance_in_km" />
+            <datalist id="destinations">
+                {% for distance in distances %}<option value="{{ distance.0 }}" distance="{{ distance.1 }}" />{% endfor %}
+            </datalist>
+        </div>
+        <div class="relative col-span-2">
+            {{ macros::input(label="Distanz", name="distance_in_km", id="distance_in_km" , type="number", min=0, value='', class="rounded-md") }}
+            <span class="absolute right-0 bottom-0 py-1.5 px-2 bg-white dark:bg-primary-950 border-0 text-gray-600 dark:text-gray-100 ring-1 ring-inset ring-gray-300 dark:ring-primary-950 rounded-br-md rounded-tr-md">km</span>
+        </div>
+        {{ macros::input(label="Kommentar", name="comments", type="text", wrapper_class="col-span-4") }}
+        {{ macros::select(label="Typ", data=logtypes, name='logtype', default="Normal", wrapper_class="col-span-4") }}
+        <input type="submit"
+               value="Ausfahrt eintragen"
+               class="btn btn-primary w-full col-span-4 m-auto" />
+    </form>
+{% endmacro new %}
+{% macro boat_select(id="boat_id") %}
+    {{ macros::select(label="Boot", data=boats, name="boat_id", id=id, display=["name", " (","amount_seats", " x)"], extras=["default_shipmaster_only_steering", "amount_seats", "on_water", "default_destination"], wrapper_class="col-span-4", show_seats=true) }}
+{% endmacro boat_select %}
+{% macro rower_select(id, selected, amount_seats='', class='', init='false', cox_on_boat='', steering_person_id='') %}
+    {#{% if not amount_seats or amount_seats > 1 %}#}
+    <div class="{{ class }}">
+        <label for="{{ id }}" class="text-sm text-gray-600 dark:text-gray-100">
+            Ruderer (inkl. Schiffsführer und Steuerperson)
+        </label>
+        <select style="width: 100%;" multiple name="rowers[]" id="{{ id }}" class="w-full" data-seats="{{ amount_seats }}" data-init={{ init }}>
+            {% for user in users %}
+                {% set_global sel = false %}
+                {% for rower in selected %}
+                    {% if rower.id == user.id %}
+                        {% set_global sel = true %}
+                    {% endif %}
+                {% endfor %}
+                <option value="{{ user.id }}"
+                        {% if sel %}selected{% endif %}
+                        {% if user.on_water %}disabled="disabled"{% endif %}
+                        data-custom-properties='{"is_cox": {{ "cox" in user.roles }}, "is_racing": {{ "Rennrudern" in user.roles }}, "steers": {{ user.id == steering_person_id }}, "cox_on_boat": {{ user.id == cox_on_boat }}}'>
+                    {{ user.name }}
+                    {% if user.on_water %}(am Wasser){% endif %}
+                </option>
+            {% endfor %}
+        </select>
+    </div>
+    {#{% endif %}#}
+{% endmacro rower_select %}
+{% macro show(log, state, allowed_to_close=false) %}
+    <div class="grid grid-cols-1 gap-3 mb-3 w-full">
+        <div class="pt-2 px-3 {% if not loop.first %}border-t{% endif %}">
+            <div class="w-full">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <strong class="block text-primary-900 dark:text-white">
+                            {{ log.departure | date(format="%H:%M") }}
+                            Uhr
+                        </strong>
+                        <a href="#"
+                           data-sidebar="true"
+                           data-trigger="sidebar"
+                           data-header="<strong>{{ log.departure | date(format="%H:%M") }} Uhr</strong> ({{ log.boat.name }})"
+                           data-body="#log{{ log.id }}"
+                           class="text-sm link-primary break-all">{{ log.boat.name }}</a>
+                    </div>
+                    <div>
+                        {% if allowed_to_close and state == "on_water" %}
+                            <a href="#"
+                               data-sidebar="true"
+                               data-trigger="sidebar"
+                               data-header="<strong>{{ log.departure | date(format="%H:%M") }} Uhr</strong> ({{ log.boat.name }})"
+                               data-body="#close{{ log.id }}"
+                               class="border-0 btn btn-dark text-white flex items-center justify-center ml-3">
+                                {% include "includes/pencil" %}
+                            </a>
+                        {% endif %}
+                    </div>
+                </div>
+                <div class="hidden">
+                    {% if allowed_to_close and state == "on_water" %}
+                        <div id="close{{ log.id }}">{{ log::home(log=log) }}</div>
+                        <div>LÖSCHEN</div>
+                    {% endif %}
+                    <div id="log{{ log.id }}">
+                        {% if log.destination %}{{ log.destination }}{% endif %}
+                        {% for rower in log.rowers %}
+                            <p>
+                                {{ rower.name }}
+                                {% if rower.id == log.shipmaster or rower.id == log.steering_person %}
+                                    <small class="text-gray-600 dark:text-primary-100">(
+                                        {% if rower.id == log.shipmaster %}Schiffsführer{% endif %}
+                                        {% if rower.id == log.shipmaster and rower.id == log.steering_person %}/{% endif %}
+                                        {% if rower.id == log.steering_person %}Steuerperson{% endif %}
+                                    )</small>
+                                {% endif %}
+                            </p>
+                        {% endfor %}
+                        {% set amount_rowers = log.rowers | length %}
+                        {% set amount_guests = log.boat.amount_seats - amount_rowers %}
+                        {% if amount_guests > 0 %}
+                            Gäste <small class="text-gray-600">(ohne Account)</small>:
+                            {{ amount_guests }}
+                        {% endif %}
+                        {% if allowed_to_close and state == "on_water" %}
+                            <a href="/log/{{ log.id }}/delete"
+                               class="btn btn-alert w-full absolute bottom-0 left-0"
+                               style="border-radius: 0"
+                               onclick="return confirm('Willst du diesen Eintrag wirklich löschen? Die Daten gehen verloren');">Löschen</a>
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endmacro show %}
+{% macro show_old(log, state, allowed_to_close=false, index) %}
+    <div class="border-t bg-white dark:bg-primary-900 py-3 px-4 relative"
+         data-filterable="true"
+         data-filter="{{ log.boat.name }} {% for rower in log.rowers %}{{ rower.name }}{% endfor %}">
+        {% if log.logtype %}
+            <div class="absolute top-0 right-0 bg-primary-100 rounded-bl-md text-primary-950 text-xs w-32 px-2 py-1 text-center font-bold">
+                {% if log.logtype == 1 %}
+                    Wanderfahrt
+                {% else %}
+                    {% if log.logtype == 2 %}
+                        Regatta
+                    {% else %}
+                        {{ log.logtype }}
+                    {% endif %}
+                {% endif %}
+            </div>
+        {% endif %}
+        <div {% if log.logtype %}class="mt-4 sm:mt-0"{% endif %}>
+            <strong class="text-black dark:text-white">{{ log.boat.name }}</strong> <small class="text-gray-600 dark:text-gray-100">({{ log.shipmaster_user.name -}}
+                {% if log.shipmaster_only_steering %}
+                    - handgesteuert
+                {% endif -%}
+            )</small>
+            <small class="block text-gray-600 dark:text-gray-100">
+                {% if state == "completed" and log.departure | date(format='%d.%m.%Y') == log.arrival | date(format='%d.%m.%Y') %}
+                    {{ log.departure | date(format='%d.%m.%Y') }} ({{ log.departure | date(format='%H:%M') }} - {{ log.arrival | date(format='%H:%M') }})
+                {% else %}
+                    {{ log.departure | date(format='%d.%m.%Y (%H:%M)') }}
+                    {% if state == "completed" %}
+                        - {{ log.arrival | date(format='%d.%m.%Y (%H:%M)') }}
+                    {% endif %}
+                {% endif %}
+            </small>
+            {% set amount_rowers = log.rowers | length %}
+            {% set amount_guests = log.boat.amount_seats - amount_rowers %}
+            {% if allowed_to_close and state == "on_water" %}
+                {{ log::home(log=log) }}
+            {% else %}
+                <div class="text-black dark:text-white">
+                    {{ log.destination }}
+                    {% if state == "completed" %}
+                        <small class="text-gray-600 dark:text-gray-100">({{ log.distance_in_km }} km)</small>
+                    {% endif %}
+                    {% if log.comments %}<span class="text-sm italic">- "{{ log.comments }}"</span>{% endif %}
+                </div>
+                {% if amount_guests > 0 or log.rowers | length > 0 %}
+                    <div class="text-sm text-gray-600 dark:text-gray-100">
+                        Ruderer:
+                        {% for rower in log.rowers -%}
+                            {{ rower.name -}}
+                            {% if not loop.last or amount_guests > 0 and log.boat.name != 'Externes Boot' %},{% endif %}
+                        {% endfor %}
+                        {% if amount_guests > 0 and log.boat.name != 'Externes Boot' %}
+                            Gäste <small class="text-gray-600 dark:text-gray-100">(ohne Account)</small>: {{ amount_guests }}
+                        {% endif %}
+                    </div>
+                {% endif %}
+            {% endif %}
+        </div>
     </div>
-  </div>
 {% endmacro show_old %}
-
 {% macro home(log) %}
-	<form class="grid grid-cols-1 gap-3" action="/log/{{log.id}}" method="post">
-		{{ macros::input(label='Ankunftszeit', name='arrival', type='datetime-local', required=true, class="change-id-js rounded-md current-date-time") }}
-
-		<div>
-			<label for="destination" class="text-sm text-gray-600 dark:text-gray-100">Ziel</label>
-
-			<input class="input rounded-md set-distance-js change-id-js" type="search" list="destinations" placeholder="Destination" required="required" id="destination{{ log.id }}" name="destination" value="{{log.destination}}" data-relation="distance_in_km{{log.id}}"/>
-		</div>
-
-		<div class="relative">
-			{{ macros::input(label="Distanz", name="distance_in_km", id="distance_in_km" ~ log.id , type="number", min=0, value=log.distance_in_km, required=true, class="rounded-md change-id-js") }}
-			<span class="absolute right-0 bottom-0 py-1.5 px-2 bg-white dark:bg-primary-950 border-0 text-gray-600 dark:text-gray-100 ring-1 ring-inset ring-gray-300 dark:ring-primary-950 rounded-br-md rounded-tr-md">km</span>
-		</div>
-
-    {{ macros::input(label="Kommentar", name="comments", id="comments" ~ log.id, type="text", value=log.comments, class="rounded-md change-id-js") }}
-
-    <details class="bg-gray-200 bg-opacity-80 dark:bg-primary-900 rounded-md p-2">
-      <summary class="cursor-pointer">Details ändern</summary>
-      <div class="grid grid-cols-1 gap-3">
-        {{ macros::input(label='Abfahrtszeit', name='departure', type='datetime-local', required=true, class="change-id-js rounded-md", value=log.departure) }}
-        {{ log::rower_select(id="rowers"~log.id, selected=log.rowers, amount_seats=log.boat.amount_seats, steering_person_id=log.steering_user.id, cox_on_boat=log.shipmaster_user.id) }}
-        {{ macros::select(label="Schiffsführer", data=[], name='shipmaster', id="shipmaster-rowers"~log.id, class="change-id-js", selected_id=log.shipmaster_user.id, required=true) }}
-        {{ macros::select(label="Steuerperson", data=[], name='steering_person', id="steering_person-rowers"~log.id, class="change-id-js", selected_id=log.steering_user.id, required=true) }}
-        <div>{{ macros::checkbox(label="Handgesteuert", name="shipmaster_only_steering", id="shipmaster_only_steering" ~ log.id , checked=log.shipmaster_only_steering,class="rounded-md change-id-js") }}</div>
-        {{ macros::select(label="Typ", data=logtypes, name="logtype", id="logtype" ~ log.id, default="Normal", selected_id=log.logtype, class="rounded-md change-id-js") }}
-      </div>
-    </details>
-
-
-		<input class="btn btn-primary" type="submit" value="Ausfahrt beenden"/>
-	</form>
+    <form class="grid grid-cols-1 gap-3"
+          action="/log/{{ log.id }}"
+          method="post">
+        {{ macros::input(label='Ankunftszeit', name='arrival', type='datetime-local', required=true, class="change-id-js rounded-md current-date-time") }}
+        <div>
+            <label for="destination" class="text-sm text-gray-600 dark:text-gray-100">Ziel</label>
+            <input class="input rounded-md set-distance-js change-id-js"
+                   type="search"
+                   list="destinations"
+                   placeholder="Destination"
+                   required="required"
+                   id="destination{{ log.id }}"
+                   name="destination"
+                   value="{{ log.destination }}"
+                   data-relation="distance_in_km{{ log.id }}" />
+        </div>
+        <div class="relative">
+            {{ macros::input(label="Distanz", name="distance_in_km", id="distance_in_km" ~ log.id , type="number", min=0, value=log.distance_in_km, required=true, class="rounded-md change-id-js") }}
+            <span class="absolute right-0 bottom-0 py-1.5 px-2 bg-white dark:bg-primary-950 border-0 text-gray-600 dark:text-gray-100 ring-1 ring-inset ring-gray-300 dark:ring-primary-950 rounded-br-md rounded-tr-md">km</span>
+        </div>
+        {{ macros::input(label="Kommentar", name="comments", id="comments" ~ log.id, type="text", value=log.comments, class="rounded-md change-id-js") }}
+        <details class="bg-gray-200 bg-opacity-80 dark:bg-primary-900 rounded-md p-2">
+            <summary class="cursor-pointer">Details ändern</summary>
+            <div class="grid grid-cols-1 gap-3">
+                {{ macros::input(label='Abfahrtszeit', name='departure', type='datetime-local', required=true, class="change-id-js rounded-md", value=log.departure) }}
+                {{ log::rower_select(id="rowers"~log.id, selected=log.rowers, amount_seats=log.boat.amount_seats, steering_person_id=log.steering_user.id, cox_on_boat=log.shipmaster_user.id) }}
+                {{ macros::select(label="Schiffsführer", data=[], name='shipmaster', id="shipmaster-rowers"~log.id, class="change-id-js", selected_id=log.shipmaster_user.id, required=true) }}
+                {{ macros::select(label="Steuerperson", data=[], name='steering_person', id="steering_person-rowers"~log.id, class="change-id-js", selected_id=log.steering_user.id, required=true) }}
+                <div>
+                    {{ macros::checkbox(label="Handgesteuert", name="shipmaster_only_steering", id="shipmaster_only_steering" ~ log.id , checked=log.shipmaster_only_steering,class="rounded-md change-id-js") }}
+                </div>
+                {{ macros::select(label="Typ", data=logtypes, name="logtype", id="logtype" ~ log.id, default="Normal", selected_id=log.logtype, class="rounded-md change-id-js") }}
+            </div>
+        </details>
+        <input class="btn btn-primary" type="submit" value="Ausfahrt beenden" />
+    </form>
 {% endmacro home %}

templates/includes/funnel-icon.html.tera

@@ -1,3 +1,8 @@
-<svg width="16" height="16" fill="currentColor" class="inline h-4 w-4 text-primary-300 group-hover:text-primary-400 mr-2" viewbox="0 0 16 16" style="margin-top: -0.2rem">
-	<path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z"/>
+<svg width="16"
+     height="16"
+     fill="currentColor"
+     class="inline h-4 w-4 text-primary-300 group-hover:text-primary-400 mr-2"
+     viewbox="0 0 16 16"
+     style="margin-top: -0.2rem">
+    <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z" />
 </svg>

templates/includes/lock-icon.html.tera

@@ -1,3 +1,6 @@
-<svg class="h-5 w-5 text-primary-300 group-hover:text-primary-400" viewbox="0 0 20 20" fill="currentColor" aria-hidden="true">
-	<path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd"/>
+<svg class="h-5 w-5 text-primary-300 group-hover:text-primary-400"
+     viewbox="0 0 20 20"
+     fill="currentColor"
+     aria-hidden="true">
+    <path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
 </svg>

templates/includes/macros.html.tera

@@ -1,237 +1,196 @@
 {% macro header(loggedin_user) %}
-  <header
-    class="bg-primary-900 text-white flex justify-center p-3 fixed w-full z-10"
-  >
-    <div class="max-w-screen-xl w-full flex justify-between items-center">
-      <div class="w-1/3 truncate">
-        {% if "Donau Linz" in loggedin_user.roles %}
-	        <a href="/planned">
-        {% else %}
-        	<a href="/">
-	{% endif %}
-          Hü
-          {{ loggedin_user.name }}
-        </a>
-      </div>
-  
-      <div>
-        <a
-          href="https://wiki.rudernlinz.at/ruderassistent#faq"
-          target="_blank"
-          class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
-        >
-          {% include "includes/question-icon" %}
-          <span class="sr-only">FAQs</span>
-        </a>
-        {% if "scheckbuch" in loggedin_user.roles and loggedin_user.weight and loggedin_user.sex and loggedin_user.dob %}
-          <a
-            href="#"
-            class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
-            data-sidebar="true"
-            data-trigger="sidebar"
-            data-header="Ergo Challenge"
-            data-body="#mobile-menu-guest"
-          >
-            {% include "includes/book" %}
-            <span class="sr-only">Ergo</span>
-          </a>
-          <div class="hidden">
-            <div id="mobile-menu-guest">
-              <a
-                href="/ergo"
-                class="block w-100 py-2 hover:text-primary-600 border-t"
-              >
-                Ergo
-              </a>
+    <header class="bg-primary-900 text-white flex justify-center p-3 fixed w-full z-10">
+        <div class="max-w-screen-xl w-full flex justify-between items-center">
+            <div class="w-1/3 truncate">
+                {% if "Donau Linz" in loggedin_user.roles %}
+                    <a href="/planned">
+                    {% else %}
+                        <a href="/">
+                        {% endif %}
+                        Hü
+                        {{ loggedin_user.name }}
+                    </a>
+                </div>
+                <div>
+                    <a href="https://wiki.rudernlinz.at/ruderassistent#faq"
+                       target="_blank"
+                       class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer">
+                        {% include "includes/question-icon" %}
+                        <span class="sr-only">FAQs</span>
+                    </a>
+                    {% if "scheckbuch" in loggedin_user.roles and loggedin_user.weight and loggedin_user.sex and loggedin_user.dob %}
+                        <a href="#"
+                           class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
+                           data-sidebar="true"
+                           data-trigger="sidebar"
+                           data-header="Ergo Challenge"
+                           data-body="#mobile-menu-guest">
+                            {% include "includes/book" %}
+                            <span class="sr-only">Ergo</span>
+                        </a>
+                        <div class="hidden">
+                            <div id="mobile-menu-guest">
+                                <a href="/ergo" class="block w-100 py-2 hover:text-primary-600 border-t">Ergo</a>
+                            </div>
+                        </div>
+                    {% endif %}
+                    {% if "scheckbuch" not in loggedin_user.roles %}
+                        <a href="#"
+                           class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
+                           data-sidebar="true"
+                           data-trigger="sidebar"
+                           data-header="Menü"
+                           data-body="#mobile-menu">
+                            {% include "includes/book" %}
+                            <span class="sr-only">Logbuch</span>
+                        </a>
+                        <div class="hidden">
+                            <div id="mobile-menu">
+                                <a href="/log" class="block w-100 py-2 hover:text-primary-600">Ausfahrt eintragen</a>
+                                <a href="/log/show"
+                                   class="block w-100 py-2 hover:text-primary-600 border-t">Logbuch</a>
+                                {% if loggedin_user.weight and loggedin_user.sex and loggedin_user.dob %}
+                                    <a href="/ergo" class="block w-100 py-2 hover:text-primary-600 border-t">Ergo</a>
+                                {% endif %}
+                                <a href="/stat" class="block w-100 py-2 hover:text-primary-600 border-t">Statistik</a>
+                                <a href="/stat/boats"
+                                   class="block w-100 py-2 hover:text-primary-600 border-t">Bootsauswertung</a>
+                                {% if "admin" in loggedin_user.roles %}
+                                    <a href="/admin/boat"
+                                       class="block w-100 py-2 hover:text-primary-600 border-t">Boote</a>
+                                {% endif %}
+                                <a href="/boatdamage"
+                                   class="block w-100 py-2 hover:text-primary-600 border-t">Bootsschaden</a>
+                            </div>
+                        </div>
+                    {% endif %}
+                    {% if "admin" in loggedin_user.roles or "Vorstand" in loggedin_user.roles %}
+                        <a href="/admin/user"
+                           class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer">
+                            <svg class="inline h-4"
+                                 width="16"
+                                 height="16"
+                                 fill="currentColor"
+                                 class="bi bi-person-lines-fill"
+                                 viewbox="0 0 16 16">
+                                <path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z" />
+                            </svg>
+                            <span class="sr-only">Userverwaltung</span>
+                        </a>
+                    {% endif %}
+                    <a href="/auth/logout"
+                       class="inline-flex justify-center rounded-md bg-gray-200 ml-1 px-3 py-2 text-sm font-semibold text-primary-950 hover:bg-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer">
+                        <svg class="inline h-4"
+                             width="24"
+                             height="24"
+                             viewbox="0 0 24 24"
+                             fill="none"
+                             stroke="currentColor"
+                             stroke-width="2"
+                             stroke-linecap="round"
+                             stroke-linejoin="round"
+                             class="feather feather-log-out">
+                            <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
+                            <polyline points="16 17 21 12 16 7"></polyline>
+                            <line x1="21" y1="12" x2="9" y2="12"></line>
+                        </svg>
+                        <span class="sr-only">Ausloggen</span>
+                    </a>
+                </div>
             </div>
-          </div>
-	      {% endif %}
-        {% if "scheckbuch" not in loggedin_user.roles %}
-        <a
-          href="#"
-          class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
-          data-sidebar="true"
-          data-trigger="sidebar"
-          data-header="Menü"
-          data-body="#mobile-menu"
-        >
-          {% include "includes/book" %}
-          <span class="sr-only">Logbuch</span>
-        </a>
-        <div class="hidden">
-          <div id="mobile-menu">
-            <a href="/log" class="block w-100 py-2 hover:text-primary-600">
-              Ausfahrt eintragen
-            </a>
-            <a
-              href="/log/show"
-              class="block w-100 py-2 hover:text-primary-600 border-t"
-            >
-              Logbuch
-            </a>
-	    {% if loggedin_user.weight and loggedin_user.sex and loggedin_user.dob %}
-            <a
-              href="/ergo"
-              class="block w-100 py-2 hover:text-primary-600 border-t"
-            >
-              Ergo
-            </a>
-	    {% endif %}
-            <a
-              href="/stat"
-              class="block w-100 py-2 hover:text-primary-600 border-t"
-            >
-              Statistik
-            </a>
-            <a
-              href="/stat/boats"
-              class="block w-100 py-2 hover:text-primary-600 border-t"
-            >
-              Bootsauswertung
-            </a>
-            {% if "admin" in loggedin_user.roles %}
-            <a
-              href="/admin/boat"
-              class="block w-100 py-2 hover:text-primary-600 border-t"
-            >
-              Boote
-            </a>
-            {% endif %}
-            <a
-              href="/boatdamage"
-              class="block w-100 py-2 hover:text-primary-600 border-t"
-            >
-              Bootsschaden
-            </a>
-          </div>
+        </header>
+        <div class="h-8"></div>
+    {% endmacro header %}
+    {% macro input(label, name, type, required=false, class='rounded-md', value='', min='', hide_label=false, id='', autofocus=false, wrapper_class='', pattern='', readonly=false) %}
+        <div class="{{ wrapper_class }}">
+            <label for="{{ name }}"
+                   class="{% if hide_label %} sr-only {% else %} text-sm text-gray-600 dark:text-white {% endif %}">
+                {{ label }}
+            </label>
+            <input {% if type=='datetime-local' %}onclick='if (!this.value) setCurrentdate(this)'{% endif %}
+                   {% if id %} id="{{ id }}" {% else %} id="{{ name }}" {% endif %}
+                   name="{{ name }}"
+                   type="{{ type }}"
+                   {% if required %}required{% endif %}
+                   value="{{ value }}"
+                   class="input {{ class }}"
+                   placeholder="{% if hide_label %}{{ label }}{% endif %}"
+                   {% if min is defined %}min="{{ min }}"{% endif %}
+                   {% if autofocus %}autofocus{% endif %}
+                   {% if pattern %}pattern="{{ pattern }}"{% endif %}
+                   {% if readonly %}readonly{% endif %}>
         </div>
-        {% endif %}
-	      {% if "admin" in loggedin_user.roles %}
-        <a
-          href="/admin/user"
-          class="inline-flex justify-center rounded-md bg-primary-600 mx-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
-        >
-          <svg
-            class="inline h-4"
-            width="16"
-            height="16"
-            fill="currentColor"
-            class="bi bi-person-lines-fill"
-            viewbox="0 0 16 16"
-          >
-            <path
-              d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z"
-            />
-          </svg>
-          <span class="sr-only">Userverwaltung</span>
-        </a>
-        {% endif %}
-        <a
-          href="/auth/logout"
-          class="inline-flex justify-center rounded-md bg-gray-200 ml-1 px-3 py-2 text-sm font-semibold text-primary-950 hover:bg-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
-        >
-          <svg
-            class="inline h-4"
-            width="24"
-            height="24"
-            viewbox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            class="feather feather-log-out"
-          >
-            <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
-            <polyline points="16 17 21 12 16 7"></polyline>
-            <line x1="21" y1="12" x2="9" y2="12"></line>
-          </svg>
-          <span class="sr-only">Ausloggen</span>
-        </a>
-      </div>
-    </div>
-  </header>
-  <div class="h-8"></div>
-{% endmacro header %}
-
-{% macro input(label, name, type, required=false, class='rounded-md', value='', min='', hide_label=false, id='', autofocus=false, wrapper_class='', pattern='', readonly=false) %}
-	<div class="{{wrapper_class}}">
-		<label for="{{ name }}" class="{% if hide_label %} sr-only {% else %} text-sm text-gray-600 dark:text-white {% endif %}">{{ label }}</label>
-		<input {% if type=='datetime-local' %} onclick='if (!this.value) setCurrentdate(this)' {% endif %}{% if id %} id="{{ id }}" {% else %} id="{{ name }}" {% endif %} name="{{ name }}" type="{{ type }}" {% if required %} required {% endif %} value="{{ value }}" class="input {{ class }}" placeholder="{% if hide_label %}{{ label }}{% endif %}" {% if min is defined %} min="{{ min }}" {% endif %} {% if autofocus %} autofocus {% endif %}{% if pattern %}pattern="{{ pattern }}"{% endif %}{% if readonly %}readonly{% endif %}>
-	</div>
-{% endmacro input %}
-
-{% macro checkbox(label, name, id='', checked=false, class='', disabled=false) %}
-	<label for="{{ name }}{{ id }}" class="flex items-center cursor-pointer text-black dark:text-white hover:text-gray-900 dark:hover:text-gray-100 {{ class }}">
-		<input type="checkbox" id="{{ name }}{{ id }}" name="{{ name }}" {% if checked %} checked {% endif %} {% if disabled %} disabled {% endif %}  class="h-4 w-4 accent-primary-600 dark:accent-primary-200 mr-2"/>
-		{{ label }}
-	</label>
-{% endmacro checkbox %}
-
-{% macro select(label, data, name='trip_type', default='', id='', selected_id='', display='', extras='', class='', wrapper_class='', required=false, show_seats=false, new_last_entry='') %}
-	<div class="{{wrapper_class}}">
-		<label for="{{ name }}" class="text-sm text-gray-600 dark:text-gray-100">{{ label }}</label>
-		{% if display == '' %}
-			{% set display = ["name"] %}
-		{% endif %}
-		<select name="{{ name }}" {% if id %} id="{{ id }}" {% else %} id="{{ name }}" {% endif %} class="input rounded-md {{ class }}" {% if required %}required="required"{% endif %}>
-			{% if default %}
-				<option selected value>{{ default }}</option>
-			{% endif %}
-			{% for d in data %}
-				<option value="{{ d.id }}" {% if d.id == selected_id %} selected {% endif %} {% if extras != '' %} {% for extra in extras %} {% if extra != 'on_water' and d[extra]  %} data-{{extra}}={{d[extra]}} {% else %} {% if d[extra] %} disabled {% endif %} {% endif %} {% endfor %} {% endif %} {% if show_seats %} data-custom-properties='{"amount_seats": {{ d["amount_seats"] }}, "owner": "{{ d["owner"] }}", "default_destination": "{{ d["default_destination"] }}", "boat_in_ottensheim": {{ d["location_id"] == 2 }}}'{% endif %}>
-					{% for displa in display -%}
-						{%- if d[displa] -%}
-							{{- d[displa] -}}
-						{%- else -%}
-							{{- displa -}}
-						{%- endif -%}
-					{%- endfor %}
-				</option>
-			{% endfor %}
-			{% if new_last_entry %}
-				<option value="-1">{{ new_last_entry }}</option>
-			{% endif %}
-		</select>
-	</div>
-{% endmacro select %}
-
-{% macro alert(message, type, class='') %}
-	<div class="{{ class }} alert-{{ type }} text-white px-3 py-1 rounded-md text-center">
-		{{ message }}
-	</div>
-{% endmacro alert %}
-
-{% macro box(participants, empty_seats='', header='Freie Plätze:', text='Keine Ruderer angemeldet', bg='primary-600', color='white', trip_details_id='', allow_removing=false) %}
-	<div class="text-{{ color }} bg-{{ bg }} text-center p-1 mt-1 rounded-t-md">{{ header }}
-		{{ empty_seats }}</div>
-	<div class="p-2 border border-t-0 border-{{ bg }} mb-4 rounded-b-md">
-		{% if participants | length > 0 %}
-			{% for rower in participants %}
-				{{ rower.name }}
-				{% if rower.is_guest %}
-					<small class="text-gray-600 dark:text-gray-100">(Scheckbuch)</small>
-				{% endif %}
-				{% if rower.is_real_guest %}
-					<small class="text-gray-600 dark:text-gray-100">(Gast)</small>
-					{% if allow_removing %}
-						<a href="/planned/remove/{{ trip_details_id }}/{{ rower.name }}" class="btn btn-attention btn-fw">Abmelden</a>
-					{% endif %}
-				{% endif %}
-				<span class="hidden">(angemeldet seit
-					{{ rower.registered_at }})</span><br/>
-			{% endfor %}
-		{% else %}
-			{{ text }}
-		{% endif %}
-	</div>
-{% endmacro box %}
-
-{% macro faq(question, answer) %}
-	<div>
-		<h2 class="flex mb-4 text-lg font-bold text-primary-900">
-			{{ question }}
-		</h2>
-		<p class="text-primary-950">{{ answer | safe }}</p>
-	</div>
-{% endmacro faq %}
+    {% endmacro input %}
+    {% macro checkbox(label, name, id='', checked=false, class='', disabled=false) %}
+        <label for="{{ name }}{{ id }}"
+               class="flex items-center cursor-pointer text-black dark:text-white hover:text-gray-900 dark:hover:text-gray-100 {{ class }}">
+            <input type="checkbox"
+                   id="{{ name }}{{ id }}"
+                   name="{{ name }}"
+                   {% if checked %}checked{% endif %}
+                   {% if disabled %}disabled{% endif %}
+                   class="h-4 w-4 accent-primary-600 dark:accent-primary-200 mr-2" />
+            {{ label }}
+        </label>
+    {% endmacro checkbox %}
+    {% macro select(label, data, name='trip_type', default='', id='', selected_id='', display='', extras='', class='', wrapper_class='', required=false, show_seats=false, new_last_entry='') %}
+        <div class="{{ wrapper_class }}">
+            <label for="{{ name }}" class="text-sm text-gray-600 dark:text-gray-100">{{ label }}</label>
+            {% if display == '' %}
+                {% set display = ["name"] %}
+            {% endif %}
+            <select name="{{ name }}"
+                    {% if id %} id="{{ id }}" {% else %} id="{{ name }}" {% endif %}
+                    class="input rounded-md {{ class }}"
+                    {% if required %}required="required"{% endif %}>
+                {% if default %}<option selected value>{{ default }}</option>{% endif %}
+                {% for d in data %}
+                    <option value="{{ d.id }}" {% if d.id == selected_id %}selected{% endif %} {% if extras != '' %} {% for extra in extras %} {% if extra != 'on_water' and d[extra] %} data-{{ extra }}={{ d[extra] }} {% else %} {% if d[extra] %}disabled{% endif %} {% endif %} {% endfor %} {% endif %} {% if show_seats %} data-custom-properties='{"amount_seats": {{ d["amount_seats"] }}, "owner": "{{ d["owner"] }}", "default_destination": "{{ d["default_destination"] }}", "boat_in_ottensheim": {{ d["location_id"] == 2 }}}'{% endif %}>
+                        {% for displa in display -%}
+                            {%- if d[displa] -%}
+                                {{- d[displa] -}}
+                            {%- else -%}
+                                {{- displa -}}
+                            {%- endif -%}
+                        {%- endfor %}
+                    </option>
+                {% endfor %}
+                {% if new_last_entry %}<option value="-1">{{ new_last_entry }}</option>{% endif %}
+            </select>
+        </div>
+    {% endmacro select %}
+    {% macro alert(message, type, class='') %}
+        <div class="{{ class }} alert-{{ type }} text-white px-3 py-1 rounded-md text-center">{{ message }}</div>
+    {% endmacro alert %}
+    {% macro box(participants, empty_seats='', header='Freie Plätze:', text='Keine Ruderer angemeldet', bg='primary-600', color='white', trip_details_id='', allow_removing=false) %}
+        <div class="text-{{ color }} bg-{{ bg }} text-center p-1 mt-1 rounded-t-md">
+            {{ header }}
+            {{ empty_seats }}
+        </div>
+        <div class="p-2 border border-t-0 border-{{ bg }} mb-4 rounded-b-md">
+            {% if participants | length > 0 %}
+                {% for rower in participants %}
+                    {{ rower.name }}
+                    {% if rower.is_guest %}<small class="text-gray-600 dark:text-gray-100">(Scheckbuch)</small>{% endif %}
+                    {% if rower.is_real_guest %}
+                        <small class="text-gray-600 dark:text-gray-100">(Gast)</small>
+                        {% if allow_removing %}
+                            <a href="/planned/remove/{{ trip_details_id }}/{{ rower.name }}"
+                               class="btn btn-attention btn-fw">Abmelden</a>
+                        {% endif %}
+                    {% endif %}
+                    <span class="hidden">(angemeldet seit
+                    {{ rower.registered_at }})</span>
+                    <br />
+                {% endfor %}
+            {% else %}
+                {{ text }}
+            {% endif %}
+        </div>
+    {% endmacro box %}
+    {% macro faq(question, answer) %}
+        <div>
+            <h2 class="flex mb-4 text-lg font-bold text-primary-900">{{ question }}</h2>
+            <p class="text-primary-950">{{ answer | safe }}</p>
+        </div>
+    {% endmacro faq %}

templates/includes/pencil.html.tera

@@ -1,4 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
-  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
-  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="16"
+     height="16"
+     fill="currentColor"
+     class="bi bi-pencil-square"
+     viewBox="0 0 16 16">
+    <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" />
+    <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z" />
 </svg>

templates/includes/plus-icon.html.tera

@@ -1,3 +1,8 @@
-<svg class="inline h-5 w-5" width="16" height="16" fill="currentColor" class="bi bi-plus" viewbox="0 0 16 16">
-	<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
+<svg class="inline h-5 w-5"
+     width="16"
+     height="16"
+     fill="currentColor"
+     class="bi bi-plus"
+     viewbox="0 0 16 16">
+    <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
 </svg>

templates/includes/qrcode.html.tera

@@ -1,4 +1 @@
-<script>var QRCodep;!function(){function a(a){this.mode=j.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=0,c=this.data.length;c>b;b++){var d=[],e=this.data.charCodeAt(b);e>65536?(d[0]=240|(1835008&e)>>>18,d[1]=128|(258048&e)>>>12,d[2]=128|(4032&e)>>>6,d[3]=128|63&e):e>2048?(d[0]=224|(61440&e)>>>12,d[1]=128|(4032&e)>>>6,d[2]=128|63&e):e>128?(d[0]=192|(1984&e)>>>6,d[1]=128|63&e):d[0]=e,this.parsedData.push(d)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function c(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function d(a,b){this.totalCount=a,this.dataCount=b}function e(){this.buffer=[],this.length=0}function f(){return"undefined"!=typeof CanvasRenderingContext2D}function g(){var a=!1,b=navigator.userAgent;if(/android/i.test(b)){a=!0;var c=b.toString().match(/android ([0-9]\.[0-9])/i);c&&c[1]&&(a=parseFloat(c[1]))}return a}function h(a,b){for(var c=1,d=i(a),e=0,f=p.length;f>=e;e++){var g=0;switch(b){case k.L:g=p[e][0];break;case k.M:g=p[e][1];break;case k.Q:g=p[e][2];break;case k.H:g=p[e][3]}if(g>=d)break;c++}if(c>p.length)throw new Error("Too long data");return c}function i(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(a){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?this.modules[a+c][b+d]=!0:this.modules[a+c][b+d]=!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=m.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=a%2==0);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=b%2==0)},setupPositionAdjustPattern:function(){for(var a=m.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var f=-2;2>=f;f++)for(var g=-2;2>=g;g++)-2==f||2==f||-2==g||2==g||0==f&&0==g?this.modules[d+f][e+g]=!0:this.modules[d+f][e+g]=!1}},setupTypeNumber:function(a){for(var b=m.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=m.getBCHTypeInfo(c),e=0;15>e;e++){var f=!a&&1==(d>>e&1);6>e?this.modules[e][8]=f:8>e?this.modules[e+1][8]=f:this.modules[this.moduleCount-15+e][8]=f}for(var e=0;15>e;e++){var f=!a&&1==(d>>e&1);8>e?this.modules[8][this.moduleCount-e-1]=f:9>e?this.modules[8][15-e-1+1]=f:this.modules[8][15-e-1]=f}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,f=0,g=this.moduleCount-1;g>0;g-=2)for(6==g&&g--;;){for(var h=0;2>h;h++)if(null==this.modules[d][g-h]){var i=!1;f<a.length&&(i=1==(a[f]>>>e&1));var j=m.getMask(b,d,g-h);j&&(i=!i),this.modules[d][g-h]=i,e--,-1==e&&(f++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,f){for(var g=d.getRSBlocks(a,c),h=new e,i=0;i<f.length;i++){var j=f[i];h.put(j.mode,4),h.put(j.getLength(),m.getLengthInBits(j.mode,a)),j.write(h)}for(var k=0,i=0;i<g.length;i++)k+=g[i].dataCount;if(h.getLengthInBits()>8*k)throw new Error("code length overflow. ("+h.getLengthInBits()+">"+8*k+")");for(h.getLengthInBits()+4<=8*k&&h.put(0,4);h.getLengthInBits()%8!=0;)h.putBit(!1);for(;;){if(h.getLengthInBits()>=8*k)break;if(h.put(b.PAD0,8),h.getLengthInBits()>=8*k)break;h.put(b.PAD1,8)}return b.createBytes(h,g)},b.createBytes=function(a,b){for(var d=0,e=0,f=0,g=new Array(b.length),h=new Array(b.length),i=0;i<b.length;i++){var j=b[i].dataCount,k=b[i].totalCount-j;e=Math.max(e,j),f=Math.max(f,k),g[i]=new Array(j);for(var l=0;l<g[i].length;l++)g[i][l]=255&a.buffer[l+d];d+=j;var n=m.getErrorCorrectPolynomial(k),o=new c(g[i],n.getLength()-1),p=o.mod(n);h[i]=new Array(n.getLength()-1);for(var l=0;l<h[i].length;l++){var q=l+p.getLength()-h[i].length;h[i][l]=q>=0?p.get(q):0}}for(var r=0,l=0;l<b.length;l++)r+=b[l].totalCount;for(var s=new Array(r),t=0,l=0;e>l;l++)for(var i=0;i<b.length;i++)l<g[i].length&&(s[t++]=g[i][l]);for(var l=0;f>l;l++)for(var i=0;i<b.length;i++)l<h[i].length&&(s[t++]=h[i][l]);return s};for(var j={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},k={L:1,M:0,Q:3,H:2},l={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},m={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;m.getBCHDigit(b)-m.getBCHDigit(m.G15)>=0;)b^=m.G15<<m.getBCHDigit(b)-m.getBCHDigit(m.G15);return(a<<10|b)^m.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;m.getBCHDigit(b)-m.getBCHDigit(m.G18)>=0;)b^=m.G18<<m.getBCHDigit(b)-m.getBCHDigit(m.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return m.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case l.PATTERN000:return(b+c)%2==0;case l.PATTERN001:return b%2==0;case l.PATTERN010:return c%3==0;case l.PATTERN011:return(b+c)%3==0;case l.PATTERN100:return(Math.floor(b/2)+Math.floor(c/3))%2==0;case l.PATTERN101:return b*c%2+b*c%3==0;case l.PATTERN110:return(b*c%2+b*c%3)%2==0;case l.PATTERN111:return(b*c%3+(b+c)%2)%2==0;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new c([1],0),d=0;a>d;d++)b=b.multiply(new c([1,n.gexp(d)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case j.MODE_NUMBER:return 10;case j.MODE_ALPHA_NUM:return 9;case j.MODE_8BIT_BYTE:return 8;case j.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case j.MODE_NUMBER:return 12;case j.MODE_ALPHA_NUM:return 11;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case j.MODE_NUMBER:return 14;case j.MODE_ALPHA_NUM:return 13;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||0==h&&0==i||g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,0!=j&&4!=j||(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},n={glog:function(a){if(1>a)throw new Error("glog("+a+")");return n.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return n.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},o=0;8>o;o++)n.EXP_TABLE[o]=1<<o;for(var o=8;256>o;o++)n.EXP_TABLE[o]=n.EXP_TABLE[o-4]^n.EXP_TABLE[o-5]^n.EXP_TABLE[o-6]^n.EXP_TABLE[o-8];for(var o=0;255>o;o++)n.LOG_TABLE[n.EXP_TABLE[o]]=o;c.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var e=0;e<a.getLength();e++)b[d+e]^=n.gexp(n.glog(this.get(d))+n.glog(a.get(e)));return new c(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=n.glog(this.get(0))-n.glog(a.get(0)),d=new Array(this.getLength()),e=0;e<this.getLength();e++)d[e]=this.get(e);for(var e=0;e<a.getLength();e++)d[e]^=n.gexp(n.glog(a.get(e))+b);return new c(d,0).mod(a)}},d.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],d.getRSBlocks=function(a,b){var c=d.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var e=c.length/3,f=[],g=0;e>g;g++)for(var h=c[3*g+0],i=c[3*g+1],j=c[3*g+2],k=0;h>k;k++)f.push(new d(i,j));return f},d.getRsBlockTable=function(a,b){switch(b){case k.L:return d.RS_BLOCK_TABLE[4*(a-1)+0];case k.M:return d.RS_BLOCK_TABLE[4*(a-1)+1];case k.Q:return d.RS_BLOCK_TABLE[4*(a-1)+2];case k.H:return d.RS_BLOCK_TABLE[4*(a-1)+3];default:return}},e.prototype={get:function(a){var b=Math.floor(a/8);return 1==(this.buffer[b]>>>7-a%8&1)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(a>>>b-c-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer[b]|=128>>>this.length%8),this.length++}};var p=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],q=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function b(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var c=this._htOption,d=this._el,e=a.getModuleCount();Math.floor(c.width/e),Math.floor(c.height/e);this.clear();var f=b("svg",{viewBox:"0 0 "+String(e)+" "+String(e),width:"100%",height:"100%",fill:c.colorLight});f.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),d.appendChild(f),f.appendChild(b("rect",{fill:c.colorLight,width:"100%",height:"100%"})),f.appendChild(b("rect",{fill:c.colorDark,width:"1",height:"1",id:"template"}));for(var g=0;e>g;g++)for(var h=0;e>h;h++)if(a.isDark(g,h)){var i=b("use",{x:String(h),y:String(g)});i.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),f.appendChild(i)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),r="svg"===document.documentElement.tagName.toLowerCase(),s=r?q:f()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function b(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&c._fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,void(d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(this._android&&this._android<=2.1){var c=1/window.devicePixelRatio,d=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,b,e,f,g,h,i,j,k){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*c;else"undefined"==typeof j&&(arguments[1]*=c,arguments[2]*=c,arguments[3]*=c,arguments[4]*=c);d.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=g(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&b.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCodep=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:k.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._htOption.useSVG&&(s=q),this._android=g(),this._el=a,this._oQRCode=null,this._htOption.text&&this.makeCode(this._htOption.text)},QRCodep.prototype.makeCode=function(a){this._oQRCode=new b(h(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,-1!=this._htOption.dpi&&-1!=this._htOption.mmPerDot&&(this._htOption.width=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot,this._htOption.height=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot),this._oDrawing=new s(this._el,this._htOption),this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCodep.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCodep.prototype.clear=function(){this._oDrawing.clear()},QRCodep.CorrectLevel=k}();var sepaQR;!function(){"use strict";var a={UTF_8:1,ISO8859_1:2,ISO8859_2:3,ISO8859_4:4,ISO8859_5:5,ISO8859_7:6,ISO8859_10:7,ISO8859_15:8};sepaQR=function(b){if(this._sOpt={serviceTag:"BCD",version:"001",charset:a.UTF_8,identificationCode:"SCT",benefBIC:"",benefName:"",benefAccNr:"",amountEuro:"",purpose:"",creditorRef:"",remittanceInf:"",information:""},b)for(var c in b)this._sOpt[c]=b[c]},sepaQR.prototype.validServiceTag=function(){return"BCD"===this._sOpt.serviceTag},sepaQR.prototype.validVersion=function(){return"001"===this._sOpt.version||"002"===this._sOpt.version},sepaQR.prototype.validCharset=function(){return this._sOpt.charset>0&&this._sOpt.charset<=8},sepaQR.prototype.validIdentificationCode=function(){return"SCT"===this._sOpt.identificationCode},sepaQR.prototype.validBenefName=function(){var a="string"==typeof this._sOpt.benefName&&this._sOpt.benefName.length>=1&&this._sOpt.benefName.length<=70;if(!a)throw new Error("benefName not valid!");return a},sepaQR.prototype.validBenefAccNr=function(){var a="string"==typeof this._sOpt.benefAccNr&&this._sOpt.benefAccNr.length>=1&&this._sOpt.benefAccNr.length<=34;if(!a)throw new Error("benefAccNr not valid!");return a},sepaQR.prototype.validAmountEuro=function(){if("string"==typeof this._sOpt.amountEuro)return 0===this._sOpt.amountEuro.length;if("number"==typeof this._sOpt.amountEuro){this._sOpt.amountEuro=Math.round(100*this._sOpt.amountEuro)/100;var a=this._sOpt.amountEuro>.01&&this._sOpt.amountEuro<=999999999.99;if(!a)throw new Error("Amount not valid!");return a}},sepaQR.prototype.validBenefBic=function(){var a="002"==this._sOpt.version||"string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11;if(!a)throw new Error("BIC is mandatory in Version 001!");if(a="string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11,!a)throw new Error("benefBIC not valid!");return a},sepaQR.prototype.validPurpose=function(){var a="string"==typeof this._sOpt.purpose&&this._sOpt.purpose.length>=0&&this._sOpt.purpose.length<=4;if(!a)throw new Error("Purpose not valid!");return a},sepaQR.prototype.validInformation=function(){var a="string"==typeof this._sOpt.information&&this._sOpt.information.length>=0&&this._sOpt.information.length<=70;if(!a)throw new Error("Information not valid!");return a},sepaQR.prototype.validCreditorRefOrRemittance=function(){var a="string"==typeof this._sOpt.creditorRef&&0===this._sOpt.creditorRef.length,b="string"==typeof this._sOpt.remittanceInf&&0===this._sOpt.remittanceInf.length,c=a&&"string"==typeof this._sOpt.remittanceInf&&this._sOpt.remittanceInf.length<=140||b&&"string"==typeof this._sOpt.creditorRef&&this._sOpt.creditorRef.length<=35;if(!c)throw new Error("creditorRef or Remittance not valid!");return c},sepaQR.prototype.validQRTextLength=function(){for(var a=this.prepareQRText(),b=0,c=0,d=a.length;d>c;c++){var e=a.charCodeAt(c);b+=e>65536?4:e>2048?3:e>128?2:1}return 328>=b},sepaQR.prototype.valid=function(){var a=this.validServiceTag()&&this.validVersion()&&this.validCharset()&&this.validIdentificationCode()&&this.validBenefName()&&this.validBenefAccNr()&&this.validAmountEuro()&&this.validBenefBic()&&this.validPurpose()&&this.validInformation()&&this.validPurpose()&&this.validCreditorRefOrRemittance()&&this.validQRTextLength();return a},sepaQR.prototype.prepareQRText=function(){return(this._sOpt.serviceTag+"\n"+this._sOpt.version+"\n"+this._sOpt.charset+"\n"+this._sOpt.identificationCode+"\n"+this._sOpt.benefBIC+"\n"+this._sOpt.benefName+"\n"+this._sOpt.benefAccNr+"\nEUR"+this._sOpt.amountEuro+"\n"+this._sOpt.purpose+"\n"+this._sOpt.creditorRef+"\n"+this._sOpt.remittanceInf+"\n"+this._sOpt.information).trim()},sepaQR.prototype.toQRText=function(){return this.valid()?this.prepareQRText():""},sepaQR.prototype.makeCodeInto=function(a,b){var c={width:256,height:256,mmPerDot:.85,dpi:92,correctLevel:QRCodep.CorrectLevel.M,text:this.toQRText()};if(0!==c.text.length){if(b)for(var d in b)c[d]=b[d];return this.qrcode=new QRCodep(a,c),this.drawExplanatoryLink(document.getElementById(a).getElementsByTagName("canvas")[0],document.createElement("canvas")),this.qrcode}},sepaQR.prototype.drawExplanatoryLink=function(a,b){var c=3,d=12,e=8,f=6,g=a;b.width=g.width,b.height=g.height,b.getContext("2d").drawImage(g,0,0),g.width=b.width+2*(e+c+f),g.height=b.height+2*(e+c+f),CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){return 2*e>c&&(e=c/2),2*e>d&&(e=d/2),this.beginPath(),this.moveTo(a+e,b),this.arcTo(a+c,b,a+c,b+d,e),this.arcTo(a+c,b+d,a,b+d,e),this.lineTo(a+c-f,b+d),this.moveTo(a+c-110,b+d),this.arcTo(a,b+d,a,b,e),this.arcTo(a,b,a+c,b,e),this};var h=g.getContext("2d");h.fillStyle="white",h.rect(0,0,g.width,g.height),h.fill(),h.drawImage(b,e+c+f,e+c+f),h.lineWidth=c,h.roundRect(f+c/2,f+c/2,g.width-c-2*f,g.height-c-2*f,d,3*e).stroke(),h.fillStyle="black",h.font=4.5*c+"px Arial",h.fillText("sepaQR.eu",g.width-110,g.height-f/2)},sepaQR.Charset=a}();</script>
-<script>var QRCodep;!function(){function a(a){this.mode=j.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=0,c=this.data.length;c>b;b++){var d=[],e=this.data.charCodeAt(b);e>65536?(d[0]=240|(1835008&e)>>>18,d[1]=128|(258048&e)>>>12,d[2]=128|(4032&e)>>>6,d[3]=128|63&e):e>2048?(d[0]=224|(61440&e)>>>12,d[1]=128|(4032&e)>>>6,d[2]=128|63&e):e>128?(d[0]=192|(1984&e)>>>6,d[1]=128|63&e):d[0]=e,this.parsedData.push(d)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function c(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function d(a,b){this.totalCount=a,this.dataCount=b}function e(){this.buffer=[],this.length=0}function f(){return"undefined"!=typeof CanvasRenderingContext2D}function g(){var a=!1,b=navigator.userAgent;if(/android/i.test(b)){a=!0;var c=b.toString().match(/android ([0-9]\.[0-9])/i);c&&c[1]&&(a=parseFloat(c[1]))}return a}function h(a,b){for(var c=1,d=i(a),e=0,f=p.length;f>=e;e++){var g=0;switch(b){case k.L:g=p[e][0];break;case k.M:g=p[e][1];break;case k.Q:g=p[e][2];break;case k.H:g=p[e][3]}if(g>=d)break;c++}if(c>p.length)throw new Error("Too long data");return c}function i(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(a){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?this.modules[a+c][b+d]=!0:this.modules[a+c][b+d]=!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=m.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=a%2==0);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=b%2==0)},setupPositionAdjustPattern:function(){for(var a=m.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var f=-2;2>=f;f++)for(var g=-2;2>=g;g++)-2==f||2==f||-2==g||2==g||0==f&&0==g?this.modules[d+f][e+g]=!0:this.modules[d+f][e+g]=!1}},setupTypeNumber:function(a){for(var b=m.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=m.getBCHTypeInfo(c),e=0;15>e;e++){var f=!a&&1==(d>>e&1);6>e?this.modules[e][8]=f:8>e?this.modules[e+1][8]=f:this.modules[this.moduleCount-15+e][8]=f}for(var e=0;15>e;e++){var f=!a&&1==(d>>e&1);8>e?this.modules[8][this.moduleCount-e-1]=f:9>e?this.modules[8][15-e-1+1]=f:this.modules[8][15-e-1]=f}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,f=0,g=this.moduleCount-1;g>0;g-=2)for(6==g&&g--;;){for(var h=0;2>h;h++)if(null==this.modules[d][g-h]){var i=!1;f<a.length&&(i=1==(a[f]>>>e&1));var j=m.getMask(b,d,g-h);j&&(i=!i),this.modules[d][g-h]=i,e--,-1==e&&(f++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,f){for(var g=d.getRSBlocks(a,c),h=new e,i=0;i<f.length;i++){var j=f[i];h.put(j.mode,4),h.put(j.getLength(),m.getLengthInBits(j.mode,a)),j.write(h)}for(var k=0,i=0;i<g.length;i++)k+=g[i].dataCount;if(h.getLengthInBits()>8*k)throw new Error("code length overflow. ("+h.getLengthInBits()+">"+8*k+")");for(h.getLengthInBits()+4<=8*k&&h.put(0,4);h.getLengthInBits()%8!=0;)h.putBit(!1);for(;;){if(h.getLengthInBits()>=8*k)break;if(h.put(b.PAD0,8),h.getLengthInBits()>=8*k)break;h.put(b.PAD1,8)}return b.createBytes(h,g)},b.createBytes=function(a,b){for(var d=0,e=0,f=0,g=new Array(b.length),h=new Array(b.length),i=0;i<b.length;i++){var j=b[i].dataCount,k=b[i].totalCount-j;e=Math.max(e,j),f=Math.max(f,k),g[i]=new Array(j);for(var l=0;l<g[i].length;l++)g[i][l]=255&a.buffer[l+d];d+=j;var n=m.getErrorCorrectPolynomial(k),o=new c(g[i],n.getLength()-1),p=o.mod(n);h[i]=new Array(n.getLength()-1);for(var l=0;l<h[i].length;l++){var q=l+p.getLength()-h[i].length;h[i][l]=q>=0?p.get(q):0}}for(var r=0,l=0;l<b.length;l++)r+=b[l].totalCount;for(var s=new Array(r),t=0,l=0;e>l;l++)for(var i=0;i<b.length;i++)l<g[i].length&&(s[t++]=g[i][l]);for(var l=0;f>l;l++)for(var i=0;i<b.length;i++)l<h[i].length&&(s[t++]=h[i][l]);return s};for(var j={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},k={L:1,M:0,Q:3,H:2},l={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},m={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;m.getBCHDigit(b)-m.getBCHDigit(m.G15)>=0;)b^=m.G15<<m.getBCHDigit(b)-m.getBCHDigit(m.G15);return(a<<10|b)^m.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;m.getBCHDigit(b)-m.getBCHDigit(m.G18)>=0;)b^=m.G18<<m.getBCHDigit(b)-m.getBCHDigit(m.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return m.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case l.PATTERN000:return(b+c)%2==0;case l.PATTERN001:return b%2==0;case l.PATTERN010:return c%3==0;case l.PATTERN011:return(b+c)%3==0;case l.PATTERN100:return(Math.floor(b/2)+Math.floor(c/3))%2==0;case l.PATTERN101:return b*c%2+b*c%3==0;case l.PATTERN110:return(b*c%2+b*c%3)%2==0;case l.PATTERN111:return(b*c%3+(b+c)%2)%2==0;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new c([1],0),d=0;a>d;d++)b=b.multiply(new c([1,n.gexp(d)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case j.MODE_NUMBER:return 10;case j.MODE_ALPHA_NUM:return 9;case j.MODE_8BIT_BYTE:return 8;case j.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case j.MODE_NUMBER:return 12;case j.MODE_ALPHA_NUM:return 11;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case j.MODE_NUMBER:return 14;case j.MODE_ALPHA_NUM:return 13;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||0==h&&0==i||g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,0!=j&&4!=j||(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},n={glog:function(a){if(1>a)throw new Error("glog("+a+")");return n.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return n.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},o=0;8>o;o++)n.EXP_TABLE[o]=1<<o;for(var o=8;256>o;o++)n.EXP_TABLE[o]=n.EXP_TABLE[o-4]^n.EXP_TABLE[o-5]^n.EXP_TABLE[o-6]^n.EXP_TABLE[o-8];for(var o=0;255>o;o++)n.LOG_TABLE[n.EXP_TABLE[o]]=o;c.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var e=0;e<a.getLength();e++)b[d+e]^=n.gexp(n.glog(this.get(d))+n.glog(a.get(e)));return new c(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=n.glog(this.get(0))-n.glog(a.get(0)),d=new Array(this.getLength()),e=0;e<this.getLength();e++)d[e]=this.get(e);for(var e=0;e<a.getLength();e++)d[e]^=n.gexp(n.glog(a.get(e))+b);return new c(d,0).mod(a)}},d.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],d.getRSBlocks=function(a,b){var c=d.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var e=c.length/3,f=[],g=0;e>g;g++)for(var h=c[3*g+0],i=c[3*g+1],j=c[3*g+2],k=0;h>k;k++)f.push(new d(i,j));return f},d.getRsBlockTable=function(a,b){switch(b){case k.L:return d.RS_BLOCK_TABLE[4*(a-1)+0];case k.M:return d.RS_BLOCK_TABLE[4*(a-1)+1];case k.Q:return d.RS_BLOCK_TABLE[4*(a-1)+2];case k.H:return d.RS_BLOCK_TABLE[4*(a-1)+3];default:return}},e.prototype={get:function(a){var b=Math.floor(a/8);return 1==(this.buffer[b]>>>7-a%8&1)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(a>>>b-c-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer[b]|=128>>>this.length%8),this.length++}};var p=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],q=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function b(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var c=this._htOption,d=this._el,e=a.getModuleCount();Math.floor(c.width/e),Math.floor(c.height/e);this.clear();var f=b("svg",{viewBox:"0 0 "+String(e)+" "+String(e),width:"100%",height:"100%",fill:c.colorLight});f.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),d.appendChild(f),f.appendChild(b("rect",{fill:c.colorLight,width:"100%",height:"100%"})),f.appendChild(b("rect",{fill:c.colorDark,width:"1",height:"1",id:"template"}));for(var g=0;e>g;g++)for(var h=0;e>h;h++)if(a.isDark(g,h)){var i=b("use",{x:String(h),y:String(g)});i.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),f.appendChild(i)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),r="svg"===document.documentElement.tagName.toLowerCase(),s=r?q:f()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function b(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&c._fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,void(d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(this._android&&this._android<=2.1){var c=1/window.devicePixelRatio,d=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,b,e,f,g,h,i,j,k){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*c;else"undefined"==typeof j&&(arguments[1]*=c,arguments[2]*=c,arguments[3]*=c,arguments[4]*=c);d.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=g(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&b.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCodep=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:k.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._htOption.useSVG&&(s=q),this._android=g(),this._el=a,this._oQRCode=null,this._htOption.text&&this.makeCode(this._htOption.text)},QRCodep.prototype.makeCode=function(a){this._oQRCode=new b(h(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,-1!=this._htOption.dpi&&-1!=this._htOption.mmPerDot&&(this._htOption.width=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot,this._htOption.height=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot),this._oDrawing=new s(this._el,this._htOption),this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCodep.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCodep.prototype.clear=function(){this._oDrawing.clear()},QRCodep.CorrectLevel=k}();var sepaQR;!function(){"use strict";var a={UTF_8:1,ISO8859_1:2,ISO8859_2:3,ISO8859_4:4,ISO8859_5:5,ISO8859_7:6,ISO8859_10:7,ISO8859_15:8};sepaQR=function(b){if(this._sOpt={serviceTag:"BCD",version:"001",charset:a.UTF_8,identificationCode:"SCT",benefBIC:"",benefName:"",benefAccNr:"",amountEuro:"",purpose:"",creditorRef:"",remittanceInf:"",information:""},b)for(var c in b)this._sOpt[c]=b[c]},sepaQR.prototype.validServiceTag=function(){return"BCD"===this._sOpt.serviceTag},sepaQR.prototype.validVersion=function(){return"001"===this._sOpt.version||"002"===this._sOpt.version},sepaQR.prototype.validCharset=function(){return this._sOpt.charset>0&&this._sOpt.charset<=8},sepaQR.prototype.validIdentificationCode=function(){return"SCT"===this._sOpt.identificationCode},sepaQR.prototype.validBenefName=function(){var a="string"==typeof this._sOpt.benefName&&this._sOpt.benefName.length>=1&&this._sOpt.benefName.length<=70;if(!a)throw new Error("benefName not valid!");return a},sepaQR.prototype.validBenefAccNr=function(){var a="string"==typeof this._sOpt.benefAccNr&&this._sOpt.benefAccNr.length>=1&&this._sOpt.benefAccNr.length<=34;if(!a)throw new Error("benefAccNr not valid!");return a},sepaQR.prototype.validAmountEuro=function(){if("string"==typeof this._sOpt.amountEuro)return 0===this._sOpt.amountEuro.length;if("number"==typeof this._sOpt.amountEuro){this._sOpt.amountEuro=Math.round(100*this._sOpt.amountEuro)/100;var a=this._sOpt.amountEuro>.01&&this._sOpt.amountEuro<=999999999.99;if(!a)throw new Error("Amount not valid!");return a}},sepaQR.prototype.validBenefBic=function(){var a="002"==this._sOpt.version||"string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11;if(!a)throw new Error("BIC is mandatory in Version 001!");if(a="string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11,!a)throw new Error("benefBIC not valid!");return a},sepaQR.prototype.validPurpose=function(){var a="string"==typeof this._sOpt.purpose&&this._sOpt.purpose.length>=0&&this._sOpt.purpose.length<=4;if(!a)throw new Error("Purpose not valid!");return a},sepaQR.prototype.validInformation=function(){var a="string"==typeof this._sOpt.information&&this._sOpt.information.length>=0&&this._sOpt.information.length<=70;if(!a)throw new Error("Information not valid!");return a},sepaQR.prototype.validCreditorRefOrRemittance=function(){var a="string"==typeof this._sOpt.creditorRef&&0===this._sOpt.creditorRef.length,b="string"==typeof this._sOpt.remittanceInf&&0===this._sOpt.remittanceInf.length,c=a&&"string"==typeof this._sOpt.remittanceInf&&this._sOpt.remittanceInf.length<=140||b&&"string"==typeof this._sOpt.creditorRef&&this._sOpt.creditorRef.length<=35;if(!c)throw new Error("creditorRef or Remittance not valid!");return c},sepaQR.prototype.validQRTextLength=function(){for(var a=this.prepareQRText(),b=0,c=0,d=a.length;d>c;c++){var e=a.charCodeAt(c);b+=e>65536?4:e>2048?3:e>128?2:1}return 328>=b},sepaQR.prototype.valid=function(){var a=this.validServiceTag()&&this.validVersion()&&this.validCharset()&&this.validIdentificationCode()&&this.validBenefName()&&this.validBenefAccNr()&&this.validAmountEuro()&&this.validBenefBic()&&this.validPurpose()&&this.validInformation()&&this.validPurpose()&&this.validCreditorRefOrRemittance()&&this.validQRTextLength();return a},sepaQR.prototype.prepareQRText=function(){return(this._sOpt.serviceTag+"\n"+this._sOpt.version+"\n"+this._sOpt.charset+"\n"+this._sOpt.identificationCode+"\n"+this._sOpt.benefBIC+"\n"+this._sOpt.benefName+"\n"+this._sOpt.benefAccNr+"\nEUR"+this._sOpt.amountEuro+"\n"+this._sOpt.purpose+"\n"+this._sOpt.creditorRef+"\n"+this._sOpt.remittanceInf+"\n"+this._sOpt.information).trim()},sepaQR.prototype.toQRText=function(){return this.valid()?this.prepareQRText():""},sepaQR.prototype.makeCodeInto=function(a,b){var c={width:256,height:256,mmPerDot:.85,dpi:92,correctLevel:QRCodep.CorrectLevel.M,text:this.toQRText()};if(0!==c.text.length){if(b)for(var d in b)c[d]=b[d];return this.qrcode=new QRCodep(a,c),this.drawExplanatoryLink(document.getElementById(a).getElementsByTagName("canvas")[0],document.createElement("canvas")),this.qrcode}},sepaQR.prototype.drawExplanatoryLink=function(a,b){var c=3,d=12,e=8,f=6,g=a;b.width=g.width,b.height=g.height,b.getContext("2d").drawImage(g,0,0),g.width=b.width+2*(e+c+f),g.height=b.height+2*(e+c+f),CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){return 2*e>c&&(e=c/2),2*e>d&&(e=d/2),this.beginPath(),this.moveTo(a+e,b),this.arcTo(a+c,b,a+c,b+d,e),this.arcTo(a+c,b+d,a,b+d,e),this.lineTo(a+c-f,b+d),this.moveTo(a+c-110,b+d),this.arcTo(a,b+d,a,b,e),this.arcTo(a,b,a+c,b,e),this};var h=g.getContext("2d");h.fillStyle="white",h.rect(0,0,g.width,g.height),h.fill(),h.drawImage(b,e+c+f,e+c+f),h.lineWidth=c,h.roundRect(f+c/2,f+c/2,g.width-c-2*f,g.height-c-2*f,d,3*e).stroke(),h.fillStyle="black",h.font=4.5*c+"px Arial",h.fillText("sepaQR.eu",g.width-110,g.height-f/2)},sepaQR.Charset=a}();</script>
-
-<script>var QRCodep;!function(){function a(a){this.mode=j.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=0,c=this.data.length;c>b;b++){var d=[],e=this.data.charCodeAt(b);e>65536?(d[0]=240|(1835008&e)>>>18,d[1]=128|(258048&e)>>>12,d[2]=128|(4032&e)>>>6,d[3]=128|63&e):e>2048?(d[0]=224|(61440&e)>>>12,d[1]=128|(4032&e)>>>6,d[2]=128|63&e):e>128?(d[0]=192|(1984&e)>>>6,d[1]=128|63&e):d[0]=e,this.parsedData.push(d)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function c(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function d(a,b){this.totalCount=a,this.dataCount=b}function e(){this.buffer=[],this.length=0}function f(){return"undefined"!=typeof CanvasRenderingContext2D}function g(){var a=!1,b=navigator.userAgent;if(/android/i.test(b)){a=!0;var c=b.toString().match(/android ([0-9]\.[0-9])/i);c&&c[1]&&(a=parseFloat(c[1]))}return a}function h(a,b){for(var c=1,d=i(a),e=0,f=p.length;f>=e;e++){var g=0;switch(b){case k.L:g=p[e][0];break;case k.M:g=p[e][1];break;case k.Q:g=p[e][2];break;case k.H:g=p[e][3]}if(g>=d)break;c++}if(c>p.length)throw new Error("Too long data");return c}function i(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(a){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?this.modules[a+c][b+d]=!0:this.modules[a+c][b+d]=!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=m.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=a%2==0);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=b%2==0)},setupPositionAdjustPattern:function(){for(var a=m.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var f=-2;2>=f;f++)for(var g=-2;2>=g;g++)-2==f||2==f||-2==g||2==g||0==f&&0==g?this.modules[d+f][e+g]=!0:this.modules[d+f][e+g]=!1}},setupTypeNumber:function(a){for(var b=m.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=m.getBCHTypeInfo(c),e=0;15>e;e++){var f=!a&&1==(d>>e&1);6>e?this.modules[e][8]=f:8>e?this.modules[e+1][8]=f:this.modules[this.moduleCount-15+e][8]=f}for(var e=0;15>e;e++){var f=!a&&1==(d>>e&1);8>e?this.modules[8][this.moduleCount-e-1]=f:9>e?this.modules[8][15-e-1+1]=f:this.modules[8][15-e-1]=f}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,f=0,g=this.moduleCount-1;g>0;g-=2)for(6==g&&g--;;){for(var h=0;2>h;h++)if(null==this.modules[d][g-h]){var i=!1;f<a.length&&(i=1==(a[f]>>>e&1));var j=m.getMask(b,d,g-h);j&&(i=!i),this.modules[d][g-h]=i,e--,-1==e&&(f++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,f){for(var g=d.getRSBlocks(a,c),h=new e,i=0;i<f.length;i++){var j=f[i];h.put(j.mode,4),h.put(j.getLength(),m.getLengthInBits(j.mode,a)),j.write(h)}for(var k=0,i=0;i<g.length;i++)k+=g[i].dataCount;if(h.getLengthInBits()>8*k)throw new Error("code length overflow. ("+h.getLengthInBits()+">"+8*k+")");for(h.getLengthInBits()+4<=8*k&&h.put(0,4);h.getLengthInBits()%8!=0;)h.putBit(!1);for(;;){if(h.getLengthInBits()>=8*k)break;if(h.put(b.PAD0,8),h.getLengthInBits()>=8*k)break;h.put(b.PAD1,8)}return b.createBytes(h,g)},b.createBytes=function(a,b){for(var d=0,e=0,f=0,g=new Array(b.length),h=new Array(b.length),i=0;i<b.length;i++){var j=b[i].dataCount,k=b[i].totalCount-j;e=Math.max(e,j),f=Math.max(f,k),g[i]=new Array(j);for(var l=0;l<g[i].length;l++)g[i][l]=255&a.buffer[l+d];d+=j;var n=m.getErrorCorrectPolynomial(k),o=new c(g[i],n.getLength()-1),p=o.mod(n);h[i]=new Array(n.getLength()-1);for(var l=0;l<h[i].length;l++){var q=l+p.getLength()-h[i].length;h[i][l]=q>=0?p.get(q):0}}for(var r=0,l=0;l<b.length;l++)r+=b[l].totalCount;for(var s=new Array(r),t=0,l=0;e>l;l++)for(var i=0;i<b.length;i++)l<g[i].length&&(s[t++]=g[i][l]);for(var l=0;f>l;l++)for(var i=0;i<b.length;i++)l<h[i].length&&(s[t++]=h[i][l]);return s};for(var j={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},k={L:1,M:0,Q:3,H:2},l={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},m={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;m.getBCHDigit(b)-m.getBCHDigit(m.G15)>=0;)b^=m.G15<<m.getBCHDigit(b)-m.getBCHDigit(m.G15);return(a<<10|b)^m.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;m.getBCHDigit(b)-m.getBCHDigit(m.G18)>=0;)b^=m.G18<<m.getBCHDigit(b)-m.getBCHDigit(m.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return m.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case l.PATTERN000:return(b+c)%2==0;case l.PATTERN001:return b%2==0;case l.PATTERN010:return c%3==0;case l.PATTERN011:return(b+c)%3==0;case l.PATTERN100:return(Math.floor(b/2)+Math.floor(c/3))%2==0;case l.PATTERN101:return b*c%2+b*c%3==0;case l.PATTERN110:return(b*c%2+b*c%3)%2==0;case l.PATTERN111:return(b*c%3+(b+c)%2)%2==0;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new c([1],0),d=0;a>d;d++)b=b.multiply(new c([1,n.gexp(d)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case j.MODE_NUMBER:return 10;case j.MODE_ALPHA_NUM:return 9;case j.MODE_8BIT_BYTE:return 8;case j.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case j.MODE_NUMBER:return 12;case j.MODE_ALPHA_NUM:return 11;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case j.MODE_NUMBER:return 14;case j.MODE_ALPHA_NUM:return 13;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||0==h&&0==i||g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,0!=j&&4!=j||(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},n={glog:function(a){if(1>a)throw new Error("glog("+a+")");return n.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return n.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},o=0;8>o;o++)n.EXP_TABLE[o]=1<<o;for(var o=8;256>o;o++)n.EXP_TABLE[o]=n.EXP_TABLE[o-4]^n.EXP_TABLE[o-5]^n.EXP_TABLE[o-6]^n.EXP_TABLE[o-8];for(var o=0;255>o;o++)n.LOG_TABLE[n.EXP_TABLE[o]]=o;c.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var e=0;e<a.getLength();e++)b[d+e]^=n.gexp(n.glog(this.get(d))+n.glog(a.get(e)));return new c(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=n.glog(this.get(0))-n.glog(a.get(0)),d=new Array(this.getLength()),e=0;e<this.getLength();e++)d[e]=this.get(e);for(var e=0;e<a.getLength();e++)d[e]^=n.gexp(n.glog(a.get(e))+b);return new c(d,0).mod(a)}},d.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],d.getRSBlocks=function(a,b){var c=d.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var e=c.length/3,f=[],g=0;e>g;g++)for(var h=c[3*g+0],i=c[3*g+1],j=c[3*g+2],k=0;h>k;k++)f.push(new d(i,j));return f},d.getRsBlockTable=function(a,b){switch(b){case k.L:return d.RS_BLOCK_TABLE[4*(a-1)+0];case k.M:return d.RS_BLOCK_TABLE[4*(a-1)+1];case k.Q:return d.RS_BLOCK_TABLE[4*(a-1)+2];case k.H:return d.RS_BLOCK_TABLE[4*(a-1)+3];default:return}},e.prototype={get:function(a){var b=Math.floor(a/8);return 1==(this.buffer[b]>>>7-a%8&1)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(a>>>b-c-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer[b]|=128>>>this.length%8),this.length++}};var p=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],q=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function b(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var c=this._htOption,d=this._el,e=a.getModuleCount();Math.floor(c.width/e),Math.floor(c.height/e);this.clear();var f=b("svg",{viewBox:"0 0 "+String(e)+" "+String(e),width:"100%",height:"100%",fill:c.colorLight});f.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),d.appendChild(f),f.appendChild(b("rect",{fill:c.colorLight,width:"100%",height:"100%"})),f.appendChild(b("rect",{fill:c.colorDark,width:"1",height:"1",id:"template"}));for(var g=0;e>g;g++)for(var h=0;e>h;h++)if(a.isDark(g,h)){var i=b("use",{x:String(h),y:String(g)});i.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),f.appendChild(i)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),r="svg"===document.documentElement.tagName.toLowerCase(),s=r?q:f()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function b(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&c._fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,void(d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(this._android&&this._android<=2.1){var c=1/window.devicePixelRatio,d=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,b,e,f,g,h,i,j,k){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*c;else"undefined"==typeof j&&(arguments[1]*=c,arguments[2]*=c,arguments[3]*=c,arguments[4]*=c);d.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=g(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&b.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCodep=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:k.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._htOption.useSVG&&(s=q),this._android=g(),this._el=a,this._oQRCode=null,this._htOption.text&&this.makeCode(this._htOption.text)},QRCodep.prototype.makeCode=function(a){this._oQRCode=new b(h(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,-1!=this._htOption.dpi&&-1!=this._htOption.mmPerDot&&(this._htOption.width=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot,this._htOption.height=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot),this._oDrawing=new s(this._el,this._htOption),this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCodep.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCodep.prototype.clear=function(){this._oDrawing.clear()},QRCodep.CorrectLevel=k}();var sepaQR;!function(){"use strict";var a={UTF_8:1,ISO8859_1:2,ISO8859_2:3,ISO8859_4:4,ISO8859_5:5,ISO8859_7:6,ISO8859_10:7,ISO8859_15:8};sepaQR=function(b){if(this._sOpt={serviceTag:"BCD",version:"001",charset:a.UTF_8,identificationCode:"SCT",benefBIC:"",benefName:"",benefAccNr:"",amountEuro:"",purpose:"",creditorRef:"",remittanceInf:"",information:""},b)for(var c in b)this._sOpt[c]=b[c]},sepaQR.prototype.validServiceTag=function(){return"BCD"===this._sOpt.serviceTag},sepaQR.prototype.validVersion=function(){return"001"===this._sOpt.version||"002"===this._sOpt.version},sepaQR.prototype.validCharset=function(){return this._sOpt.charset>0&&this._sOpt.charset<=8},sepaQR.prototype.validIdentificationCode=function(){return"SCT"===this._sOpt.identificationCode},sepaQR.prototype.validBenefName=function(){var a="string"==typeof this._sOpt.benefName&&this._sOpt.benefName.length>=1&&this._sOpt.benefName.length<=70;if(!a)throw new Error("benefName not valid!");return a},sepaQR.prototype.validBenefAccNr=function(){var a="string"==typeof this._sOpt.benefAccNr&&this._sOpt.benefAccNr.length>=1&&this._sOpt.benefAccNr.length<=34;if(!a)throw new Error("benefAccNr not valid!");return a},sepaQR.prototype.validAmountEuro=function(){if("string"==typeof this._sOpt.amountEuro)return 0===this._sOpt.amountEuro.length;if("number"==typeof this._sOpt.amountEuro){this._sOpt.amountEuro=Math.round(100*this._sOpt.amountEuro)/100;var a=this._sOpt.amountEuro>.01&&this._sOpt.amountEuro<=999999999.99;if(!a)throw new Error("Amount not valid!");return a}},sepaQR.prototype.validBenefBic=function(){var a="002"==this._sOpt.version||"string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11;if(!a)throw new Error("BIC is mandatory in Version 001!");if(a="string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11,!a)throw new Error("benefBIC not valid!");return a},sepaQR.prototype.validPurpose=function(){var a="string"==typeof this._sOpt.purpose&&this._sOpt.purpose.length>=0&&this._sOpt.purpose.length<=4;if(!a)throw new Error("Purpose not valid!");return a},sepaQR.prototype.validInformation=function(){var a="string"==typeof this._sOpt.information&&this._sOpt.information.length>=0&&this._sOpt.information.length<=70;if(!a)throw new Error("Information not valid!");return a},sepaQR.prototype.validCreditorRefOrRemittance=function(){var a="string"==typeof this._sOpt.creditorRef&&0===this._sOpt.creditorRef.length,b="string"==typeof this._sOpt.remittanceInf&&0===this._sOpt.remittanceInf.length,c=a&&"string"==typeof this._sOpt.remittanceInf&&this._sOpt.remittanceInf.length<=140||b&&"string"==typeof this._sOpt.creditorRef&&this._sOpt.creditorRef.length<=35;if(!c)throw new Error("creditorRef or Remittance not valid!");return c},sepaQR.prototype.validQRTextLength=function(){for(var a=this.prepareQRText(),b=0,c=0,d=a.length;d>c;c++){var e=a.charCodeAt(c);b+=e>65536?4:e>2048?3:e>128?2:1}return 328>=b},sepaQR.prototype.valid=function(){var a=this.validServiceTag()&&this.validVersion()&&this.validCharset()&&this.validIdentificationCode()&&this.validBenefName()&&this.validBenefAccNr()&&this.validAmountEuro()&&this.validBenefBic()&&this.validPurpose()&&this.validInformation()&&this.validPurpose()&&this.validCreditorRefOrRemittance()&&this.validQRTextLength();return a},sepaQR.prototype.prepareQRText=function(){return(this._sOpt.serviceTag+"\n"+this._sOpt.version+"\n"+this._sOpt.charset+"\n"+this._sOpt.identificationCode+"\n"+this._sOpt.benefBIC+"\n"+this._sOpt.benefName+"\n"+this._sOpt.benefAccNr+"\nEUR"+this._sOpt.amountEuro+"\n"+this._sOpt.purpose+"\n"+this._sOpt.creditorRef+"\n"+this._sOpt.remittanceInf+"\n"+this._sOpt.information).trim()},sepaQR.prototype.toQRText=function(){return this.valid()?this.prepareQRText():""},sepaQR.prototype.makeCodeInto=function(a,b){var c={width:256,height:256,mmPerDot:.85,dpi:92,correctLevel:QRCodep.CorrectLevel.M,text:this.toQRText()};if(0!==c.text.length){if(b)for(var d in b)c[d]=b[d];return this.qrcode=new QRCodep(a,c),this.drawExplanatoryLink(document.getElementById(a).getElementsByTagName("canvas")[0],document.createElement("canvas")),this.qrcode}},sepaQR.prototype.drawExplanatoryLink=function(a,b){var c=3,d=12,e=8,f=6,g=a;b.width=g.width,b.height=g.height,b.getContext("2d").drawImage(g,0,0),g.width=b.width+2*(e+c+f),g.height=b.height+2*(e+c+f),CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){return 2*e>c&&(e=c/2),2*e>d&&(e=d/2),this.beginPath(),this.moveTo(a+e,b),this.arcTo(a+c,b,a+c,b+d,e),this.arcTo(a+c,b+d,a,b+d,e),this.lineTo(a+c-f,b+d),this.moveTo(a+c-110,b+d),this.arcTo(a,b+d,a,b,e),this.arcTo(a,b,a+c,b,e),this};var h=g.getContext("2d");h.fillStyle="white",h.rect(0,0,g.width,g.height),h.fill(),h.drawImage(b,e+c+f,e+c+f),h.lineWidth=c,h.roundRect(f+c/2,f+c/2,g.width-c-2*f,g.height-c-2*f,d,3*e).stroke(),h.fillStyle="black",h.font=4.5*c+"px Arial",h.fillText("sepaQR.eu",g.width-110,g.height-f/2)},sepaQR.Charset=a}();</script>
+<script>var QRCodep;!function(){function a(a){this.mode=j.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=0,c=this.data.length;c>b;b++){var d=[],e=this.data.charCodeAt(b);e>65536?(d[0]=240|(1835008&e)>>>18,d[1]=128|(258048&e)>>>12,d[2]=128|(4032&e)>>>6,d[3]=128|63&e):e>2048?(d[0]=224|(61440&e)>>>12,d[1]=128|(4032&e)>>>6,d[2]=128|63&e):e>128?(d[0]=192|(1984&e)>>>6,d[1]=128|63&e):d[0]=e,this.parsedData.push(d)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function c(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function d(a,b){this.totalCount=a,this.dataCount=b}function e(){this.buffer=[],this.length=0}function f(){return"undefined"!=typeof CanvasRenderingContext2D}function g(){var a=!1,b=navigator.userAgent;if(/android/i.test(b)){a=!0;var c=b.toString().match(/android ([0-9]\.[0-9])/i);c&&c[1]&&(a=parseFloat(c[1]))}return a}function h(a,b){for(var c=1,d=i(a),e=0,f=p.length;f>=e;e++){var g=0;switch(b){case k.L:g=p[e][0];break;case k.M:g=p[e][1];break;case k.Q:g=p[e][2];break;case k.H:g=p[e][3]}if(g>=d)break;c++}if(c>p.length)throw new Error("Too long data");return c}function i(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(a){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?this.modules[a+c][b+d]=!0:this.modules[a+c][b+d]=!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=m.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=a%2==0);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=b%2==0)},setupPositionAdjustPattern:function(){for(var a=m.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var f=-2;2>=f;f++)for(var g=-2;2>=g;g++)-2==f||2==f||-2==g||2==g||0==f&&0==g?this.modules[d+f][e+g]=!0:this.modules[d+f][e+g]=!1}},setupTypeNumber:function(a){for(var b=m.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=m.getBCHTypeInfo(c),e=0;15>e;e++){var f=!a&&1==(d>>e&1);6>e?this.modules[e][8]=f:8>e?this.modules[e+1][8]=f:this.modules[this.moduleCount-15+e][8]=f}for(var e=0;15>e;e++){var f=!a&&1==(d>>e&1);8>e?this.modules[8][this.moduleCount-e-1]=f:9>e?this.modules[8][15-e-1+1]=f:this.modules[8][15-e-1]=f}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,f=0,g=this.moduleCount-1;g>0;g-=2)for(6==g&&g--;;){for(var h=0;2>h;h++)if(null==this.modules[d][g-h]){var i=!1;f<a.length&&(i=1==(a [f]>>>e&1));var j=m.getMask(b,d,g-h);j&&(i=!i),this.modules[d][g-h]=i,e--,-1==e&&(f++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,f){for(var g=d.getRSBlocks(a,c),h=new e,i=0;i<f.length;i++){var j=f[i];h.put(j.mode,4),h.put(j.getLength(),m.getLengthInBits(j.mode,a)),j.write(h)}for(var k=0,i=0;i<g.length;i++)k+=g [i].dataCount;if(h.getLengthInBits()>8*k)throw new Error("code length overflow. ("+h.getLengthInBits()+">"+8*k+")");for(h.getLengthInBits()+4<=8*k&&h.put(0,4);h.getLengthInBits()%8!=0;)h.putBit(!1);for(;;){if(h.getLengthInBits()>=8*k)break;if(h.put(b.PAD0,8),h.getLengthInBits()>=8*k)break;h.put(b.PAD1,8)}return b.createBytes(h,g)},b.createBytes=function(a,b){for(var d=0,e=0,f=0,g=new Array(b.length),h=new Array(b.length),i=0;i<b.length;i++){var j=b[i].dataCount,k=b[i].totalCount-j;e=Math.max(e,j),f=Math.max(f,k),g[i]=new Array(j);for(var l=0;l<g[i].length;l++)g[i][l]=255&a.buffer[l+d];d+=j;var n=m.getErrorCorrectPolynomial(k),o=new c(g[i],n.getLength()-1),p=o.mod(n);h[i]=new Array(n.getLength()-1);for(var l=0;l<h[i].length;l++){var q=l+p.getLength()-h[i].length;h[i][l]=q>=0?p.get(q):0}}for(var r=0,l=0;l<b.length;l++)r+=b [l].totalCount;for(var s=new Array(r),t=0,l=0;e>l;l++)for(var i=0;i<b.length;i++)l<g [i].length&&(s[t++]=g[i][l]);for(var l=0;f>l;l++)for(var i=0;i<b.length;i++)l<h[i].length&&(s[t++]=h[i][l]);return s};for(var j={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},k={L:1,M:0,Q:3,H:2},l={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},m={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;m.getBCHDigit(b)-m.getBCHDigit(m.G15 )>=0;)b^=m.G15<<m.getBCHDigit(b)-m.getBCHDigit(m.G15);return(a<<10|b)^m.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;m.getBCHDigit(b)-m.getBCHDigit(m.G18)>=0;)b^=m.G18<<m.getBCHDigit(b)-m.getBCHDigit(m.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return m.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case l.PATTERN000:return(b+c)%2==0;case l.PATTERN001:return b%2==0;case l.PATTERN010:return c%3==0;case l.PATTERN011:return(b+c)%3==0;case l.PATTERN100:return(Math.floor(b/2)+Math.floor(c/3))%2==0;case l.PATTERN101:return b*c%2+b*c%3==0;case l.PATTERN110:return(b*c%2+b*c%3)%2==0;case l.PATTERN111:return(b*c%3+(b+c)%2)%2==0;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new c([1],0),d=0;a>d;d++)b=b.multiply(new c([1,n.gexp(d)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case j.MODE_NUMBER:return 10;case j.MODE_ALPHA_NUM:return 9;case j.MODE_8BIT_BYTE:return 8;case j.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case j.MODE_NUMBER:return 12;case j.MODE_ALPHA_NUM:return 11;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case j.MODE_NUMBER:return 14;case j.MODE_ALPHA_NUM:return 13;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||0==h&&0==i||g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,0!=j&&4!=j||(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},n={glog:function(a){if(1>a)throw new Error("glog("+a+")");return n.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return n.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},o=0;8>o;o++)n.EXP_TABLE[o]=1<<o;for(var o=8;256>o;o++)n.EXP_TABLE[o]=n.EXP_TABLE[o-4]^n.EXP_TABLE[o-5]^n.EXP_TABLE[o-6]^n.EXP_TABLE[o-8];for(var o=0;255>o;o++)n.LOG_TABLE[n.EXP_TABLE[o]]=o;c.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var e=0;e<a.getLength();e++)b[d+e]^=n.gexp(n.glog(this.get(d))+n.glog(a.get(e)));return new c(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=n.glog(this.get(0))-n.glog(a.get(0)),d=new Array(this.getLength()),e=0;e<this.getLength();e++)d[e]=this.get(e);for(var e=0;e<a.getLength();e++)d[e]^=n.gexp(n.glog(a.get(e))+b);return new c(d,0).mod(a)}},d.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],d.getRSBlocks=function(a,b){var c=d.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var e=c.length/3,f=[],g=0;e>g;g++)for(var h=c[3*g+0],i=c[3*g+1],j=c[3*g+2],k=0;h>k;k++)f.push(new d(i,j));return f},d.getRsBlockTable=function(a,b){switch(b){case k.L:return d.RS_BLOCK_TABLE[4*(a-1)+0];case k.M:return d.RS_BLOCK_TABLE[4*(a-1)+1];case k.Q:return d.RS_BLOCK_TABLE[4*(a-1)+2];case k.H:return d.RS_BLOCK_TABLE[4*(a-1)+3];default:return}},e.prototype={get:function(a){var b=Math.floor(a/8);return 1==(this.buffer[b]>>>7-a%8&1)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(a>>>b-c-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer [b]|=128>>>this.length%8),this.length++}};var p=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],q=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function b(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var c=this._htOption,d=this._el,e=a.getModuleCount();Math.floor(c.width/e),Math.floor(c.height/e);this.clear();var f=b("svg",{viewBox:"0 0 "+String(e)+" "+String(e),width:"100%",height:"100%",fill:c.colorLight});f.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),d.appendChild(f),f.appendChild(b("rect",{fill:c.colorLight,width:"100%",height:"100%"})),f.appendChild(b("rect",{fill:c.colorDark,width:"1",height:"1",id:"template"}));for(var g=0;e>g;g++)for(var h=0;e>h;h++)if(a.isDark(g,h)){var i=b("use",{x:String(h),y:String(g)});i.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),f.appendChild(i)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),r="svg"===document.documentElement.tagName.toLowerCase(),s=r?q:f()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function b(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&c._fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,void(d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(this._android&&this._android<=2.1){var c=1/window.devicePixelRatio,d=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,b,e,f,g,h,i,j,k){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*c;else"undefined"==typeof j&&(arguments[1]*=c,arguments[2]*=c,arguments[3]*=c,arguments[4]*=c);d.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=g(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&b.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCodep=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:k.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._htOption.useSVG&&(s=q),this._android=g(),this._el=a,this._oQRCode=null,this._htOption.text&&this.makeCode(this._htOption.text)},QRCodep.prototype.makeCode=function(a){this._oQRCode=new b(h(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,-1!=this._htOption.dpi&&-1!=this._htOption.mmPerDot&&(this._htOption.width=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot,this._htOption.height=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot),this._oDrawing=new s(this._el,this._htOption),this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCodep.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCodep.prototype.clear=function(){this._oDrawing.clear()},QRCodep.CorrectLevel=k}();var sepaQR;!function(){"use strict";var a={UTF_8:1,ISO8859_1:2,ISO8859_2:3,ISO8859_4:4,ISO8859_5:5,ISO8859_7:6,ISO8859_10:7,ISO8859_15:8};sepaQR=function(b){if(this._sOpt={serviceTag:"BCD",version:"001",charset:a.UTF_8,identificationCode:"SCT",benefBIC:"",benefName:"",benefAccNr:"",amountEuro:"",purpose:"",creditorRef:"",remittanceInf:"",information:""},b)for(var c in b)this._sOpt[c]=b[c]},sepaQR.prototype.validServiceTag=function(){return"BCD"===this._sOpt.serviceTag},sepaQR.prototype.validVersion=function(){return"001"===this._sOpt.version||"002"===this._sOpt.version},sepaQR.prototype.validCharset=function(){return this._sOpt.charset>0&&this._sOpt.charset<=8},sepaQR.prototype.validIdentificationCode=function(){return"SCT"===this._sOpt.identificationCode},sepaQR.prototype.validBenefName=function(){var a="string"==typeof this._sOpt.benefName&&this._sOpt.benefName.length>=1&&this._sOpt.benefName.length<=70;if(!a)throw new Error("benefName not valid!");return a},sepaQR.prototype.validBenefAccNr=function(){var a="string"==typeof this._sOpt.benefAccNr&&this._sOpt.benefAccNr.length>=1&&this._sOpt.benefAccNr.length<=34;if(!a)throw new Error("benefAccNr not valid!");return a},sepaQR.prototype.validAmountEuro=function(){if("string"==typeof this._sOpt.amountEuro)return 0===this._sOpt.amountEuro.length;if("number"==typeof this._sOpt.amountEuro){this._sOpt.amountEuro=Math.round(100*this._sOpt.amountEuro)/100;var a=this._sOpt.amountEuro>.01&&this._sOpt.amountEuro<=999999999.99;if(!a)throw new Error("Amount not valid!");return a}},sepaQR.prototype.validBenefBic=function(){var a="002"==this._sOpt.version||"string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11;if (!a)throw new Error("BIC is mandatory in Version 001!");if(a="string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11,!a)throw new Error("benefBIC not valid!");return a},sepaQR.prototype.validPurpose=function(){var a="string"==typeof this._sOpt.purpose&&this._sOpt.purpose.length>=0&&this._sOpt.purpose.length<=4;if(!a)throw new Error("Purpose not valid!");return a},sepaQR.prototype.validInformation=function(){var a="string"==typeof this._sOpt.information&&this._sOpt.information.length>=0&&this._sOpt.information.length<=70;if(!a)throw new Error("Information not valid!");return a},sepaQR.prototype.validCreditorRefOrRemittance=function(){var a="string"==typeof this._sOpt.creditorRef&&0===this._sOpt.creditorRef.length,b="string"==typeof this._sOpt.remittanceInf&&0===this._sOpt.remittanceInf.length,c=a&&"string"==typeof this._sOpt.remittanceInf&&this._sOpt.remittanceInf.length<=140||b&&"string "==typeof this._sOpt.creditorRef&&this._sOpt.creditorRef.length<=35;if(!c)throw new Error("creditorRef or Remittance not valid!");return c},sepaQR.prototype.validQRTextLength=function(){for(var a=this.prepareQRText(),b=0,c=0,d=a.length;d>c;c++){var e=a.charCodeAt(c);b+=e>65536?4:e>2048?3:e>128?2:1}return 328>=b},sepaQR.prototype.valid=function(){var a=this.validServiceTag()&&this.validVersion()&&this.validCharset()&&this.validIdentificationCode()&&this.validBenefName()&&this.validBenefAccNr()&&this.validAmountEuro()&&this.validBenefBic()&&this.validPurpose()&&this.validInformation()&&this.validPurpose()&&this.validCreditorRefOrRemittance()&&this.validQRTextLength();return a},sepaQR.prototype.prepareQRText=function(){return(this._sOpt.serviceTag+"\n"+this._sOpt.version+"\n"+this._sOpt.charset+"\n"+this._sOpt.identificationCode+"\n"+this._sOpt.benefBIC+"\n"+this._sOpt.benefName+"\n"+this._sOpt.benefAccNr+"\nEUR"+this._sOpt.amountEuro+"\n"+this._sOpt.purpose+"\n"+this._sOpt.creditorRef+"\n"+this._sOpt.remittanceInf+"\n"+this._sOpt.information).trim()},sepaQR.prototype.toQRText=function(){return this.valid()?this.prepareQRText():""},sepaQR.prototype.makeCodeInto=function(a,b){var c={width:256,height:256,mmPerDot:.85,dpi:92,correctLevel:QRCodep.CorrectLevel.M,text:this.toQRText()};if(0!==c.text.length){if(b)for(var d in b)c[d]=b[d];return this.qrcode=new QRCodep(a,c),this.drawExplanatoryLink(document.getElementById(a).getElementsByTagName("canvas")[0],document.createElement("canvas")),this.qrcode}},sepaQR.prototype.drawExplanatoryLink=function(a,b){var c=3,d=12,e=8,f=6,g=a;b.width=g.width,b.height=g.height,b.getContext("2d").drawImage(g,0,0),g.width=b.width+2*(e+c+f),g.height=b.height+2*(e+c+f),CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){return 2*e>c&&(e=c/2),2*e>d&&(e=d/2),this.beginPath(),this.moveTo(a+e,b),this.arcTo(a+c,b,a+c,b+d,e),this.arcTo(a+c,b+d,a,b+d,e),this.lineTo(a+c-f,b+d),this.moveTo(a+c-110,b+d),this.arcTo(a,b+d,a,b,e),this.arcTo(a,b,a+c,b,e),this};var h=g.getContext("2d");h.fillStyle="white",h.rect(0,0,g.width,g.height),h.fill(),h.drawImage(b,e+c+f,e+c+f),h.lineWidth=c,h.roundRect(f+c/2,f+c/2,g.width-c-2*f,g.height-c-2*f,d,3*e).stroke(),h.fillStyle="black",h.font=4.5*c+"px Arial",h.fillText("sepaQR.eu",g.width-110,g.height-f/2)},sepaQR.Charset=a}();</script> <script>var QRCodep;!function(){function a(a){this.mode=j.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=0,c=this.data.length;c>b;b++){var d=[],e=this.data.charCodeAt(b);e>65536?(d[0]=240|(1835008&e)>>>18,d[1]=128|(258048&e)>>>12,d[2]=128|(4032&e)>>>6,d[3]=128|63&e):e>2048?(d[0]=224|(61440&e)>>>12,d[1]=128|(4032&e)>>>6,d[2]=128|63&e):e>128?(d[0]=192|(1984&e)>>>6,d[1]=128|63&e):d[0]=e,this.parsedData.push(d)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function c(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function d(a,b){this.totalCount=a,this.dataCount=b}function e(){this.buffer=[],this.length=0}function f(){return"undefined"!=typeof CanvasRenderingContext2D}function g(){var a=!1,b=navigator.userAgent;if(/android/i.test(b)){a=!0;var c=b.toString().match(/android ([0-9]\.[0-9])/i);c&&c[1]&&(a=parseFloat(c[1]))}return a}function h(a,b){for(var c=1,d=i(a),e=0,f=p.length;f>=e;e++){var g=0;switch(b){case k.L:g=p[e][0];break;case k.M:g=p[e][1];break;case k.Q:g=p[e][2];break;case k.H:g=p[e][3]}if(g>=d)break;c++}if(c>p.length)throw new Error("Too long data");return c}function i(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(a){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?this.modules[a+c][b+d]=!0:this.modules[a+c][b+d]=!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=m.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=a%2==0);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=b%2==0)},setupPositionAdjustPattern:function(){for(var a=m.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var f=-2;2>=f;f++)for(var g=-2;2>=g;g++)-2==f||2==f||-2==g||2==g||0==f&&0==g?this.modules[d+f][e+g]=!0:this.modules[d+f][e+g]=!1}},setupTypeNumber:function(a){for(var b=m.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=m.getBCHTypeInfo(c),e=0;15>e;e++){var f=!a&&1==(d>>e&1);6>e?this.modules[e][8]=f:8>e?this.modules[e+1][8]=f:this.modules[this.moduleCount-15+e][8]=f}for(var e=0;15>e;e++){var f=!a&&1==(d>>e&1);8>e?this.modules[8][this.moduleCount-e-1]=f:9>e?this.modules[8][15-e-1+1]=f:this.modules[8][15-e-1]=f}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,f=0,g=this.moduleCount-1;g>0;g-=2)for(6==g&&g--;;){for(var h=0;2>h;h++)if(null==this.modules[d][g-h]){var i=!1;f<a.length&&(i=1==(a[f]>>>e&1));var j=m.getMask(b,d,g-h);j&&(i=!i),this.modules[d][g-h]=i,e--,-1==e&&(f++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,f){for(var g=d.getRSBlocks(a,c),h=new e,i=0;i<f.length;i++){var j=f[i];h.put(j.mode,4),h.put(j.getLength(),m.getLengthInBits(j.mode,a)),j.write(h)}for(var k=0,i=0;i<g.length;i++)k+=g[i].dataCount;if(h.getLengthInBits()>8*k)throw new Error("code length overflow. ("+h.getLengthInBits()+">"+8*k+")");for(h.getLengthInBits()+4<=8*k&&h.put(0,4);h.getLengthInBits()%8!=0;)h.putBit(!1);for(;;){if(h.getLengthInBits()>=8*k)break;if(h.put(b.PAD0,8),h.getLengthInBits()>=8*k)break;h.put(b.PAD1,8)}return b.createBytes(h,g)},b.createBytes=function(a,b){for(var d=0,e=0,f=0,g=new Array(b.length),h=new Array(b.length),i=0;i<b.length;i++){var j=b[i].dataCount,k=b[i].totalCount-j;e=Math.max(e,j),f=Math.max(f,k),g[i]=new Array(j);for(var l=0;l<g[i].length;l++)g[i][l]=255&a.buffer[l+d];d+=j;var n=m.getErrorCorrectPolynomial(k),o=new c(g[i],n.getLength()-1),p=o.mod(n);h[i]=new Array(n.getLength()-1);for(var l=0;l<h[i].length;l++){var q=l+p.getLength()-h[i].length;h[i][l]=q>=0?p.get(q):0}}for(var r=0,l=0;l<b.length;l++)r+=b [l].totalCount;for(var s=new Array(r),t=0,l=0;e>l;l++)for(var i=0;i<b.length;i++)l<g [i].length&&(s[t++]=g[i][l]);for(var l=0;f>l;l++)for(var i=0;i<b.length;i++)l<h[i].length&&(s[t++]=h[i][l]);return s};for(var j={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},k={L:1,M:0,Q:3,H:2},l={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},m={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;m.getBCHDigit(b)-m.getBCHDigit(m.G15 )>=0;)b^=m.G15<<m.getBCHDigit(b)-m.getBCHDigit(m.G15);return(a<<10|b)^m.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;m.getBCHDigit(b)-m.getBCHDigit(m.G18)>=0;)b^=m.G18<<m.getBCHDigit(b)-m.getBCHDigit(m.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return m.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case l.PATTERN000:return(b+c)%2==0;case l.PATTERN001:return b%2==0;case l.PATTERN010:return c%3==0;case l.PATTERN011:return(b+c)%3==0;case l.PATTERN100:return(Math.floor(b/2)+Math.floor(c/3))%2==0;case l.PATTERN101:return b*c%2+b*c%3==0;case l.PATTERN110:return(b*c%2+b*c%3)%2==0;case l.PATTERN111:return(b*c%3+(b+c)%2)%2==0;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new c([1],0),d=0;a>d;d++)b=b.multiply(new c([1,n.gexp(d)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case j.MODE_NUMBER:return 10;case j.MODE_ALPHA_NUM:return 9;case j.MODE_8BIT_BYTE:return 8;case j.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case j.MODE_NUMBER:return 12;case j.MODE_ALPHA_NUM:return 11;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case j.MODE_NUMBER:return 14;case j.MODE_ALPHA_NUM:return 13;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||0==h&&0==i||g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,0!=j&&4!=j||(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},n={glog:function(a){if(1>a)throw new Error("glog("+a+")");return n.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return n.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},o=0;8>o;o++)n.EXP_TABLE[o]=1<<o;for(var o=8;256>o;o++)n.EXP_TABLE[o]=n.EXP_TABLE[o-4]^n.EXP_TABLE[o-5]^n.EXP_TABLE[o-6]^n.EXP_TABLE[o-8];for(var o=0;255>o;o++)n.LOG_TABLE[n.EXP_TABLE[o]]=o;c.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var e=0;e<a.getLength();e++)b[d+e]^=n.gexp(n.glog(this.get(d))+n.glog(a.get(e)));return new c(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=n.glog(this.get(0))-n.glog(a.get(0)),d=new Array(this.getLength()),e=0;e<this.getLength();e++)d[e]=this.get(e);for(var e=0;e<a.getLength();e++)d[e]^=n.gexp(n.glog(a.get(e))+b);return new c(d,0).mod(a)}},d.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],d.getRSBlocks=function(a,b){var c=d.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var e=c.length/3,f=[],g=0;e>g;g++)for(var h=c[3*g+0],i=c[3*g+1],j=c[3*g+2],k=0;h>k;k++)f.push(new d(i,j));return f},d.getRsBlockTable=function(a,b){switch(b){case k.L:return d.RS_BLOCK_TABLE[4*(a-1)+0];case k.M:return d.RS_BLOCK_TABLE[4*(a-1)+1];case k.Q:return d.RS_BLOCK_TABLE[4*(a-1)+2];case k.H:return d.RS_BLOCK_TABLE[4*(a-1)+3];default:return}},e.prototype={get:function(a){var b=Math.floor(a/8);return 1==(this.buffer[b]>>>7-a%8&1)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(a>>>b-c-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer [b]|=128>>>this.length%8),this.length++}};var p=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],q=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function b(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var c=this._htOption,d=this._el,e=a.getModuleCount();Math.floor(c.width/e),Math.floor(c.height/e);this.clear();var f=b("svg",{viewBox:"0 0 "+String(e)+" "+String(e),width:"100%",height:"100%",fill:c.colorLight});f.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),d.appendChild(f),f.appendChild(b("rect",{fill:c.colorLight,width:"100%",height:"100%"})),f.appendChild(b("rect",{fill:c.colorDark,width:"1",height:"1",id:"template"}));for(var g=0;e>g;g++)for(var h=0;e>h;h++)if(a.isDark(g,h)){var i=b("use",{x:String(h),y:String(g)});i.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),f.appendChild(i)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),r="svg"===document.documentElement.tagName.toLowerCase(),s=r?q:f()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function b(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&c._fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,void(d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(this._android&&this._android<=2.1){var c=1/window.devicePixelRatio,d=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,b,e,f,g,h,i,j,k){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*c;else"undefined"==typeof j&&(arguments[1]*=c,arguments[2]*=c,arguments[3]*=c,arguments[4]*=c);d.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=g(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&b.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCodep=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:k.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._htOption.useSVG&&(s=q),this._android=g(),this._el=a,this._oQRCode=null,this._htOption.text&&this.makeCode(this._htOption.text)},QRCodep.prototype.makeCode=function(a){this._oQRCode=new b(h(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,-1!=this._htOption.dpi&&-1!=this._htOption.mmPerDot&&(this._htOption.width=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot,this._htOption.height=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot),this._oDrawing=new s(this._el,this._htOption),this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCodep.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCodep.prototype.clear=function(){this._oDrawing.clear()},QRCodep.CorrectLevel=k}();var sepaQR;!function(){"use strict";var a={UTF_8:1,ISO8859_1:2,ISO8859_2:3,ISO8859_4:4,ISO8859_5:5,ISO8859_7:6,ISO8859_10:7,ISO8859_15:8};sepaQR=function(b){if(this._sOpt={serviceTag:"BCD",version:"001",charset:a.UTF_8,identificationCode:"SCT",benefBIC:"",benefName:"",benefAccNr:"",amountEuro:"",purpose:"",creditorRef:"",remittanceInf:"",information:""},b)for(var c in b)this._sOpt[c]=b[c]},sepaQR.prototype.validServiceTag=function(){return"BCD"===this._sOpt.serviceTag},sepaQR.prototype.validVersion=function(){return"001"===this._sOpt.version||"002"===this._sOpt.version},sepaQR.prototype.validCharset=function(){return this._sOpt.charset>0&&this._sOpt.charset<=8},sepaQR.prototype.validIdentificationCode=function(){return"SCT"===this._sOpt.identificationCode},sepaQR.prototype.validBenefName=function(){var a="string"==typeof this._sOpt.benefName&&this._sOpt.benefName.length>=1&&this._sOpt.benefName.length<=70;if(!a)throw new Error("benefName not valid!");return a},sepaQR.prototype.validBenefAccNr=function(){var a="string"==typeof this._sOpt.benefAccNr&&this._sOpt.benefAccNr.length>=1&&this._sOpt.benefAccNr.length<=34;if(!a)throw new Error("benefAccNr not valid!");return a},sepaQR.prototype.validAmountEuro=function(){if("string"==typeof this._sOpt.amountEuro)return 0===this._sOpt.amountEuro.length;if("number"==typeof this._sOpt.amountEuro){this._sOpt.amountEuro=Math.round(100*this._sOpt.amountEuro)/100;var a=this._sOpt.amountEuro>.01&&this._sOpt.amountEuro<=999999999.99;if(!a)throw new Error("Amount not valid!");return a}},sepaQR.prototype.validBenefBic=function(){var a="002"==this._sOpt.version||"string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11;if (!a)throw new Error("BIC is mandatory in Version 001!");if(a="string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11,!a)throw new Error("benefBIC not valid!");return a},sepaQR.prototype.validPurpose=function(){var a="string"==typeof this._sOpt.purpose&&this._sOpt.purpose.length>=0&&this._sOpt.purpose.length<=4;if(!a)throw new Error("Purpose not valid!");return a},sepaQR.prototype.validInformation=function(){var a="string"==typeof this._sOpt.information&&this._sOpt.information.length>=0&&this._sOpt.information.length<=70;if(!a)throw new Error("Information not valid!");return a},sepaQR.prototype.validCreditorRefOrRemittance=function(){var a="string"==typeof this._sOpt.creditorRef&&0===this._sOpt.creditorRef.length,b="string"==typeof this._sOpt.remittanceInf&&0===this._sOpt.remittanceInf.length,c=a&&"string"==typeof this._sOpt.remittanceInf&&this._sOpt.remittanceInf.length<=140||b&&"string "==typeof this._sOpt.creditorRef&&this._sOpt.creditorRef.length<=35;if(!c)throw new Error("creditorRef or Remittance not valid!");return c},sepaQR.prototype.validQRTextLength=function(){for(var a=this.prepareQRText(),b=0,c=0,d=a.length;d>c;c++){var e=a.charCodeAt(c);b+=e>65536?4:e>2048?3:e>128?2:1}return 328>=b},sepaQR.prototype.valid=function(){var a=this.validServiceTag()&&this.validVersion()&&this.validCharset()&&this.validIdentificationCode()&&this.validBenefName()&&this.validBenefAccNr()&&this.validAmountEuro()&&this.validBenefBic()&&this.validPurpose()&&this.validInformation()&&this.validPurpose()&&this.validCreditorRefOrRemittance()&&this.validQRTextLength();return a},sepaQR.prototype.prepareQRText=function(){return(this._sOpt.serviceTag+"\n"+this._sOpt.version+"\n"+this._sOpt.charset+"\n"+this._sOpt.identificationCode+"\n"+this._sOpt.benefBIC+"\n"+this._sOpt.benefName+"\n"+this._sOpt.benefAccNr+"\nEUR"+this._sOpt.amountEuro+"\n"+this._sOpt.purpose+"\n"+this._sOpt.creditorRef+"\n"+this._sOpt.remittanceInf+"\n"+this._sOpt.information).trim()},sepaQR.prototype.toQRText=function(){return this.valid()?this.prepareQRText():""},sepaQR.prototype.makeCodeInto=function(a,b){var c={width:256,height:256,mmPerDot:.85,dpi:92,correctLevel:QRCodep.CorrectLevel.M,text:this.toQRText()};if(0!==c.text.length){if(b)for(var d in b)c[d]=b[d];return this.qrcode=new QRCodep(a,c),this.drawExplanatoryLink(document.getElementById(a).getElementsByTagName("canvas")[0],document.createElement("canvas")),this.qrcode}},sepaQR.prototype.drawExplanatoryLink=function(a,b){var c=3,d=12,e=8,f=6,g=a;b.width=g.width,b.height=g.height,b.getContext("2d").drawImage(g,0,0),g.width=b.width+2*(e+c+f),g.height=b.height+2*(e+c+f),CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){return 2*e>c&&(e=c/2),2*e>d&&(e=d/2),this.beginPath(),this.moveTo(a+e,b),this.arcTo(a+c,b,a+c,b+d,e),this.arcTo(a+c,b+d,a,b+d,e),this.lineTo(a+c-f,b+d),this.moveTo(a+c-110,b+d),this.arcTo(a,b+d,a,b,e),this.arcTo(a,b,a+c,b,e),this};var h=g.getContext("2d");h.fillStyle="white",h.rect(0,0,g.width,g.height),h.fill(),h.drawImage(b,e+c+f,e+c+f),h.lineWidth=c,h.roundRect(f+c/2,f+c/2,g.width-c-2*f,g.height-c-2*f,d,3*e).stroke(),h.fillStyle="black",h.font=4.5*c+"px Arial",h.fillText("sepaQR.eu",g.width-110,g.height-f/2)},sepaQR.Charset=a}();</script>  <script>var QRCodep;!function(){function a(a){this.mode=j.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=0,c=this.data.length;c>b;b++){var d=[],e=this.data.charCodeAt(b);e>65536?(d[0]=240|(1835008&e)>>>18,d[1]=128|(258048&e)>>>12,d[2]=128|(4032&e)>>>6,d[3]=128|63&e):e>2048?(d[0]=224|(61440&e)>>>12,d[1]=128|(4032&e)>>>6,d[2]=128|63&e):e>128?(d[0]=192|(1984&e)>>>6,d[1]=128|63&e):d[0]=e,this.parsedData.push(d)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function c(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function d(a,b){this.totalCount=a,this.dataCount=b}function e(){this.buffer=[],this.length=0}function f(){return"undefined"!=typeof CanvasRenderingContext2D}function g(){var a=!1,b=navigator.userAgent;if(/android/i.test(b)){a=!0;var c=b.toString().match(/android ([0-9]\.[0-9])/i);c&&c[1]&&(a=parseFloat(c[1]))}return a}function h(a,b){for(var c=1,d=i(a),e=0,f=p.length;f>=e;e++){var g=0;switch(b){case k.L:g=p[e][0];break;case k.M:g=p[e][1];break;case k.Q:g=p[e][2];break;case k.H:g=p[e][3]}if(g>=d)break;c++}if(c>p.length)throw new Error("Too long data");return c}function i(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(a){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?this.modules[a+c][b+d]=!0:this.modules[a+c][b+d]=!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=m.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=a%2==0);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=b%2==0)},setupPositionAdjustPattern:function(){for(var a=m.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var f=-2;2>=f;f++)for(var g=-2;2>=g;g++)-2==f||2==f||-2==g||2==g||0==f&&0==g?this.modules[d+f][e+g]=!0:this.modules[d+f][e+g]=!1}},setupTypeNumber:function(a){for(var b=m.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(b>>c&1);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=m.getBCHTypeInfo(c),e=0;15>e;e++){var f=!a&&1==(d>>e&1);6>e?this.modules[e][8]=f:8>e?this.modules[e+1][8]=f:this.modules[this.moduleCount-15+e][8]=f}for(var e=0;15>e;e++){var f=!a&&1==(d>>e&1);8>e?this.modules[8][this.moduleCount-e-1]=f:9>e?this.modules[8][15-e-1+1]=f:this.modules[8][15-e-1]=f}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,f=0,g=this.moduleCount-1;g>0;g-=2)for(6==g&&g--;;){for(var h=0;2>h;h++)if(null==this.modules[d][g-h]){var i=!1;f<a.length&&(i=1==(a[f]>>>e&1));var j=m.getMask(b,d,g-h);j&&(i=!i),this.modules[d][g-h]=i,e--,-1==e&&(f++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,f){for(var g=d.getRSBlocks(a,c),h=new e,i=0;i<f.length;i++){var j=f[i];h.put(j.mode,4),h.put(j.getLength(),m.getLengthInBits(j.mode,a)),j.write(h)}for(var k=0,i=0;i<g.length;i++)k+=g[i].dataCount;if(h.getLengthInBits()>8*k)throw new Error("code length overflow. ("+h.getLengthInBits()+">"+8*k+")");for(h.getLengthInBits()+4<=8*k&&h.put(0,4);h.getLengthInBits()%8!=0;)h.putBit(!1);for(;;){if(h.getLengthInBits()>=8*k)break;if(h.put(b.PAD0,8),h.getLengthInBits()>=8*k)break;h.put(b.PAD1,8)}return b.createBytes(h,g)},b.createBytes=function(a,b){for(var d=0,e=0,f=0,g=new Array(b.length),h=new Array(b.length),i=0;i<b.length;i++){var j=b[i].dataCount,k=b[i].totalCount-j;e=Math.max(e,j),f=Math.max(f,k),g[i]=new Array(j);for(var l=0;l<g[i].length;l++)g[i][l]=255&a.buffer[l+d];d+=j;var n=m.getErrorCorrectPolynomial(k),o=new c(g[i],n.getLength()-1),p=o.mod(n);h[i]=new Array(n.getLength()-1);for(var l=0;l<h[i].length;l++){var q=l+p.getLength()-h[i].length;h[i][l]=q>=0?p.get(q):0}}for(var r=0,l=0;l<b.length;l++)r+=b [l].totalCount;for(var s=new Array(r),t=0,l=0;e>l;l++)for(var i=0;i<b.length;i++)l<g [i].length&&(s[t++]=g[i][l]);for(var l=0;f>l;l++)for(var i=0;i<b.length;i++)l<h[i].length&&(s[t++]=h[i][l]);return s};for(var j={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},k={L:1,M:0,Q:3,H:2},l={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},m={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;m.getBCHDigit(b)-m.getBCHDigit(m.G15 )>=0;)b^=m.G15<<m.getBCHDigit(b)-m.getBCHDigit(m.G15);return(a<<10|b)^m.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;m.getBCHDigit(b)-m.getBCHDigit(m.G18)>=0;)b^=m.G18<<m.getBCHDigit(b)-m.getBCHDigit(m.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return m.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case l.PATTERN000:return(b+c)%2==0;case l.PATTERN001:return b%2==0;case l.PATTERN010:return c%3==0;case l.PATTERN011:return(b+c)%3==0;case l.PATTERN100:return(Math.floor(b/2)+Math.floor(c/3))%2==0;case l.PATTERN101:return b*c%2+b*c%3==0;case l.PATTERN110:return(b*c%2+b*c%3)%2==0;case l.PATTERN111:return(b*c%3+(b+c)%2)%2==0;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new c([1],0),d=0;a>d;d++)b=b.multiply(new c([1,n.gexp(d)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case j.MODE_NUMBER:return 10;case j.MODE_ALPHA_NUM:return 9;case j.MODE_8BIT_BYTE:return 8;case j.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case j.MODE_NUMBER:return 12;case j.MODE_ALPHA_NUM:return 11;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case j.MODE_NUMBER:return 14;case j.MODE_ALPHA_NUM:return 13;case j.MODE_8BIT_BYTE:return 16;case j.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||0==h&&0==i||g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,0!=j&&4!=j||(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},n={glog:function(a){if(1>a)throw new Error("glog("+a+")");return n.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return n.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},o=0;8>o;o++)n.EXP_TABLE[o]=1<<o;for(var o=8;256>o;o++)n.EXP_TABLE[o]=n.EXP_TABLE[o-4]^n.EXP_TABLE[o-5]^n.EXP_TABLE[o-6]^n.EXP_TABLE[o-8];for(var o=0;255>o;o++)n.LOG_TABLE[n.EXP_TABLE[o]]=o;c.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var e=0;e<a.getLength();e++)b[d+e]^=n.gexp(n.glog(this.get(d))+n.glog(a.get(e)));return new c(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=n.glog(this.get(0))-n.glog(a.get(0)),d=new Array(this.getLength()),e=0;e<this.getLength();e++)d[e]=this.get(e);for(var e=0;e<a.getLength();e++)d[e]^=n.gexp(n.glog(a.get(e))+b);return new c(d,0).mod(a)}},d.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],d.getRSBlocks=function(a,b){var c=d.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var e=c.length/3,f=[],g=0;e>g;g++)for(var h=c[3*g+0],i=c[3*g+1],j=c[3*g+2],k=0;h>k;k++)f.push(new d(i,j));return f},d.getRsBlockTable=function(a,b){switch(b){case k.L:return d.RS_BLOCK_TABLE[4*(a-1)+0];case k.M:return d.RS_BLOCK_TABLE[4*(a-1)+1];case k.Q:return d.RS_BLOCK_TABLE[4*(a-1)+2];case k.H:return d.RS_BLOCK_TABLE[4*(a-1)+3];default:return}},e.prototype={get:function(a){var b=Math.floor(a/8);return 1==(this.buffer[b]>>>7-a%8&1)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(a>>>b-c-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer [b]|=128>>>this.length%8),this.length++}};var p=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],q=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function b(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var c=this._htOption,d=this._el,e=a.getModuleCount();Math.floor(c.width/e),Math.floor(c.height/e);this.clear();var f=b("svg",{viewBox:"0 0 "+String(e)+" "+String(e),width:"100%",height:"100%",fill:c.colorLight});f.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),d.appendChild(f),f.appendChild(b("rect",{fill:c.colorLight,width:"100%",height:"100%"})),f.appendChild(b("rect",{fill:c.colorDark,width:"1",height:"1",id:"template"}));for(var g=0;e>g;g++)for(var h=0;e>h;h++)if(a.isDark(g,h)){var i=b("use",{x:String(h),y:String(g)});i.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),f.appendChild(i)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),r="svg"===document.documentElement.tagName.toLowerCase(),s=r?q:f()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function b(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&c._fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,void(d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(this._android&&this._android<=2.1){var c=1/window.devicePixelRatio,d=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,b,e,f,g,h,i,j,k){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*c;else"undefined"==typeof j&&(arguments[1]*=c,arguments[2]*=c,arguments[3]*=c,arguments[4]*=c);d.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=g(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&b.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCodep=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:k.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._htOption.useSVG&&(s=q),this._android=g(),this._el=a,this._oQRCode=null,this._htOption.text&&this.makeCode(this._htOption.text)},QRCodep.prototype.makeCode=function(a){this._oQRCode=new b(h(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,-1!=this._htOption.dpi&&-1!=this._htOption.mmPerDot&&(this._htOption.width=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot,this._htOption.height=this._oQRCode.moduleCount*this._htOption.dpi/25.4*this._htOption.mmPerDot),this._oDrawing=new s(this._el,this._htOption),this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCodep.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCodep.prototype.clear=function(){this._oDrawing.clear()},QRCodep.CorrectLevel=k}();var sepaQR;!function(){"use strict";var a={UTF_8:1,ISO8859_1:2,ISO8859_2:3,ISO8859_4:4,ISO8859_5:5,ISO8859_7:6,ISO8859_10:7,ISO8859_15:8};sepaQR=function(b){if(this._sOpt={serviceTag:"BCD",version:"001",charset:a.UTF_8,identificationCode:"SCT",benefBIC:"",benefName:"",benefAccNr:"",amountEuro:"",purpose:"",creditorRef:"",remittanceInf:"",information:""},b)for(var c in b)this._sOpt[c]=b[c]},sepaQR.prototype.validServiceTag=function(){return"BCD"===this._sOpt.serviceTag},sepaQR.prototype.validVersion=function(){return"001"===this._sOpt.version||"002"===this._sOpt.version},sepaQR.prototype.validCharset=function(){return this._sOpt.charset>0&&this._sOpt.charset<=8},sepaQR.prototype.validIdentificationCode=function(){return"SCT"===this._sOpt.identificationCode},sepaQR.prototype.validBenefName=function(){var a="string"==typeof this._sOpt.benefName&&this._sOpt.benefName.length>=1&&this._sOpt.benefName.length<=70;if(!a)throw new Error("benefName not valid!");return a},sepaQR.prototype.validBenefAccNr=function(){var a="string"==typeof this._sOpt.benefAccNr&&this._sOpt.benefAccNr.length>=1&&this._sOpt.benefAccNr.length<=34;if(!a)throw new Error("benefAccNr not valid!");return a},sepaQR.prototype.validAmountEuro=function(){if("string"==typeof this._sOpt.amountEuro)return 0===this._sOpt.amountEuro.length;if("number"==typeof this._sOpt.amountEuro){this._sOpt.amountEuro=Math.round(100*this._sOpt.amountEuro)/100;var a=this._sOpt.amountEuro>.01&&this._sOpt.amountEuro<=999999999.99;if(!a)throw new Error("Amount not valid!");return a}},sepaQR.prototype.validBenefBic=function(){var a="002"==this._sOpt.version||"string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11;if (!a)throw new Error("BIC is mandatory in Version 001!");if(a="string"==typeof this._sOpt.benefBIC&&this._sOpt.benefBIC.length>=0&&this._sOpt.benefBIC.length<=11,!a)throw new Error("benefBIC not valid!");return a},sepaQR.prototype.validPurpose=function(){var a="string"==typeof this._sOpt.purpose&&this._sOpt.purpose.length>=0&&this._sOpt.purpose.length<=4;if(!a)throw new Error("Purpose not valid!");return a},sepaQR.prototype.validInformation=function(){var a="string"==typeof this._sOpt.information&&this._sOpt.information.length>=0&&this._sOpt.information.length<=70;if(!a)throw new Error("Information not valid!");return a},sepaQR.prototype.validCreditorRefOrRemittance=function(){var a="string"==typeof this._sOpt.creditorRef&&0===this._sOpt.creditorRef.length,b="string"==typeof this._sOpt.remittanceInf&&0===this._sOpt.remittanceInf.length,c=a&&"string"==typeof this._sOpt.remittanceInf&&this._sOpt.remittanceInf.length<=140||b&&"string"==typeof this._sOpt.creditorRef&&this._sOpt.creditorRef.length<=35;if(!c)throw new Error("creditorRef or Remittance not valid!");return c},sepaQR.prototype.validQRTextLength=function(){for(var a=this.prepareQRText(),b=0,c=0,d=a.length;d>c;c++){var e=a.charCodeAt(c);b+=e>65536?4:e>2048?3:e>128?2:1}return 328>=b},sepaQR.prototype.valid=function(){var a=this.validServiceTag()&&this.validVersion()&&this.validCharset()&&this.validIdentificationCode()&&this.validBenefName()&&this.validBenefAccNr()&&this.validAmountEuro()&&this.validBenefBic()&&this.validPurpose()&&this.validInformation()&&this.validPurpose()&&this.validCreditorRefOrRemittance()&&this.validQRTextLength();return a},sepaQR.prototype.prepareQRText=function(){return(this._sOpt.serviceTag+"\n"+this._sOpt.version+"\n"+this._sOpt.charset+"\n"+this._sOpt.identificationCode+"\n"+this._sOpt.benefBIC+"\n"+this._sOpt.benefName+"\n"+this._sOpt.benefAccNr+"\nEUR"+this._sOpt.amountEuro+"\n"+this._sOpt.purpose+"\n"+this._sOpt.creditorRef+"\n"+this._sOpt.remittanceInf+"\n"+this._sOpt.information).trim()},sepaQR.prototype.toQRText=function(){return this.valid()?this.prepareQRText():""},sepaQR.prototype.makeCodeInto=function(a,b){var c={width:256,height:256,mmPerDot:.85,dpi:92,correctLevel:QRCodep.CorrectLevel.M,text:this.toQRText()};if(0!==c.text.length){if(b)for(var d in b)c[d]=b[d];return this.qrcode=new QRCodep(a,c),this.drawExplanatoryLink(document.getElementById(a).getElementsByTagName("canvas")[0],document.createElement("canvas")),this.qrcode}},sepaQR.prototype.drawExplanatoryLink=function(a,b){var c=3,d=12,e=8,f=6,g=a;b.width=g.width,b.height=g.height,b.getContext("2d").drawImage(g,0,0),g.width=b.width+2*(e+c+f),g.height=b.height+2*(e+c+f),CanvasRenderingContext2D.prototype.roundRect=function(a,b,c,d,e,f){return 2*e>c&&(e=c/2),2*e>d&&(e=d/2),this.beginPath(),this.moveTo(a+e,b),this.arcTo(a+c,b,a+c,b+d,e),this.arcTo(a+c,b+d,a,b+d,e),this.lineTo(a+c-f,b+d),this.moveTo(a+c-110,b+d),this.arcTo(a,b+d,a,b,e),this.arcTo(a,b,a+c,b,e),this};var h=g.getContext("2d");h.fillStyle="white",h.rect(0,0,g.width,g.height),h.fill(),h.drawImage(b,e+c+f,e+c+f),h.lineWidth=c,h.roundRect(f+c/2,f+c/2,g.width-c-2*f,g.height-c-2*f,d,3*e).stroke(),h.fillStyle="black",h.font=4.5*c+"px Arial",h.fillText("sepaQR.eu",g.width-110,g.height-f/2)},sepaQR.Charset=a}();</script>

templates/includes/question-icon.html.tera

@@ -1,3 +1,7 @@
-<svg class="flex-shrink-0 w-4 h-4 inline-block" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-	<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
+<svg class="flex-shrink-0 w-4 h-4 inline-block"
+     fill="currentColor"
+     viewbox="0 0 20 20"
+     xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd">
+    </path>
 </svg>

templates/index.html.tera

@@ -1,103 +1,148 @@
 {% import "includes/macros" as macros %}
-
 {% extends "base" %}
-
 {% block content %}
-	<div class="max-w-screen-lg w-full">
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-    <h1 class="h1">Ruderassistent</h1>
-
-
-    <div class="grid gap-3">
-      <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-        <h2 class="h2">Allgemein</h2>
-         <div class="text-sm p-3">
-          <ul class="list-disc ms-2">
-            <li class="py-1"><a href="https://rudernlinz.at/termin" target="_blank" class="link-primary">FAQ (extern)</a></li>
-          </ul>
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Ruderassistent</h1>
+        <div class="grid gap-3">
+            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                 role="alert">
+                <h2 class="h2">Allgemein</h2>
+                <div class="text-sm p-3">
+                    <ul class="list-disc ms-2">
+                        <li class="py-1">
+                            <a href="https://wiki.rudernlinz.at/ruderassistent#faq"
+                               target="_blank"
+                               class="link-primary">FAQ (extern)</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
         </div>
-      </div>
+        {% if loggedin_user.weight and loggedin_user.sex and loggedin_user.dob %}
+            <div class="grid gap-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Ergo</h2>
+                    <div class="text-sm p-3">
+                        <ul class="list-disc ms-2">
+                            <li class="py-1">
+                                <a href="/ergo" class="link-primary">Ergo</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+        {% if "Donau Linz" in loggedin_user.roles and "Unterstützend" not in loggedin_user.roles and "Förderndes Mitglied" not in loggedin_user.roles %}
+            <div class="grid gap-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Aktives Vereinsmitglied</h2>
+                    <div class="text-sm p-3">
+                        <ul class="list-disc ms-2">
+                            <li class="py-1">
+                                <a href="/planned" class="link-primary">Geplante Ausfahrten</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/log" class="link-primary">Ausfahrt eintragen</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/log/show" class="link-primary">Logbuch</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/stat" class="link-primary">Statistik</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/stat/boats" class="link-primary">Bootsauswertung</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/boatdamage" class="link-primary">Bootsschaden</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+        {% if "scheckbuch" in loggedin_user.roles %}
+            <div class="grid gap-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Scheckbuch</h2>
+                    <div class="text-sm p-3">
+                        <ul class="list-disc ms-2">
+                            <li class="py-1">
+                                <a href="/planned" class="link-primary">Geplante Ausfahrten</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+        {% if "schnupper-betreuer" in loggedin_user.roles %}
+            <div class="grid gap-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Schnupper-Betreuer</h2>
+                    <div class="text-sm p-3">
+                        <ul class="list-disc ms-2">
+                            <li class="py-1">
+                                <a href="/admin/schnupper" class="link-primary">Schnuppern</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+        {% if "Vorstand" in loggedin_user.roles %}
+            <div class="grid gap-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Vorstand</h2>
+                    <div class="text-sm p-3">
+                        <ul class="list-disc ms-2">
+                            <li class="py-1">
+                                <a href="/admin/user/fees" class="link-primary">Übersicht User Gebühren</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/admin/user/scheckbuch" class="link-primary">Scheckbuch</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/admin/user" class="link-primary">User</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/board/boathouse" class="link-primary">Bootshaus</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+        {% if "admin" in loggedin_user.roles %}
+            <div class="grid gap-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Admin</h2>
+                    <div class="text-sm p-3">
+                        <ul class="list-disc ms-2">
+                            <li class="py-1">
+                                <a href="/admin/boat" class="link-primary">Boote</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/admin/user" class="link-primary">User</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/admin/mail" class="link-primary">Mail (beautifully layouted)</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/admin/rss" class="link-primary">Logs</a>
+                            </li>
+                            <li class="py-1">
+                                <a href="/admin/list" class="link-primary">Fingerabdruck-Liste überprüfen</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
     </div>
-
-    {% if loggedin_user.weight and loggedin_user.sex and loggedin_user.dob %}
-        <div class="grid gap-3">
-          <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-            <h2 class="h2">Ergo</h2>
-             <div class="text-sm p-3">
-              <ul class="list-disc ms-2">
-                <li class="py-1"><a href="/ergo" class="link-primary">Ergo</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-    {% endif %}
-
-    {% if "Donau Linz" in loggedin_user.roles and "Unterstützend" not in loggedin_user.roles and "Förderndes Mitglied" not in loggedin_user.roles %}
-        <div class="grid gap-3">
-          <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-            <h2 class="h2">Aktives Vereinsmitglied</h2>
-             <div class="text-sm p-3">
-              <ul class="list-disc ms-2">
-                <li class="py-1"><a href="/planned" class="link-primary">Geplante Ausfahrten</a></li>
-                <li class="py-1"><a href="/log" class="link-primary">Ausfahrt eintragen</a></li>
-                <li class="py-1"><a href="/log/show" class="link-primary">Logbuch</a></li>
-                <li class="py-1"><a href="/stat" class="link-primary">Statistik</a></li>
-                <li class="py-1"><a href="/stat/boats" class="link-primary">Bootsauswertung</a></li>
-                <li class="py-1"><a href="/boatdamage" class="link-primary">Bootsschaden</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-    {% endif %}
-
-
-    {% if "scheckbuch" in loggedin_user.roles %}
-        <div class="grid gap-3">
-          <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-            <h2 class="h2">Scheckbuch</h2>
-             <div class="text-sm p-3">
-              <ul class="list-disc ms-2">
-                <li class="py-1"><a href="/planned" class="link-primary">Geplante Ausfahrten</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-    {% endif %}
-
-    {% if "Vorstand" in loggedin_user.roles %}
-        <div class="grid gap-3">
-          <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-            <h2 class="h2">Vorstand</h2>
-             <div class="text-sm p-3">
-              <ul class="list-disc ms-2">
-                <li class="py-1"><a href="/admin/user/fees" class="link-primary">Übersicht User Gebühren</a></li>
-                <li class="py-1"><a href="/admin/user" class="link-primary">User</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-    {% endif %}
-
-    {% if "admin" in loggedin_user.roles %}
-        <div class="grid gap-3">
-          <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-            <h2 class="h2">Admin</h2>
-             <div class="text-sm p-3">
-              <ul class="list-disc ms-2">
-                <li class="py-1"><a href="/admin/boat" class="link-primary">Boote</a></li>
-                <li class="py-1"><a href="/admin/user" class="link-primary">User</a></li>
-                <li class="py-1"><a href="/admin/mail" class="link-primary">Mail (beautifully layouted)</a></li>
-                <li class="py-1"><a href="/admin/rss" class="link-primary">Logs</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-    {% endif %}
-
-
-    </div>
-    
-
-{% endblock content%}
+{% endblock content %}

templates/kiosk.html.tera

@@ -1,48 +1,36 @@
 {% import "includes/macros" as macros %}
 {% import "includes/forms/log" as log %}
-
 {% extends "base" %}
-
 {% block content %}
-
-<div class="w-full">
-  <h1 class="h1">Logbuch</h1>
-
-  {% if flash %}
-    <div class="pt-3 max-w-lg m-auto">
-        {{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-    </div>
-  {% endif %}
-
-  <div class="w-full grid md:grid-cols-5 gap-3 mt-5">
-    <div class="bg-white dark:bg-primary-900 rounded-md hidden md:block shadow">
-      <h2 class="h2">Boote</h2>
-      
-      <div>
-        {{ log::show_boats(only_ones=false) }}
-      </div>
-    </div>
-    <div class="md:col-span-3 bg-white dark:bg-primary-900 rounded-md shadow">
-      <h2 class="h2">Neue Ausfahrt</h2>
-      <div class="p-3">
-        {{ log::new(only_ones=false, shipmaster=-1) }}
-      </div>
-    </div>
-    <div class="bg-white dark:bg-primary-900 rounded-md shadow">
-      <h2 class="h2">Am Wasser</h2>
-
-      <div>
-        {% if on_water | length > 0 %}
-          {% for log in on_water %}
-            {{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones=false) }}
-          {% endfor %}
-        {% else %}
-          <p class="p-3 text-center text-black dark:text-white">Kein Boot am Wasser</p>
+    <div class="w-full">
+        <h1 class="h1">Logbuch</h1>
+        {% if flash and not loggedin_user %}
+            <div class="pt-3 max-w-lg m-auto">
+                {{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
+            </div>
         {% endif %}
-      </div>
+        <div class="w-full grid md:grid-cols-5 gap-3 mt-5">
+            <div class="bg-white dark:bg-primary-900 rounded-md hidden md:block shadow">
+                <h2 class="h2">Boote</h2>
+                <div>{{ log::show_boats(only_ones=false) }}</div>
+            </div>
+            <div class="md:col-span-3 bg-white dark:bg-primary-900 rounded-md shadow">
+                <h2 class="h2">Neue Ausfahrt</h2>
+                <div class="p-3">{{ log::new(only_ones=false, shipmaster=-1) }}</div>
+            </div>
+            <div class="bg-white dark:bg-primary-900 rounded-md shadow">
+                <h2 class="h2">Am Wasser</h2>
+                <div>
+                    {% if on_water | length > 0 %}
+                        {% for log in on_water %}
+                            {{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones=false) }}
+                        {% endfor %}
+                    {% else %}
+                        <p class="p-3 text-center text-black dark:text-white">Kein Boot am Wasser</p>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
     </div>
-  </div>
-</div>
-
-<script src="/public/logbook.js"></script>
-{% endblock content%}
+    <script src="/public/logbook.js"></script>
+{% endblock content %}

templates/log.completed.html.tera

@@ -1,24 +1,57 @@
 {% import "includes/macros" as macros %}
 {% import "includes/forms/log" as log %}
-
 {% extends "base" %}
-
 {% block content %}
-
-	<div class="max-w-screen-lg w-full">
-		<h1 class="h1">Logbuch</h1>
-
-    <div class="mt-3">
-      <div class="search-wrapper">
-        <label for="name" class="sr-only">Suche</label>
-        <input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach Bootsname oder Ruderer...">
-      </div>
-
-      <div id="filter-result-js" class="search-result"></div>
-      {% for log in logs %}
-        {{ log::show_old(log=log, state="completed", only_ones=false, index=loop.index) }}
-      {% endfor %}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">
+            Logbuch
+            {% if loggedin_user and "admin" in loggedin_user.roles %}
+                <select id="yearSelect"
+                        onchange="changeYear()"
+                        style="background: transparent;
+                               background-image: none;
+                               text-decoration: underline"></select>
+            {% endif %}
+        </h1>
+        <div class="mt-3">
+            <div class="search-wrapper">
+                <label for="name" class="sr-only">Suche</label>
+                <input type="search"
+                       name="name"
+                       id="filter-js"
+                       class="search-bar"
+                       placeholder="Suchen nach Bootsname oder Ruderer...">
+            </div>
+            <div id="filter-result-js" class="search-result"></div>
+            {% for log in logs %}{{ log::show_old(log=log, state="completed", only_ones=false, index=loop.index) }}{% endfor %}
+        </div>
     </div>
-	</div>
+    <script>
+function getYearFromURL() {
+    var queryParams = new URLSearchParams(window.location.search);
+    return queryParams.get('year');
+}
 
-{% endblock content%}
+function populateYears() {
+    var select = document.getElementById('yearSelect');
+    var currentYear = new Date().getFullYear();
+    var selectedYear = getYearFromURL() || currentYear;
+    for (var year = 2019; year <= currentYear; year++) {
+        var option = document.createElement('option');
+        option.value = option.textContent = year;
+	if (year == selectedYear) {
+            option.selected = true;
+        }
+        select.appendChild(option);
+    }
+}
+
+function changeYear() {
+    var selectedYear = document.getElementById('yearSelect').value;
+    window.location.href = '?year=' + selectedYear;
+}
+
+// Call this function when the page loads
+populateYears();
+    </script>
+{% endblock content %}

templates/log.html.tera

@@ -1,49 +1,33 @@
 {% import "includes/macros" as macros %}
 {% import "includes/forms/log" as log %}
-
 {% extends "base" %}
-
 {% block content %}
-	<div class="w-full">
-		<h1 class="h1">Logbuch</h1>
-	
-		{% if flash %}
-			<div class="w-full">
-				{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-			</div>
-		{% endif %}
-	
-		<div class="w-full grid md:grid-cols-5 gap-3 mt-5">
-			<div class="bg-white dark:bg-primary-900 rounded-md hidden md:block shadow">
-				<h2 class="h2">Boote</h2>
-	
-				<div>
-					{{ log::show_boats(only_ones=false) }}
-				</div>
-			</div>
-			<div class="md:col-span-3 bg-white dark:bg-primary-900 rounded-md shadow">
-				<h2 class="h2">Neue Ausfahrt</h2>
-				<div class="p-3">
-					{{ log::new(shipmaster=loggedin_user.id) }}
-				</div>
-			</div>
-			<div class="bg-white dark:bg-primary-900 rounded-md shadow">
-				<h2 class="h2">Am Wasser</h2>
-	
-				{% if on_water | length > 0 %}
-					{% for log in on_water %}
-						{% if log.shipmaster == loggedin_user.id %}
-							{{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones="cox" not in loggedin_user.roles) }}
-						{% else %}
-							{{ log::show(log=log, state="on_water", only_ones=true) }}
-						{% endif %}
-					{% endfor %}
-				{% else %}
-					<p class="p-3 text-center text-black dark:text-white">Kein Boot am Wasser</p>
-				{% endif %}
-			</div>
-		</div>
-	</div>
-	
-	<script src="/public/logbook.js"></script>
-{% endblock content%}
+    <div class="w-full">
+        <h1 class="h1">Logbuch</h1>
+        <div class="w-full grid md:grid-cols-5 gap-3 mt-5">
+            <div class="bg-white dark:bg-primary-900 rounded-md hidden md:block shadow">
+                <h2 class="h2">Boote</h2>
+                <div>{{ log::show_boats(only_ones=false) }}</div>
+            </div>
+            <div class="md:col-span-3 bg-white dark:bg-primary-900 rounded-md shadow">
+                <h2 class="h2">Neue Ausfahrt</h2>
+                <div class="p-3">{{ log::new(shipmaster=loggedin_user.id) }}</div>
+            </div>
+            <div class="bg-white dark:bg-primary-900 rounded-md shadow">
+                <h2 class="h2">Am Wasser</h2>
+                {% if on_water | length > 0 %}
+                    {% for log in on_water %}
+                        {% if log.shipmaster == loggedin_user.id %}
+                            {{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones="cox" not in loggedin_user.roles) }}
+                        {% else %}
+                            {{ log::show(log=log, state="on_water", only_ones=true) }}
+                        {% endif %}
+                    {% endfor %}
+                {% else %}
+                    <p class="p-3 text-center text-black dark:text-white">Kein Boot am Wasser</p>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+    <script src="/public/logbook.js"></script>
+{% endblock content %}

templates/planned.html.tera

@@ -1,24 +1,37 @@
 {% import "includes/macros" as macros %}
-
+{% import "includes/forms/log" as log %}
 {% extends "base" %}
-
 {% block content %}
-	<div class="max-w-screen-xl w-full grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
-		{% if flash %}
-			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
-		{% endif %}
-
-
-		
-    		{% if "paid" not in loggedin_user.roles %}
-    			<div class="grid gap-3 sm:col-span-2 lg:col-span-3">
-    			  <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
-    			    <h2 class="h2">Vereinsgebühren</h2>
-    			     <div class="text-sm p-3">
-				{% include "includes/qrcode" %}
-				<div id="qrcode" style="float: left; padding-top: 10 pt; padding-right: 10pt; padding-bottom: 10pt;"></div>
-				<script type="text/javascript">
-				
+    <div class="max-w-screen-xl w-full grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        {% if "scheckbuch" in loggedin_user.roles %}
+            <div class="grid gap-3 sm:col-span-2 lg:col-span-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Scheckbuch</h2>
+                    <div class="text-sm p-3">
+                        <h3>Du hast bisher {{ last_trips | length }} deiner 5 Scheckbuch-Ausfahrten gemacht:</h3>
+                        <ol>
+                            {% for last_trip in last_trips %}
+                                <li>{{ log::show_old(log=last_trip, state="completed", only_ones=false, index=loop.index) }}</li>
+                            {% endfor %}
+                        </ol>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+        {% if "paid" not in loggedin_user.roles and "Donau Linz" in loggedin_user.roles %}
+            <div class="grid gap-3 sm:col-span-2 lg:col-span-3">
+                <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
+                     role="alert">
+                    <h2 class="h2">Vereinsgebühren</h2>
+                    <div class="text-sm p-3">
+                        {% include "includes/qrcode" %}
+                        <div id="qrcode"
+                             style="float: left;
+                                    padding-top: 10 pt;
+                                    padding-right: 10pt;
+                                    padding-bottom: 10pt"></div>
+                        <script type="text/javascript">
 				var sepaqr = new sepaQR({
 				   benefName: 'ASKÖ Ruderverein Donau Linz',
 				   benefBIC: 'BKAUATWWXXX',
@@ -28,316 +41,342 @@
 				 });
 				
 				 var code = sepaqr.makeCodeInto("qrcode");
-				</script>
-
-			<b>Dein Vereinsbeitrag ({{ fee.name }}): {{ fee.sum_in_cents / 100 }}€ {% if fee.parts | length == 1 %} ({{ fee.parts[0].0 }}) {% endif %}</b><br />
-			{% if fee.parts | length > 1 %}
-				<small>
-					Setzt sich zusammen aus: 
-					<ul style="list-style: circle; padding-left: 1em;">
-					{% for p in fee.parts %}
-						 <li>{{ p.0 }} ({{ p.1 / 100 }}€) {% if not loop.last %} + {% endif %}</li>
-					{% endfor %}
-					</ul>
-				</small>
-			{% endif %}
-
-			Bitte auf folgendes Konto überweisen:  IBAN AT13 1200 0804 1300 1200. Alternativ kannst du auch mit deiner Bankapp den QR Code scannen, damit sollten alle Daten vorausgefüllt sein.<br />
-
-			Falls die Berechnung nicht stimmt (korrekte Preise findest du <a href="https://rudernlinz.at/unser-verein/gebuhren/" target="_blank" rel="noopener noreferrer">hier</a>) melde dich bitte bei it@rudernlinz.at. @Studenten: Bitte die aktuelle Studienbestätigung an it@rudernlinz.at schicken.<br />
-
-			<small>Wir aktualisieren den Ruderassistent unregelmäßig mit unserem Bankkonto. Falls du schon bezahlt hast, kannst du diese Nachricht getrost ignorieren :^)</small>
-
-
-
-
-    			    </div>
-    			  </div>
-    			</div>
-		{% endif %}
-
-		<h1 class="h1 sm:col-span-2 lg:col-span-3">Ausfahrten</h1>
-
-		{% include "includes/buttons" %}
-
-		{% for day in days %}
-			{% set amount_trips = day.planned_events | length + day.trips | length %}
-			{% set_global day_cox_needed = false %}
-			{% if day.planned_events | length > 0 %}
-				{% for planned_event in day.planned_events %}
-					{% if planned_event.cox_needed %}
-						{% set_global day_cox_needed = true %}
-					{% endif %}
-				{% endfor %}
-			{% endif %}
-
-			<div class="bg-white dark:bg-primary-900 rounded-md flex justify-between flex-col shadow reset-js" style="min-height: 10rem;" data-trips="{{ amount_trips }}" data-month="{{ day.day| date(format='%m') }}" data-coxneeded="{{ day_cox_needed }}">
-				<div>
-					<h2 class="font-bold uppercase tracking-wide text-center rounded-t-md  {% if day.is_pinned %} text-white bg-primary-950 {% else %} text-primary-950 dark:text-white bg-gray-200 dark:bg-primary-950 bg-opacity-80 {% endif %} text-lg px-3 py-3 ">{{ day.day| date(format="%d.%m.%Y") }}
-						<small class="inline-block ml-1 text-xs {% if day.is_pinned %} text-gray-200 {% else %} text-gray-500 dark:text-gray-100 {% endif %}">{{ day.day | date(format="%A", locale="de_AT") }}</small>
-					</h2>
-
-					{% if day.planned_events | length > 0 or  day.trips | length > 0 %}
-						<div
-							class="grid grid-cols-1 gap-3 mb-3">
-
-							{# --- START Events --- #}
-							{% if day.planned_events | length > 0 %}
-								{% for planned_event in day.planned_events | sort(attribute="planned_starting_time") %}
-									{% set amount_cur_cox = planned_event.cox | length %}
-									{% set amount_cox_missing = planned_event.planned_amount_cox - amount_cur_cox %}
-									<div class="pt-2 px-3 border-t border-gray-200" style="order: {{ planned_event.planned_starting_time | replace(from=":", to="") }}">
-										<div class="flex justify-between items-center">
-											<div class="mr-1">
-												<strong class="text-primary-900 dark:text-white">
-													{{ planned_event.planned_starting_time }}
-													Uhr
-												</strong>
-												<small class="text-gray-600 dark:text-gray-100">({{ planned_event.name }}{% if planned_event.trip_type %} - {{ planned_event.trip_type.icon | safe }} {{ planned_event.trip_type.name }}{% endif %})</small><br/>
-
-												<a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>{{ planned_event.planned_starting_time }} Uhr</strong> ({{ planned_event.name }}){% if planned_event.trip_type %}<small class='block'>{{ planned_event.trip_type.desc }}</small>{% endif %}{% if planned_event.notes %}<small class='block'>{{ planned_event.notes }}</small>{% endif %}" data-body="#event{{ planned_event.trip_details_id }}" class="inline-block link-primary mr-3">
-													Details
-												</a>
-											</div>
-											<div
-												class="text-right grid gap-2">
-												{# --- START Row Buttons --- #}
-												{% set_global cur_user_participates = false %}
-												{% for rower in planned_event.rower%}
-													{% if rower.name == loggedin_user.name %}
-														{% set_global cur_user_participates = true %}
-													{% endif %}
-												{% endfor %}
-												{% if cur_user_participates %}
-													<a href="/planned/remove/{{ planned_event.trip_details_id }}" class="btn btn-attention btn-fw">Abmelden</a>
-												{% endif %}
-												{% if planned_event.max_people > planned_event.rower | length %}
-													{% if cur_user_participates == false %}
-														<a href="/planned/join/{{ planned_event.trip_details_id }}" class="btn btn-primary btn-fw" {% if planned_event.trip_type %} onclick="return confirm('{{ planned_event.trip_type.question  }}');" {% endif %}>Mitrudern</a>
-													{% endif %}
-												{% endif %}
-												{# --- END Row Buttons --- #}
-
-												{# --- START Cox Buttons --- #}
-												{% if "cox" in loggedin_user.roles %}
-													{% set_global cur_user_participates = false %}
-													{% for cox in planned_event.cox %}
-														{% if cox.name == loggedin_user.name %}
-															{% set_global cur_user_participates = true %}
-														{% endif %}
-													{% endfor %}
-													{% if cur_user_participates %}
-														<a href="/cox/remove/{{ planned_event.id }}" class="block btn btn-attention btn-fw">
-															{% include "includes/cox-icon" %}
-															Abmelden
-														</a>
-													{% else %}
-														<a href="/cox/join/{{ planned_event.id }}" class="block btn {% if amount_cox_missing > 0 %} btn-dark {% else %} btn-gray {% endif %} btn-fw" {% if planned_event.trip_type %} onclick="return confirm('{{ planned_event.trip_type.question  }}');" {% endif %}>
-															{% include "includes/cox-icon" %}
-															Steuern
-														</a>
-													{% endif %}
-												{% endif %}
-												{# --- END Cox Buttons --- #}
-											</div>
-										</div>
-
-										{# --- START Sidebar Content --- #}
-										<div class="hidden">
-											<div
-												id="event{{ planned_event.trip_details_id }}">
-												{# --- START List Coxes --- #}
-												{% if planned_event.planned_amount_cox > 0 %}
-													{% if amount_cox_missing > 0 %}
-														{{ macros::box(participants=planned_event.cox, empty_seats=planned_event.planned_amount_cox - amount_cur_cox, header='Noch benötigte Steuerleute:', text='Keine Steuerleute angemeldet') }}
-													{% else %}
-														{{ macros::box(participants=planned_event.cox, empty_seats="", header='Genügend Steuerleute haben sich angemeldet :-)', text='Keine Steuerleute angemeldet') }}
-													{% endif %}
-												{% endif %}
-												{# --- END List Coxes --- #}
-
-												{# --- START List Rowers --- #}
-												{% if planned_event.max_people > 0 %}
-													{% set amount_cur_rower = planned_event.rower | length %}
-													{{ macros::box(participants=planned_event.rower, empty_seats=planned_event.max_people - amount_cur_rower, bg='primary-100', color='black', trip_details_id=planned_event.trip_details_id, allow_removing="planned_event" in loggedin_user.roles) }}
-												{% endif %}
-												{# --- END List Rowers --- #}
-
-													{% if "planned_event" in loggedin_user.roles %}
-														<form action="/planned/join/{{ planned_event.trip_details_id }}" method="get" />
-															{{ macros::input(label='Gast', class="input rounded-t", name='user_note', type='text', required=true) }}
-															<input value="Gast hinzufügen" class="btn btn-primary w-full rounded-t-none-important" type="submit"/>
-														</form>
-													{% endif %}
-
-
-												{% if planned_event.allow_guests %}
-													<div class="text-primary-900 bg-primary-50 text-center p-1 mb-4">Gäste willkommen!</div>
-												{% endif %}
-
-												{% if "planned_event" in loggedin_user.roles %}
-
-													{# --- START Edit Form --- #}
-													<div class="bg-gray-100 dark:bg-primary-900 p-3 mt-4 rounded-md">
-														<h3 class="text-primary-950 dark:text-white font-bold uppercase tracking-wide mb-2">Ausfahrt bearbeiten</h3>
-														<form action="/admin/planned-event" method="post" class="grid gap-3">
-															<input type="hidden" name="_method" value="put"/>
-															<input type="hidden" name="id" value="{{ planned_event.id }}"/>
-															{{ macros::input(label='Titel', name='name', type='input', value=planned_event.name) }}
-															{{ macros::input(label='Anzahl Ruderer', name='max_people', type='number', required=true, value=planned_event.max_people, min='0') }}
-															{{ macros::input(label='Anzahl Steuerleute', name='planned_amount_cox', type='number', value=planned_event.planned_amount_cox, required=true, min='0') }}
-															{{ macros::checkbox(label='Immer anzeigen', name='always_show', id=planned_event.id,checked=planned_event.always_show) }}
-															{{ macros::checkbox(label='Gesperrt', name='is_locked', id=planned_event.id,checked=planned_event.is_locked) }}
-															{{ macros::input(label='Anmerkungen', name='notes', type='input', value=planned_event.notes) }}
-
-															<input value="Speichern" class="btn btn-primary" type="submit"/>
-														</form>
-													</div>
-													{# --- END Edit Form --- #}
-
-													{# --- START Delete Btn --- #}
-													<div class="text-right">
-														<a href="/admin/planned-event/{{ planned_event.id }}/delete" class="inline-block btn btn-alert">
-															{% include "includes/delete-icon" %}
-															Termin löschen
-														</a>
-													</div>
-												{% endif %}
-												{# --- END Delete Btn --- #}
-											</div>
-										</div>
-										{# --- END Sidebar Content --- #}
-									</div>
-								{% endfor %}
-							{% endif %}
-							{# --- END Events --- #}
-
-							{# --- START Trips --- #}
-							{% if day.trips | length > 0 %}
-								{% for trip in day.trips | sort(attribute="planned_starting_time") %}
-									<div class="pt-2 px-3 reset-js border-t border-gray-200" style="order: {{ trip.planned_starting_time | replace(from=":", to="") }}" data-coxneeded="false">
-										<div class="flex justify-between items-center">
-											<div class="mr-1">
-												{% if trip.max_people == 0 %}
-													<strong class="text-[#f43f5e]">&#9888;
-														{{ trip.planned_starting_time }}
-														Uhr</strong>
-													<small class="text-[#f43f5e]">(Absage
-														{{ trip.cox_name }}
-														{% if trip.trip_type %}
-															-
-															{{ trip.trip_type.icon | safe }}{{ trip.trip_type.name }}
-														{% endif %})</small>
-												{% else %}
-													<strong class="text-primary-900 dark:text-white">{{ trip.planned_starting_time }}
-														Uhr</strong>
-													<small class="text-gray-600 dark:text-gray-100">({{ trip.cox_name }}{% if trip.trip_type %} - {{ trip.trip_type.icon | safe }} {{ trip.trip_type.name }}{% endif %})</small>
-												{% endif %}
-												<br/>
-												<a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>{% if trip.max_people == 0 %}&#9888; {% endif %}{{ trip.planned_starting_time }} Uhr</strong> ({{ trip.cox_name }}){% if trip.trip_type %}<small class='block'>{{ trip.trip_type.desc }}</small>{% endif %}{% if trip.notes %}<small class='block'>{{ trip.notes }}</small>{% endif %}" data-body="#trip{{ trip.trip_details_id }}" class="inline-block link-primary mr-3">
-													Details
-												</a>
-											</div>
-
-											<div>
-												{% set_global cur_user_participates = false %}
-												{% for rower in trip.rower %}
-													{% if rower.name == loggedin_user.name %}
-														{% set_global cur_user_participates = true %}
-													{% endif %}
-												{% endfor %}
-												{% if cur_user_participates %}
-													<a href="/planned/remove/{{ trip.trip_details_id }}" class="btn btn-attention btn-fw">Abmelden</a>
-												{% endif %}
-												{% if trip.max_people > trip.rower | length and trip.cox_id != loggedin_user.id and cur_user_participates == false%}
-													<a href="/planned/join/{{ trip.trip_details_id }}" class="btn btn-primary btn-fw" {% if trip.trip_type %} onclick="return confirm('{{ trip.trip_type.question  }}');" {% endif %}>Mitrudern</a>
-												{% endif %}
-											</div>
-										</div>
-										{# --- START Sidebar Content --- #}
-										<div class="hidden">
-											<div id="trip{{ trip.trip_details_id }}">
-												{% if trip.max_people == 0 %}
-													{# --- border-[#f43f5e] bg-[#f43f5e] --- #}
-													{{ macros::box(participants=trip.rower,bg='[#f43f5e]',header='Absage') }}
-												{% else %}
-													{% set amount_cur_rower = trip.rower | length %}
-													{{ macros::box(participants=trip.rower, empty_seats=trip.max_people - amount_cur_rower, bg='primary-100', color='black', trip_details_id=trip.trip_details_id, allow_removing=loggedin_user.id == trip.cox_id) }}
-													{% if trip.cox_id == loggedin_user.id %}
-														<form action="/planned/join/{{ trip.trip_details_id }}" method="get" />
-															{{ macros::input(label='Gast', class="input rounded-t", name='user_note', type='text', required=true) }}
-															<input value="Gast hinzufügen" class="btn btn-primary w-full rounded-t-none-important" type="submit"/>
-														</form>
-													{% endif %}
-												{% endif %}
-
-												{# --- START Edit Form --- #}
-												{% if trip.cox_id == loggedin_user.id %}
-													<div class="bg-gray-100 dark:bg-primary-900 p-3 mt-4 rounded-md">
-														<h3 class="text-primary-950 dark:text-white font-bold uppercase tracking-wide mb-2">Ausfahrt bearbeiten</h3>
-														<form action="/cox/trip/{{ trip.id }}" method="post" class="grid gap-3">
-															{{ macros::input(label='Anzahl Ruderer', name='max_people', type='number', required=true, value=trip.max_people, min='0') }}
-															{{ macros::input(label='Anmerkungen', name='notes', type='input', value=trip.notes) }}
-															{{ macros::checkbox(label='Immer anzeigen', name='always_show', id=trip.id,checked=trip.always_show) }}
-															{{ macros::checkbox(label='Gesperrt', name='is_locked', id=trip.id,checked=trip.is_locked) }}
-															{{ macros::select(label='Typ', name='trip_type', data=trip_types, default='Reguläre Ausfahrt', selected_id=trip.trip_type_id) }}
-
-															<input value="Speichern" class="btn btn-primary" type="submit"/>
-														</form>
-													</div>
-													{% if trip.rower | length == 0 %}
-														<div class="text-right mt-6">
-															<a href="/cox/remove/trip/{{ trip.id }}" class="inline-block btn btn-alert">
-																{% include "includes/delete-icon" %}
-																Termin löschen
-															</a>
-														</div>
-													{% endif %}
-												{% endif %}
-												{# --- END Edit Form --- #}
-											</div>
-										</div>
-										{# --- END Sidebar Content --- #}
-									</div>
-								{% endfor %}
-							{% endif %}
-							{# --- END Trips --- #}
-						</div>
-					{% endif %}
-				</div>
-
-				{# --- START Add Buttons --- #}
-				{% if "planned_event" in loggedin_user.roles or "cox" in loggedin_user.roles %}
-					<div class="grid {% if "planned_event" in loggedin_user.roles %} grid-cols-2 {% endif %} text-center">
-						{% if "planned_event" in loggedin_user.roles %}
-							<a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>Event</strong> am {{ day.day| date(format='%d.%m.%Y') }} erstellen" data-day="{{ day.day }}" data-body="#addEventForm" class="relative inline-block w-full bg-primary-900 hover:bg-primary-950 focus:bg-primary-950 dark:bg-primary-950 text-white py-2 rounded-bl-md text-sm font-semibold">
-								<span class="absolute inset-y-0 left-0 flex items-center pl-3">
-									{% include "includes/plus-icon" %}
-								</span>
-								Event
-							</a>
-						{% endif %}
-
-						{% if "cox" in loggedin_user.roles %}
-							<a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>Ausfahrt</strong> am {{ day.day| date(format='%d.%m.%Y') }} erstellen" data-day="{{ day.day }}" data-body="#sidebarForm" class="relative inline-block w-full py-2 text-primary-900 hover:text-primary-950 dark:bg-primary-600 dark:text-white dark:hover:bg-primary-500 dark:hover:text-white focus:text-primary-950 text-sm font-semibold bg-gray-100 hover:bg-gray-200 focus:bg-gray-200 {% if "planned_event" in loggedin_user.roles %} rounded-br-md {% else %} rounded-b-md {% endif %}">
-								<span class="absolute inset-y-0 left-0 flex items-center pl-3">
-									{% include "includes/plus-icon" %}
-								</span>
-								Ausfahrt
-							</a>
-						{% endif %}
-					</div>
-				{% endif %}
-				{# --- END Add Buttons --- #}
-			</div>
-		{% endfor %}
-	</div>
+				
+                        </script>
+                        <b>Dein Vereinsbeitrag ({{ fee.name }}): {{ fee.sum_in_cents / 100 }}€
+                            {% if fee.parts | length == 1 %}({{ fee.parts[0].0 }}){% endif %}
+                        </b>
+                        <br />
+                        {% if fee.parts | length > 1 %}
+                            <small>
+                                Setzt sich zusammen aus:
+                                <ul style="list-style: circle; padding-left: 1em;">
+                                    {% for p in fee.parts %}
+                                        <li>
+                                            {{ p.0 }} ({{ p.1 / 100 }}€)
+                                            {% if not loop.last %}+{% endif %}
+                                        </li>
+                                    {% endfor %}
+                                </ul>
+                            </small>
+                        {% endif %}
+                        Bitte auf folgendes Konto überweisen:  IBAN AT13 1200 0804 1300 1200. Alternativ kannst du auch mit deiner Bankapp den QR Code scannen, damit sollten alle Daten vorausgefüllt sein.
+                        <br />
+                        Falls die Berechnung nicht stimmt (korrekte Preise findest du <a href="https://rudernlinz.at/unser-verein/gebuhren/"
+    target="_blank"
+    rel="noopener noreferrer">hier</a>) melde dich bitte bei it@rudernlinz.at. @Studenten: Bitte die aktuelle Studienbestätigung an it@rudernlinz.at schicken.
+                        <br />
+                        <small>Wir aktualisieren den Ruderassistent unregelmäßig mit unserem Bankkonto. Falls du schon bezahlt hast, kannst du diese Nachricht getrost ignorieren :^)</small>
+                    </div>
+                </div>
+            </div>
+        {% endif %}
+        <h1 class="h1 sm:col-span-2 lg:col-span-3">Ausfahrten</h1>
+        {% include "includes/buttons" %}
+        {% for day in days %}
+            {% set amount_trips = day.planned_events | length + day.trips | length %}
+            {% set_global day_cox_needed = false %}
+            {% if day.planned_events | length > 0 %}
+                {% for planned_event in day.planned_events %}
+                    {% if planned_event.cox_needed %}
+                        {% set_global day_cox_needed = true %}
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+            <div class="bg-white dark:bg-primary-900 rounded-md flex justify-between flex-col shadow reset-js"
+                 style="min-height: 10rem"
+                 data-trips="{{ amount_trips }}"
+                 data-month="{{ day.day| date(format='%m') }}"
+                 data-coxneeded="{{ day_cox_needed }}">
+                <div>
+                    <h2 class="font-bold uppercase tracking-wide text-center rounded-t-md  {% if day.is_pinned %} text-white bg-primary-950 {% else %} text-primary-950 dark:text-white bg-gray-200 dark:bg-primary-950 bg-opacity-80 {% endif %} text-lg px-3 py-3 ">
+                        {{ day.day| date(format="%d.%m.%Y") }}
+                        <small class="inline-block ml-1 text-xs {% if day.is_pinned %} text-gray-200 {% else %} text-gray-500 dark:text-gray-100 {% endif %}">{{ day.day | date(format="%A", locale="de_AT") }}</small>
+                    </h2>
+                    {% if day.planned_events | length > 0 or  day.trips | length > 0 %}
+                        <div class="grid grid-cols-1 gap-3 mb-3">
+                            {# --- START Events --- #}
+                            {% if day.planned_events | length > 0 %}
+                                {% for planned_event in day.planned_events | sort(attribute="planned_starting_time") %}
+                                    {% set amount_cur_cox = planned_event.cox | length %}
+                                    {% set amount_cox_missing = planned_event.planned_amount_cox - amount_cur_cox %}
+                                    <div class="pt-2 px-3 border-t border-gray-200"
+                                         style="order: {{ planned_event.planned_starting_time | replace(from=":", to="") }}">
+                                        <div class="flex justify-between items-center">
+                                            <div class="mr-1">
+                                                <strong class="text-primary-900 dark:text-white">
+                                                    {{ planned_event.planned_starting_time }}
+                                                    Uhr
+                                                </strong>
+                                                <small class="text-gray-600 dark:text-gray-100">({{ planned_event.name }}
+                                                    {% if planned_event.trip_type %}
+                                                        - {{ planned_event.trip_type.icon | safe }} {{ planned_event.trip_type.name }}
+                                                    {% endif %}
+                                                )</small>
+                                                <br />
+                                                <a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>{{ planned_event.planned_starting_time }} Uhr</strong> ({{ planned_event.name }})
+                                                    {% if planned_event.trip_type %}<small class='block'>{{ planned_event.trip_type.desc }}</small>{% endif %}
+                                                    {% if planned_event.notes %}<small class='block'>{{ planned_event.notes }}</small>{% endif %}
+                                                    " data-body="#event{{ planned_event.trip_details_id }}" class="inline-block link-primary mr-3">
+                                                    Details
+                                                </a>
+                                            </div>
+                                            <div class="text-right grid gap-2">
+                                                {# --- START Row Buttons --- #}
+                                                {% set_global cur_user_participates = false %}
+                                                {% for rower in planned_event.rower %}
+                                                    {% if rower.name == loggedin_user.name %}
+                                                        {% set_global cur_user_participates = true %}
+                                                    {% endif %}
+                                                {% endfor %}
+                                                {% if cur_user_participates %}
+                                                    <a href="/planned/remove/{{ planned_event.trip_details_id }}"
+                                                       class="btn btn-attention btn-fw">Abmelden</a>
+                                                {% endif %}
+                                                {% if planned_event.max_people > planned_event.rower | length %}
+                                                    {% if cur_user_participates == false %}
+                                                        <a href="/planned/join/{{ planned_event.trip_details_id }}"
+                                                           class="btn btn-primary btn-fw"
+                                                           {% if planned_event.trip_type %}onclick="return confirm('{{ planned_event.trip_type.question }}');"{% endif %}>Mitrudern</a>
+                                                    {% endif %}
+                                                {% endif %}
+                                                {# --- END Row Buttons --- #}
+                                                {# --- START Cox Buttons --- #}
+                                                {% if "cox" in loggedin_user.roles %}
+                                                    {% set_global cur_user_participates = false %}
+                                                    {% for cox in planned_event.cox %}
+                                                        {% if cox.name == loggedin_user.name %}
+                                                            {% set_global cur_user_participates = true %}
+                                                        {% endif %}
+                                                    {% endfor %}
+                                                    {% if cur_user_participates %}
+                                                        <a href="/cox/remove/{{ planned_event.id }}"
+                                                           class="block btn btn-attention btn-fw">
+                                                            {% include "includes/cox-icon" %}
+                                                            Abmelden
+                                                        </a>
+                                                    {% else %}
+                                                        <a href="/cox/join/{{ planned_event.id }}"
+                                                           class="block btn {% if amount_cox_missing > 0 %} btn-dark {% else %} btn-gray {% endif %} btn-fw"
+                                                           {% if planned_event.trip_type %}onclick="return confirm('{{ planned_event.trip_type.question }}');"{% endif %}>
+                                                            {% include "includes/cox-icon" %}
+                                                            Steuern
+                                                        </a>
+                                                    {% endif %}
+                                                {% endif %}
+                                                {# --- END Cox Buttons --- #}
+                                            </div>
+                                        </div>
+                                        {# --- START Sidebar Content --- #}
+                                        <div class="hidden">
+                                            <div id="event{{ planned_event.trip_details_id }}">
+                                                {# --- START List Coxes --- #}
+                                                {% if planned_event.planned_amount_cox > 0 %}
+                                                    {% if amount_cox_missing > 0 %}
+                                                        {{ macros::box(participants=planned_event.cox, empty_seats=planned_event.planned_amount_cox - amount_cur_cox, header='Noch benötigte Steuerleute:', text='Keine Steuerleute angemeldet') }}
+                                                    {% else %}
+                                                        {{ macros::box(participants=planned_event.cox, empty_seats="", header='Genügend Steuerleute haben sich angemeldet :-)', text='Keine Steuerleute angemeldet') }}
+                                                    {% endif %}
+                                                {% endif %}
+                                                {# --- END List Coxes --- #}
+                                                {# --- START List Rowers --- #}
+                                                {% if planned_event.max_people > 0 %}
+                                                    {% set amount_cur_rower = planned_event.rower | length %}
+                                                    {{ macros::box(participants=planned_event.rower, empty_seats=planned_event.max_people - amount_cur_rower, bg='primary-100', color='black', trip_details_id=planned_event.trip_details_id, allow_removing="planned_event" in loggedin_user.roles) }}
+                                                {% endif %}
+                                                {# --- END List Rowers --- #}
+                                                {% if "planned_event" in loggedin_user.roles %}
+                                                    <form action="/planned/join/{{ planned_event.trip_details_id }}"
+                                                          method="get" />
+                                                    {{ macros::input(label='Gast', class="input rounded-t", name='user_note', type='text', required=true) }}
+                                                    <input value="Gast hinzufügen"
+                                                           class="btn btn-primary w-full rounded-t-none-important"
+                                                           type="submit" />
+                                                </form>
+                                            {% endif %}
+                                            {% if planned_event.allow_guests %}
+                                                <div class="text-primary-900 bg-primary-50 text-center p-1 mb-4">Gäste willkommen!</div>
+                                            {% endif %}
+                                            {% if "planned_event" in loggedin_user.roles %}
+                                                {# --- START Edit Form --- #}
+                                                <div class="bg-gray-100 dark:bg-primary-900 p-3 mt-4 rounded-md">
+                                                    <h3 class="text-primary-950 dark:text-white font-bold uppercase tracking-wide mb-2">Ausfahrt bearbeiten</h3>
+                                                    <form action="/admin/planned-event" method="post" class="grid gap-3">
+                                                        <input type="hidden" name="_method" value="put" />
+                                                        <input type="hidden" name="id" value="{{ planned_event.id }}" />
+                                                        {{ macros::input(label='Titel', name='name', type='input', value=planned_event.name) }}
+                                                        {{ macros::input(label='Anzahl Ruderer', name='max_people', type='number', required=true, value=planned_event.max_people, min='0') }}
+                                                        {{ macros::input(label='Anzahl Steuerleute', name='planned_amount_cox', type='number', value=planned_event.planned_amount_cox, required=true, min='0') }}
+                                                        {{ macros::checkbox(label='Immer anzeigen', name='always_show', id=planned_event.id,checked=planned_event.always_show) }}
+                                                        {{ macros::checkbox(label='Gesperrt', name='is_locked', id=planned_event.id,checked=planned_event.is_locked) }}
+                                                        {{ macros::input(label='Anmerkungen', name='notes', type='input', value=planned_event.notes) }}
+                                                        <input value="Speichern" class="btn btn-primary" type="submit" />
+                                                    </form>
+                                                </div>
+                                                {# --- END Edit Form --- #}
+                                                {# --- START Delete Btn --- #}
+                                                <div class="text-right">
+                                                    <a href="/admin/planned-event/{{ planned_event.id }}/delete"
+                                                       class="inline-block btn btn-alert">
+                                                        {% include "includes/delete-icon" %}
+                                                        Termin löschen
+                                                    </a>
+                                                </div>
+                                            {% endif %}
+                                            {# --- END Delete Btn --- #}
+                                        </div>
+                                    </div>
+                                    {# --- END Sidebar Content --- #}
+                                </div>
+                            {% endfor %}
+                        {% endif %}
+                        {# --- END Events --- #}
+                        {# --- START Trips --- #}
+                        {% if day.trips | length > 0 %}
+                            {% for trip in day.trips | sort(attribute="planned_starting_time") %}
+                                <div class="pt-2 px-3 reset-js border-t border-gray-200"
+                                     style="order: {{ trip.planned_starting_time | replace(from=":", to="") }}"
+                                     data-coxneeded="false">
+                                    <div class="flex justify-between items-center">
+                                        <div class="mr-1">
+                                            {% if trip.max_people == 0 %}
+                                                <strong class="text-[#f43f5e]">&#9888;
+                                                    {{ trip.planned_starting_time }}
+                                                Uhr</strong>
+                                                <small class="text-[#f43f5e]">(Absage
+                                                    {{ trip.cox_name -}}
+                                                    {% if trip.trip_type %}
+                                                        -
+                                                        {{ trip.trip_type.icon | safe }}{{ trip.trip_type.name }}
+                                                    {% endif -%}
+                                                )</small>
+                                            {% else %}
+                                                <strong class="text-primary-900 dark:text-white">{{ trip.planned_starting_time }}
+                                                Uhr</strong>
+                                                <small class="text-gray-600 dark:text-gray-100">({{ trip.cox_name -}}
+                                                    {% if trip.trip_type %}
+                                                        - {{ trip.trip_type.icon | safe }} {{ trip.trip_type.name }}
+                                                    {% endif -%}
+                                                )</small>
+                                            {% endif %}
+                                            <br />
+                                            <a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>
+                                                {% if trip.max_people == 0 %}&#9888;{% endif %}
+                                                {{ trip.planned_starting_time }} Uhr</strong> ({{ trip.cox_name }})
+                                                {% if trip.trip_type %}<small class='block'>{{ trip.trip_type.desc }}</small>{% endif %}
+                                                {% if trip.notes %}<small class='block'>{{ trip.notes }}</small>{% endif %}
+                                                " data-body="#trip{{ trip.trip_details_id }}" class="inline-block link-primary mr-3">
+                                                Details
+                                            </a>
+                                        </div>
+                                        <div>
+                                            {% set_global cur_user_participates = false %}
+                                            {% for rower in trip.rower %}
+                                                {% if rower.name == loggedin_user.name %}
+                                                    {% set_global cur_user_participates = true %}
+                                                {% endif %}
+                                            {% endfor %}
+                                            {% if cur_user_participates %}
+                                                <a href="/planned/remove/{{ trip.trip_details_id }}"
+                                                   class="btn btn-attention btn-fw">Abmelden</a>
+                                            {% endif %}
+                                            {% if trip.max_people > trip.rower | length and trip.cox_id != loggedin_user.id and cur_user_participates == false %}
+                                                <a href="/planned/join/{{ trip.trip_details_id }}"
+                                                   class="btn btn-primary btn-fw"
+                                                   {% if trip.trip_type %}onclick="return confirm('{{ trip.trip_type.question }}');"{% endif %}>Mitrudern</a>
+                                            {% endif %}
+                                        </div>
+                                    </div>
+                                    {# --- START Sidebar Content --- #}
+                                    <div class="hidden">
+                                        <div id="trip{{ trip.trip_details_id }}">
+                                            {% if trip.max_people == 0 %}
+                                                {# --- border-[#f43f5e] bg-[#f43f5e] --- #}
+                                                {{ macros::box(participants=trip.rower,bg='[#f43f5e]',header='Absage') }}
+                                            {% else %}
+                                                {% set amount_cur_rower = trip.rower | length %}
+                                                {{ macros::box(participants=trip.rower, empty_seats=trip.max_people - amount_cur_rower, bg='primary-100', color='black', trip_details_id=trip.trip_details_id, allow_removing=loggedin_user.id == trip.cox_id) }}
+                                                {% if trip.cox_id == loggedin_user.id %}
+                                                    <form action="/planned/join/{{ trip.trip_details_id }}" method="get" />
+                                                    {{ macros::input(label='Gast', class="input rounded-t", name='user_note', type='text', required=true) }}
+                                                    <input value="Gast hinzufügen"
+                                                           class="btn btn-primary w-full rounded-t-none-important"
+                                                           type="submit" />
+                                                </form>
+                                            {% endif %}
+                                        {% endif %}
+                                        {# --- START Edit Form --- #}
+                                        {% if trip.cox_id == loggedin_user.id %}
+                                            <div class="bg-gray-100 dark:bg-primary-900 p-3 mt-4 rounded-md">
+                                                <h3 class="text-primary-950 dark:text-white font-bold uppercase tracking-wide mb-2">Ausfahrt bearbeiten</h3>
+                                                <form action="/cox/trip/{{ trip.id }}" method="post" class="grid gap-3">
+                                                    {{ macros::input(label='Anzahl Ruderer', name='max_people', type='number', required=true, value=trip.max_people, min='0') }}
+                                                    {{ macros::input(label='Anmerkungen', name='notes', type='input', value=trip.notes) }}
+                                                    {{ macros::checkbox(label='Immer anzeigen', name='always_show', id=trip.id,checked=trip.always_show) }}
+                                                    {{ macros::checkbox(label='Gesperrt', name='is_locked', id=trip.id,checked=trip.is_locked) }}
+                                                    {{ macros::select(label='Typ', name='trip_type', data=trip_types, default='Reguläre Ausfahrt', selected_id=trip.trip_type_id) }}
+                                                    <input value="Speichern" class="btn btn-primary" type="submit" />
+                                                </form>
+                                            </div>
+                                            {% if trip.rower | length == 0 %}
+                                                <div class="text-right mt-6">
+                                                    <a href="/cox/remove/trip/{{ trip.id }}"
+                                                       class="inline-block btn btn-alert">
+                                                        {% include "includes/delete-icon" %}
+                                                        Termin löschen
+                                                    </a>
+                                                </div>
+                                            {% endif %}
+                                        {% endif %}
+                                        {# --- END Edit Form --- #}
+                                    </div>
+                                </div>
+                                {# --- END Sidebar Content --- #}
+                            </div>
+                        {% endfor %}
+                    {% endif %}
+                    {# --- END Trips --- #}
+                </div>
+            {% endif %}
+        </div>
+        {# --- START Add Buttons --- #}
+        {% if "planned_event" in loggedin_user.roles or "cox" in loggedin_user.roles %}
+            <div class="grid {% if "planned_event" in loggedin_user.roles %}grid-cols-2{% endif %} text-center">
+                {% if "planned_event" in loggedin_user.roles %}
+                    <a href="#"
+                       data-sidebar="true"
+                       data-trigger="sidebar"
+                       data-header="<strong>Event</strong> am {{ day.day| date(format='%d.%m.%Y') }} erstellen"
+                       data-day="{{ day.day }}"
+                       data-body="#addEventForm"
+                       class="relative inline-block w-full bg-primary-900 hover:bg-primary-950 focus:bg-primary-950 dark:bg-primary-950 text-white py-2 rounded-bl-md text-sm font-semibold">
+                        <span class="absolute inset-y-0 left-0 flex items-center pl-3">{% include "includes/plus-icon" %}</span>
+                        Event
+                    </a>
+                {% endif %}
+                {% if "cox" in loggedin_user.roles %}
+                    <a href="#" data-sidebar="true" data-trigger="sidebar" data-header="<strong>Ausfahrt</strong> am {{ day.day| date(format='%d.%m.%Y') }} erstellen" data-day="{{ day.day }}" data-body="#sidebarForm" class="relative inline-block w-full py-2 text-primary-900 hover:text-primary-950 dark:bg-primary-600 dark:text-white dark:hover:bg-primary-500 dark:hover:text-white focus:text-primary-950 text-sm font-semibold bg-gray-100 hover:bg-gray-200 focus:bg-gray-200
+                        {% if "planned_event" in loggedin_user.roles %}
+                            rounded-br-md
+                        {% else %}
+                            rounded-b-md
+                        {% endif %}
+                        ">
+                        <span class="absolute inset-y-0 left-0 flex items-center pl-3">{% include "includes/plus-icon" %}</span>
+                        Ausfahrt
+                    </a>
+                {% endif %}
+            </div>
+        {% endif %}
+        {# --- END Add Buttons --- #}
+    </div>
+{% endfor %}
+</div>
 </div>
-
 {% if "cox" in loggedin_user.roles %}
-	{% include "forms/trip" %}
+    {% include "forms/trip" %}
 {% endif %}
-
 {% if "planned_event" in loggedin_user.roles %}
-	{% include "forms/event" %}
-{% endif %}{% endblock content %}
+    {% include "forms/event" %}
+{% endif %}
+{% endblock content %}

templates/stat.boats.html.tera

@@ -1,40 +1,40 @@
 {% import "includes/macros" as macros %}
-
 {% extends "base" %}
-
 {% block content %}
-	<div class="max-w-screen-lg w-full">
-		<h1 class="h1">Bootsauswertung</h1>
-		<div class="search-wrapper">
-			<label for="name" class="sr-only">Suche</label>
-			<input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach Bootsnamen...">
-		</div>
-
-		<div id="filter-result-js" class="search-result"></div>
-
-		<div class="border-r border-l border-gray-200 dark:border-primary-600">
-			{% set_global km = 0 %}
-			{% set_global index = 1 %}
-			{% for s in stat %}
-				<div class="border-t border-gray-200 dark:border-primary-600 {% if loop.last %} border-b {% endif %} bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1" data-filterable="true" data-filter="{{ s.name }}">
-					<span class="text-sm text-gray-600 dark:text-gray-100 w-10">
-						{% if km != s.rowed_km %}
-							{{loop.index}}
-							{% set_global index = loop.index %}
-						{% else %}
-							{{ index }}
-						{% endif %}
-					</span>
-					<span class="grow">{{s.name}}</span>
-					<span>{{s.rowed_km}}
-						km</span>
-
-					{% set_global km = s.rowed_km %}
-				</div>
-			{% endfor %}
-		</div>
-		<div id="container" class="w-full"></div>
-	</div>
-
-	<script src="/public/logbook.js"></script>
-{% endblock content%}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">Bootsauswertung</h1>
+        <div class="search-wrapper">
+            <label for="name" class="sr-only">Suche</label>
+            <input type="search"
+                   name="name"
+                   id="filter-js"
+                   class="search-bar"
+                   placeholder="Suchen nach Bootsnamen...">
+        </div>
+        <div id="filter-result-js" class="search-result"></div>
+        <div class="border-r border-l border-gray-200 dark:border-primary-600">
+            {% set_global km = 0 %}
+            {% set_global index = 1 %}
+            {% for s in stat %}
+                <div class="border-t border-gray-200 dark:border-primary-600 {% if loop.last %}border-b{% endif %} bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1"
+                     data-filterable="true"
+                     data-filter="{{ s.name }}">
+                    <span class="text-sm text-gray-600 dark:text-gray-100 w-10">
+                        {% if km != s.rowed_km %}
+                            {{ loop.index }}
+                            {% set_global index = loop.index %}
+                        {% else %}
+                            {{ index }}
+                        {% endif %}
+                    </span>
+                    <span class="grow">{{ s.name }}</span>
+                    <span>{{ s.rowed_km }}
+                    km</span>
+                    {% set_global km = s.rowed_km %}
+                </div>
+            {% endfor %}
+        </div>
+        <div id="container" class="w-full"></div>
+    </div>
+    <script src="/public/logbook.js"></script>
+{% endblock content %}

templates/stat.people.html.tera

@@ -1,77 +1,57 @@
 {% import "includes/macros" as macros %}
-
 {% extends "base" %}
-
 {% block content %}
-
-
-<div class="max-w-screen-lg w-full">
-  <h1 class="h1">
-    Statistik
-    <select
-      id="yearSelect"
-      onchange="changeYear()"
-      style="
-        background: transparent;
-        background-image: none;
-        text-decoration: underline;
-      "
-    ></select>
-  </h1>
-  <div class="search-wrapper">
-    <label for="name" class="sr-only">Suche</label>
-    <input
-      type="search"
-      name="name"
-      id="filter-js"
-      class="search-bar"
-      placeholder="Suchen nach Namen..."
-    />
-  </div>
-
-  <div id="filter-result-js" class="search-result"></div>
-
-  <div class="border-r border-l border-gray-200 dark:border-primary-600">
-    {% set_global km = 0 %} {% set_global index = 1 %} {% for s in stat %}
-    <div
-      class="border-t border-gray-200 dark:border-primary-600 {% if loop.last %} border-b {% endif %} bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1"
-      data-filterable="true"
-      data-filter="{{ s.name }}"
-    >
-      <span class="text-sm text-gray-600 dark:text-gray-100 w-10">
-        {% if km != s.rowed_km %}
-        {{ loop.index }}
-        {% set_global index = loop.index %} {% else %}
-        {{ index }}
-        {% endif %}
-      </span>
-      <span class="grow">{{ s.name }}</span>
-      <span>{{ s.rowed_km }} km</span>
-
-      {% set_global km = s.rowed_km %}
+    <div class="max-w-screen-lg w-full">
+        <h1 class="h1">
+            Statistik
+            <select id="yearSelect"
+                    onchange="changeYear()"
+                    style="background: transparent;
+                           background-image: none;
+                           text-decoration: underline"></select>
+        </h1>
+        <div class="search-wrapper">
+            <label for="name" class="sr-only">Suche</label>
+            <input type="search"
+                   name="name"
+                   id="filter-js"
+                   class="search-bar"
+                   placeholder="Suchen nach Namen..." />
+        </div>
+        <div id="filter-result-js" class="search-result"></div>
+        <div class="border-r border-l border-gray-200 dark:border-primary-600">
+            {% set_global km = 0 %} {% set_global index = 1 %}
+            {% for s in stat %}
+                <div class="border-t border-gray-200 dark:border-primary-600 {% if loop.last %}border-b{% endif %} bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1"
+                     data-filterable="true"
+                     data-filter="{{ s.name }}">
+                    <span class="text-sm text-gray-600 dark:text-gray-100 w-10">
+                        {% if km != s.rowed_km %}
+                            {{ loop.index }}
+                            {% set_global index = loop.index %}
+                        {% else %}
+                            {{ index }}
+                        {% endif %}
+                    </span>
+                    <span class="grow">{{ s.name }}</span>
+                    <span>{{ s.rowed_km }} km</span>
+                    {% set_global km = s.rowed_km %}
+                </div>
+            {% endfor %}
+            <div class="border-t border-gray-200 dark:border-primary-600 {% if loop.last %}border-b{% endif %} bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1"
+                 data-filterable="true"
+                 data-filter="{{ guest_km.name }}">
+                <span class="text-sm text-gray-600 dark:text-gray-100 w-10"></span>
+                <span class="grow">{{ guest_km.name }}</span>
+                <span>{{ guest_km.rowed_km }} km</span>
+            </div>
+        </div>
+        <div id="container" class="w-full"></div>
     </div>
-    {% endfor %}
-    <div
-      class="border-t border-gray-200 dark:border-primary-600 {% if loop.last %} border-b {% endif %} bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1"
-      data-filterable="true"
-      data-filter="{{ guest_km.name }}"
-    >
-      <span class="text-sm text-gray-600 dark:text-gray-100 w-10">
-      </span>
-      <span class="grow">{{ guest_km.name }}</span>
-      <span>{{ guest_km.rowed_km }} km</span>
-
-    </div>
-  </div>
-  <div id="container" class="w-full"></div>
-</div>
-
-<script>
+    <script>
 {% if personal %}
 const data = [
-  {%- for p in personal %}
-    { date: '{{p.date}}', km: {{p.km}} },
-  {%- endfor %}
+  {%- for p in personal %}{ date: '{{p.date}}', km: {{p.km}} },{%- endfor %}
 ]
 sessionStorage.setItem('userStats', JSON.stringify(data));
 {% endif %}
@@ -102,7 +82,6 @@ function changeYear() {
 
 // Call this function when the page loads
 populateYears();
-</script>
-
-<script src="/public/logbook.js"></script>
-{% endblock content%}
+    </script>
+    <script src="/public/logbook.js"></script>
+{% endblock content %}