go premium text added

frontend/angular/src/app/components/my-career-web/auth/forgot-password/forgot-password.component.html

@@ -37,5 +37,5 @@
 </div>
 
 <div class="d-flex justify-content-center mc-footer-label">
-    <span>© {{year}} Matchd | Privacy Policy</span>
+    <span>© {{year}} Matchd | <span (click)="openPrivacyPolicy()">Privacy Policy</span></span>
 </div>

frontend/angular/src/app/components/my-career-web/auth/forgot-password/forgot-password.component.scss

@@ -113,6 +113,10 @@
     letter-spacing: 0;
     line-height: 13px;
     left: 0;
+
+    span {
+        cursor: pointer;
+    }
 }
 
 @media only screen and (max-width: 600px) {

frontend/angular/src/app/components/my-career-web/auth/forgot-password/forgot-password.component.ts

@@ -5,6 +5,7 @@ import { BaseComponent } from '../../base/base.component';
 import { AuthService } from '../../services/auth.service';
 import { HelperService } from '../../services/helper.service';
 import { ToasterService } from '../../services/toaster.service';
+import { EXTERNAL_LINKS } from '../../config/constants';
 
 @Component({
   selector: 'app-forgot-password',
@@ -49,4 +50,8 @@ export class ForgotPasswordComponent extends BaseComponent {
             });
     }
 
+    openPrivacyPolicy(): void {
+        window.location.href = EXTERNAL_LINKS.PRIVACY_POLICY;
+    }
+
 }

frontend/angular/src/app/components/my-career-web/auth/login/login.component.html

@@ -49,5 +49,5 @@
 </div>
 
 <div class="d-flex justify-content-center mc-footer-label">
-    <span>© {{year}} Matchd | Privacy Policy</span>
+    <span>© {{year}} Matchd | <span (click)="openPrivacyPolicy()">Privacy Policy</span></span>
 </div>

frontend/angular/src/app/components/my-career-web/auth/login/login.component.scss

@@ -133,6 +133,10 @@
     font-size: 11px;
     letter-spacing: 0;
     line-height: 13px;
+
+    span {
+        cursor: pointer;
+    }
 }
 
 @media only screen and (max-width: 600px) {

frontend/angular/src/app/components/my-career-web/auth/login/login.component.ts

@@ -7,6 +7,7 @@ import { AppService } from '../../../../app.service';
 import { BaseComponent } from '../../base/base.component';
 import { AuthService } from '../../services/auth.service';
 import { HelperService } from '../../services/helper.service';
+import { EXTERNAL_LINKS } from '../../config/constants';
 
 @Component({
     selector: 'app-login',
@@ -78,4 +79,8 @@ export class LoginComponent extends BaseComponent {
             )
     }
 
+    openPrivacyPolicy(): void {
+        window.location.href = EXTERNAL_LINKS.PRIVACY_POLICY;
+    }
+
 }

frontend/angular/src/app/components/my-career-web/auth/register/register.component.html

@@ -67,5 +67,5 @@
 </div>
 
 <div class="d-flex justify-content-center mc-footer-label">
-    <span>© {{year}} Matchd | Privacy Policy</span>
+    <span>© {{year}} Matchd | <span (click)="openPrivacyPolicy()">Privacy Policy</span></span>
 </div>

frontend/angular/src/app/components/my-career-web/auth/register/register.component.scss

@@ -141,6 +141,10 @@
     letter-spacing: 0;
     line-height: 13px;
     left: 0;
+
+    span {
+        cursor: pointer;
+    }
 }
 
 @media only screen and (max-width: 600px) {

frontend/angular/src/app/components/my-career-web/auth/reset-password/reset-password.component.html

@@ -42,5 +42,5 @@
 </div>
 
 <div class="d-flex justify-content-center mc-footer-label">
-    <span>© {{year}} Matchd | Privacy Policy</span>
+    <span>© {{year}} Matchd | <span (click)="openPrivacyPolicy()">Privacy Policy</span></span>
 </div>

frontend/angular/src/app/components/my-career-web/auth/reset-password/reset-password.component.scss

@@ -133,6 +133,10 @@
     letter-spacing: 0;
     line-height: 13px;
     left: 0;
+
+    span {
+        cursor: pointer;
+    }
 }
 
 @media only screen and (max-width: 600px) {

frontend/angular/src/app/components/my-career-web/auth/reset-password/reset-password.component.ts

@@ -6,6 +6,7 @@ import { BaseComponent } from '../../base/base.component';
 import { AuthService } from '../../services/auth.service';
 import { HelperService } from '../../services/helper.service';
 import { ToasterService } from '../../services/toaster.service';
+import { EXTERNAL_LINKS } from '../../config/constants';
 
 @Component({
   selector: 'app-reset-password',
@@ -65,4 +66,8 @@ export class ResetPasswordComponent extends BaseComponent implements OnInit {
             });
     }
 
+    openPrivacyPolicy(): void {
+        window.location.href = EXTERNAL_LINKS.PRIVACY_POLICY;
+    }
+
 }

