added vehicles and vehicles extra, dynamic tables for entities, dynamic dropdowns with overlay for selecting and manage data

2026-02-10 17:32:33 +02:00
parent ed35a90cc0
commit 6a42099169
60 changed files with 4845 additions and 81 deletions
@@ -0,0 +1,139 @@
+.nui-entry-form {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.nui-entry-form-field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.nui-entry-form-field > label {
+    font-weight: 500;
+    color: #333;
+    font-size: 0.9rem;
+}
+
+.nui-entry-form-field input[type="text"],
+.nui-entry-form-field input[type="number"],
+.nui-entry-form-field select {
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    font-size: 0.95rem;
+    background-color: white;
+    color: #333;
+    transition: border-color 0.2s, box-shadow 0.2s;
+    box-sizing: border-box;
+}
+
+.nui-entry-form-field input[type="text"]:focus,
+.nui-entry-form-field input[type="number"]:focus,
+.nui-entry-form-field select:focus {
+    outline: none;
+    border-color: #667eea;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+}
+
+.nui-entry-form-field input[type="text"]:disabled,
+.nui-entry-form-field input[type="number"]:disabled,
+.nui-entry-form-field select:disabled {
+    background-color: #f0f0f0;
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+/* Hide number spinner */
+.nui-entry-form-field input[type="number"] {
+    -moz-appearance: textfield;
+}
+.nui-entry-form-field input[type="number"]::-webkit-outer-spin-button,
+.nui-entry-form-field input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+/* Error state */
+.nui-entry-form-input-error {
+    border-color: #dc3545 !important;
+}
+
+.nui-entry-form-error {
+    font-size: 0.8rem;
+    color: #dc3545;
+}
+
+/* Checkbox field */
+.nui-entry-form-checkbox-label {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    cursor: pointer;
+    font-weight: normal !important;
+    font-size: 0.95rem;
+    color: #333;
+}
+
+.nui-entry-form-checkbox {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+
+/* Actions */
+.nui-entry-form-actions {
+    display: flex;
+    gap: 0.75rem;
+    justify-content: flex-end;
+    margin-top: 1rem;
+    padding-top: 1rem;
+    border-top: 1px solid #eee;
+}
+
+.nui-entry-form-cancel {
+    background-color: #6c757d;
+    color: white;
+    padding: 0.5rem 1.5rem;
+    border: none;
+    border-radius: 4px;
+    font-size: 0.95rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background-color 0.2s, transform 0.1s;
+}
+
+.nui-entry-form-cancel:hover {
+    background-color: #5a6268;
+}
+
+.nui-entry-form-cancel:active {
+    transform: scale(0.98);
+}
+
+.nui-entry-form-save {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    padding: 0.5rem 1.5rem;
+    border: none;
+    border-radius: 4px;
+    font-size: 0.95rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: box-shadow 0.2s, transform 0.1s;
+}
+
+.nui-entry-form-save:hover:not(:disabled) {
+    box-shadow: 0 3px 8px rgba(102, 126, 234, 0.4);
+}
+
+.nui-entry-form-save:active:not(:disabled) {
+    transform: scale(0.98);
+}
+
+.nui-entry-form-save:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}