Skip to content

Commit 488b1bd

Browse files
Revanth15Revanth15
committed
Minor Ui changes
1 parent d9a9054 commit 488b1bd

3 files changed

Lines changed: 35 additions & 15 deletions

File tree

‎public/styles/btn.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,22 @@
1414
.blue-btn:focus {
1515
box-shadow: 0 0 0 2px white, 0 0 0 3px #2098ce;
1616
}
17+
.blue-btn-10 {
18+
width: 8rem;
19+
background: #2098ce;
20+
font-weight: bold;
21+
color: white;
22+
border: 0 none;
23+
border-radius: 25px;
24+
cursor: pointer;
25+
padding: 10px 5px;
26+
margin: 10px 5px;
27+
}
28+
29+
.blue-btn-10:hover,
30+
.blue-btn-10:focus {
31+
box-shadow: 0 0 0 2px white, 0 0 0 3px #2098ce;
32+
}
1733
.blue-btn-25 {
1834
background: #2098ce;
1935
font-weight: bold;

‎public/styles/pastorderDetails.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -140,13 +140,13 @@ input.star:checked~.rev-box {
140140
}
141141

142142
.cart-price {
143-
width: 25%;
143+
width: 20%;
144144
font-size: 1.2em;
145145
color: #333;
146146
}
147147

148148
.cart-quantity {
149-
width: 30%;
149+
width: 15%;
150150
}
151151

152152
.cart-item-title {
@@ -219,7 +219,7 @@ input.star:checked~.rev-box {
219219
}
220220

221221
.c-t {
222-
width: 25%;
222+
width: 45%;
223223
}
224224

225225
.cart-total {

‎views/pastOrderDetails.handlebars‎

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<span class="cart-item cart-header cart-column">ITEM</span>
1818
<span class="cart-price cart-header cart-column">PRICE</span>
1919
<span class="cart-quantity cart-header cart-column">QUANTITY</span>
20-
<span class="c-t cart-header cart-column">Order Status</span>
20+
<span class="c-t cart-header cart-column">ORDER STATUS</span>
2121
</div>
2222
<div class="cart-items">
2323
{{#each orderitems}}
@@ -38,12 +38,13 @@
3838
<p class="cart-total cart-column orderStatus">{{this.orderStatus}}</p>
3939
{{!-- <button class="hidden btn btn-secondary" style="display:none;" id="{{this.productSku}}">Confirm
4040
Delivery</button> --}}
41-
<button class="btn confirm-btn btn-outline btn-secondary" style="display:none;" type="submit"
41+
<button class="btn confirm-btn blue-btn-10" style="display:none; font-size:0.8rem" type="submit"
4242
data-bs-toggle="modal" data-bs-target="#Modal-confirm-{{this.productSku}}">Confirm
4343
Delivery</button>
4444
{{#equals this.review 0}}
45-
<button class="btn review-btn btn-outline btn-secondary" style="display:none; font-size:0.8rem" type="submit" data-bs-toggle="modal"
46-
data-bs-target="#Modal-review-{{this.productSku}}">Leave a Review</button>
45+
<button class="btn review-btn blue-btn-10" style="display:none; font-size:0.8rem"
46+
type="submit" data-bs-toggle="modal" data-bs-target="#Modal-review-{{this.productSku}}">Leave a
47+
Review</button>
4748
{{/equals}}
4849
</div>
4950
</div>
@@ -92,13 +93,13 @@
9293
<form class="form" action="/submitProductReview" method="post">
9394
<input class="star star-5" id="star-5" value="5" type="radio" name="star" />
9495
<label class="star star-5" for="star-5"></label>
95-
<input class="star star-4" id="star-4" value="4" type="radio" name="star" />
96+
<input class="star star-4" id="star-4" value="4" type="radio" name="star" />
9697
<label class="star star-4" for="star-4"></label>
97-
<input class="star star-3" id="star-3" value="3" type="radio" name="star" />
98+
<input class="star star-3" id="star-3" value="3" type="radio" name="star" />
9899
<label class="star star-3" for="star-3"></label>
99-
<input class="star star-2" id="star-2" value="2" type="radio" name="star" />
100+
<input class="star star-2" id="star-2" value="2" type="radio" name="star" />
100101
<label class="star star-2" for="star-2"></label>
101-
<input class="star star-1" id="star-1" value="1" type="radio" name="star" />
102+
<input class="star star-1" id="star-1" value="1" type="radio" name="star" />
102103
<label class="star star-1" for="star-1"></label>
103104

104105
<input type="hidden" id="sku" name="sku" value="{{this.productSku}}">
@@ -110,8 +111,8 @@
110111
<input class="title" col="20" name="title" placeholder="Review Title" id="title">
111112
</tr>
112113
<tr>
113-
<textarea class="review" col="70" name="review"
114-
placeholder="Review Description" id="text"></textarea>
114+
<textarea class="review" col="70" name="review" placeholder="Review Description"
115+
id="text"></textarea>
115116
</tr>
116117
</table>
117118
<button type="submit" class="green-btn-25" value="">Submit Review</button>
@@ -164,9 +165,12 @@
164165
if (orderStatus == "Delivered") {
165166
btn = cartRow.getElementsByClassName("confirm-btn")[0]
166167
btn.style.display = "block"
167-
} else if(orderStatus == "Delivery Confirmed") {
168+
} else if (orderStatus == "Delivery Confirmed") {
168169
btn = cartRow.getElementsByClassName("review-btn")[0]
169-
btn.style.display = "block"
170+
if (typeof (btn) != "undefined") {
171+
console.log(btn)
172+
btn.style.display = "block"
173+
}
170174
}
171175
172176
}

0 commit comments

Comments
 (0)