X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fhistory%2Fhistory.component.ts;fp=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fhistory%2Fhistory.component.ts;h=0000000000000000000000000000000000000000;hb=434326c60fb0434bda587102b4746173fe425dea;hp=b2ede8d2ec754168939f5f0222db4a3cedbe9d38;hpb=37827e492060182b32df67c2a538a29808fa5e17;p=eliot.git diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/history/history.component.ts b/blueprints/common/eliot-ui/frontend-src/src/app/history/history.component.ts deleted file mode 100644 index b2ede8d..0000000 --- a/blueprints/common/eliot-ui/frontend-src/src/app/history/history.component.ts +++ /dev/null @@ -1,288 +0,0 @@ -import { Component, OnInit, ViewChild, Output } from '@angular/core'; -import {MatTableDataSource} from '@angular/material/table'; -import {SelectionModel} from '@angular/cdk/collections'; - -import { historyInformation, historyDetails, historyPostInfo, fileDownload, currentDeployInfo, currentDeployDetails } from '../datainterface'; - -import { EliotserviceService } from '../eliotservice.service'; - -import { MatPaginator } from '@angular/material/paginator'; - -@Component({ - selector: 'app-history', - templateUrl: './history.component.html', - styleUrls: ['./history.component.scss'] -}) -export class HistoryComponent implements OnInit { - - months: string[]; - tempArray: string[]; - date: Date = new Date(); - selectedId: string[]; - description: string; - temp: number; - downloadObj = { - fileupload: [] - } - constzero = 0; - var : number; - unoccupied = 12; - yamlfiles : string[] = ["yaml1","yaml2","yaml3","yaml4","yaml5","yaml6"]; - - historyColumns: string [] = ['select','date','csarPackage','yamlFile','status']; - - historyJanColumns: string [] = ['select','date','yamlFile','status','download']; - - historyDataSource = new MatTableDataSource(HISTORY_INFO_LIST); - - historyInfo = {} as historyDetails; - historyPostInfo = {} as historyPostInfo; - currentDeployDetail = {} as currentDeployDetails - - historyId = []; - historyIdInfo = {}; - - postIdInfo = {} as fileDownload; - sessionArr = []; - sessionObjj = {}; - - january = []; - - monthBool: boolean = false; - janBool: boolean = false; - - monthDetails = []; - currentStatus: boolean; - - currentDeployColumns: string [] = ['appName','yamlName','nodeIp','runningStatus']; - currentDeployDataSource = new MatTableDataSource(CURRENT_DEPLOY_INFO_LIST); - currentDeployArrayList = []; - - statusHistoryArray: string[] = ['Current History','Past History']; - statusSelected: string; - - @Output() - - @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator; - - constructor(private serviceObj:EliotserviceService) { } - - ngOnInit() { - this.description = "Application Package (.csar) / Deployment Yaml History.....!" - this.var = 0; - this.months = ["January","February","March","April","May","June","July","August","September","October","November","December"]; - this.tempArray = Object.assign([], this.months); - this.getHistoryData(); - this.currentHistoryData(); - debugger; - this.init(); - this.statusSelected = "Past History"; - // this.currentStatus = true; - } - - selectedStatus(event) { - // if(event.target) - debugger; - if(event.value=="Current History"){ - this.currentStatus = true; - this.getCurrentHistoryData() - } - if(event.value=="Past History"){ - this.currentStatus = false; - } - } - - selectedMonth(m: string){ - this.sessionArr = JSON.parse(sessionStorage.getItem('datakey')); - this.january = []; - this.historyDataSource = new MatTableDataSource(HISTORY_INFO_LIST); - this.sessionArr.forEach(data => { - if (data.month == m) { - this.january.push(data); - this.historyDataSource = new MatTableDataSource(this.january); - } - }) - } - - clearMonth(m: string){ - console.log("Inside clearMonth"); - this.selectedMonth(m); - this.historyDataSource = new MatTableDataSource(HISTORY_INFO_LIST); - this.january = []; - } - - downloadYaml(){ - this.monthBool == true; - if(this.monthBool == true){ - console.log("Month bool is true..."); - console.log(this.historyDataSource.data); - debugger; - this.selection.selected.forEach( data => { - this.postIdInfo.id = data.id; - this.postIdInfo.fileName = data.yamlFile; - this.historyId.push(this.postIdInfo); - debugger; - }, error => { - console.log(error); - } - ); - this.historyPostInfo.fileDownload = this.historyId; - debugger; - - this.serviceObj.postHistoryId(this.historyId).subscribe( - data => { - console.log(data); - debugger; - }, - error => { - console.log(error); - } - ); - } - } - - init() { - - this.monthDetails = [ - { - monthName: 'Jan - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'jan' - }, - { - monthName: 'Feb - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'feb' - }, - { - monthName: 'Mar - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'mar' - }, - { - monthName: 'Apr - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'apr' - }, - { - monthName: 'May - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'may' - }, - { - monthName: 'Jun - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'jun' - }, - { - monthName: 'Jul - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'jul' - }, - { - monthName: 'Aug - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'aug' - }, - { - monthName: 'Sep - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'sep' - }, - { - monthName: 'Oct - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'oct' - }, - { - monthName: 'Nov - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'nov' - }, - { - monthName: 'Dec - Monthwise Deployment Historical Data', - iconName: 'archive', - displayName: 'download', - value: 'dec' - } - ] - } - - getHistoryData() { - - this.serviceObj.getHistoryInfo().subscribe( - data => { - this.historyInfo = data; - sessionStorage.setItem('datakey',JSON.stringify(this.historyInfo.eliotHistory)); - debugger; - this.sessionArr = JSON.parse(sessionStorage.getItem('datakey')); - }, - error => { - console.log(error); - } - ); - } - - getCurrentHistoryData() { - this.serviceObj.getCurrentDeployInfo() - .subscribe(data => { - debugger; - this.currentDeployDetail = data; - this.currentDeployArrayList = this.currentDeployDetail.currentDeployArray; - this.currentDeployDataSource = new MatTableDataSource(this.currentDeployArrayList); - this.currentDeployDataSource.paginator = this.paginator; - }, - error => console.log(error)); - } - - currentHistoryData() { - if(this.statusSelected=="Current History"){ - this.currentStatus = true; - - } - else { - this.currentStatus = false; - } - } - - selection = new SelectionModel(true, []); - - isAllSelectedJan() { - const numSelected = this.selection.selected.length; - const numRows = this.historyDataSource.data.length; - this.monthBool = true; - return numSelected === numRows; - } - - masterToggleJan() { - this.isAllSelectedJan() ? - this.selection.clear() : - this.historyDataSource.data.forEach(row => this.selection.select(row)); - } - - checkboxLabelJan(row?: historyInformation): string { - if (!row) { - return `${this.isAllSelectedJan() ? 'select' : 'deselect'} all`; - } - return `${this.selection.isSelected(row) ? 'deselect' : 'select'} row ${row.id + 1}`; - } - -} -const HISTORY_INFO_LIST: historyInformation[] = [ - { id:'', date:'',csarPackage:'',yamlFile:'', month:'', status:''} -]; - -const CURRENT_DEPLOY_INFO_LIST: currentDeployInfo[] = [ - { deployId:'',appName: '', yamlName: '', nodeIp: '', runningStatus: ''} -]; \ No newline at end of file