<br>
</div>
</div>
+<div class = "language-dropdown">
+ <span class="dropdown-item-name"> {{ 'Language' }}: </span>
+ <select #langSelect (change)="setLanguage(langSelect.value)">
+ <option *ngFor="let lang of languages" [value]="lang.languageId" [selected]="lang.selected">
+ {{ lang.languageAlias }}
+ </option>
+ </select>
+</div>
<hr>
<div id="reg-logout-div" >
<button type="button" class="btn btn-primary" (click)="allAppsLogout()">
.header-menu-display {
width: 250px;
}
+ .language-dropdown {
+ padding: 0.25rem 1.5rem;
+ }
}
*
*
*/
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { UserProfileService, MenusService } from 'src/app/shared/services';
import { CookieService } from 'ngx-cookie-service';
brandName: string;
brandLogoImagePath: string;
isSystemUser: boolean = false;
+ languages: string[] = [];
+ result: any;
+
+ @Output() languageEvent = new EventEmitter();
constructor(public router: Router, private userProfileService: UserProfileService, private menusService: MenusService, private cookieService: CookieService) {
if(this.api.brandLogoImagePath != ''){
this.brandLogoImagePath = this.api.brandLogoImagePath;
}
+
+ this.menusService.getAllLanguages().subscribe(data =>{
+ this.result = data;
+ for(let lang of this.result.languageList ){
+ this.languages.push(lang);
+ }
+
+ this.menusService.getCurrentLang(this.loginSnippetUserid).subscribe(data=>{
+ this.result = data;
+ this.languages.map((obj:any)=>{
+ obj.selected = obj.languageId == parseInt(this.result.languageId);
+ }) ;
+ });
+ });
}
getUserInformation() {
onLoggedout() {
localStorage.removeItem('isLoggedin');
}
+
+ setLanguage(langId : string){
+
+ this.menusService.setLanguage(langId, this.loginSnippetUserid).subscribe(data =>{
+ console.log("Language Applied :", data);
+ this.languageEvent.emit(langId);
+ });
+ }
}
*
*
*/
-import { Component, Output, EventEmitter, OnInit, Input } from '@angular/core';
+import { Component, Output, EventEmitter, OnInit, Input, OnChanges } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { SidebarService } from '../../../shared/services/index'
menuData: Array<object> = [];
page: any;
+ languageFinal : string;
+ @Input() langFromTab:string;
+
@Output() collapsedEvent = new EventEmitter<boolean>();
constructor(public router: Router, public sidebarService: SidebarService) {
});
}
- ngOnInit() {
+ ngOnChanges() {
+ this.changeLang(this.langFromTab);
+ }
+
+ changeLang(lang){
+ this.menuData=[];
this.isActive = false;
this.collapsed = false;
+ this.languageFinal=lang;
this.showMenu = '';
this.pushRightClass = 'push-right';
this.sidebarService.getLeftMenu()
- .subscribe(data => {
- this.result = data;
- if (this.result.data && this.result.data2) {
- this.leftParentData = JSON.parse(this.result.data);
- this.leftChildData = JSON.parse(this.result.data2);
+ .subscribe(data => {
+ this.result = data;
+ if (this.result.data && this.result.data2) {
+ this.leftParentData = JSON.parse(this.result.data);
+ this.leftChildData = JSON.parse(this.result.data2);
+ } else {
+ this.labelName = this.result.label;
+ this.leftParentData = this.result.navItems;
+ this.showOnlyParentMenu = true;
+ }
+
+ for (var i = 0; i < this.leftParentData.length; i++) {
+ var parentItem = {
+ name: null,
+ imageSrc: null,
+ href: null,
+ menuItems: [],
+ state: null
+ }
+ if (this.showOnlyParentMenu) {
+ parentItem.name = this.leftParentData[i].name;
+ parentItem.imageSrc = this.leftParentData[i].imageSrc;
+ parentItem.state = '/'+this.leftParentData[i].state;
} else {
- this.labelName = this.result.label;
- this.leftParentData = this.result.navItems;
- this.showOnlyParentMenu = true;
+ parentItem.name = this.leftParentData[i].label;
+ parentItem.imageSrc = this.leftParentData[i].imageSrc;
}
+ // Add link to items with no subitems
+ if (!this.showOnlyParentMenu) {
+ if (this.leftChildData[i].length == 0)
+ parentItem.href = this.leftParentData[i].action;
- for (var i = 0; i < this.leftParentData.length; i++) {
- var parentItem = {
- name: null,
- imageSrc: null,
- href: null,
- menuItems: [],
- state: null
- }
- if (this.showOnlyParentMenu) {
- parentItem.name = this.leftParentData[i].name;
- parentItem.imageSrc = this.leftParentData[i].imageSrc;
- parentItem.state = '/'+this.leftParentData[i].state;
- } else {
- parentItem.name = this.leftParentData[i].label;
- parentItem.imageSrc = this.leftParentData[i].imageSrc;
- }
- // Add link to items with no subitems
- if (!this.showOnlyParentMenu) {
- if (this.leftChildData[i].length == 0)
- parentItem.href = this.leftParentData[i].action;
-
- for (var j = 0; j < this.leftChildData[i].length; j++) {
-
- var childItem = {
- name: null,
- href: null
- };
- if (this.leftChildData[i][j].label != null && this.leftChildData[i][j].label.length > 0) {
-
- childItem.name = this.leftChildData[i][j].label;
- childItem.href = this.leftChildData[i][j].action;
- parentItem.menuItems.push(childItem);
- }
+ for (var j = 0; j < this.leftChildData[i].length; j++) {
+
+ var childItem = {
+ name: null,
+ href: null
+ };
+ if (this.leftChildData[i][j].label != null && this.leftChildData[i][j].label.length > 0) {
+
+ childItem.name = this.leftChildData[i][j].label;
+ childItem.href = this.leftChildData[i][j].action;
+ parentItem.menuItems.push(childItem);
}
}
- this.menuData.push(parentItem);
}
+ this.menuData.push(parentItem);
+ }
- });
+ });
+ }
+ ngOnInit() {
+ this.changeLang("");
}
+
eventCalled() {
this.isActive = !this.isActive;
}
<div style="display: flex; flex-direction:column; overflow-y: scroll; height: calc(100vh - 100px)">
<div style="display: flex; flex-direction:row;">
- <app-sidebar (collapsedEvent)="receiveCollapsed($event)"></app-sidebar>
+ <app-sidebar (collapsedEvent)="receiveCollapsed($event)" [langFromTab]="inputedLanguage"></app-sidebar>
<app-userbar></app-userbar>
<div class="container" [ngStyle]="setStyle()">
<router-outlet></router-outlet>
import { TabbarComponent } from './tabbar.component';
import { NgMaterialModule } from 'src/app/ng-material-module';
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
import { ElipsisPipe } from 'src/app/shared/pipes/elipsis/elipsis.pipe';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientTestingModule} from '@angular/common/http/testing';
});
@Component({selector: 'app-sidebar', template: ''})
-class AppSideBarStubComponent {}
+class AppSideBarStubComponent {@Input() langFromTab:string;}
@Component({selector: 'router-outlet', template: ''})
class RouterOutletStubComponent { }
*
*
*/
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Input, OnChanges } from '@angular/core';
import { FormControl } from '@angular/forms';
import { DomSanitizer } from '@angular/platform-browser';
import { Tab } from './tab';
mainTab = 'Home';
selected = new FormControl(0);
collapedSideBar: boolean;
+ inputedLanguage: string;
+
+ @Input() language:string;
+
constructor(private sanitizer: DomSanitizer, private addTabFuntionService: AddTabFunctionService, private auditLogService: AuditLogService) {
})
}
+
+ ngOnChanges() {
+ this.changeLang(this.language);
+ }
+ changeLang(lang){
+ this.inputedLanguage=lang;
+ }
addTab(selectAfterAdding: boolean, label: string, url: string) {
const tab = new Tab(label);
-->
- <app-header></app-header>
- <app-tabbar></app-tabbar>
+ <app-header (languageEvent)="setLanguage($event)"></app-header>
+ <app-tabbar [language]="language"></app-tabbar>
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LayoutComponent } from './layout.component';
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
describe('LayoutComponent', () => {
let component: LayoutComponent;
class AppheaderStubComponent {}
@Component({selector: 'app-tabbar', template: ''})
-class AppTabBarStubComponent { }
\ No newline at end of file
+class AppTabBarStubComponent { @Input() language: string; }
\ No newline at end of file
export class LayoutComponent implements OnInit {
collapedSideBar: boolean;
+ language: string;
+
constructor() {}
receiveCollapsed($event) {
this.collapedSideBar = $event;
}
+
+ setLanguage(lang) {
+ this.language= lang;
+ }
}
setFavoriteItem(menuId) {
return this.http.post(this.apiUrl.setFavoriteItem, menuId);
+ }
+
+ getAllLanguages() {
+ return this.http.get(this.apiUrl.getLanguages);
+ }
+
+ setLanguage(langId, loginId) {
+ const body = { languageId: langId}
+ return this.http.post(this.apiUrl.updateLang.replace(':loginId',loginId ), body);
+ }
+ getCurrentLang(loginId) {
+ return this.http.get(this.apiUrl.getCurrentLang.replace(':loginId',loginId ));
}
removeFavoriteItem(menuId) {
return this.http.get(this.api.leftmenuItems);
}
+
+ getAllLanguages() {
+ return this.http.get(this.api.getLanguages);
+ }
}
Code Review / portal.git / commitdiff