From 6843a4abd62f7c66096fea5745f45be0f7bb98c2 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Fri, 26 Oct 2018 18:07:02 +0200
Subject: [PATCH] prepared new parameters margin x and margin y

---
 .../nls-guilloche/src/nls/models/config.model.ts   |  4 ++++
 src/app/app.component.html                         | 14 ++++++++++++++
 src/app/forms/config.form.ts                       |  4 ++++
 src/environments/environment.prod.ts               |  4 ++++
 src/environments/environment.ts                    |  4 ++++
 5 files changed, 30 insertions(+)

diff --git a/projects/nls-guilloche/src/nls/models/config.model.ts b/projects/nls-guilloche/src/nls/models/config.model.ts
index 5998037..73334ee 100644
--- a/projects/nls-guilloche/src/nls/models/config.model.ts
+++ b/projects/nls-guilloche/src/nls/models/config.model.ts
@@ -17,6 +17,10 @@
 export interface Config {
   width: number;
   height: number;
+  margin: {
+    x: number;
+    y: number;
+  };
   start: {
     x: number;
     y: number;
diff --git a/src/app/app.component.html b/src/app/app.component.html
index af3b769..83bc661 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -6,6 +6,20 @@
       <div class="pb-5">
         <h5>Grundfläche</h5>
         <hr>
+        <ng-container formGroupName="margin">
+          <div class="form-group mb-4">
+            <label class="form-control-label">
+              X-Achse
+            </label>
+            <input type="number" class="form-control" min="0" formControlName="x">
+          </div>
+          <div class="form-group mb-4">
+            <label class="form-control-label">
+              Y-Achse
+            </label>
+            <input type="number" class="form-control" formControlName="y">
+          </div>
+        </ng-container>
         <div class="form-group">
           <label class="form-control-label">
             Breite
diff --git a/src/app/forms/config.form.ts b/src/app/forms/config.form.ts
index a87d1db..77e3006 100644
--- a/src/app/forms/config.form.ts
+++ b/src/app/forms/config.form.ts
@@ -19,6 +19,10 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 const fb = new FormBuilder();
 
 export let ConfigForm: FormGroup = fb.group({
+  margin: fb.group({
+    x: fb.control('', Validators.min(0)),
+    y: fb.control('', Validators.min(0))
+  }),
   width: fb.control('', Validators.required),
   height: fb.control('', Validators.required),
   vectors: fb.group({
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index d737f07..79e5438 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -26,6 +26,10 @@ export const environment = {
     autoHeight: false
   },
   formDefaults: {
+    margin: {
+      x: 0,
+      y: 0
+    },
     width: 10,
     height: 16,
     scale: 0.4,
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index a939b0a..1c1dc7b 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -27,6 +27,10 @@ export const environment = {
     autoHeight: true
   },
   formDefaults: {
+    margin: {
+      x: 0,
+      y: 0
+    },
     width: 1e-10,
     height: 1,
     scale: 0.4,