exceladdincbms-v2 5.13.0 → 20.0.3

package/src/lib/login/login.component.html

@@ -0,0 +1,59 @@
+
+<div class="container">
+  <div class="loginForm">
+  <div class="example-sidenav-content">
+    <div class="loginWidget">
+      <form [formGroup]="loginForm" >
+        <h2>Login</h2>
+        <div>&nbsp;</div>
+        <div class="form-group">
+          <!-- <label for="username">Username</label> -->
+          <!-- <input type="text" formControlName="username" class="form-control"
+            [ngClass]="{ 'is-invalid': submitted && formsData.username.errors }" /> -->
+            <mat-form-field class="example-full-width" color="primary">
+              <mat-label>Enter Username</mat-label>
+                  <input class="toolbar-search bxForm" formControlName="username" type="text" matInput >
+                   <!-- <mat-icon matSuffix style="font-size: 1.2em"></mat-icon> -->
+             </mat-form-field>
+          <!-- <div *ngIf="submitted && formsData.username.errors" class="invalid-feedback">
+            <div *ngIf="formsData.username.errors.required">Username is required</div>
+          </div> -->
+        </div>
+        <div class="form-group">
+          <!-- <label for="password">Password</label> -->
+          <!-- <input type="password" formControlName="password" class="form-control"
+            [ngClass]="{ 'is-invalid': submitted && formsData.password.errors }" /> -->
+                  <mat-form-field class="example-full-width" color="primary">
+                    <mat-label>Enter Password</mat-label>
+                  <input class="toolbar-search" formControlName="password" type="password" matInput >
+                   <mat-icon matSuffix style="font-size:12px"></mat-icon>
+          </mat-form-field>
+          <!-- <div *ngIf="submitted && formsData.password.errors" class="invalid-feedback">
+            <div *ngIf="formsData.password.errors.required">Password is required</div>
+          </div> -->
+        </div>
+        <div class="form-group">
+          <!-- <button [disabled]="submitClick" class="btn btn-primary">Login</button> -->
+          <button  style="background-color: #0888CA; color: #fff;line-height: 21px; padding: 4px 10px !important;" mat-button  class="!loginForm.valid btn btn-primary" (click)="onLogin()">Login</button>
+        </div>
+        <div *ngIf ="!isvalidUser" class="alert alert-danger">{{error}}</div>
+      </form>
+    </div>
+
+    <section class="loade" *ngIf="isLoading">
+      <mat-spinner color="black" [diameter]=60 ></mat-spinner>
+      <span>
+    Logging...
+    </span>
+    </section>
+
+    
+    <!-- <button type="button" mat-button (click)="drawer.toggle()">
+  Toggle sidenav
+</button> -->
+  </div>
+  </div>
+  </div>
+
+
+

package/src/lib/login/login.component.ts

