initial commit
This commit is contained in:
commit
9cb89279f8
|
|
@ -0,0 +1,16 @@
|
||||||
|
# Editor configuration, see https://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.ts]
|
||||||
|
quote_type = single
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
max_line_length = off
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# Compiled output
|
||||||
|
/dist
|
||||||
|
/tmp
|
||||||
|
/out-tsc
|
||||||
|
/bazel-out
|
||||||
|
|
||||||
|
# Node
|
||||||
|
/node_modules
|
||||||
|
npm-debug.log
|
||||||
|
yarn-error.log
|
||||||
|
|
||||||
|
# IDEs and editors
|
||||||
|
.idea/
|
||||||
|
.project
|
||||||
|
.classpath
|
||||||
|
.c9/
|
||||||
|
*.launch
|
||||||
|
.settings/
|
||||||
|
*.sublime-workspace
|
||||||
|
|
||||||
|
# Visual Studio Code
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/settings.json
|
||||||
|
!.vscode/tasks.json
|
||||||
|
!.vscode/launch.json
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.history/*
|
||||||
|
|
||||||
|
# Miscellaneous
|
||||||
|
/.angular/cache
|
||||||
|
.sass-cache/
|
||||||
|
/connect.lock
|
||||||
|
/coverage
|
||||||
|
/libpeerconnection.log
|
||||||
|
testem.log
|
||||||
|
/typings
|
||||||
|
|
||||||
|
# System files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
{
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
|
||||||
|
"recommendations": ["angular.ng-template"]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
{
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||||
|
"version": "0.2.0",
|
||||||
|
"configurations": [
|
||||||
|
{
|
||||||
|
"name": "ng serve",
|
||||||
|
"type": "chrome",
|
||||||
|
"request": "launch",
|
||||||
|
"preLaunchTask": "npm: start",
|
||||||
|
"url": "http://localhost:4200/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ng test",
|
||||||
|
"type": "chrome",
|
||||||
|
"request": "launch",
|
||||||
|
"preLaunchTask": "npm: test",
|
||||||
|
"url": "http://localhost:9876/debug.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
{
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
|
||||||
|
"version": "2.0.0",
|
||||||
|
"tasks": [
|
||||||
|
{
|
||||||
|
"type": "npm",
|
||||||
|
"script": "start",
|
||||||
|
"isBackground": true,
|
||||||
|
"problemMatcher": {
|
||||||
|
"owner": "typescript",
|
||||||
|
"pattern": "$tsc",
|
||||||
|
"background": {
|
||||||
|
"activeOnStart": true,
|
||||||
|
"beginsPattern": {
|
||||||
|
"regexp": "(.*?)"
|
||||||
|
},
|
||||||
|
"endsPattern": {
|
||||||
|
"regexp": "bundle generation complete"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "npm",
|
||||||
|
"script": "test",
|
||||||
|
"isBackground": true,
|
||||||
|
"problemMatcher": {
|
||||||
|
"owner": "typescript",
|
||||||
|
"pattern": "$tsc",
|
||||||
|
"background": {
|
||||||
|
"activeOnStart": true,
|
||||||
|
"beginsPattern": {
|
||||||
|
"regexp": "(.*?)"
|
||||||
|
},
|
||||||
|
"endsPattern": {
|
||||||
|
"regexp": "bundle generation complete"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
# ToyotaFormApp
|
||||||
|
|
||||||
|
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.2.
|
||||||
|
|
||||||
|
## Development server
|
||||||
|
|
||||||
|
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
|
||||||
|
|
||||||
|
## Code scaffolding
|
||||||
|
|
||||||
|
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
|
||||||
|
|
||||||
|
## Build
|
||||||
|
|
||||||
|
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
|
||||||
|
|
||||||
|
## Running unit tests
|
||||||
|
|
||||||
|
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
||||||
|
|
||||||
|
## Running end-to-end tests
|
||||||
|
|
||||||
|
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
|
||||||
|
|
||||||
|
## Further help
|
||||||
|
|
||||||
|
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
{
|
||||||
|
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
|
||||||
|
"version": 1,
|
||||||
|
"newProjectRoot": "projects",
|
||||||
|
"projects": {
|
||||||
|
"toyota-form-app": {
|
||||||
|
"projectType": "application",
|
||||||
|
"schematics": {
|
||||||
|
"@schematics/angular:component": {
|
||||||
|
"style": "scss"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"root": "",
|
||||||
|
"sourceRoot": "src",
|
||||||
|
"prefix": "app",
|
||||||
|
"architect": {
|
||||||
|
"build": {
|
||||||
|
"builder": "@angular-devkit/build-angular:application",
|
||||||
|
"options": {
|
||||||
|
"outputPath": "dist/toyota-form-app",
|
||||||
|
"index": "src/index.html",
|
||||||
|
"browser": "src/main.ts",
|
||||||
|
"polyfills": [
|
||||||
|
"zone.js"
|
||||||
|
],
|
||||||
|
"tsConfig": "tsconfig.app.json",
|
||||||
|
"inlineStyleLanguage": "scss",
|
||||||
|
"assets": [
|
||||||
|
"src/favicon.ico",
|
||||||
|
"src/assets"
|
||||||
|
],
|
||||||
|
"styles": [
|
||||||
|
"src/styles.scss"
|
||||||
|
],
|
||||||
|
"scripts": []
|
||||||
|
},
|
||||||
|
"configurations": {
|
||||||
|
"production": {
|
||||||
|
"budgets": [
|
||||||
|
{
|
||||||
|
"type": "initial",
|
||||||
|
"maximumWarning": "500kb",
|
||||||
|
"maximumError": "1mb"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "anyComponentStyle",
|
||||||
|
"maximumWarning": "2kb",
|
||||||
|
"maximumError": "4kb"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"outputHashing": "all"
|
||||||
|
},
|
||||||
|
"development": {
|
||||||
|
"optimization": false,
|
||||||
|
"extractLicenses": false,
|
||||||
|
"sourceMap": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaultConfiguration": "production"
|
||||||
|
},
|
||||||
|
"serve": {
|
||||||
|
"builder": "@angular-devkit/build-angular:dev-server",
|
||||||
|
"configurations": {
|
||||||
|
"production": {
|
||||||
|
"buildTarget": "toyota-form-app:build:production"
|
||||||
|
},
|
||||||
|
"development": {
|
||||||
|
"buildTarget": "toyota-form-app:build:development"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaultConfiguration": "development"
|
||||||
|
},
|
||||||
|
"extract-i18n": {
|
||||||
|
"builder": "@angular-devkit/build-angular:extract-i18n",
|
||||||
|
"options": {
|
||||||
|
"buildTarget": "toyota-form-app:build"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"test": {
|
||||||
|
"builder": "@angular-devkit/build-angular:karma",
|
||||||
|
"options": {
|
||||||
|
"polyfills": [
|
||||||
|
"zone.js",
|
||||||
|
"zone.js/testing"
|
||||||
|
],
|
||||||
|
"tsConfig": "tsconfig.spec.json",
|
||||||
|
"inlineStyleLanguage": "scss",
|
||||||
|
"assets": [
|
||||||
|
"src/favicon.ico",
|
||||||
|
"src/assets"
|
||||||
|
],
|
||||||
|
"styles": [
|
||||||
|
"src/styles.scss"
|
||||||
|
],
|
||||||
|
"scripts": []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,39 @@
|
||||||
|
{
|
||||||
|
"name": "toyota-form-app",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"scripts": {
|
||||||
|
"ng": "ng",
|
||||||
|
"start": "ng serve",
|
||||||
|
"build": "ng build",
|
||||||
|
"watch": "ng build --watch --configuration development",
|
||||||
|
"test": "ng test"
|
||||||
|
},
|
||||||
|
"private": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@angular/animations": "^17.3.0",
|
||||||
|
"@angular/common": "^17.3.0",
|
||||||
|
"@angular/compiler": "^17.3.0",
|
||||||
|
"@angular/core": "^17.3.0",
|
||||||
|
"@angular/forms": "^17.3.0",
|
||||||
|
"@angular/platform-browser": "^17.3.0",
|
||||||
|
"@angular/platform-browser-dynamic": "^17.3.0",
|
||||||
|
"@angular/router": "^17.3.0",
|
||||||
|
"rxjs": "~7.8.0",
|
||||||
|
"tslib": "^2.3.0",
|
||||||
|
"zone.js": "~0.14.3"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@angular-devkit/build-angular": "^17.3.2",
|
||||||
|
"@angular/cli": "^17.3.2",
|
||||||
|
"@angular/compiler-cli": "^17.3.0",
|
||||||
|
"@types/jasmine": "~5.1.0",
|
||||||
|
"jasmine-core": "~5.1.0",
|
||||||
|
"karma": "~6.4.0",
|
||||||
|
"karma-chrome-launcher": "~3.2.0",
|
||||||
|
"karma-coverage": "~2.2.0",
|
||||||
|
"karma-jasmine": "~5.1.0",
|
||||||
|
"karma-jasmine-html-reporter": "~2.1.0",
|
||||||
|
"tailwindcss": "^3.4.4",
|
||||||
|
"typescript": "~5.4.2"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
import { Component } from '@angular/core';
|
||||||
|
import { ToyotaFormComponent } from './toyota-form/toyota-form.component';
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-root',
|
||||||
|
standalone: true,
|
||||||
|
imports: [ToyotaFormComponent],
|
||||||
|
template: '<app-toyota-form></app-toyota-form>'
|
||||||
|
})
|
||||||
|
export class AppComponent {
|
||||||
|
title = 'toyota-form-app';
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
import { ApplicationConfig } from '@angular/core';
|
||||||
|
|
||||||
|
export const appConfig: ApplicationConfig = {
|
||||||
|
providers: []
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,162 @@
|
||||||
|
<div class="document">
|
||||||
|
<div *ngFor="let page of pages; let i = index" class="page">
|
||||||
|
<div class="page-content">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div #formContent style="display: none;">
|
||||||
|
<h1 class="text-3xl font-bold mb-6">Wohnungs-Mietvertrag</h1>
|
||||||
|
<p class="mb-4">Zwischen</p>
|
||||||
|
<p class="mb-4">(Vor- und Zuname)</p>
|
||||||
|
<p class="mb-4">und________________________________________________________________</p>
|
||||||
|
<p class="mb-4">wohnhaft in als Vermieter/in</p>
|
||||||
|
<p class="mb-4">und _______________________________________________________________</p>
|
||||||
|
<p class="mb-4">(Vor- und Zuname)</p>
|
||||||
|
<p class="mb-4">sowie_______________________________________________________________</p>
|
||||||
|
<p class="mb-4">zur Zeit wohnhaft in als Mieter/in</p>
|
||||||
|
<p class="mb-4">wird folgender Mietvertrag geschlossen.</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 1 Mieträume</h2>
|
||||||
|
<ol class="list-decimal pl-6">
|
||||||
|
<li class="mb-2">Zur Benutzung als Wohnung werden die im Hause</li>
|
||||||
|
<p class="mb-2">(Ort, Straße und Hausnummer)</p>
|
||||||
|
<p class="mb-2">gelegenen Räume vermietet:</p>
|
||||||
|
<p class="mb-2">.........Zimmer,...........Küche/ Kochnische,..........Bad/ Dusche- mit WC,.........WC,.............Diele</p>
|
||||||
|
<p class="mb-2">..........Balkon,...........Mansarde,...........Bodenräume..........Kellerräume,.........Garage,</p>
|
||||||
|
<p class="mb-2">..........Auto/Abstellplatz,.........Gartenlaube,...........Garten.</p>
|
||||||
|
<li class="mb-2">Der Vermieter ist verpflichtet, Waschküche, Trockenboden oder Trockenplatz gemäß der Hausordnung zur Verfügung zu stellen.</li>
|
||||||
|
<li class="mb-2">Dem Mieter werden folgende Schlüssel ausgehändigt:</li>
|
||||||
|
<p class="mb-2">Haus-, Wohnungs-, Keller-, Boden- Garagenschlüssel</p>
|
||||||
|
<li class="mb-2">Die Wohnfläche beträgt qm.</li>
|
||||||
|
<p class="mb-2">Die Wohnung ist frei finanziert öffentlich gefördert.</p>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mb-4">§ 2 Mietzeit</h2>
|
||||||
|
<ol class="list-decimal pl-6">
|
||||||
|
<li class="mb-2">Das Mietverhältnis wird auf unbestimmte Zeit abgeschlossen. Es beginnt am :</li>
|
||||||
|
<li class="mb-2">Die Vertragsparteien sind sich darüber einig, dass vorliegend ein längerfristiges Mietverhältnis begründet werden soll. Deshalb sind die Kündigungsrechte hinsichtlich des Ausspruchs von Eigenbedarfs- und Verwertungskündigungen für_______________Jahre ausgeschlossen. Darüber hinaus richten sich die sonstigen Kündigungsvoraussetzungen nach den gesetzlichen Vorschriften, eine Teilkündigung von Nebenräumen ist ausgeschlossen.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 3 Miete</h2>
|
||||||
|
<p class="mb-4">Die Miete beträgt je Monat: _______________€.</p>
|
||||||
|
<p class="mb-4">In Worten EURO.</p>
|
||||||
|
<p class="mb-4">Die Vertragsparteien sind sich darüber einig, dass die Miete für den Zeitraum von _______ Jahren nicht erhöht werden kann. Mit dieser Mietzahlung sind sämtliche Betriebskosten abgegolten, sofern nicht die nachfolgende Regelung vereinbart wird.</p>
|
||||||
|
<p class="mb-4">Neben der Miete werden folgende Nebenkosten als umlagefähig vereinbart:</p>
|
||||||
|
<table class="w-full mb-4">
|
||||||
|
<tr>
|
||||||
|
<td>Monatliche Vorauszahlung</td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Heizungs- und Warmwasserkosten</td>
|
||||||
|
<td>_________€</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Frischwasserkosten</td>
|
||||||
|
<td>_________€</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Entwässerungskosten</td>
|
||||||
|
<td>_________€</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Müllabfuhrkosten</td>
|
||||||
|
<td>_________€</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Allgemeinbeleuchtungskosten</td>
|
||||||
|
<td>_________€</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>( weitere Betriebskosten hier eintragen )</td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<p class="mb-4">Die vertraglich vereinbarte Höhe der Vorauszahlungen für Heizkosten bzw. vertraglich vereinbarte Nebenkosten ist ausreichend, um die voraussichtlich entstehenden Kosten auszugleichen.</p>
|
||||||
|
<p class="mb-4">Über die Nebenkosten wird einmal jährlich abgerechnet. ja/nein</p>
|
||||||
|
<p class="mb-4">Für die oben aufgeführten Nebenkosten leistet der Mieter eine Pauschalzahlung.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mb-4">§ 4 Abrechnung der Heiz- und Nebenkosten</h2>
|
||||||
|
<ol class="list-decimal pl-6">
|
||||||
|
<li class="mb-2">Sind Vorauszahlungen vereinbart, so werden die Kosten für Heizung und Warmwasser nach den Grundsätzen der Heizkostenverordnung abgerechnet. Dabei gelten folgende Verteilerschlüssel</li>
|
||||||
|
</ol>
|
||||||
|
<table class="w-full mb-4">
|
||||||
|
<tr>
|
||||||
|
<td>50% nach Wohnfläche ( qm )</td>
|
||||||
|
<td>50% nach Verbrauch</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>45% nach Wohnfläche (qm )</td>
|
||||||
|
<td>55% nach Verbrauch</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>40% nach Wohnfläche ( qm )</td>
|
||||||
|
<td>60% nach Verbrauch</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>35% nach Wohnfläche ( qm )</td>
|
||||||
|
<td>65% nach Verbrauch</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>30% nach Wohnfläche ( qm )</td>
|
||||||
|
<td>70% nach Verbrauch</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<p class="mb-4">Sofern eine Abrechnung erfolgt, werden die übrigen vertraglich vereinbarten Betriebskosten entweder nach erfasstem Verbrauch abgerechnet ( Wasserzähler ) oder aber nach einem Personenverteilerschlüssel, oder nach dem Verhältnis der Wohnflächen zueinander.</p>
|
||||||
|
<p class="mb-4">Der Abrechnungszeitraum endet jeweils zum___________eines Jahres.</p>
|
||||||
|
<p class="mb-4">Sind Nebenkosten abgerechnet worden, so werden Guthabens- oder Nachzahlungsbeträge vier Wochen nach Zugang der ordnungsgemäßen Abrechnung fällig. Dem Mieter steht das Recht zu, gegen Erstattung angemessener Kopiekosten Belegkopien übersendet zu bekommen. Im Falle von Über- oder Nachzahlungen können die Vorauszahlungen auf einen angemessenen Betrag für zukünftige Mietzahlungszeiträume angepaßt werden.</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 5 Zahlung der Miete</h2>
|
||||||
|
<p class="mb-4">Die Miete ist- innerhalb eines jeden Monats an den Vermieter oder an die von ihm zur Entgegennahme berechtigte Person oder Stelle zu zahlen.</p>
|
||||||
|
<p class="mb-4">Die Bankverbindung des Vermieters lautet:</p>
|
||||||
|
<p class="mb-2">Kontoinhaber:</p>
|
||||||
|
<p class="mb-2">IBAN: DE</p>
|
||||||
|
<p class="mb-2">BIC:</p>
|
||||||
|
<p class="mb-2">Bankinstitut:</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mb-4">§ 6 Versorgung mit Heizung und Warmwasser</h2>
|
||||||
|
<p class="mb-4">Die vorhandene Heizungsanlage muss, soweit es die Witterung erforderlich macht, in Betrieb sein. Dabei wird mindestens eine Raumtemperatur von 22°C in der Zeit zwischen 5.00 Uhr und 24.00 Uhr in den beheizbaren Räumen seitens des Vermieters garantiert.</p>
|
||||||
|
<p class="mb-4">Sofern eine Warmwasserversorgung vorhanden ist, verpflichtet sich der Vermieter, diese Tag und Nacht zur Verfügung zu stellen.</p>
|
||||||
|
<p class="mb-4">Gegen den Willen des Mieters ist eine Ausgliederung bzw. Übertragung der Heizungs- und Warmwasserversorgung auf Dritte nicht zulässig.</p>
|
||||||
|
<p class="mb-4">Sollte zu Beginn des Mietverhältnisses die Heizungs- und Warmwasseranlage von einem Dritten betrieben werden, kann der Mieter gegenüber dem Vermieter seine mietrechtlichen Gewährleistungsansprüche geltend machen.</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 7 Arbeiten in den Mieträumen vor Einzug</h2>
|
||||||
|
<p class="mb-4">Der Vermieter verpflichtet sich, vor dem Einzug des Mieters, oder wenn dies nicht möglich ist, bis spätestens zum . folgende Arbeiten in den Mieträumen vornehmen zu lassen.</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 8 Benutzung der Mieträume (Untervermietung)</h2>
|
||||||
|
<p class="mb-4">Der Mieter darf die Mieträume nur zu Wohnzwecken nutzen. Der Mieter darf die Mieträume mit Erlaubnis des Vermieters untervermieten. Die Erlaubnis erfolgt ein für allemal. Die Erlaubnis darf nicht ohne sachliche Gründe versagt werden.</p>
|
||||||
|
<p class="mb-4">Verweigert der Vermieter die Erlaubnis zur Untervermietung, so kann der Mieter das Mietverhältnis vorzeitig mit einmonatiger Kündigungsfrist aufkündigen.</p>
|
||||||
|
<p class="mb-4">Dem Mieter wird das Recht eingeräumt, nicht störende Betätigungen, auch gewerblicher Art, in der Wohnung auszuüben, sofern der überwiegende Charakter der Wohnraumnutzung dadurch nicht beeinträchtigt wird.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mb-4">§ 9 Haushaltsmaschinen</h2>
|
||||||
|
<p class="mb-4">Der Mieter ist berechtigt, in den Mieträumen Haushaltsmaschinen ( z.B. Wasch- Geschirrspülmaschinen, Trockenautomaten, etc. ) aufzustellen. Dies gilt auch für den Fall, daß in Gemeinschaftsräumen Möglichkeiten zum Aufstellen von Haushaltsgeräten vorhanden sind.</p>
|
||||||
|
<p class="mb-4">Der Vermieter ist verpflichtet, dafür Sorge zu tragen, dass die Stromversorgung der Wohnung für die aufgestellten Geräte als ausreichend dimensioniert bzw. abgesichert anzusehen ist. Ist dies nicht der Fall, so ist der Vermieter zur Herrichtung der Stromversorgung nach den jeweils geltenden Bestimmungen verpflichtet</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 10 Ausbesserungen und Veränderungen</h2>
|
||||||
|
<p class="mb-4">Der Wohnungsmieter hat Einwirkungen auf die Wohnräume zu dulden, die zu ihrer Erhaltung oder der des Gebäudes erforderlich sind. Maßnahmen zur Verbesserung der Wohnung oder sonstiger Teile des Hauses oder zur Einsparung von Energie oder Wasser, die zu einer Wohnwertverbesserung führen, hat der Mieter zu dulden, soweit die geplanten Maßnahmen für ihn, für seine Familie oder einer anderen, zu seinem Hausstand gehörenden Person nicht zu einer ungerechtfertigten Härte führen würde.</p>
|
||||||
|
<p class="mb-4">Dabei ist die sich dadurch ergebende rechtlich zulässige Mieterhöhung auf 5,5 % der auf die Wohnung des Mieters entfallenden Kostengröße beschränkt. Bauliche Veränderungen durch den Mieter dürfen nur mit Erlaubnis des Vermieters vorgenommen werden, es sei denn, der Mieter verpflichtet sich vor Durchführung der Maßnahme zur Wiederherstellung des ursprünglichen Zustandes bei Beendigung des Mietverhältnisses.</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 11 Telekomunikation-Energielieferung-Multimedia-Dienstleistungen</h2>
|
||||||
|
<p class="mb-4">Dem Mieter wird das Recht eingeräumt, eigene Liefer- und Anschlussverträge mit Telekommunikationsunternehmen, Energielieferanten und Multimediadienstleistern seiner Wahl abzuschließen. Dabei verpflichtet sich der Vermieter schon jetzt, die dafür notwendige Benutzung der vorhandenen Hausinstallation zu genehmigen.</p>
|
||||||
|
<p class="mb-4">Sollten zusätzliche Installationen notwendig sein, werden diese durch den Vermieter genehmigt, sofern der Mieter dem Vermieter die dadurch entstehenden Kosten ersetzt ,bzw. ihn von einer Kostentragung freistellt.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mb-4">§ 12 Einbauten des Mieters</h2>
|
||||||
|
<p class="mb-4">Der Mieter ist berechtigt, in die angemieteten Räumlichkeiten Einrichtungen einzubauen. Bei Beendigung des Mietverhältnisses steht dem Mieter das Recht zu, die von ihm eingebrachten Einrichtungen wegzunehmen. Dem Vermieter steht das Recht zu, das Wegnahmerecht des Mieters zu verhindern, wobei dem Mieter dann eine angemessene Entschädigung zu zahlen ist.</p>
|
||||||
|
<p class="mb-4">Die Höhe der Entschädigungszahlung richtet sich nach dem Zeitwert der in den Räumlichkeiten verbliebenen Einrichtungen bzw. Einbauten.</p>
|
||||||
|
<p class="mb-4">Für den Fall, dass eine konkrete vertragliche Vereinbarung über die jährliche Absetzung für Abnutzung der Einrichtungen und Einbauten nicht getroffen wurde, vereinbaren die Parteien schon jetzt, dass pro Jahr der Wohndauer 5% der nachgewiesenen Kosten als abgewohnt zu bewerten sind.</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 13 Tierhaltung</h2>
|
||||||
|
<p class="mb-4">Dem Mieter wird das Recht zugestanden, in der Wohnung Haustiere zu halten, wobei dem Vermieter das Recht zusteht, der Tierhaltung zu widersprechen, wenn durch die Tierhaltung entweder eine übermäßige vertragliche Abnutzung der Wohnung erfo-gen würde bzw. zwingende Gründe gegen die Tierhaltung gegeben sind.</p>
|
||||||
|
<p class="mb-4">Sofern Gartenflächen und Hofflächen vorhanden sind, können diese mitgenutzt werden, ein einseitiger Widerruf der Garten- und Hofnutzung durch den Vermieter ist nur bei Vorliegen wichtiger, konkreter Gründe möglich.</p>
|
||||||
|
|
||||||
|
<h2 class="text-2xl font-bold mt-8 mb-4">§ 14 Fernsehempfang, Gemeinschaftsantennenanlage, Breitbandverkabelung</h2>
|
||||||
|
<p class="mb-4">Die Wohnung ist mit einer Fernsehempfangsanlage, nach dem heutigen Stand der Technik, ausgestattet. Die vertragsschließenden Parteien sind sich darüber einig, daß eine Ausgliederung der Fernseh- und Rundfunkversorgung auf einen Drittbetreiber nur mit ausdrücklicher schriftlicher Zustimmung des Mieters zulässig ist.</p>
|
||||||
|
<p class="mb-4">Der Vermieter ist berechtigt, zugunsten der Anbringung einer Gemeinschaftsantenne für alle üblichen Fernseh- und Rundfunkprogramme, die Entfernung von vorhandenen Einzelantennen auf seine Kosten zu verlangen, sofern die überwiegende Mehrheit der Mieter damit einverstanden ist, es sei denn, das wichtige Gründe einzelner Mieter gegen ein solches Verlangen sprechen. Sinngemäß gilt dies auch für Satellitenempfangsanlagen.</p>
|
||||||
|
<p class="mb-4">Gemeinschaftsantennen und Gemeinschaftssatellitenanlagen sind durch den Vermieter auf den jeweils ortsüblichen Stand der Technik empfangsbereit zu halten.</p>
|
||||||
|
<p class="mb-4">Der Mieter ist berechtigt, seine Wohnung mit einer Breitbandkabelanlage auszustatten, verbleibt die Breitbandkabelanlage nach Beendigung des Mietverhältnisses in der Wohnung, gilt dies als Ausstattung gemäß § 12 des Mietvertrages. Sinngemäß gilt dies auch für Einzelsatellitenempfangsanlagen.</p>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
import { Component } from '@angular/core';
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-rental-agreement',
|
||||||
|
standalone: true,
|
||||||
|
imports: [],
|
||||||
|
templateUrl: './rental-agreement.component.html',
|
||||||
|
styleUrl: './rental-agreement.component.scss'
|
||||||
|
})
|
||||||
|
export class RentalAgreementComponent {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,171 @@
|
||||||
|
<!-- toyota-form.component.html -->
|
||||||
|
<div class="document">
|
||||||
|
<div *ngFor="let page of pages; let i = index" class="page">
|
||||||
|
<div class="page-content">
|
||||||
|
<ng-container *ngIf="i === 0">
|
||||||
|
<img src="https://www.toyota-bank.de/content/dam/toyota-bank/marke/logo_toyota_financial_services.png"
|
||||||
|
alt="Toyota Financial Services" class="logo mb-4">
|
||||||
|
|
||||||
|
<h1 class="text-xl font-bold mb-2">Selbstauskunft und Einwilligungserklärung</h1>
|
||||||
|
<p class="mb-4">für Interessenten</p>
|
||||||
|
|
||||||
|
<table class="bordered-table mb-4">
|
||||||
|
<tr>
|
||||||
|
<td class="w-1/2">
|
||||||
|
<strong>Vertragspartner</strong><br>
|
||||||
|
Toyota Kreditbank GmbH<br>
|
||||||
|
Postanschrift: 50415 Köln, Deutschland<br>
|
||||||
|
Hausanschrift: Toyota-Allee 5, Köln-Marsdorf, Deutschland (nachstehend TKG genannt)<br>
|
||||||
|
Tel. N/A<br>
|
||||||
|
Fax 02173/9936251 tkg@toyotakreditbank.com<br>
|
||||||
|
Steuer-Nummer 223/5819/0399
|
||||||
|
</td>
|
||||||
|
<td class="w-1/2">
|
||||||
|
<strong>Händler</strong><br>
|
||||||
|
AH Mustermann<br>
|
||||||
|
Toyotastraße<br>
|
||||||
|
50000 Köln<br><br>
|
||||||
|
<strong>Händlernummer</strong><br>
|
||||||
|
1234<br>
|
||||||
|
<strong>Verkäufer</strong><br>
|
||||||
|
Peter
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p class="mb-4 text-sm">Die TKG geht davon aus, dass der Interessent nicht im Auftrag oder in Vertretung
|
||||||
|
eines Dritten handelt.<br>
|
||||||
|
Sollte dies nicht der Fall sein, teilt der Interessent Name und Anschrift des Berechtigten mit.</p>
|
||||||
|
|
||||||
|
<div class="gray-bg p-2 mb-4">
|
||||||
|
<h2 class="font-bold">Selbstauskunft und Einwilligungserklärung</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="w-full mb-4">
|
||||||
|
<tr>
|
||||||
|
<td class="w-1/4">Vorname(n)</td>
|
||||||
|
<td class="w-1/4">Max</td>
|
||||||
|
<td class="w-1/4">geboren am</td>
|
||||||
|
<td class="w-1/4">01.01.1970 / in Köln</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Nachname</td>
|
||||||
|
<td>Weber</td>
|
||||||
|
<td>wohnhaft seit</td>
|
||||||
|
<td>01.01.1990 / Telefon privat 0177 7778899</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Zusatzname</td>
|
||||||
|
<td>zusatz</td>
|
||||||
|
<td>E-Mail</td>
|
||||||
|
<td>toyota@koeln.de</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Anschrift</td>
|
||||||
|
<td colspan="3">Toyotaallee 1 , 50858 Köln</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- More form fields would go here, following the same pattern -->
|
||||||
|
|
||||||
|
<div class="signature-box">
|
||||||
|
<p class="mb-4">Ich versichere vorstehende Angaben nach bestem Wissen wahrheitsgemäß und vollständig
|
||||||
|
gemacht zu haben.</p>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<div>
|
||||||
|
<p>Ort / Datum</p>
|
||||||
|
<div class="border-b border-black w-48 h-6"></div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Unterschrift Interessent</p>
|
||||||
|
<div class="border-b border-black w-48 h-6"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ng-container>
|
||||||
|
<div [innerHTML]="page"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div #formContent style="display: none;">
|
||||||
|
<h2 class="font-bold mb-4">Standard-Datenschutzklausel</h2>
|
||||||
|
<h3 class="font-bold">1. Zweck der Erhebung</h3>
|
||||||
|
<p class="mb-4">Soweit Sie einwilligen, werden Ihre Daten durch die Toyota Kreditbank GmbH (TKG) zu Zwecken der
|
||||||
|
bedarfsgerechten Werbung unter Beachtung der Datenschutzgrundverordnung (DSGVO) sowie weiterer
|
||||||
|
datenschutzrechtlicher Bestimmungen verarbeitet. Hierbei berücksichtigen wir auch Erkenntnisse aus früheren
|
||||||
|
Geschäftsbeziehungen mit Ihnen, soweit wir hierzu berechtigt sind. Einzelheiten zum Zweck und Umfang der
|
||||||
|
jeweiligen Datenverarbeitung können Sie den entsprechenden Einwilligungserklärungen entnehmen.</p>
|
||||||
|
|
||||||
|
<p class="mb-4">Weitere Informationen zum Schutz der Sie betreffenden personenbezogenen Daten, deren Verarbeitung
|
||||||
|
und Ihrer Rechte als betroffene Person entnehmen Sie bitte den gesondert beigefügten Datenschutzhinweisen.</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold mb-2">2. EINWILLIGUNGSERKLÄRUNGEN DATENSCHUTZ</h3>
|
||||||
|
<p class="mb-4">Sie haben die Möglichkeit durch Ankreuzen der vorgesehenen Kästchen bei den einzelnen
|
||||||
|
Einwilligungserklärungen eine Auswahl darüber zu treffen, welche Einwilligungen Sie erklären möchten. Durch Ihre
|
||||||
|
Unterschrift am Ende bestätigen Sie uns, dass Sie die angekreuzten Einwilligungen gegenüber uns erklären.</p>
|
||||||
|
|
||||||
|
<p class="mb-4">Soweit Sie eine Einwilligung nicht erklären, hat dies keinerlei Einfluss auf den Vertragsschluss mit
|
||||||
|
Ihnen und Sie erleiden dadurch keine Nachteile.</p>
|
||||||
|
|
||||||
|
<h4 class="font-bold">Widerrufsrecht</h4>
|
||||||
|
<p class="mb-4">Die nachstehenden datenschutzrechtlichen Einwilligungen werden entsprechend Ihrer Auswahl durch Ihre
|
||||||
|
Unterschrift am Ende erteilt. Sie haben das Recht, Ihre nachfolgend einmal erteilte(n) Einwilligung(en)
|
||||||
|
jederzeit gegenüber uns zu widerrufen. Dies hat zur Folge, dass wir die auf der betroffenen Einwilligung
|
||||||
|
beruhende Datenverarbeitung zukünftig nicht mehr fortführen dürfen. Dies hat jedoch keinen Einfluss auf die bis
|
||||||
|
zur Erklärung Ihres Widerrufs durchgeführte Datenverarbeitung.</p>
|
||||||
|
|
||||||
|
<h4 class="font-bold">2.1 Kundenbetreuung durch die Versicherung</h4>
|
||||||
|
<p class="mb-4">Die TKG arbeitet im Interesse einer umfassenden Beratung und Betreuung ihrer Kunden im TOYOTA
|
||||||
|
Konzern mit der Aioi Nissay Dowa Insurance Company of Europe SE, Niederlassung Deutschland, der Aioi Nissay Dowa
|
||||||
|
Life Insurance of Europe AG und der Toyota Insurance Management SE (nachfolgend gemeinsam „Versicherungen"
|
||||||
|
genannt) zusammen, damit Sie z.B. auch Kfz-Versicherungen, Ratenausfallversicherungen angeboten und umfassend
|
||||||
|
beraten werden können. Ich bin damit einverstanden, dass die TKG den Versicherungen die für die Aufnahme und
|
||||||
|
Durchführung der Beratung erforderlichen Angaben zur direkten Kontaktaufnahme und Datenverarbeitung, und
|
||||||
|
direkten Kontaktaufnahme (per E-Mail oder postalisch) mit mir übermittelt. Übermittelt werden dürfen:</p>
|
||||||
|
|
||||||
|
<ul class="list-disc pl-8 mb-4">
|
||||||
|
<li>Personalien (Name, Anschrift, Geburtsdatum, Familienstand oder vergleichbare Daten aus einem Darlehens- bzw.
|
||||||
|
Leasingvertrag und/oder aus einer Selbstauskunft)</li>
|
||||||
|
<li>Fahrzeugdaten (Typ, Fahrgestell-Nr., Ausstattung oder vergleichbare Daten aus einem Darlehens- bzw.
|
||||||
|
Leasingvertrag)</li>
|
||||||
|
<li>Vertragsdaten (Laufzeit, mtl. Rate, Schlussrate, Vertragsstand und/oder Ablösesumme oder vergleichbare Daten
|
||||||
|
aus einem Laufenden- bzw. beendeten Vertrag oder aus einer Selbstauskunft) und</li>
|
||||||
|
<li>Bonitätsinformationen (Auskunft einer Auskunftei, Erfahrung aus einer bisherigen Geschäftsbeziehung mit der
|
||||||
|
TKG)</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p class="mb-4">In diesem Rahmen entbinde ich die TKG zugleich vom Bankgeheimnis.</p>
|
||||||
|
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<span class="checkbox"></span>
|
||||||
|
<span>Ich möchte die vorstehende Einwilligung erteilen (Bitte ankreuzen, falls gewünscht).</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 class="font-bold">2.2 Werbeeinwilligung</h4>
|
||||||
|
<p class="mb-4">Ich willige ein, dass meine Daten aus dem Vertragsantrag von der TKG verwendet werden, um mir
|
||||||
|
weitere Finanzdienstleistungsangebote von der TKG zu Fahrzeugen sowie zu damit verbundenen
|
||||||
|
Versicherungsprodukten per E-Mail, telefonisch oder per SMS/MMS zu unterbreiten. Diese Einwilligung umfasst auch
|
||||||
|
die werbliche Kommunikation des mich betreuenden Händlers.</p>
|
||||||
|
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<span class="checkbox"></span>
|
||||||
|
<span>Ich möchte die vorstehende Einwilligung erteilen (Bitte ankreuzen, falls gewünscht).</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="signature-box">
|
||||||
|
<p class="mb-4">Die vorstehenden Einwilligungserklärungen habe ich zur Kenntnis genommen. Ich habe die
|
||||||
|
Einwilligungen, die ich erteilen möchte, durch Ankreuzen des hierfür vorgesehenen Kästchens markiert und
|
||||||
|
erkläre mich mit deren Inhalt einverstanden.</p>
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<div>
|
||||||
|
<p>Ort / Datum</p>
|
||||||
|
<div class="border-b border-black w-48 h-6"></div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>Unterschrift Interessent</p>
|
||||||
|
<div class="border-b border-black w-48 h-6"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div #measureContainer style="position: absolute; visibility: hidden; width: 210mm; padding: 20mm;"></div>
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
.document {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
}
|
||||||
|
.page {
|
||||||
|
width: 210mm;
|
||||||
|
height: 297mm;
|
||||||
|
padding: 20mm;
|
||||||
|
margin: 10mm auto;
|
||||||
|
background: white;
|
||||||
|
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
padding: 2px 4px;
|
||||||
|
}
|
||||||
|
.bordered-table {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
.bordered-table td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
.gray-bg {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
.signature-box {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
padding: 10px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.checkbox {
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
border: 1px solid black;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
.page {
|
||||||
|
margin: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,55 @@
|
||||||
|
import { Component, AfterViewInit, ElementRef, ViewChild, Renderer2 } from '@angular/core';
|
||||||
|
import { CommonModule } from '@angular/common';
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'app-toyota-form',
|
||||||
|
standalone: true,
|
||||||
|
imports: [CommonModule],
|
||||||
|
templateUrl: './toyota-form.component.html',
|
||||||
|
styleUrls: ['./toyota-form.component.scss']
|
||||||
|
})
|
||||||
|
export class ToyotaFormComponent implements AfterViewInit {
|
||||||
|
@ViewChild('formContent') formContent!: ElementRef<HTMLDivElement>;
|
||||||
|
@ViewChild('measureContainer') measureContainer!: ElementRef<HTMLDivElement>;
|
||||||
|
|
||||||
|
pages: string[] = [''];
|
||||||
|
private currentPageHeight = 0;
|
||||||
|
private maxPageHeight = 1122-150; // A4 height in pixels (297mm at 96 DPI) - 40px for margins
|
||||||
|
|
||||||
|
constructor(private renderer: Renderer2, private el: ElementRef) {}
|
||||||
|
|
||||||
|
ngAfterViewInit() {
|
||||||
|
setTimeout(() => this.renderContent(), 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
renderContent() {
|
||||||
|
let currentPage = '';
|
||||||
|
const children = Array.from(this.formContent.nativeElement.children);
|
||||||
|
|
||||||
|
children.forEach((child) => {
|
||||||
|
const element = child as HTMLElement;
|
||||||
|
const clone = element.cloneNode(true) as HTMLElement;
|
||||||
|
this.renderer.appendChild(this.measureContainer.nativeElement, clone);
|
||||||
|
|
||||||
|
const height = clone.offsetHeight;
|
||||||
|
this.renderer.removeChild(this.measureContainer.nativeElement, clone);
|
||||||
|
|
||||||
|
if (this.currentPageHeight + height > this.maxPageHeight) {
|
||||||
|
this.pages.push(currentPage);
|
||||||
|
currentPage = element.outerHTML;
|
||||||
|
this.currentPageHeight = height;
|
||||||
|
} else {
|
||||||
|
currentPage += element.outerHTML;
|
||||||
|
this.currentPageHeight += height;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (currentPage) {
|
||||||
|
this.pages.push(currentPage);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
print() {
|
||||||
|
window.print();
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -0,0 +1,13 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>ToyotaFormApp</title>
|
||||||
|
<base href="/">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-100">
|
||||||
|
<app-root></app-root>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
import { bootstrapApplication } from '@angular/platform-browser';
|
||||||
|
import { appConfig } from './app/app.config';
|
||||||
|
import { AppComponent } from './app/app.component';
|
||||||
|
|
||||||
|
bootstrapApplication(AppComponent, appConfig)
|
||||||
|
.catch((err) => console.error(err));
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
/* You can add global styles to this file, and also import other style files */
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: [
|
||||||
|
"./src/**/*.{html,ts}", // add this line
|
||||||
|
],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||||
|
{
|
||||||
|
"extends": "./tsconfig.json",
|
||||||
|
"compilerOptions": {
|
||||||
|
"outDir": "./out-tsc/app",
|
||||||
|
"types": []
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
"src/main.ts"
|
||||||
|
],
|
||||||
|
"include": [
|
||||||
|
"src/**/*.d.ts"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||||
|
{
|
||||||
|
"compileOnSave": false,
|
||||||
|
"compilerOptions": {
|
||||||
|
"outDir": "./dist/out-tsc",
|
||||||
|
"strict": true,
|
||||||
|
"noImplicitOverride": true,
|
||||||
|
"noPropertyAccessFromIndexSignature": true,
|
||||||
|
"noImplicitReturns": true,
|
||||||
|
"noFallthroughCasesInSwitch": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"declaration": false,
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"importHelpers": true,
|
||||||
|
"target": "ES2022",
|
||||||
|
"module": "ES2022",
|
||||||
|
"useDefineForClassFields": false,
|
||||||
|
"lib": [
|
||||||
|
"ES2022",
|
||||||
|
"dom"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"angularCompilerOptions": {
|
||||||
|
"enableI18nLegacyMessageIdFormat": false,
|
||||||
|
"strictInjectionParameters": true,
|
||||||
|
"strictInputAccessModifiers": true,
|
||||||
|
"strictTemplates": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
||||||
|
{
|
||||||
|
"extends": "./tsconfig.json",
|
||||||
|
"compilerOptions": {
|
||||||
|
"outDir": "./out-tsc/spec",
|
||||||
|
"types": [
|
||||||
|
"jasmine"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"include": [
|
||||||
|
"src/**/*.spec.ts",
|
||||||
|
"src/**/*.d.ts"
|
||||||
|
]
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue