littwin-blue in digitale Ausgänge Schalter
This commit is contained in:
@@ -24,7 +24,7 @@ export default function DigitalOutputs({ openOutputModal }) {
|
|||||||
return (
|
return (
|
||||||
<div className="bg-white shadow-md rounded-lg border border-gray-200 p-4 w-2/5 h-[fit-content]">
|
<div className="bg-white shadow-md rounded-lg border border-gray-200 p-4 w-2/5 h-[fit-content]">
|
||||||
<h2 className="text-md font-bold mb-4 flex items-center">
|
<h2 className="text-md font-bold mb-4 flex items-center">
|
||||||
<Icon icon="mdi:output" className="text-blue-500 mr-2 text-2xl" />
|
<Icon icon="mdi:output" className="text-littwin-blue mr-2 text-2xl" />
|
||||||
Digitale Ausgänge
|
Digitale Ausgänge
|
||||||
</h2>
|
</h2>
|
||||||
<table className="w-full text-sm border-collapse bg-white rounded-lg">
|
<table className="w-full text-sm border-collapse bg-white rounded-lg">
|
||||||
@@ -56,7 +56,7 @@ export default function DigitalOutputs({ openOutputModal }) {
|
|||||||
onClick={() => toggleSwitch(output.id)}
|
onClick={() => toggleSwitch(output.id)}
|
||||||
className={`cursor-pointer text-2xl transform ${
|
className={`cursor-pointer text-2xl transform ${
|
||||||
output.status
|
output.status
|
||||||
? "text-blue-500 scale-x-100"
|
? "text-littwin-blue scale-x-100"
|
||||||
: "text-gray-500 scale-x-[-1]"
|
: "text-gray-500 scale-x-[-1]"
|
||||||
}`}
|
}`}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -84,7 +84,7 @@ const GeneralSettings = () => {
|
|||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="bg-gray-500 text-white px-3 py-1 rounded text-xs"
|
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
|
||||||
onClick={() => handleSetDateTime()}
|
onClick={() => handleSetDateTime()}
|
||||||
>
|
>
|
||||||
Setzen
|
Setzen
|
||||||
@@ -129,33 +129,42 @@ const GeneralSettings = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2 flex items-center gap-2">
|
<div className="col-span-2 flex items-center gap-2">
|
||||||
<label className="block text-xs font-medium">NTP Aktiv:</label>
|
|
||||||
<input
|
<input
|
||||||
|
id="ntpActive"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
|
className="peer hidden"
|
||||||
checked={active}
|
checked={active}
|
||||||
onChange={(e) => setActive(e.target.checked)}
|
onChange={(e) => setActive(e.target.checked)}
|
||||||
/>
|
/>
|
||||||
|
<label
|
||||||
|
htmlFor="ntpActive"
|
||||||
|
className="w-5 h-5 border-2 border-gray-300 rounded cursor-pointer flex items-center justify-center
|
||||||
|
peer-checked:bg-littwin-blue peer-checked:border-littwin-blue peer-checked:text-white"
|
||||||
|
>
|
||||||
|
✓
|
||||||
|
</label>
|
||||||
|
<span className="text-xs font-medium">NTP Aktiv</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* ✅ Buttons */}
|
{/* ✅ Buttons */}
|
||||||
<div className="col-span-2 flex justify-between mt-2">
|
<div className="col-span-2 flex justify-between mt-2">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="bg-blue-500 text-white px-3 py-1 rounded text-xs"
|
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
|
||||||
onClick={() => handleReboot()}
|
onClick={() => handleReboot()}
|
||||||
>
|
>
|
||||||
Neustart
|
Neustart
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="bg-red-500 text-white px-3 py-1 rounded text-xs"
|
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
|
||||||
onClick={() => handleClearDatabase()}
|
onClick={() => handleClearDatabase()}
|
||||||
>
|
>
|
||||||
Datenbank leeren
|
Datenbank leeren
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="bg-green-500 text-white px-3 py-1 rounded text-xs"
|
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
handleSubmit(
|
handleSubmit(
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -6,5 +6,5 @@
|
|||||||
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
||||||
|
|
||||||
*/
|
*/
|
||||||
const webVersion = "1.6.100";
|
const webVersion = "1.6.101";
|
||||||
export default webVersion;
|
export default webVersion;
|
||||||
|
|||||||
Reference in New Issue
Block a user