@@ -0,0 +1,105 @@
+
+import { Component, OnInit, Input } from '@angular/core';
+import { Location } from "@angular/common";
+import { Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { FormBuilder, FormGroup, Validators, AbstractControl } from '@angular/forms';
+import { first } from 'rxjs/operators';
+import { Constant } from '../constant.enum';
+import { AuthService } from '../auth.service';
+import {BaseAppService} from '../base-app.service'
+//import { url } from 'inspector';
+export interface Login
+{
+  [key: string]: AbstractControl
+}
+
+@Component({
+    selector: 'lib-login',
+    templateUrl: 'login.component.html',
+    styleUrls: ['./login.component.css'],
+    standalone: false
+})
+
+export class LoginComponent implements OnInit {
+  public isLoading: boolean = false;
+  @Input() routeUrl: string;
+  loginForm: FormGroup;
+  submitted = false;
+  returnUrl: string;
+  error = '';
+  userInfo:any;
+  constructor(
+    private formBuilder: FormBuilder,
+    private route: ActivatedRoute,
+    private router: Router,
+    private location: Location,
+    private authenticationService: AuthService,
+    private baseAppService:BaseAppService) {  
+    let userObject=localStorage.getItem("UserInfo")
+    this.userInfo=JSON.parse(userObject);
+    this.baseAppService.setUserInfo(this.userInfo);
+    }
+    public isvalidUser:boolean = true;
+  ngOnInit() {
+    this.loginForm = this.formBuilder.group({
+      username: ['', Validators.required],
+      password: ['', Validators.required]
+    });
+    this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || this.routeUrl;
+    //Checking User already logged in or not
+    let isNavigate=localStorage.getItem("IsNavigate");
+    if (this.location.path() !== '' && this.location.path().indexOf('UserId') !== -1) {
+      let userId=this.location.path().split('?')[1].split('UserId=')[1]
+      if(userId==this.userInfo.userInfoId){
+        this.router.navigate([this.returnUrl]);
+        return;
+      }
+    }
+    else if(JSON.parse(isNavigate)==true){
+        if(this.userInfo){
+        console.log("Login After naviagtion-",this.returnUrl);
+        localStorage.removeItem("IsNavigate");
+        this.router.navigate([this.returnUrl]);
+        return;
+        }
+      }
+    }
+  get formsData():Login { return this.loginForm.controls; }
+
+  onLogin() {
+    this.submitted = true;
+    this.isLoading = true;
+    // stop here if form is invalid
+    if (this.loginForm.invalid) {
+      this.isLoading = false;
+      return;
+    }
+    //this.submitClick = true;
+    this.authenticationService.login(this.formsData.username.value, this.formsData.password.value)
+      .pipe(first())
+      .subscribe(
+        data => {
+          console.log(data.status);
+          if(data.status==="InValid")
+          {
+             this.isLoading = false;
+             this.isvalidUser=false;
+             this.error = Constant.INVALID;
+             this.router.navigate(["/login"]);
+          }
+          else
+          {
+            console.log("Login Success-",this.returnUrl);
+            this.isLoading = false;
+            this.router.navigate([this.returnUrl]);
+            
+          }
+        },
+        error => {
+          this.isLoading = false;
+          this.error = Constant.INVALID;
+          this.router.navigate(["/login"]);
+          //this.submitClick = true;
+        });
+  }
+}

package/src/lib/materils/materils.module.ts

@@ -0,0 +1,96 @@
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { CdkTableModule } from '@angular/cdk/table';
+import { CdkTreeModule } from '@angular/cdk/tree';
+import { A11yModule } from '@angular/cdk/a11y';
+import { OverlayModule } from '@angular/cdk/overlay';
+
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatBadgeModule } from '@angular/material/badge';
+import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
+import { MatButtonModule } from '@angular/material/button';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatRippleModule } from '@angular/material/core';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatSortModule } from '@angular/material/sort';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTableModule } from '@angular/material/table';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatTreeModule } from '@angular/material/tree';
+
+
+
+@NgModule({
+  exports: [
+    A11yModule,
+    CdkTableModule,
+    CdkTreeModule,
+    DragDropModule,
+    MatAutocompleteModule,
+    MatBadgeModule,
+    MatBottomSheetModule,
+    MatButtonModule,
+    MatButtonToggleModule,
+    MatCardModule,
+    MatCheckboxModule,
+    MatChipsModule,
+    MatStepperModule,
+    MatDatepickerModule,
+    MatDialogModule,
+    MatDividerModule,
+    MatExpansionModule,
+    MatGridListModule,
+    MatIconModule,
+    MatInputModule,
+    MatListModule,
+    MatMenuModule,
+    MatNativeDateModule,
+    MatPaginatorModule,
+    MatProgressBarModule,
+    MatProgressSpinnerModule,
+    MatRadioModule,
+    MatRippleModule,
+    MatSelectModule,
+    MatSidenavModule,
+    MatSliderModule,
+    MatSlideToggleModule,
+    MatSnackBarModule,
+    MatSortModule,
+    MatTableModule,
+    MatTabsModule,
+    MatToolbarModule,
+    MatTooltipModule,
+    MatTreeModule,
+    ScrollingModule,
+    OverlayModule
+  ]
+})
+
+
+export class MaterilsModule { }

package/src/lib/menu/menu.component.css

