Hot refresh volume fixed

docker-compose.yml

@@ -10,14 +10,13 @@ services:
     extra_hosts:
       - backend.wrenchboard.api.live:10.10.33.15
       - backend.wrenchboard.api.test:10.10.33.15
-      # #- backend.wrenchboard.api.live:172.31.4.27
-      # #- backend.wrenchboard.api.test:10.20.30.27
-      - apigateway.wrenchboard.app.dev.fluxtra.net:10.20.30.19
-      - apigateway.wrenchboard.app.lotus.fluxtra.net:172.31.4.19
     environment:
       - CHOKIDAR_USEPOLLING=true
-    # volumes:
-      # - ./:/www/app
+    volumes:
+       - ./:/www/app
+    tty: true
+    stdin_open: true
+    working_dir: /www/app
+    # command: ionic serve --external
 volumes:
-  src:
-   # - ./:/www/app
+  src:

docker/Dockerfile

@@ -12,4 +12,5 @@ RUN npm install
 EXPOSE 8100
 
 ENTRYPOINT ["ionic"]
-CMD ["serve", "8100", "--address", "0.0.0.0"]
+CMD ["serve", "8100", "--address", "0.0.0.0"]
+# CMD ["ionic", "serve"]

package.json

@@ -31,7 +31,7 @@
     "@angular-eslint/eslint-plugin": "~13.0.1",
     "@angular-eslint/eslint-plugin-template": "~13.0.1",
     "@angular-eslint/template-parser": "~13.0.1",
-    "@angular/cli": "^14.0.0",
+    "@angular/cli": "14.2.10",
     "@angular/compiler": "^14.0.0",
     "@angular/compiler-cli": "^14.0.0",
     "@angular/language-service": "^14.0.0",

src/app/home/home.page.html

@@ -1,8 +1,8 @@
-<ion-content [fullscreen]="true">
+<ion-content [fullscreen]="true" class="homeBackImg">
   <div id="container">
     <ion-card>
       <ion-card-header>
-        <ion-card-title>FloatEV</ion-card-title>
+        <ion-card-title>FloatEV 1</ion-card-title>
         <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
       </ion-card-header>
 

src/app/home/home.page.scss

@@ -6,10 +6,6 @@
   right: 0;
   top: 50%;
   transform: translateY(-50%);
- // background-color: red;
-  background-image: '/src/assets/img/ev-homeback.jpg';
-  background-size: cover;
-  background-repeat: no-repeat;
 }
 
 #container strong {
@@ -28,4 +24,11 @@
 
 #container a {
   text-decoration: none;
+}
+
+.homeBackImg{
+   // background-color: red;
+   background-image: url('/src/assets/img/ev-homeback.jpg');
+   background-size: cover;
+   background-repeat: no-repeat;
 }