yohan-oc · yohan-oc · Jan 24, 2025 · Jan 31, 2025 · Jan 31, 2025 · Jan 31, 2025
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,39 @@
+name: Warehouse App - New
+
+on:
+  push:
+    branches:
+      - navigation-poc  # Runs only on the navigation-poc branch
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: |
+          cd vue-frontend/warehouse-frontend
+          npm install
+
+      - name: Build project
+        run: |
+          cd vue-frontend/warehouse-frontend
+          npm run build
+
+      - name: Deploy to GitHub Pages
+        if: success()
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          personal_token: ${{ secrets.GH_PAT }}
+          publish_branch: gh-pages
+          publish_dir: vue-frontend/warehouse-frontend/dist  # Updated path
+          user_name: "github-actions[bot]"
+          user_email: "github-actions[bot]@users.noreply.github.com"
diff --git a/designs/modes/desktop-imaged.png b/designs/modes/desktop-imaged.png
diff --git a/designs/modes/desktop.png b/designs/modes/desktop.png
diff --git a/designs/modes/laptop-imaged.png b/designs/modes/laptop-imaged.png
diff --git a/designs/modes/laptop.png b/designs/modes/laptop.png
diff --git a/designs/modes/logo.png b/designs/modes/logo.png
diff --git a/designs/modes/logo_new.png b/designs/modes/logo_new.png
diff --git a/designs/modes/modes.html b/designs/modes/modes.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Select a Mode - Turing Trust</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+  <style>
+    body {
+      background-color: #f0f2f5;
+    }
+    .navbar {
+      background-color: #0b4c62;
+    }
+    .navbar-brand {
+      color: white;
+      font-weight: bold;
+    }
+    .logout {
+      color: white;
+      text-decoration: none;
+    }
+    .container {
+      margin-top: 40px;
+    }
+    .section-title {
+      color: #0b4c62;
+      /*font-weight: bold;*/
+      margin-bottom: 10px;
+    }
+    .card {
+      text-align: center;
+      padding: 20px;
+      border-radius: 10px;
+      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
+    }
+    .btn-outline-success {
+      border-color: #04A27D;
+      color: #04A27D;
+    }
+    .btn-outline-success:hover {
+      background-color: #04A27D;
+      color: white;
+    }
+    .card {
+      border-bottom-width: 3px;
+      border-bottom-color: #04A27D;
+      /*width: 216px; !* Adjust as needed *!*/
+      /*height: 200px;*/
+    }
+
+  </style>
+</head>
+<body>
+
+<nav class="navbar navbar-dark px-4">
+  <a class="navbar-brand" href="#">
+    <img src="logo_new.png" alt="Turing Trust Logo" height="30">
+  </a>
+  <a class="logout" href="#"><i class="bi bi-box-arrow-left"></i> Log out</a>
+</nav>
+
+<div class="container">
+  <h4 class="section-title">Select a mode</h4>
+  <p style="color: #075976;">Begin palleting or by selecting a mode below.</p>
+
+  <div class="row">
+    <div class="col-md-2">
+      <h5 class="section-title">Palleting</h5>
+    </div>
+    <div class="col-md-2">
+      <div class="card">
+        <img src="work-in-progress.png" alt="Work in Progress" width="50" class="d-block mx-auto">
+        <br/><p>Work in progress palleting</p>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+    <div class="col-md-2">
+      <div class="card">
+        <img src="shipping-box.png" alt="Shipping Box" width="50" class="d-block mx-auto">
+        <br/><p>Shipping box palleting</p>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+  </div>
+
+  <div class="row mt-4">
+    <div class="col-md-2">
+      <h5 class="section-title">Boxing</h5>
+    </div>
+
+    <div class="col-md-2">
+      <div class="card">
+        <img src="desktop.png" alt="Wiped Desktops" width="50" class="d-block mx-auto">
+        <br/><p>Boinlxing (Wiped) Desktops for shipping</p>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+
+    <div class="col-md-2">
+      <div class="card">
+        <img src="desktop-imaged.png" alt="Imaged Desktops" width="50" class="d-block mx-auto">
+        <br/><p>Boxing (Imaged) Desktops for shipping</p>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+
+    <div class="col-md-2">
+      <div class="card">
+        <img src="laptop.png" alt="Wiped Laptops" width="50" class="d-block mx-auto">
+        <br/>
+        <p>Boxing (Wiped) Laptops for shipping</p>
+        <br/>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+
+    <div class="col-md-2">
+      <div class="card">
+        <img src="laptop-imaged.png" alt="Imaged Laptops" width="50" class="d-block mx-auto">
+        <br/><p>Boxing (Imaged) Laptops for shipping</p><br/>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+
+  </div>
+
+  <div class="row mt-4 mb-5">
+    <div class="col-md-2">
+
+    </div>
+
+    <div class="col-md-2">
+      <div class="card">
+        <img src="monitor.png" alt="Monitors" width="50" class="d-block mx-auto">
+        <br/><p>Boxing monitors for shipping</p><br/>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+
+    <div class="col-md-2">
+      <div class="card">
+        <img src="phone.png" alt="Phones and Laptops" width="50" class="d-block mx-auto">
+        <br/><p>Boxing (Wiped) phones and laptops for shipping</p>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+
+    <div class="col-md-2">
+      <div class="card">
+        <img src="money.png" alt="For Sale" width="50" class="d-block mx-auto">
+        <br/><p>Boxing Desktops and Laptops for sale</p><br/>
+        <button class="btn btn-outline-success w-100">Start →</button>
+      </div>
+    </div>
+  </div>
+
+</div>
+</body>
+</html>
diff --git a/designs/modes/money.png b/designs/modes/money.png
diff --git a/designs/modes/monitor.png b/designs/modes/monitor.png
diff --git a/designs/modes/phone.png b/designs/modes/phone.png
diff --git a/designs/modes/shipping-box.png b/designs/modes/shipping-box.png
diff --git a/designs/modes/work-in-progress.png b/designs/modes/work-in-progress.png
diff --git a/designs/parent/parent.html b/designs/parent/parent.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Work in Progress Pallet</title>
+  <!-- Bootstrap CSS -->
+  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+<div class="container mt-5">
+  <div class="row justify-content-center">
+    <div class="col-md-6">
+      <div class="card">
+        <div class="card-header">
+          <h3 class="card-title">Work in Progress Pallet</h3>
+        </div>
+        <div class="card-body">
+          <form>
+            <div class="form-group">
+              <label for="parentId">Scan the barcode or enter the ID of the pallet that you'll be adding boxes to.</label>
+              <input type="text" class="form-control" id="parentId" placeholder="Parent ID">
+            </div>
+            <div class="form-group">
+              <button type="button" class="btn btn-secondary">Back</button>
+              <button type="submit" class="btn btn-primary">Continue</button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Bootstrap JS and dependencies -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
diff --git a/designs/transactions/logo_new.png b/designs/transactions/logo_new.png
diff --git a/designs/transactions/new_design.html b/designs/transactions/new_design.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Work in Progress Palleting</title>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">  </head>
+<link rel="stylesheet" href="styles.css">
+<body>
+
+<div class="container">
+  <div class="header">
+    <div class="logo">
+      <img src="your_logo.png" alt="Turing Trust Logo"> </div>
+    <div class="logout">
+      <button>Log out</button>
+    </div>
+  </div>
+
+  <h1>Work in progress palleting</h1>
+
+  <div class="row">
+    <div class="col-md-8">  <div class="transactions">
+      <h2>Transactions</h2>
+      <div class="input-group">
+        <input type="text" placeholder="Scan or enter asset ID">
+        <button>Add</button>
+      </div>
+      <table class="table">
+        <thead>
+        <tr>
+          <th>Transaction ID</th>
+          <th>Asset ID</th>
+          <th>Notes</th>
+          <th>Actions</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+          <td>5</td>
+          <td>SB004321</td>
+          <td>SB004321 is already assigned to XXX123</td>
+          <td></td> </tr>
+        <tr>
+          <td>4</td>
+          <td>SB001243</td>
+          <td>SB001243 is already assigned to XXX123</td>
+          <td></td> </tr>
+        <tr>
+          <td>3</td>
+          <td>SB003412</td>
+          <td>SB003412 is already assigned to XXX123</td>
+          <td></td> </tr>
+        </tbody>
+      </table>
+    </div>
+
+      <div class="inventory">
+        <h2>Inventory List</h2>
+        <p>Assets assigned to the parent will display below.</p>
+        <table class="table">
+          <thead>
+          <tr>
+            <th>Asset ID</th>
+            <th>Status</th>
+            <th>Make</th>
+            <th>Model</th>
+          </tr>
+          </thead>
+          <tbody>
+          <tr>
+            <td>SB004321</td>
+            <td>Boxed for shipping</td>
+            <td>Acer</td>
+            <td>0560X</td>
+          </tr>
+          <tr>
+            <td>SB001243</td>
+            <td>Boxed for shipping</td>
+            <td>Dell</td>
+            <td>Inspiron</td>
+          </tr>
+          <tr>
+            <td>SB003412</td>
+            <td>Boxed for shipping</td>
+            <td>Apple</td>
+            <td>Macbook Air</td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+    <div class="col-md-4">  <div class="summary">
+      <div class="parent-id">
+        <h3>Parent ID</h3>
+        <p>XXX123</p>
+      </div>
+      <div class="transaction-errors">
+        <h3>Transaction Errors</h3>
+        <p>0</p>
+      </div>
+      <div class="inventory-count">
+        <h3>Inventory List Count</h3>
+        <p>3</p>
+      </div>
+    </div>
+    </div>
+  </div>
+
+  <div class="footer">
+    <button>Finish scanning</button>
+  </div>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>