@@ -0,0 +1,388 @@
+/* body{
+  font: normal normal 12px Arial, sans-serif !important;
+}
+
+
+
+.sidenav-container {
+  height: 100%;
+}
+
+.sidenav {
+  width: 200px;
+}
+
+.sidenav .mat-toolbar {
+  background: inherit;
+  font: normal normal 12px Arial, sans-serif !important;
+}
+
+.mat-toolbar.mat-primary {
+  position: -webkit-sticky;
+  position: sticky;
+  height: 40px;
+  font-size: 17px;
+  top: 10px;
+  z-index: 1;
+  font-weight: 5px;
+}
+
+
+  
+.example-container {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: auto;
+  min-height: 350px;
+  border:#999 solid 1px;
+}
+
+.example-is-mobile .example-toolbar {
+  position: fixed;
+  z-index: 2;
+}
+.mat-list-base
+{
+  padding-top:0px!important;
+
+}
+
+.mat-drawer {
+  z-index: 4;
+  display: block;
+  position: absolute;
+  top: 40px;
+  bottom: 0;
+  z-index: 3;
+  outline: 0;
+  box-sizing: border-box;
+  transform: translate3d(-100%,0,0);
+  height: 50%;
+  background-color: rgba(235, 235, 255, 1);
+}
+
+.mat-drawer-backdrop.mat-drawer-shown
+{
+  background-color:  rgba(255, 255, 255, 1) !important;
+}
+
+a.mat-list-item {
+  padding: 0px 10px;
+  background:  rgba(235, 235, 255, 1) !important;
+  width: 100%;
+  display: block;
+  color: rgba(0, 0, 0, 0.87) !important;
+}
+.mat-drawer-inner-container {
+  width: 100%;
+  height: 100%;
+  overflow: inherit;
+  -webkit-overflow-scrolling: touch;
+  /* height: 300px !important; */
+/* }
+.subMenu{
+  margin: 0px;
+  width: 100%;
+  padding: 0px 15px;
+  background:  rgba(235, 235, 255, 1) !important;
+  list-style: none;
+}
+.mat-list-base .mat-list-item .mat-list-option .mat-list-item-content{
+  margin: 0px;
+  height:30px!important;
+}
+.mat-list-base .mat-list-item .mat-list-item-content, .mat-list-base .mat-list-option .mat-list-item-content
+{
+  padding: 0px,0px,0px,0px!important;
+  font: normal normal 15px Arial, sans-serif !important;
+}
+.example-container {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: auto;
+  min-height: auto;
+} */
+/* --------------------------------Mobile View Responsive ---------------- */
+/* @media only screen 
+  and (min-device-width: 320px) 
+  and (max-device-width: 720px)
+  and (-webkit-min-device-pixel-ratio: 2) {
+    div#toolbarTitle h1{
+      font-size: 19px;
+      font-weight: bold;
+      color: #ffffff;
+      text-transform: uppercase;
+  }
+  app-adddealticket.ng-star-inserted {
+    position: absolute;
+    top: 59px;
+    display: block;
+    padding: 0px;
+    margin: 0px;
+}
+app-adddealticket.ng-star-inserted h1{
+    font-size: 19px;
+    font-weight: bold;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+.example-container {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: auto;
+  min-height: auto;
+}
+.mat-toolbar.mat-primary {
+  position: -webkit-sticky;
+  position: sticky;
+  height: 56px;
+  font-size: 18px;
+  top: 0px;
+  z-index: 1;
+  font-weight: bold;
+  background: #054182;
+}
+.mat-drawer{
+  z-index: 4;
+  display: block;
+  position: absolute;
+  top: 40px;
+  bottom: 0;
+  z-index: 3;
+  outline: 0;
+  box-sizing: border-box;
+  -webkit-transform: translate3d(-100%,0,0);
+  background-color: rgba(235, 235, 255, 1);
+  transform: translate3d(-100%,0,0);
+  height: 50%;
+  /* min-height: 550px;
+  max-height: 550px; */
+
+/* }
+.mat-drawer-inner-container {
+  width: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  /* min-height: 550px; */
+  /* background: #2f4050;
+}
+.mat-list-option:not(.mat-list-item-disabled):hover, .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover {
+  background: #0c79df;
+}
+.mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
+  display: block;
+  /* height: 35px; */
+  /* -webkit-tap-highlight-color: transparent; */
+ 
+
+/* .mat-menu-panel.myMenu {
+  min-width: 35px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  max-height: calc(100vh - 48px);
+  border-radius: 2px;
+  outline: 0;
+  background: transparent;
+  padding-left: 10px !important;
+} */
+
+
+/* .navbar-nav li:hover > ul.dropdown-menu {
+  display: block;
+}
+.dropdown-submenu {
+  position:relative;
+}
+.dropdown-submenu>.dropdown-menu {
+  top:0;
+  left:100%;
+  margin-top:-6px;
+}
+
+
+.dropdown-menu > li > a:hover:after {
+  text-decoration: underline;
+  transform: rotate(-90deg);
+} 
+
+@media (min-width: 220px) and (max-width: 775px) {
+  .hide-web{display:none !important}
+  } 
+  
+  @media (min-width: 220px) and (max-width: 775px){
+    .view-mobile{display:block !important}
+  } */
+
+
+  /* new Styles for Menu */
+  .item{
+    cursor: not-allowed !important;
+  }
+  nav {    
+    display: block;
+    text-align: left;
+    
+    
+  }
+  nav ul {
+    margin: 0;
+    padding:0;
+    list-style: none;
+  }
+  .nav a {
+    display:block; 
+    cursor: pointer;
+    color:#000; 
+    text-decoration: none;
+    padding: .8em 1.8em;
+    text-transform:none;
+    font-size: 80%;letter-spacing: 1px;
+    position: relative;
+    font-family: Roboto,"Helvetica Neue", sans-serif !important;
+  }
+  .nav{  
+    vertical-align: top; 
+    display: inline-block;
+    border-radius:6px;
+  }
+  .nav li{position: relative;}
+  .item::before{
+    content: "";
+    position: absolute;
+    height: 0;
+    width: 0;
+    top: 50%;
+    right: 5px;
+    border: 5px solid transparent;
+    border-left-color: #000;
+  }
+  .nav > li { 
+    float:left; 
+    /* border-bottom: 4px #aaa solid;  */
+    margin-right: 1px; 
+  } 
+  .nav > li > a { 
+    margin-bottom:1px;
+    color: #fff;
+    cursor: pointer;
+  }
+  .nav > li:hover , .nav > li:hover >a{ 
+     /* border-bottom-color:whitex; */
+  }
+  .nav li:hover > a {   background:rgba(0,0,0,0.04);  }
+  .nav > li:first-child  { border-radius: 4px 0 0 4px;} 
+  .nav > li:first-child>a{border-radius: 4px 0 0 0;}
+  .nav > li:last-child  { 
+    border-radius: 0 0 4px 0; 
+    margin-right: 0;
+  } 
+  .nav > li:last-child >a{border-radius: 0 4px 0 0; }
+  .nav li li a { margin-top:1px}
+  
+  
+  
+    .nav li a:first-child:nth-last-child(2):before { 
+     content:""; 
+     position: absolute; 
+     height:0; 
+     width: 0; 
+     /* border: 5px solid transparent;  */
+     top: 50% ;
+     right:5px;  
+   }
+   
+   
+   
+   
+   
+   /* submenu positioning*/
+.nav ul {
+  position: absolute;
+  white-space: nowrap;
+  /* border-bottom: 5px solid #fff; */
+  background-color: #fff;
+  z-index:11111;
+  left: -99999em;
+}
+.nav > li:hover > ul {
+  left: auto;
+  padding-top: 5px  ;
+  min-width: 100%;
+  box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
+}
+.nav > li li ul {  border-left:1px solid #fff;}
+
+
+.nav > li li:hover > ul { 
+ /* margin-left: 1px */
+  left: 100%;
+  top: -1px;
+  z-index: 1;
+  box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
+}
+/* arrow hover styling */
+.nav > li > a:first-child:nth-last-child(2):before { 
+  border-top-color: #aaa; 
+}
+.nav > li:hover > a:first-child:nth-last-child(2):before {
+  border: 5px solid transparent; 
+  /* border-bottom-color:white;  */
+  margin-top:-5px
+}
+.nav li li > a:first-child:nth-last-child(2):before {  
+  border-left-color: #aaa; 
+  margin-top: -5px;
+}
+.nav li li:hover > a:first-child:nth-last-child(2):before {
+  border: 5px solid transparent; 
+  border-right-color:#2f2c2c;
+  right: 10px; 
+}
+.nav-header{
+  background: #779cf1;
+  width: 100%;
+}
+.nav-header > .nav > .nav-item{
+  color: #fff;
+}
+.nav-header > .nav > .nav-item a{
+  color: #fff;
+}
+.loade {
+  background: rgba(255, 255, 255, 0.5);
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: absolute;
+  z-index: 1;
+  opacity: 50;
+  top:0px;
+  vertical-align: middle;
+  padding:40% 40%;
+}
+.permission{
+  padding: 10px;
+  color: red;
+}
+.navigateMsg{
+  text-align: center;
+  margin-top: 60px;
+}
+
+

package/src/lib/menu/menu.component.html

@@ -0,0 +1,46 @@
+
+<div class="example-container">
+
+    <nav class="nav-header">
+        <ul class="nav">     
+          <li class="nav-time"> 
+              <a>
+                  <i class="fa fa-bars" style="font-size:24px"></i>
+              </a>
+          <ul>
+              <div *ngFor="let parent of MenuData">
+                  <li  *ngIf="parent.children && parent.children.length > 0">
+                      <a class="item"> {{parent.displaytext}}</a>
+                      <ul>
+                          <li  *ngFor="let child of parent.children">
+                              <a (click)="listItemClick(child)">{{child.displaytext}}</a>
+                          </li>
+                     </ul>
+                  </li>
+                <li *ngIf="!parent.children || parent.children.length === 0">
+                    <a (click)="listItemClick(parent)">{{parent.displaytext}}</a>
+                   </li>
+                </div>
+               <li> 
+                <a  (click)="onLogOut()">Logout</a>
+               </li>
+          </ul>
+        </li>
+        <li class="nav-item">
+           <h5 style="padding-top:12px;"> {{tooltext}}</h5>
+        </li>
+    </ul>
+    </nav>
+    <div *ngIf="IsPermissionExists==false">User Does't have permission to access any of Excel applications</div>
+        <router-outlet></router-outlet>
+    </div>
+    <div class="navigateMsg" *ngIf="navigateMsg">
+    {{navigateMsg}}
+    </div>
+    <section class="loade" *ngIf="isLoading">
+        <mat-spinner color="black" [diameter]=60 ></mat-spinner>
+        <span>
+      Loading...
+      </span>
+      </section>
+