Net-So.Org
+
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index d9a9af5..3c16ea9 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -6,11 +6,14 @@ import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';
import { LinksComponent } from './links/links.component';
import * as _ from 'lodash';
+import { TasmotaControlComponent } from './tasmota-control/tasmota-control.component';
+
@NgModule({
declarations: [
AppComponent,
- LinksComponent
+ LinksComponent,
+ TasmotaControlComponent
],
imports: [
BrowserModule,
diff --git a/src/app/links/links.component.css b/src/app/links/links.component.css
index e69de29..e93de37 100644
--- a/src/app/links/links.component.css
+++ b/src/app/links/links.component.css
@@ -0,0 +1,33 @@
+/* tasmota-control.component.css */
+.tasmota-control {
+ padding: 20px;
+}
+
+.socket-control {
+ margin: 20px 0;
+ padding: 15px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+}
+
+.socket-control button {
+ padding: 10px 20px;
+ margin-right: 10px;
+ border-radius: 5px;
+ border: none;
+ cursor: pointer;
+}
+
+.socket-control button.on {
+ background-color: #ff4444;
+ color: white;
+}
+
+.socket-control button.off {
+ background-color: #44ff44;
+ color: black;
+}
+
+.socket-control span {
+ margin-left: 10px;
+}
diff --git a/src/app/tasmota-control/tasmota-control.component.css b/src/app/tasmota-control/tasmota-control.component.css
new file mode 100644
index 0000000..e93de37
--- /dev/null
+++ b/src/app/tasmota-control/tasmota-control.component.css
@@ -0,0 +1,33 @@
+/* tasmota-control.component.css */
+.tasmota-control {
+ padding: 20px;
+}
+
+.socket-control {
+ margin: 20px 0;
+ padding: 15px;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+}
+
+.socket-control button {
+ padding: 10px 20px;
+ margin-right: 10px;
+ border-radius: 5px;
+ border: none;
+ cursor: pointer;
+}
+
+.socket-control button.on {
+ background-color: #ff4444;
+ color: white;
+}
+
+.socket-control button.off {
+ background-color: #44ff44;
+ color: black;
+}
+
+.socket-control span {
+ margin-left: 10px;
+}
diff --git a/src/app/tasmota-control/tasmota-control.component.html b/src/app/tasmota-control/tasmota-control.component.html
new file mode 100644
index 0000000..ead259f
--- /dev/null
+++ b/src/app/tasmota-control/tasmota-control.component.html
@@ -0,0 +1,27 @@
+
+