diff --git a/src/app/providers/mikrowizard/data.ts b/src/app/providers/mikrowizard/data.ts index 09c7aaf..13ef962 100644 --- a/src/app/providers/mikrowizard/data.ts +++ b/src/app/providers/mikrowizard/data.ts @@ -249,13 +249,23 @@ export class dataProvider { return this.MikroWizardRPC.sendJsonRequest("/api/snippet/save", {...data}); } + Exec_snipet(data:any,members:any) { + data['members']=members; + return this.MikroWizardRPC.sendJsonRequest("/api/snippet/exec", data); + } + delete_snippet(id:number){ var data={ 'id':id } return this.MikroWizardRPC.sendJsonRequest("/api/snippet/delete", data); } - + get_executed_snipet(id:number){ + var data={ + 'id':id + } + return this.MikroWizardRPC.sendJsonRequest("/api/snippet/executed", data); + } get_user_task_list() { return this.MikroWizardRPC.sendJsonRequest("/api/user_tasks/list", {}); } @@ -266,6 +276,7 @@ export class dataProvider { return this.MikroWizardRPC.sendJsonRequest("/api/user_tasks/create", data); } + Delete_task(taskid:Number) { var data={ 'taskid':taskid, diff --git a/src/app/views/devices/devices.component.html b/src/app/views/devices/devices.component.html index 9d922db..bb5b984 100644 --- a/src/app/views/devices/devices.component.html +++ b/src/app/views/devices/devices.component.html @@ -30,7 +30,6 @@ - -
{{value}}
 - + - - + + @@ -52,6 +55,147 @@ + + + +
Exec Snipet
+ + + +
+ + +
+ +
+ + +
+ + + + + + +
Members :
+ + + +   {{value}} + + + + {{value}} + + + + + + + + +
+ + + + + + + + + + + + +
Editing Group
+ + + + +
Group Members :
+ + + +   {{value}} + + + + {{value}} + + + + + {{value}} + + + +
+ +
+ + + + + + + + + + + +
Editing Group
+ + + + +
Group Members :
+ + + +   {{value}} + + + + {{value}} + + + + + + + + +
+ +
+ + + + + + +
Add New Snippet
@@ -59,7 +203,6 @@ -
@@ -77,6 +220,7 @@ +
Note : In case of multiple IP addresses for the MikroWizard server, use[mikrowizard] instead of the MikroWizard server IP.
@@ -87,8 +231,6 @@ - - @@ -122,9 +264,6 @@ - - - diff --git a/src/app/views/snippets/snippets.component.ts b/src/app/views/snippets/snippets.component.ts index 444df78..37af60e 100644 --- a/src/app/views/snippets/snippets.component.ts +++ b/src/app/views/snippets/snippets.component.ts @@ -1,214 +1,410 @@ -import { Component, OnInit, OnDestroy, Inject, Renderer2, ViewChild, ElementRef, TemplateRef } from '@angular/core'; -import { UntypedFormControl, UntypedFormGroup } from '@angular/forms'; -import { dataProvider } from '../../providers/mikrowizard/data'; +import { + Component, + OnInit, + OnDestroy, + Inject, + Renderer2, + ViewChild, + ElementRef, + TemplateRef, +} from "@angular/core"; +import { UntypedFormControl, UntypedFormGroup } from "@angular/forms"; +import { dataProvider } from "../../providers/mikrowizard/data"; import { Router } from "@angular/router"; -import { loginChecker } from '../../providers/login_checker'; -import { HttpClient, HttpClientModule, HttpParams } from '@angular/common/http'; -import { DOCUMENT } from '@angular/common'; -import { GuiCellView,GuiSearching, GuiSelectedRow, GuiInfoPanel, GuiColumn, GuiColumnMenu, GuiDataType, GuiPaging, GuiPagingDisplay, GuiRowColoring, GuiRowSelectionMode, GuiRowSelection, GuiRowSelectionType } from '@generic-ui/ngx-grid'; +import { loginChecker } from "../../providers/login_checker"; +import { HttpClient, HttpClientModule, HttpParams } from "@angular/common/http"; +import { + GuiCellView, + GuiSearching, + GuiSelectedRow, + GuiInfoPanel, + GuiColumn, + GuiColumnMenu, + GuiDataType, + GuiPaging, + GuiPagingDisplay, + GuiRowColoring, + GuiRowSelectionMode, + GuiRowSelection, + GuiRowSelectionType, +} from "@generic-ui/ngx-grid"; +import { formatInTimeZone } from "date-fns-tz"; -interface IUser { - name: string; - state: string; - registered: string; - country: string; - usage: number; - period: string; - payment: string; - activity: string; - avatar: string; - status: string; - color: string; -} @Component({ - templateUrl: 'snippets.component.html', + templateUrl: "snippets.component.html", }) +export class SnippetsComponent implements OnInit, OnDestroy { + public uid: number; + public uname: string; + public tz: string; -export class SnippetsComponent implements OnInit, OnDestroy { - public uid: number; - public uname: string; + constructor( + private data_provider: dataProvider, + private router: Router, + private login_checker: loginChecker, + private renderer: Renderer2, + private httpClient: HttpClient, + ) { + var _self = this; + if (!this.login_checker.isLoggedIn()) { + // setTimeout(function() { + // _self.router.navigate(['login']); + // }, 100); + } + this.data_provider.getSessionInfo().then((res) => { + // console.dir("res",res) + _self.uid = res.uid; + _self.uname = res.name; + _self.tz = res.tz; + // console.dir("role",res.role); + const userId = _self.uid; - constructor( - private data_provider: dataProvider, - private router: Router, - private login_checker: loginChecker, - private renderer: Renderer2, - private httpClient: HttpClient, - @Inject(DOCUMENT) _document?: any, - ) { - var _self = this; - if (!this.login_checker.isLoggedIn()) { - // setTimeout(function() { - // _self.router.navigate(['login']); - // }, 100); - } - this.data_provider.getSessionInfo().then(res => { - // console.dir("res",res) - _self.uid = res.uid; - _self.uname = res.name; - // console.dir("role",res.role); - const userId = _self.uid; + if (res.role != "admin") { + // console.dir(res.role); + setTimeout(function () { + _self.router.navigate(["/user/dashboard"]); + }, 100); + } + }); + //get datagrid data + function isNotEmpty(value: any): boolean { + return value !== undefined && value !== null && value !== ""; + } + } + @ViewChild("nameSummaryCell") + nameSummaryCell: TemplateRef; + public source: Array = []; + public columns: Array = []; + public loading: boolean = true; + public rows: any = []; + public Selectedrows: any; + public EditModalVisible: boolean = false; + public ModalAction: string = "checkfirm"; + public lineNum: number = 0; + public DeleteConfirmModalVisible: boolean = false; + public ExecSnipetModalVisible: boolean = false; + public NewMemberModalVisible: boolean = false; + public ExecutedDataModalVisible: boolean = false; + public ExecutedData: any = []; + public SelectedSnippet: any = { name: "" }; + public SelectedMembers: any = []; + public SelectedTaskItems: any = ""; + public availbleMembers: any = []; + public NewMemberRows: any = []; + public SelectedNewMemberRows: any; - if (res.role != "admin") { - // console.dir(res.role); - setTimeout(function () { - _self.router.navigate(['/user/dashboard']); - }, 100); - } - }); - //get datagrid data - function isNotEmpty(value: any): boolean { - return value !== undefined && value !== null && value !== ""; - } - } - @ViewChild('nameSummaryCell') - nameSummaryCell: TemplateRef; - public source: Array = []; - public columns: Array = []; - public loading: boolean = true; - public rows: any=[]; - public Selectedrows: any; - public EditModalVisible:boolean=false; - public ModalAction:string="checkfirm"; - public lineNum:number=0; - public DeleteConfirmModalVisible:boolean = false; - public SelectedSnippet:any={'name':'',}; + public current_snippet: any = { + content: "", + created: "", + description: "", + id: 0, + name: "", + }; - public current_snippet:any={ - "content": "", - "created": "", - "description": "", - "id": 0, - "name": "" - }; + public default_snippet: any = { + content: "", + created: "", + description: "", + id: 0, + name: "", + }; - public default_snippet:any={ - "content": "", - "created": "", - "description": "", - "id": 0, - "name": "" - }; + public sorting = { + enabled: true, + multiSorting: true, + }; - public sorting = { - enabled: true, - multiSorting: true - }; - - public ip_scanner:any; - - searching: GuiSearching = { - enabled: true, - placeholder: 'Search Devices' - }; + public ip_scanner: any; - public paging: GuiPaging = { - enabled: true, - page: 1, - pageSize: 10, - pageSizes: [5, 10, 25, 50], - display: GuiPagingDisplay.ADVANCED - }; + searching: GuiSearching = { + enabled: true, + placeholder: "Search Devices", + }; - public columnMenu: GuiColumnMenu = { - enabled: true, - sort: true, - columnsManager: true - }; + public paging: GuiPaging = { + enabled: true, + page: 1, + pageSize: 10, + pageSizes: [5, 10, 25, 50], + display: GuiPagingDisplay.ADVANCED, + }; - public infoPanel: GuiInfoPanel = { - enabled: true, - infoDialog: false, - columnsManager: true, - schemaManager: true - }; + public columnMenu: GuiColumnMenu = { + enabled: true, + sort: true, + columnsManager: true, + }; - public rowSelection: boolean | GuiRowSelection = { - enabled: true, - type: GuiRowSelectionType.CHECKBOX, - mode: GuiRowSelectionMode.MULTIPLE, - }; + public infoPanel: GuiInfoPanel = { + enabled: true, + infoDialog: false, + columnsManager: true, + schemaManager: true, + }; + + public rowSelection: boolean | GuiRowSelection = { + enabled: true, + type: GuiRowSelectionType.CHECKBOX, + mode: GuiRowSelectionMode.MULTIPLE, + }; + + ngOnInit(): void { + this.initGridTable(); + } + + confirm_delete(item: any = "", del: boolean = false) { + if (!del) { + this.SelectedSnippet = { ...item }; + this.DeleteConfirmModalVisible = true; + console.dir(this.SelectedSnippet); + } else { + var _self = this; + this.data_provider + .delete_snippet(_self.SelectedSnippet["id"]) + .then((res) => { + _self.initGridTable(); + _self.DeleteConfirmModalVisible = false; + }); + } + } + + Edit_Snippet(item: any, action: string = "showadd") { + if (action == "showadd") { + this.current_snippet = { ...this.default_snippet }; + this.EditModalVisible = true; + this.ModalAction = "add"; + } else { + this.current_snippet = item; + this.EditModalVisible = true; + this.lineNum = this.current_snippet["content"].match(/\n/g).length; + + this.ModalAction = "edit"; + } + } + show_exec(item:any){ + var _self=this; + this.SelectedSnippet = item; + this.ExecutedDataModalVisible = true; + this.data_provider + .get_executed_snipet(_self.SelectedSnippet["id"]) + .then((res) => { + let index = 1; + _self.ExecutedData= res.map((d: any) => { + d.index = index; + d.ended = formatInTimeZone( + d.created.split(".")[0] + ".000Z", + _self.tz, + "yyyy-MM-dd HH:mm:ss XXX" + ); + d.started = formatInTimeZone( + d.info.created.split(".")[0] + ".000Z", + _self.tz, + "yyyy-MM-dd HH:mm:ss XXX" + ); + index += 1; + return d; + }); - ngOnInit(): void { - this.initGridTable(); - } - - confirm_delete(item: any="",del:boolean=false) { - if (!del){ - this.SelectedSnippet={...item}; - this.DeleteConfirmModalVisible = true; - console.dir(this.SelectedSnippet); - } - else{ - var _self=this; - this.data_provider.delete_snippet(_self.SelectedSnippet['id']).then(res => { - _self.initGridTable(); - _self.DeleteConfirmModalVisible = false; - }); - - } - - } - - Edit_Snippet(item: any,action:string="showadd") { - - if(action=="showadd"){ - this.current_snippet={...this.default_snippet}; - this.EditModalVisible=true; - this.ModalAction="add"; - } - else{ - this.current_snippet=item; - this.EditModalVisible=true; - this.lineNum = this.current_snippet['content'].match(/\n/g) .length ; - - this.ModalAction="edit"; - } - - } - - calcline($ev:any){ - if($ev) - this.lineNum = $ev.match(/\n/g) .length ; - else - this.lineNum = 0; - } - - save_snippet(){ - this.data_provider.save_snippet(this.current_snippet).then(res =>{ - this.EditModalVisible=false; - this.initGridTable(); - }) - } - - onSelectedRows(rows: Array): void { - this.rows = rows; - this.Selectedrows = rows.map((m: GuiSelectedRow) => m.source.id); - } - - remove(item: any) { - console.dir(item); - } - - logger(item: any) { - console.dir(item) - } - - initGridTable(): void { - var _self=this; - _self.data_provider.get_snippets("","","",0,1000).then(res => { - _self.source =res.map( (x:any) => { - x.created = [x.created.split("T")[0],x.created.split("T")[1].split(".")[0]].join(" ") - return x; - - }); - _self.loading = false; - }); - } - ngOnDestroy(): void { - } + + + + + + + + _self.DeleteConfirmModalVisible = false; + }); + } + + form_changed() { + // this.editAddTask(this.SelectedTask, "select_change"); + this.SelectedMembers = []; + this.SelectedTaskItems = []; + } + remove_member(item: any) { + var _self = this; + _self.SelectedMembers = _self.SelectedMembers.filter( + (x: any) => x.id != item.id + ); + _self.SelectedTaskItems = _self.SelectedMembers.map((x: any) => { + return x.id; + }); + } + + show_new_member_form() { + this.NewMemberModalVisible = true; + var _self = this; + _self.availbleMembers = []; + this.SelectedNewMemberRows = []; + this.NewMemberRows = []; + + var data = { + group_id: false, + search: false, + page: false, + size: 10000, + }; + + if (this.current_snippet["selection_type"] == "devices") + _self.data_provider.get_dev_list(data).then((res) => { + _self.availbleMembers = res.filter( + (x: any) => !_self.SelectedTaskItems.includes(x.id) + ); + _self.NewMemberModalVisible = true; + }); + else + _self.data_provider.get_devgroup_list().then((res) => { + _self.availbleMembers = res.filter( + (x: any) => !_self.SelectedTaskItems.includes(x.id) + ); + _self.NewMemberModalVisible = true; + }); + } + + onSelectedRowsNewMembers(rows: Array): void { + this.NewMemberRows = rows; + this.SelectedNewMemberRows = rows.map((m: GuiSelectedRow) => m.source); + } + + add_new_members() { + var _self = this; + _self.SelectedMembers = [ + ...new Set(_self.SelectedMembers.concat(_self.SelectedNewMemberRows)), + ]; + + _self.SelectedTaskItems = _self.SelectedMembers.map((x: any) => { + return x.id; + }); + + this.NewMemberModalVisible = false; + } + + submit(action: string) { + var _self = this; + this.data_provider + .Exec_snipet(_self.current_snippet, _self.SelectedTaskItems) + .then((res) => { + _self.initGridTable(); + }); + + this.ExecSnipetModalVisible = false; + } + + Run_Snippet(item: any, action: string = "showadd") { + this.current_snippet = item; + this.current_snippet["task_type"] = "snipet_exec"; + this.current_snippet["selection_type"] = "devices"; + this.form_changed(); + this.ExecSnipetModalVisible = true; + this.ModalAction = "exec"; + } + calcline($ev: any) { + if ($ev) this.lineNum = $ev.match(/\n/g).length; + else this.lineNum = 0; + } + + save_snippet() { + this.data_provider.save_snippet(this.current_snippet).then((res) => { + this.EditModalVisible = false; + this.initGridTable(); + }); + } + + onSelectedRows(rows: Array): void { + this.rows = rows; + this.Selectedrows = rows.map((m: GuiSelectedRow) => m.source.id); + } + + remove(item: any) { + console.dir(item); + } + + logger(item: any) { + console.dir(item); + } + + initGridTable(): void { + var _self = this; + _self.data_provider.get_snippets("", "", "", 0, 1000).then((res) => { + _self.source = res.map((x: any) => { + x.created = [ + x.created.split("T")[0], + x.created.split("T")[1].split(".")[0], + ].join(" "); + return x; + }); + _self.loading = false; + }); + } + + + exportToCsv(jsonResponse:any) { + console.dir(jsonResponse); + const data = jsonResponse; + const columns = this.getColumns(data); + const csvData = this.convertToCsv(data, columns); + this.downloadFile(csvData, 'data.csv', 'text/csv'); + } + + getColumns(data: any[]): string[] { + const columns : any = []; + data.forEach(row => { + Object.keys(row).forEach((col) => { + if (!columns.includes(col)) { + columns.push(col); + } + }); + }); + return columns; + } + + convertToCsv(data: any[], columns: string[]): string { + let csv = ''; + csv += columns.join(',') + '\n'; + data.forEach(row => { + const values : any = []; + columns.forEach((col:any) => { + values.push(row[col]); + }); + csv += values.join(',') + '\n'; + }); + return csv; + } + + downloadFile(data: string, filename: string, type: string) { + const blob = new Blob([data], { type: type }); + const nav = (window.navigator as any); + + if (nav.msSaveOrOpenBlob) { + nav.msSaveBlob(blob, filename); + } else { + const link = document.createElement('a'); + link.setAttribute('href', URL.createObjectURL(blob)); + link.setAttribute('download', filename); + link.style.visibility = 'hidden'; + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + } + } + + + + + + + + + + + + + + + + ngOnDestroy(): void {} }