Create shared toggle component to re-use

2022-07-27 10:48:27 +02:00
parent 1b3faa1203
commit 16db740986
7 changed files with 94 additions and 74 deletions
--- a/frontend/src/app/shared/components/toggle/toggle.component.html
+++ b/frontend/src/app/shared/components/toggle/toggle.component.html
@@ -0,0 +1,8 @@
+<div class="d-flex align-items-center justify-content-end">
+  <span style="margin-bottom: 0.5rem">{{ textLeft }}</span>&nbsp;
+  <label class="switch">
+    <input type="checkbox" (change)="onToggleStatusChanged($event)">
+    <span class="slider round"></span>
+  </label>
+  &nbsp;<span style="margin-bottom: 0.5rem">{{ textRight }}</span>
+</div>