Skip to content

Commit

Permalink
Merge pull request #67 from akhilome/ft-ui-admin-menu-161203342
Browse files Browse the repository at this point in the history 
#161203342 Ft ui admin menu 161203342
  • Loading branch information
@akhilome
akhilome committed Oct 14, 2018
2 parents 43087ad + b28c9e9 commit 075f199
Show file tree
Hide file tree
Showing 4 changed files with 62 additions and 83 deletions.
1 change: 1 addition & 0 deletions ui/add-food.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ <h2><a href="index.html">Kiakia Food</a></h2>
<h2>Add New Food Item</h2>
<form>
<input type="text" name="food-item" placeholder="Food Name" required>
<input type="text" name="food-image" placeholder="Food Image URL">
<input type="number" name="food-price" placeholder="Price" required>
<input type="submit" name="submit" value="Add" class="btn-primary">
</form>
Expand Down
64 changes: 32 additions & 32 deletions ui/admin-menu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,46 +25,46 @@ <h2><a href="index.html">Kiakia Food</a></h2>
<div class="wrapper">
<h2>Your Offerings</h2>
<section class="container admin-menu">
<div class="order-card order-card__admin">
<h3>Chicken with Chips</h3>
<p>Price: ₦750</p>
<div class="admin-buttons">
<button>Edit</button>
<button class="danger">Delete</button>
<div class="food-card">
<img class="food-image" src="https://i.imgur.com/Bfn1CxC.jpg" alt="Turkey Wings">
<div class="food-details">
<div data-foodid="2" class="food-details__legend">
<h4>Turkey Wings</h4>
<p>₦1,000</p>
</div>
<div class="food-details__action">
<button>delete</button>
</div>
</div>
</div>

<div class="order-card order-card__admin">
<h3>Shrimps and Prawns</h3>
<p>Price: ₦1,200</p>
<div class="admin-buttons">
<button>Edit</button>
<button class="danger">Delete</button>

<div class="food-card">
<img class="food-image" src="https://i.imgur.com/z490cis.jpg" alt="Chicken Wings">
<div class="food-details">
<div data-foodid="3" class="food-details__legend">
<h4>Chicken Wings</h4>
<p>₦1,200</p>
</div>
<div class="food-details__action">
<button>delete</button>
</div>
</div>
</div>

<div class="order-card order-card__admin">
<h3>Spiced Turkey</h3>
<p>Price: ₦800</p>
<div class="admin-buttons">
<button>Edit</button>
<button class="danger">Delete</button>
<div class="food-card">
<img class="food-image" src="https://i.imgur.com/mTHYwlc.jpg" alt="Tasty Prawns">
<div class="food-details">
<div data-foodid="4" class="food-details__legend">
<h4>Tasty Prawns</h4>
<p>₦2,200</p>
</div>
<div class="food-details__action">
<button>delete</button>
</div>
</div>
</div>

<div class="order-card order-card__admin">
<h3>Burger</h3>
<p>Price: ₦600</p>
<div class="admin-buttons">
<button>Edit</button>
<button class="danger">Delete</button>
</div>
</div>

<a href="add-food.html"><div class="order-card order-card__admin order-card__admin--new">
<h3>Add New Item</h3>
</div></a>
</section>
<a href="add-food.html"><button class="btn-primary">Add New Item</button></a>
</div>

<footer>
Expand Down
26 changes: 5 additions & 21 deletions ui/assets/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,11 @@ button:hover {
background: #666;
}

button.small {
font-size: 12px;
padding: 8px 12px;
}

button.danger {
background: #b82e33;
}
Expand Down Expand Up @@ -386,27 +391,6 @@ fieldset > div {
max-width: 960px;
}

.admin-menu {
max-width: 720px;
}

.order-card__admin {
border: 2px solid #2a9971;
background: #fff;
color: #333;
}

.order-card__admin button {
font-size: 12px;
padding: 8px 10px;
font-weight: 400;
}

.order-card__admin--new {
background: #2a9971;
color: #fff;
}

/* Footer */
footer {
display: flex;
Expand Down
54 changes: 24 additions & 30 deletions ui/orders.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,64 +25,58 @@ <h2><a href="index.html">Kiakia Food</a></h2>
<div class="wrapper">
<h2>People Are Hungry!</h2>
<section class="container admin-orders">
<div class="order-card order-card__admin">
<h3>Spiced Turkey</h3>
<div class="order-card">
<h4>Spiced Turkey</h4>
<p>Order Date: 04-06-2018</p>
<p>By: Tomal Gardner</p>
<div class="admin-buttons">
<button class="primary">Accept</button>
<button class="danger">Decline</button>
<button>Mark Done</button>
<button class="small primary">Accept</button>
<button class="small danger">Decline</button>
</div>
</div>
<div class="order-card order-card__admin">
<h3>Shrimps</h3>
<div class="order-card">
<h4>Shrimps</h4>
<p>Order Date: 01-06-2018</p>
<p>By: Jamiu Rafal</p>
<div class="admin-buttons">
<button class="primary">Accept</button>
<button class="danger">Decline</button>
<button>Mark Done</button>
<button class="small primary">Accept</button>
<button class="small danger">Decline</button>
</div>
</div>
<div class="order-card order-card__admin">
<h3>Chicken & Chips</h3>
<div class="order-card">
<h4>Chicken & Chips</h4>
<p>Order Date: 21-05-2018</p>
<p>By: Chrisette Clark</p>
<div class="admin-buttons">
<button class="primary">Accept</button>
<button class="danger">Decline</button>
<button>Mark Done</button>
<button class="small primary">Accept</button>
<button class="small danger">Decline</button>
</div>
</div>
<div class="order-card order-card__admin">
<h3>Shrimps</h3>
<div class="order-card">
<h4>Shrimps</h4>
<p>Order Date: 20-05-2018</p>
<p>By: Michelle Graham</p>
<div class="admin-buttons">
<button class="primary">Accept</button>
<button class="danger">Decline</button>
<button>Mark Done</button>
<button class="small primary">Accept</button>
<button class="small danger">Decline</button>
</div>
</div>
<div class="order-card order-card__admin">
<h3>Chicken & Chips</h3>
<div class="order-card">
<h4>Chicken & Chips</h4>
<p>Order Date: 20-05-2018</p>
<p>By: Lamar Aiko</p>
<div class="admin-buttons">
<button class="primary">Accept</button>
<button class="danger">Decline</button>
<button>Mark Done</button>
<button class="small primary">Accept</button>
<button class="small danger">Decline</button>
</div>
</div>
<div class="order-card order-card__admin">
<h3>Burger</h3>
<div class="order-card">
<h4>Burger</h4>
<p>Order Date: 20-05-2018</p>
<p>By: Jermaine Robyn</p>
<div class="admin-buttons">
<button class="primary">Accept</button>
<button class="danger">Decline</button>
<button>Mark Done</button>
<button class="small primary">Accept</button>
<button class="small danger">Decline</button>
</div>
</div>
</section>
Expand Down

0 comments on commit 075f199

Please sign in to comment.