diff --git a/Public/css/main.css b/Public/css/main.css
index 7a519f5..fd1b31d 100644
--- a/Public/css/main.css
+++ b/Public/css/main.css
@@ -147,13 +147,17 @@ input[type=text]:focus, input[type=password]:focus, input[type=email]:focus {
background-color: #555;
}
-.toggle img {
+.toggle, .toggle img {
background-color: inherit;
width: 60px;
height: 30px;
+}
+
+a.toggle, a img.toggle {
cursor: pointer;
}
+
.toggle img:hover {
background-color: #555;
}
@@ -221,13 +225,15 @@ tr.htmx-swapping td {
overflow: auto;
z-index: 1;
position: fixed;
- top: 100px;
+ top: 60px;
left: 0;
background-color: #14141f;
width: 100%;
}
.closebtn {
+ border: none;
+ background-color: inherit;
color: grey;
margin-left: 50px;
text-decoration: none;
@@ -309,10 +315,7 @@ tr.htmx-swapping td {
background-color: inherit;
font-size: 1.3em;
padding-bottom: 10px;
-}
-
-.btn-row button:hover {
- color: blue;
+ cursor: pointer;
}
.btn-detail {
@@ -336,3 +339,72 @@ tr.htmx-swapping td {
.label {
color: #00ffcc;
}
+
+.float {
+ z-index: 1;
+ position: absolute;
+ top: 60px;
+ left: 0;
+ width: 100%;
+ background-color: #14141f;
+ padding: 20px;
+}
+
+.float .closebtn {
+ position: relative;
+ float: right;
+ top: 0;
+ right: 5px;
+ font-size: 36px;
+ margin-left: 50px;
+ color: grey;
+}
+
+.float .closebtn:hover {
+ color: white;
+}
+
+.float.htmx-swapping {
+ opacity: 0;
+ transition: opacity 0.5s ease-out;
+}
+
+.float table {
+ position: relative;
+ top: 15px;
+}
+
+.btn-row {
+ margin-top: 40px;
+ margin-right: 5px;
+}
+
+.btn-row button {
+ float: right;
+ padding: 10px 20px;
+ border-radius: 10px;
+ margin-left: 20px;
+}
+
+button.danger {
+ background-color: #ff4d4d;
+ color: white;
+}
+
+button.edit {
+ float: right;
+ background-color: #9999ff;
+ color: white;
+ }
+
+.danger:hover, .edit:hover {
+ opacity: 0.8;
+}
+
+form table input[type=text] {
+ border: none;
+ border-bottom: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+ font-size: 1.5em;
+}
diff --git a/Resources/Views/employees/detail.leaf b/Resources/Views/employees/detail.leaf
new file mode 100644
index 0000000..eff9b3c
--- /dev/null
+++ b/Resources/Views/employees/detail.leaf
@@ -0,0 +1,63 @@
+
+ #if(employee):
+
+
+ #endif
+
diff --git a/Resources/Views/employees/index.leaf b/Resources/Views/employees/index.leaf
index 36336fb..d99ea03 100644
--- a/Resources/Views/employees/index.leaf
+++ b/Resources/Views/employees/index.leaf
@@ -7,6 +7,7 @@
Employees are who purchase orders can be generated for.
+ #extend("employees/detail")
#extend("form-container"): #export("formContent"):
#extend("employees/form", form)
#endexport #endextend
diff --git a/Resources/Views/employees/table-row.leaf b/Resources/Views/employees/table-row.leaf
index e7c8d4d..84e9260 100644
--- a/Resources/Views/employees/table-row.leaf
+++ b/Resources/Views/employees/table-row.leaf
@@ -19,22 +19,33 @@
#endif
-
-
- #extend("img/trash-can")
-
-
- #extend("img/pencil")
-
+ |
+
|
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Resources/Views/index.leaf b/Resources/Views/index.leaf
index ed171e0..ce7efa7 100644
--- a/Resources/Views/index.leaf
+++ b/Resources/Views/index.leaf
@@ -4,8 +4,8 @@
-
-
+
+
#(title)
diff --git a/Resources/Views/purchaseOrders/detail.leaf b/Resources/Views/purchaseOrders/detail.leaf
index 64db5ce..e3bd857 100644
--- a/Resources/Views/purchaseOrders/detail.leaf
+++ b/Resources/Views/purchaseOrders/detail.leaf
@@ -1,46 +1,56 @@
-
+
+ #if(purchaseOrderDetail):
+
+ ×
+
Purchase Order: |
- #(purchaseOrder.id) |
+ #(purchaseOrderDetail.id) |
Work Order: |
- #(purchaseOrder.workOrder) |
+ #(purchaseOrderDetail.workOrder) |
Customer: |
- #(purchaseOrder.customer) |
+ #(purchaseOrderDetail.customer) |
Vendor: |
- #capitalized(purchaseOrder.vendorBranch.vendor.name) - #capitalized(purchaseOrder.vendorBranch.name) |
+ #capitalized(purchaseOrderDetail.vendorBranch.vendor.name) - #capitalized(purchaseOrderDetail.vendorBranch.name) |
Materials: |
- #(purchaseOrder.materials) |
+ #(purchaseOrderDetail.materials) |
Created For: |
- #capitalized(purchaseOrder.createdFor.firstName) #capitalized(purchaseOrder.createdFor.lastName) |
+ #capitalized(purchaseOrderDetail.createdFor.firstName) #capitalized(purchaseOrderDetail.createdFor.lastName) |
Truck Stock: |
- #capitalized(purchaseOrder.truckStock) |
+ #capitalized(purchaseOrderDetail.truckStock) |
Created By: |
- #(purchaseOrder.createdBy.username) |
+ #(purchaseOrderDetail.createdBy.username) |
Date: |
- #date(purchaseOrder.createdAt) |
+ #date(purchaseOrderDetail.createdAt, "MM-dd-yyyy") |
Updated: |
- #date(purchaseOrder.updatedAt) |
+ #date(purchaseOrderDetail.updatedAt, "MM-dd-yyyy") |
+ #endif
diff --git a/Resources/Views/purchaseOrders/index.leaf b/Resources/Views/purchaseOrders/index.leaf
index f35cf8f..c32f2b6 100644
--- a/Resources/Views/purchaseOrders/index.leaf
+++ b/Resources/Views/purchaseOrders/index.leaf
@@ -8,6 +8,16 @@
#extend("form-container"): #export("formContent"):
#extend("purchaseOrders/form", form)
#endexport #endextend
+
+
#if(hasPrevious):