diff --git a/ui/src/app/input/input.component.html b/ui/src/app/input/input.component.html
index 86d9f49..f0f2708 100644
--- a/ui/src/app/input/input.component.html
+++ b/ui/src/app/input/input.component.html
@@ -31,6 +31,82 @@
+
+
format
+
+
+
+
+
+
+
+
+
+
quality
+
+
+
+
+
+
+
+
+
+
diff --git a/ui/src/app/input/input.component.scss b/ui/src/app/input/input.component.scss
index 9a096dd..3249099 100644
--- a/ui/src/app/input/input.component.scss
+++ b/ui/src/app/input/input.component.scss
@@ -77,3 +77,48 @@
-ms-opacity: 0.3;
opacity: 0.2;
}
+
+/* Switch */
+
+.switch-field {
+ float: left;
+ font-size: 1em;
+ padding-right: 7px;
+
+ input {
+ position: absolute !important;
+ clip: rect(0, 0, 0, 0);
+ height: 1px;
+ width: 1px;
+ border: 0;
+ overflow: hidden;
+ }
+
+ label {
+ float: left;
+ display: inline-block;
+ color: #EB8C11;
+ padding: 0 2px;
+ }
+
+ label:hover {
+ cursor: pointer;
+ }
+
+ input:checked + label {
+ background: orange;
+ color: whitesmoke;
+ border: 1px orange;
+ -ms-border-top-right-radius: 3px;
+ -ms-border-top-left-radius: 3px;
+ -ms-border-bottom-right-radius: 3px;
+ -ms-border-bottom-left-radius: 3px;
+ border-radius: 3px;
+ }
+}
+
+.switch-title {
+ display: inline-block;
+ float: left;
+ padding-right: 5px;
+}
diff --git a/ui/src/app/input/input.component.ts b/ui/src/app/input/input.component.ts
index d284996..035228b 100644
--- a/ui/src/app/input/input.component.ts
+++ b/ui/src/app/input/input.component.ts
@@ -6,6 +6,7 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./input.component.scss']
})
export class InputComponent implements OnInit {
+ featureLevel = 0;
popupOpened: boolean;
locked = false;
format = 'video';
@@ -21,4 +22,8 @@ export class InputComponent implements OnInit {
submit() {
console.log('input submit');
}
+
+ allow600() {
+ return !this.locked && this.featureLevel >= 2;
+ }
}