fix(background color for mobile): set background color for mobile build

README.md

@@ -76,4 +76,4 @@ networks:
 
     docker-compose up -d --force-recreate
 
--  goto localhost
\ No newline at end of file
+- goto localhost
\ No newline at end of file

client/plugins/routes.js

@@ -33,12 +33,79 @@
 // import EditWorkList from '../components/EditWorkList.vue';
 // import WorkList from '../components/Worklist.vue';
 
+// import AppVersion from '../views/AppVersion.vue';
+
+// const routes = [{
+//         path: '/',
+//         component: () =>
+//             import ('../views/Home.vue'),
+//         name: 'Home'
+//     },
+//     {
+//         path: '/appversion',
+//         component: AppVersion,
+//         name: 'AppVersion'
+//     },
+//     {
+//         path: '/signin',
+//         component: () =>
+//             import ('../views/Login.vue'),
+//         name: 'signin'
+//     },
+//     {
+//         path: '/signup',
+//         component: () =>
+//             import ('../views/Register.vue'),
+//         name: 'signup'
+//     },
+//     {
+//         path: '/changePassword',
+//         component: () =>
+//             import ('../views/ChangePassword.vue'),
+//         name: 'changePassword'
+//     }, {
+//         path: '/main',
+//         component: () =>
+//             import ('../views/Main.vue'),
+//         name: 'main',
+//         children: [{
+//             path: "worklist",
+//             name: "worklist",
+//             components: {
+//                 default: () =>
+//                     import ('../components/Worklist.vue'),
+//                 edit_worklist: () =>
+//                     import ('../components/EditWorkList.vue')
+//             }
+//         }]
+//     }
+// ];
+
+// export default routes;
+
+
+
+
+
+
+
+
+
+
+import Login from '../views/Login.vue';
+import Home from '../views/Home.vue';
+import Register from '../views/Register.vue';
+import ChangePassword from '../views/ChangePassword.vue';
+import Main from '../views/Main.vue';
+
+import EditWorkList from '../components/EditWorkList.vue';
+import WorkList from '../components/Worklist.vue';
+
 import AppVersion from '../views/AppVersion.vue';
 
 const routes = [{
         path: '/',
-        component: () =>
-            import ('../views/Home.vue'),
+        component: Home,
         name: 'Home'
     },
     {
@@ -48,34 +115,28 @@ const routes = [{
     },
     {
         path: '/signin',
-        component: () =>
-            import ('../views/Login.vue'),
+        component: Login,
         name: 'signin'
     },
     {
         path: '/signup',
-        component: () =>
-            import ('../views/Register.vue'),
+        component: Register,
         name: 'signup'
     },
     {
         path: '/changePassword',
-        component: () =>
-            import ('../views/ChangePassword.vue'),
+        component: ChangePassword,
         name: 'changePassword'
     }, {
         path: '/main',
-        component: () =>
-            import ('../views/Main.vue'),
+        component: Main,
         name: 'main',
         children: [{
             path: "worklist",
             name: "worklist",
             components: {
-                default: () =>
-                    import ('../components/Worklist.vue'),
-                edit_worklist: () =>
-                    import ('../components/EditWorkList.vue')
+                default: WorkList,
+                edit_worklist: EditWorkList
             }
         }]
     }

client/views/ChangePassword.vue

@@ -2,8 +2,12 @@
   <v-app id="inspire">
     <auth-header btnToProp="signin" btnLabel="Register.loginBtn" btnIconName="mdi-login"></auth-header>
     <v-content>
-      <v-container fluid class="align-center fill-height backgroundImg">
-        <v-row justify="center" class="loginCard" >
+      <v-container
+        style="background-color:rgb(94, 181, 177,.85)"
+        fluid
+        class="align-center fill-height backgroundImg"
+      >
+        <v-row justify="center" class="loginCard">
           <v-col xs="8" sm="6" md="4" lg="3">
             <v-card class="elevation-12 roundedCard" light elevation="24">
               <v-toolbar color="rgb(94, 181, 177,.85)" dark>
@@ -61,7 +65,6 @@
                     </v-row>
                   </v-container>
                 </v-form>
-                
               </v-card-text>
               <v-card-actions>
                 <v-spacer></v-spacer>
@@ -237,7 +240,6 @@ img {
   z-index: 1;
 }
 
-
 .backgroundImg {
   overflow-y: hidden;
 }

client/views/Login.vue

@@ -3,7 +3,12 @@
   <v-app id="inspire">
     <auth-header btnToProp="signup" btnLabel="Login.registerBtn" btnIconName="mdi-account-plus"></auth-header>
     <v-content>
-      <v-container fluid fill-height class="align-center backgroundImg">
+      <v-container
+        style="background-color:rgb(94, 181, 177,.85)"
+        fluid
+        fill-height
+        class="align-center backgroundImg"
+      >
         <v-row justify="center" class="loginCard">
           <v-col xs="8" sm="6" md="4" lg="3">
             <v-card class="elevation-12 roundedCard" light elevation="24">
@@ -187,13 +192,21 @@ export default {
 
 <style scoped>
 .backgroundImg {
-  background-color: #abdae4ad;
-  background-image: linear-gradient(
+  background-image: -moz-linear-gradient(
     141deg,
     #9fb8ad 0%,
     #1fc8db 51%,
     #2ce8ceb0 75%
   );
+  background-image: -webkit-linear-gradient(
+    141deg,
+    #9fb8ad 0%,
+    #1fc8db 51%,
+    #2ce8ceb0 75%
+  );
+}
+div.backgroundImg {
+  background-color: #abdae4ad !important;
 }
 
 img {

client/views/Register.vue

@@ -2,7 +2,11 @@
   <v-app id="inspire">
     <auth-header btnToProp="signin" btnLabel="Register.loginBtn" btnIconName="mdi-login"></auth-header>
     <v-content>
-      <v-container fluid class="align-center fill-height backgroundImg">
+      <v-container
+        style="background-color:rgb(94, 181, 177,.85)"
+        fluid
+        class="align-center fill-height backgroundImg"
+      >
         <v-row justify="center" class="loginCard">
           <v-col xs="8" sm="6" md="4" lg="3">
             <v-card class="elevation-12 roundedCard" light elevation="24">
@@ -223,7 +227,6 @@ img {
   z-index: 1;
 }
 
-
 .backgroundImg {
   overflow-y: hidden;
 }

mobile-config.js

@@ -2,7 +2,7 @@ App.info({
     id: 'marcopacs.karname.ir',
     name: 'karname-app',
     version: "0.0.1"
-})
+});
 
-App.setPreference('android-targetSdkVersion', '19')
+App.setPreference('android-targetSdkVersion', '19');
 App.accessRule('*');
\ No newline at end of file

settings.json

 {
-    "worklistUrl": "http://192.168.0.49:8086"
+    "worklistUrl": "http://staging.karname.ir:8086" 
 }
\ No newline at end of file