frontend/angular/src/app/components/my-career-web/dashboard/left-sidebar/left-sidebar.component.html

@@ -48,6 +48,12 @@
 
 
 
+        <div class="go-premium-wrapper">
+            <div class="go-premium">
+                <img src="/assets/my-career-web/images/go-premium-temp.png" alt="">
+            </div>
+        </div>
+
 
 
         <div class="sidebar-navigation-item" (click)="logout()">
@@ -59,4 +65,8 @@
             </span>
         </div>
     </div>
+
+    <div class="footer-label">
+            <span>© {{year}} Matchd | <span (click)="openPrivacyPolicy()">Privacy Policy</span></span>
+    </div>
 </div>

frontend/angular/src/app/components/my-career-web/dashboard/left-sidebar/left-sidebar.component.scss

@@ -2,6 +2,8 @@
 
 .left-sidebar {
     padding: 26px 26px 0 0;
+    position: relative;
+    height: 100%;
 
     .matchd-logo {
         height: 32px;
@@ -58,4 +60,33 @@
             }
         }
     }
+
+    .go-premium-wrapper {
+        padding: 17px 24px;
+
+        .go-premium {
+            border: 2px solid #1DBA3C;
+            border-radius: 4px;
+            cursor: pointer;
+
+            img {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+
+    .footer-label {
+        position: absolute;
+        width: 100%;
+        text-align: center;
+        color: #808285;
+        font-family: $bodyFont;
+        font-size: 11px;
+        bottom: 0;
+    }
+
+    .go-premium-wrapper {
+
+    }
 }

frontend/angular/src/app/components/my-career-web/dashboard/left-sidebar/left-sidebar.component.ts

@@ -3,6 +3,7 @@ import { takeUntil } from 'rxjs/operators';
 import { AuthService } from '../../services/auth.service';
 import { Router } from '@angular/router';
 import { BaseComponent } from '../../base/base.component';
+import { EXTERNAL_LINKS } from '../../config/constants';
 
 @Component({
     selector: 'app-left-sidebar',
@@ -11,6 +12,8 @@ import { BaseComponent } from '../../base/base.component';
 })
 export class LeftSidebarComponent extends BaseComponent {
 
+    year = new Date().getFullYear();
+
     constructor(
         private as: AuthService,
         private r: Router
@@ -28,4 +31,8 @@ export class LeftSidebarComponent extends BaseComponent {
             });
     }
 
+    openPrivacyPolicy(): void {
+        window.location.href = EXTERNAL_LINKS.PRIVACY_POLICY;
+    }
+
 }

frontend/angular/src/app/components/my-career-web/dashboard/personal-details/personal-details.component.ts

@@ -101,8 +101,9 @@ export class PersonalDetailsComponent extends BaseComponent implements OnInit {
     }
 
     updateProfile(): void {
+        this.hs.validateAllFormFields(this.form);
         if (this.form.invalid) {
-            return this.hs.validateAllFormFields(this.form);
+            return ;
         }
         this.isSaving = true;
         this.ps.saveProfile(this.createdObjs, this.updatedObjs, this.deletedObjs)