agrilink_vocpro/src/app/pages/auth/auth.component.html

@@ -7,7 +7,6 @@
           <div class="row">
             <div class="col-md-9 col-lg-8 mx-auto">
               <h3 class="login-heading mb-4">Welcome back!</h3>
-
               <form (ngSubmit)="onSubmit()">
                 <div class="form-floating mb-3">
                   <input type="email" 
@@ -55,13 +54,17 @@
                     </span>
                   </button>
                   <div class="text-center">
-                    <a class="small forgot" routerLink= '/register'>Register here</a>
+                    <a class="small forgot" routerLink='/register'>Register here</a>
                   </div>
                 </div>
               </form>
             </div>
           </div>
         </div>
+        <div class="text-center-copyright">
+          <div>&copy;2024</div>
+          <div>Powered by <strong>Politeknik Negeri Malang</strong></div>
+        </div>
       </div>
     </div>
   </div>

agrilink_vocpro/src/app/pages/auth/auth.component.scss

@@ -1,12 +1,17 @@
 .login {
-  min-height: 100vh;
+    min-height: 100vh;
     font-family: "Onest", sans-serif;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between; 
 }
 
 .bg-image {
-    background-image: url('../../../assets/images/auth.png');
+    background-image: url('../../../assets/images/bg-auth.jpg');
     background-size: cover;
-    background-position: left;
+    background-position: right;
+    height: 100vh;
+    border-radius: 0px 10px 10px 0px;
 }
 
 .login-heading {
@@ -56,3 +61,18 @@
     color: white; 
 }
 
+.text-center {
+    margin-bottom: 20px; 
+}
+
+.text-center-copyright {
+    text-align: center;
+    font-size: 0.85rem;
+    color: #636363;
+    padding: 15px 0;
+    background-color: #f8f9fa; 
+}
+
+.container{
+    padding-top: 50px;
+}

agrilink_vocpro/src/app/pages/dashboard/page/graph/graph.component.html

@@ -31,7 +31,7 @@
 
     <div class="sensor-wrapper">
       <div class="title-with-dropdown">
-        <div class="title">Sensor NPK 1</div>
+        <div class="title">Sensor NPK1</div>
         <select class="form-select" style="margin-top: 10px" [(ngModel)]="selectedNPK1" (change)="onResize()">
           <option value="npk">NPK</option>
           <option value="temperature">Temperatur Tanah</option>
@@ -53,7 +53,7 @@
 
     <div class="sensor-wrapper">
       <div class="title-with-dropdown">
-        <div class="title">Sensor NPK 2</div>
+        <div class="title">Sensor NPK2</div>
         <select class="form-select" style="margin-top: 10px" [(ngModel)]="selectedNPK2" (change)=" onResize()">
           <option value="npk">NPK</option>
           <option value="temperature">Temperatur Tanah</option>

agrilink_vocpro/src/app/pages/dashboard/page/graph/graph.component.ts

@@ -16,10 +16,10 @@ const parameterColors: { [key: string]: string } = {
   vicitemperature: '#8F5A62',
   vicihumidity: '#16423C',
   viciluminosity: '#DF9B55',
-  soiltemperature: '#FF6347',  
-  soilhumidity: '#0389b5',     
-  soilconductivity: '#A52A2A',  
-  soilph: '#228B22', 
+  soiltemperature: '#8c2d1c',  
+  soilhumidity: '#3d7b8f',     
+  soilconductivity: '#f2b8b8',  
+  soilph: '#459645', 
   soilnitrogen: '#fece48',
   soilphosphorus: '#B80F0A',
   soilpotassium: '#4c1f74',

agrilink_vocpro/src/app/pages/register/register.component.html

@@ -54,6 +54,10 @@
                         </div>
                     </div>
                 </div>
+                <div class="text-center-copyright">
+                    <div>&copy;2024</div>
+                    <div>Powered by <strong>Politeknik Negeri Malang</strong></div>
+                </div>
             </div>
         </div>
     </div>

agrilink_vocpro/src/app/pages/register/register.component.scss

@@ -1,10 +1,13 @@
 .login {
     min-height: 100vh;
     font-family: "Onest", sans-serif;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between; 
 }
 
 .bg-image {
-    background-image: url('../../../assets/images/auth.png');
+    background-image: url('../../../assets/images/bg-auth.jpg');
     background-size: cover;
     background-position: left;
 }
@@ -46,3 +49,15 @@
         }
     }
 }
+
+.text-center-copyright {
+    text-align: center;
+    font-size: 0.85rem;
+    color: #636363;
+    padding: 15px 0;
+    background-color: #f8f9fa; 
+}
+
+.container{
+    padding-top: 50px;
+}