Algo Update

.github/workflows/algo.yml

@@ -0,0 +1,30 @@
+name: Algo
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - name: Install dependencies
+      run: |
+        cd server
+        pip install -r requirements.txt
+        wget https://pjreddie.com/media/files/yolov3.weights -O weights/yolov3.weights
+        wget https://pjreddie.com/media/files/yolov3-tiny.weights -O weights/yolov3-tiny.weights
+        python load_weights.py
+        python load_weights.py --weights ./weights/yolov3-tiny.weights --output ./weights/yolov3-tiny.tf --tiny
+    - name: Run the app
+      run: |
+        cd server
+        python app.py  &
+        sleep 90
+        pkill -f "python app.py"

client/angular.json

@@ -142,4 +142,4 @@
   "cli": {
     "analytics": "d8ad0576-96dd-4b9a-b54d-45cd838ec82d"
   }
-}
+}

client/package.json

@@ -14,21 +14,24 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~13.1.0",
+    "@angular/cdk": "^15.2.8",
     "@angular/cli": "^13.2.5",
     "@angular/common": "~13.1.0",
     "@angular/compiler": "~13.1.0",
     "@angular/core": "~13.1.0",
     "@angular/forms": "~13.1.0",
-    "@angular/material": "^13.3.0",
+    "@angular/material": "^13.3.9",
     "@angular/platform-browser": "~13.1.0",
     "@angular/platform-browser-dynamic": "~13.1.0",
     "@angular/router": "~13.1.0",
-    "bootstrap": "^5.1.3",
+    "bootstrap": "^5.2.3",
     "bootstrap-icons": "^1.8.1",
     "cors": "^2.8.5",
     "cypress": "^11.0.0",
     "jquery": "^3.6.0",
     "ngx-bootstrap": "^8.0.0",
+    "ngx-toastr": "^16.1.1",
+    "owlcarousel": "^1.3.3",
     "rxjs": "~7.4.0",
     "zone.js": "~0.11.4"
   },

client/src/app/components/service-booking/service-booking.component.css

@@ -404,3 +404,64 @@ h2 {
     opacity: 1;
   }
 }
+
+
+.custom-select {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  margin-bottom: 1rem;
+}
+
+.select-arrow {
+  position: absolute;
+  top: 45%;
+  right: 1rem;
+  transform: translateY(-50%) rotate(45deg);
+  width: 0.8rem;
+  height: 0.8rem;
+  border: solid #555;
+  border-width: 0 2px 2px 0;
+  display: inline-block;
+  padding: 2px;
+  pointer-events: none;
+  transition: transform 0.3s ease;
+}
+
+.custom-select:focus .select-arrow {
+  transform: translateY(-50%) rotate(-135deg);
+  border-color: #80bdff;
+}
+
+.custom-select:hover .select-arrow {
+  border-color: #999;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: 0.75rem 1rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.form-control:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.form-control:hover {
+  cursor: pointer;
+  border-color: #999;
+}
+
+.form-control option {
+  color: #495057;
+  background-color: #fff;
+}