;
7 | openDialog(): void;
8 | setConfig?(config: any): void;
9 | refresh?(): void;
10 | doSearchResult?(): void;
11 | }
12 |
13 | export interface IWidgetMetaData {
14 | category: string;
15 | title: string;
16 | description: string;
17 | indexName?: string;
18 | strongIndex?: string;
19 | advancedName?: string;
20 | subCategory?: string;
21 | enable?: boolean;
22 | componentClass?: any;
23 | settingWindow?: boolean;
24 | className?: string;
25 | submit?: boolean;
26 | minWidth?: number;
27 | minHeight?: number;
28 | deprecated?: boolean;
29 | }
30 |
--------------------------------------------------------------------------------
/src/app/components/widgets/ace-editor-widget/ace-editor-widget.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
--------------------------------------------------------------------------------
/src/app/components/widgets/ace-editor-widget/ace-editor-widget.component.scss:
--------------------------------------------------------------------------------
1 | .scrollable{
2 | display: block;
3 | height: 100%;
4 | overflow-y: auto;
5 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/ace-editor-widget/settings-ace-editor-widget.component.scss:
--------------------------------------------------------------------------------
1 | .title {
2 | width: initial !important;
3 | display: flex;
4 | justify-content: space-between;
5 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/alert-widget/alert-widget.component.html:
--------------------------------------------------------------------------------
1 |
13 |
14 |
17 |
--------------------------------------------------------------------------------
/src/app/components/widgets/alert-widget/alert-widget.component.scss:
--------------------------------------------------------------------------------
1 | .alertWidget{
2 | height: calc(100% - 10px);
3 | width: calc(100% - 10px);
4 | margin-left: 5px;
5 | border-radius: .25rem;
6 | padding: .75rem 1.25rem;
7 | }
8 |
9 |
--------------------------------------------------------------------------------
/src/app/components/widgets/alert-widget/snack-bar.component.html:
--------------------------------------------------------------------------------
1 |
2 | {{ data.alertMessage }}
3 |
--------------------------------------------------------------------------------
/src/app/components/widgets/alert-widget/snack-bar.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Inject, ChangeDetectionStrategy } from '@angular/core';
2 | import { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
3 |
4 | @Component({
5 | selector: 'snack-bar',
6 | templateUrl: 'snack-bar.component.html',
7 | styles: [`
8 | .snack-bar {
9 | box-sizing: border-box;
10 | display:block;
11 | width:calc(100% + 34px);
12 | height:calc(100% + 28px);
13 | margin: -14px -17px;
14 | border-radius: 4px;
15 | padding: 14px 16px;
16 | }
17 | `],
18 | changeDetection: ChangeDetectionStrategy.OnPush
19 | })
20 | export class SnackBarComponent {
21 | constructor(
22 | @Inject(MAT_SNACK_BAR_DATA) public data: any
23 | ) { }
24 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/clock-widget/clock-widget.component.html:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/src/app/components/widgets/clock-widget/clock-widget.component.scss:
--------------------------------------------------------------------------------
1 | .box.clock-widget > h2,
2 | .box.clock-widget > h3,
3 | .box.clock-widget > h5,
4 | .box.clock-widget > p {
5 | text-align: center;
6 | }
7 | .box {
8 | &.clock-widget {
9 | height: 100%;
10 | }
11 | }
12 | .analog-clock {
13 | position: relative;
14 | margin: 30px auto 0;
15 | width: 200px;
16 | height: 200px;
17 | background-color: aliceblue;
18 | border-radius: 50%;
19 | }
20 | .hand {
21 | position: absolute;
22 | left: 50%;
23 | width: 1px;
24 | height: 50%;
25 | transform-origin: 100% 100%;
26 | }
27 | .hour {
28 | background-color: #f44336;
29 | }
30 | .minute {
31 | background-color: #3f51b5;
32 | }
33 | .second {
34 | background-color: #9e9e9e;
35 | }
36 | .center-circle {
37 | position: absolute;
38 | top: 50%;
39 | left: 50%;
40 | transform: translate3d(-50%, -50%, 0);
41 | width: 14px;
42 | height: 14px;
43 | background-color: black;
44 | border-radius: 50%;
45 | }
46 |
47 |
--------------------------------------------------------------------------------
/src/app/components/widgets/clock-widget/setting-clock-widget.component.scss:
--------------------------------------------------------------------------------
1 | .title {
2 | width: initial !important;
3 | display: flex;
4 | justify-content: space-between;
5 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/general-iframe-widget/general-iframe-widget.component.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
7 |
--------------------------------------------------------------------------------
/src/app/components/widgets/general-iframe-widget/general-iframe-widget.component.scss:
--------------------------------------------------------------------------------
1 | iframe {
2 | width: 100%;
3 | height: calc(100% - 1rem);
4 | border: 0;
5 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/general-iframe-widget/setting-general-iframe-widget.component.scss:
--------------------------------------------------------------------------------
1 | .title {
2 | margin: -1.5rem -1.5rem 2rem -1.5rem;
3 | width: initial !important;
4 | display: flex;
5 | justify-content: space-between;
6 | }
7 | .example-container {
8 | & > * {
9 | width: 100%;
10 | }
11 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/grafana-widget/grafana-widget.component.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
7 |
8 |
--------------------------------------------------------------------------------
/src/app/components/widgets/grafana-widget/grafana-widget.component.scss:
--------------------------------------------------------------------------------
1 | iframe {
2 | width: 100%;
3 | height: calc(100% - 1rem);
4 | border: 0;
5 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/grafana-widget/setting-grafana-widget.component.scss:
--------------------------------------------------------------------------------
1 | .title {
2 | margin: -1.5rem -1.5rem 2rem -1.5rem;
3 | width: initial !important;
4 | display: flex;
5 | justify-content: space-between;
6 | }
7 | .example-container {
8 | & > * {
9 | width: 100%;
10 | }
11 | }
12 | .login-error {
13 | background:#ff440033;
14 | border:1px solid #ff4400;
15 | color:#ff4400;
16 | padding:10px;
17 | font-size: 13px;
18 | text-align: center;
19 | border-radius:4px;
20 | margin:3px 0px;
21 | display:flex;
22 | align-items: center;
23 | justify-content: center;
24 | mat-icon {
25 | font-size: 15px;
26 | height:16px;
27 | width:16px;
28 | margin-right:2px;
29 | }
30 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/influxdbchart-widget/influxdbchart-widget.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
No Data
7 |
14 |
15 |
17 |
20 |
--------------------------------------------------------------------------------
/src/app/components/widgets/influxdbchart-widget/influxdbchart-widget.component.scss:
--------------------------------------------------------------------------------
1 | .chart-container {
2 | position: relative;
3 | height:100%;
4 | width:100%;
5 | }
6 | .loading {
7 | height:100%;
8 | width:100%;
9 | position: absolute;
10 | left: 0;
11 | right: 0;
12 | top: 0;
13 | bottom: 0;
14 | background-color: rgba(255,255,255,0.6);
15 | display: flex;
16 | justify-content: center;
17 | align-content: center;
18 | align-items: center;
19 | z-index: 9999999;
20 | }
21 | .fill-container {
22 | height:100%;
23 | width:100%;
24 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/influxdbchart-widget/setting-influxdbchart-widget.component.scss:
--------------------------------------------------------------------------------
1 | .chack-list {
2 | margin-right: 1.3rem;
3 | }
4 | .title {
5 | margin: -1.5rem -1.5rem 2rem -1.5rem;
6 | width: initial !important;
7 | display: flex;
8 | justify-content: space-between;
9 | }
10 | .example-container {
11 | display: flex;
12 | flex-direction: column;
13 | & > * {
14 | width: 100%;
15 | }
16 | & > div {
17 | & > .mat-mdc-form-field {
18 | padding-right: 0.5rem;
19 | }
20 | }
21 | blockquote {
22 | display: inline-block;
23 | margin: 4px;
24 | background-color: bisque;
25 | font-family: monospace;
26 | padding: 0 5px;
27 | border-radius: 4px;
28 | }
29 | }
30 | .custom-mat-chip {
31 | min-height: 26px;
32 | padding-left: 10px !important;
33 | padding-right: 4px !important;
34 | }
35 | .chips-container {
36 | position: absolute;
37 | z-index: 9999;
38 | }
39 | .chips-container-selector {
40 | ::ng-deep {
41 | /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
42 | /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
43 | .mat-select-value {
44 | opacity: 0;
45 | }
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/src/app/components/widgets/pcap-uploader-widget/pcap-uploader-widget.component.scss:
--------------------------------------------------------------------------------
1 | .file-upload-container {
2 | position: relative;
3 | height: 100%;
4 |
5 | &>.fileselect {
6 | align-items: center;
7 | background-color: #eee;
8 | border-radius: 1rem;
9 | border-style: dashed;
10 | color: #999;
11 | cursor: pointer;
12 | display: flex;
13 | height: 100%;
14 | justify-content: center;
15 | margin: 0;
16 | min-width: 200px;
17 | padding: 1rem;
18 |
19 | &::before {
20 | content: "Drop PCAP file here";
21 | }
22 |
23 | &.drugOver {
24 | background-color: #ccc;
25 | }
26 | }
27 |
28 | &>input[type="file"] {
29 | position: absolute;
30 | top: 0;
31 | left: 0;
32 | width: 100%;
33 | height: 100%;
34 | bottom: 0;
35 | right: 0;
36 | cursor: pointer;
37 | opacity: 0;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/app/components/widgets/pcap-uploader-widget/pcap-uploader.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Observable } from 'rxjs';
3 | import { Injectable } from '@angular/core';
4 | import { environment } from '@environments/environment';
5 |
6 | @Injectable({
7 | providedIn: 'root'
8 | })
9 | export class PcapUploaderService {
10 | private url = `${environment.apiUrl}/import/data/pcap`;
11 | constructor(private http: HttpClient) { }
12 |
13 | postFile(fileToUpload: File, isDataTimeNow): Observable {
14 | const formData: FormData = new FormData();
15 | formData.append('fileKey', fileToUpload, fileToUpload.name);
16 | const url = isDataTimeNow ? this.url + '/now' : this.url;
17 | return this.http.post(url, formData);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/components/widgets/prometheus-widget/prometheus-widget.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
No Data
7 |
14 |
15 |
17 |
20 |
--------------------------------------------------------------------------------
/src/app/components/widgets/prometheus-widget/prometheus-widget.component.scss:
--------------------------------------------------------------------------------
1 | .chart-container {
2 | position: relative;
3 | height:100%;
4 | width:100%;
5 | }
6 | .loading {
7 | height:100%;
8 | width:100%;
9 | position: absolute;
10 | left: 0;
11 | right: 0;
12 | top: 0;
13 | bottom: 0;
14 | background-color: rgba(255,255,255,0.6);
15 | display: flex;
16 | justify-content: center;
17 | align-content: center;
18 | align-items: center;
19 | z-index: 9999999;
20 | }
21 | .fill-container {
22 | height:100%;
23 | width:100%;
24 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/protosearch-widget/chips-input/chips-input.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 | {{item.name}}
6 | cancel
7 |
8 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/app/components/widgets/protosearch-widget/chips-input/chips-input.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/app/components/widgets/protosearch-widget/chips-input/chips-input.component.scss
--------------------------------------------------------------------------------
/src/app/components/widgets/protosearch-widget/drag-drop-list/drag-drop-list.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
Inactive
4 |
11 |
{{item && item.name || '\{skipped on Mapping\}'}}
12 |
13 |
14 |
15 |
16 |
Active
17 |
24 |
{{item && item.name || '\{skipped on Mapping\}'}}
25 |
26 |
27 |
{{'LINK.settings' | translate}}
3 |
6 |
7 |
8 |
9 |
10 | {{'LINK.title' | translate}}
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/components/widgets/result-chart-widget/setting-result-chart-widget.component.scss:
--------------------------------------------------------------------------------
1 | .title {
2 | width: initial !important;
3 | display: flex;
4 | justify-content: space-between;
5 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/result-chart-widget/setting-result-chart-widget.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Inject, ChangeDetectionStrategy } from '@angular/core';
2 | import { MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
3 | import { TranslateService } from '@ngx-translate/core'
4 | @Component({
5 | selector: 'app-setting-result-chart-widget-component',
6 | templateUrl: 'setting-result-chart-widget.component.html',
7 | styleUrls: ['./setting-result-chart-widget.component.scss'],
8 | changeDetection: ChangeDetectionStrategy.OnPush
9 | })
10 |
11 | export class SettingResultChartWidgetComponent {
12 | constructor(
13 | public dialogRef: MatDialogRef,
14 | public translateService: TranslateService,
15 | @Inject(MAT_DIALOG_DATA) public data: any
16 | ) {
17 | translateService.addLangs(['en'])
18 | translateService.setDefaultLang('en')
19 | }
20 |
21 | isInvalid: boolean;
22 | validate(event) {
23 | event = event.trim();
24 | if (event === '' || event === ' ') {
25 | this.isInvalid = true;
26 | } else {
27 | this.isInvalid = false;
28 | }
29 | }
30 | onNoClick(): void {
31 | this.dialogRef.close();
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/app/components/widgets/result-widget/result-widget.component.html:
--------------------------------------------------------------------------------
1 |
9 |
--------------------------------------------------------------------------------
/src/app/components/widgets/result-widget/result-widget.component.scss:
--------------------------------------------------------------------------------
1 | .widget-container {
2 | overflow-y: auto;
3 | height: 100%;
4 | }
5 | .loading {
6 | position: absolute;
7 | left: 0;
8 | right: 0;
9 | top: 0;
10 | bottom: 0;
11 | background-color: rgba(255,255,255,0.6);
12 | display: flex;
13 | justify-content: center;
14 | align-content: center;
15 | align-items: center;
16 | z-index: 9999999;
17 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/result-widget/setting-result-widget.component.html:
--------------------------------------------------------------------------------
1 |
2 | {{'LINK.settings' | translate}}
3 |
6 |
7 |
8 |
9 |
10 | {{'LINK.title' | translate}}
11 |
12 |
13 |
14 |
15 | {{ 'widgets.resultWidget.settings.autoRefresh' | translate }}
16 |
17 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/src/app/components/widgets/result-widget/setting-result-widget.component.scss:
--------------------------------------------------------------------------------
1 | .title {
2 | width: initial !important;
3 | display: flex;
4 | justify-content: space-between;
5 | }
6 | .slide-toggle {
7 | display: block;
8 | font-size: .8em !important;
9 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/result-widget/setting-result-widget.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Inject, ChangeDetectionStrategy } from '@angular/core';
2 | import { MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
3 | import { TranslateService } from '@ngx-translate/core'
4 | @Component({
5 | selector: 'app-setting-result-widget-component',
6 | templateUrl: 'setting-result-widget.component.html',
7 | styleUrls: ['./setting-result-widget.component.scss'],
8 | changeDetection: ChangeDetectionStrategy.OnPush
9 | })
10 | export class SettingResultWidgetComponent {
11 | constructor(
12 | public dialogRef: MatDialogRef,
13 | public translateService: TranslateService,
14 | @Inject(MAT_DIALOG_DATA) public data: any
15 | ) {
16 | translateService.addLangs(['en'])
17 | translateService.setDefaultLang('en')
18 | }
19 | isInvalid: boolean;
20 | validate(event) {
21 | event = event.trim();
22 | if (event === '' || event === ' ') {
23 | this.isInvalid = true;
24 | } else {
25 | this.isInvalid = false;
26 | }
27 | }
28 | onNoClick(): void {
29 | this.dialogRef.close();
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/components/widgets/rsearch-widget/code-style-field/code-style-field.component.html:
--------------------------------------------------------------------------------
1 | LogQL
2 |
3 |
12 |
13 |
14 |
15 |
16 |
17 | Error connecting to datasource: Data source connected, but no labels received. Verify that Loki and Promtail is configured properly.
18 |
19 |
20 |
21 |
22 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/src/app/components/widgets/rsearch-widget/code-style-field/code-style-field.component.scss:
--------------------------------------------------------------------------------
1 | .div-field {
2 | padding: 5px 0;
3 | margin-bottom: 12px;
4 | border-bottom: 1px solid rgba(0,0,0,0.4);
5 | outline: none;
6 | //font-weight: bold;
7 | font-family: "Roboto Mono", monospace;
8 | font-size: 12px;
9 |
10 |
11 | // margin-bottom: 1.25em;
12 | //min-height: 28px;
13 | // max-height: 28px;
14 | }
15 | .menu-title {
16 | background: rgba(0,0,0,0.1);
17 | margin: 0;
18 | padding: 4px 1rem;
19 | font-size: 0.9em;
20 | }
21 | .error {
22 | align-items: center;
23 | display: flex;
24 | font-size: 0.9em;
25 | color: red;
26 | background-color: #fdd;
27 | padding: 1rem;
28 | border-radius: 0.3rem;
29 | margin-bottom: 1rem;
30 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/rsearch-widget/code-style-field/code-style-field.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { CodeStyleFieldComponent } from './code-style-field.component';
4 | import { MatMenuModule } from '@angular/material/menu';
5 | import { MatFormFieldModule } from '@angular/material/form-field';
6 | import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
7 | import { fas } from '@fortawesome/free-solid-svg-icons';
8 | import { fab } from '@fortawesome/free-brands-svg-icons';
9 | import { far } from '@fortawesome/free-regular-svg-icons';
10 |
11 | @NgModule({
12 | imports: [
13 | CommonModule,
14 | MatMenuModule,
15 | MatFormFieldModule,
16 | FontAwesomeModule
17 | ],
18 | declarations: [CodeStyleFieldComponent],
19 | exports: [CodeStyleFieldComponent]
20 | })
21 | export class CodeStyleFieldModule {
22 |
23 | constructor(library: FaIconLibrary) {
24 | library.addIconPacks(fas as any, fab as any, far as any);
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/components/widgets/rsearch-widget/code-style-prometheus-field/code-style-prometheus-field.component.html:
--------------------------------------------------------------------------------
1 |
2 | Query
3 |
4 |
13 |
14 |
15 |
16 |
17 |
18 | Error connecting to datasource: Data source connected, but no labels received. Verify that Loki and Promtail is configured properly.
19 |
20 |
21 |
22 |
23 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/src/app/components/widgets/rsearch-widget/code-style-prometheus-field/code-style-prometheus-field.component.scss:
--------------------------------------------------------------------------------
1 | .div-field {
2 | padding: 0.2rem 0;
3 | border-bottom: 1px solid rgba(0,0,0,0.54);
4 | outline: none;
5 | font-family: monospace;
6 | font-size: 14px;
7 | background-color: rgb(253, 255, 226);
8 | margin-bottom: 1.25em;
9 | min-height: 28px;
10 | // max-height: 28px;
11 | }
12 | .menu-title {
13 | background: rgba(0,0,0,0.1);
14 | margin: 0;
15 | padding: 4px 1rem;
16 | font-size: 0.9em;
17 | }
18 | .error {
19 | align-items: center;
20 | display: flex;
21 | font-size: 0.9em;
22 | color: red;
23 | background-color: #fdd;
24 | padding: 1rem;
25 | border-radius: 0.3rem;
26 | margin-bottom: 1rem;
27 | }
--------------------------------------------------------------------------------
/src/app/components/widgets/rsearch-widget/rsearch-widget.component.html:
--------------------------------------------------------------------------------
1 |
28 |
--------------------------------------------------------------------------------
/src/app/components/widgets/rsearch-widget/rsearch-widget.component.scss:
--------------------------------------------------------------------------------
1 | .example-container {
2 | display: grid;
3 | grid-template-columns: 1fr;
4 | column-gap: 10px;
5 | padding: 20px;
6 | & > * {
7 | font-size: 13px;
8 | line-height: 13px;
9 | letter-spacing: 1px;
10 | }
11 | }
12 | .search-btn {
13 | background: #749ad6;
14 | color: white;
15 |
16 | }
17 | .clear-btn {
18 | background-color: #fafafa;
19 | color: #8a8a8a;
20 |
21 | }
22 |
--------------------------------------------------------------------------------
/src/app/components/widgets/smart-input-widget/code-proto-selector/code-proto-selector.component.html:
--------------------------------------------------------------------------------
1 | Select Protocol
2 |
--------------------------------------------------------------------------------
/src/app/components/widgets/smart-input-widget/code-proto-selector/code-proto-selector.component.scss:
--------------------------------------------------------------------------------
1 | .proto-selector {
2 | display: flex;
3 | color: grey;
4 | border: 1px solid lightgray;
5 | border-radius: 3px 3px 3px 3px;
6 | margin-right:3px;
7 | height: 28px;
8 | line-height: 14px;
9 | font-size: 12px;
10 | cursor: pointer;
11 | background: #fafafa;
12 | // width:105px;
13 | width: 100%;
14 | text-overflow: ellipsis;
15 |
16 | &:focus {
17 | outline: none;
18 |
19 | }
20 |
21 | .proto-button {
22 | background: #fafafa;
23 | cursor: pointer;
24 | height: 100%;
25 | display: inline-block;
26 | padding: 6px;
27 |
28 | }
29 |
30 | .menu-button {
31 | font-size: 14px;
32 | line-height: 21px;
33 | padding: 3px;
34 | padding-left: 0px;
35 | background: #fafafa;
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/app/components/widgets/smart-input-widget/query-history.service.ts:
--------------------------------------------------------------------------------
1 | import { setStorage, getStorage } from '@app/helpers/functions';
2 | export class QueryHistoryService {
3 | id_widget;
4 |
5 | constructor(id_widget: string) {
6 | this.id_widget = id_widget;
7 | }
8 | get key() {
9 | return 'smart-query-history-' + this.id_widget;
10 | }
11 | private setFormat(record) {
12 | return { timestamp: new Date().getTime(), record };
13 | }
14 |
15 | addRecord(record) {
16 | console.log('addRecord::', record);
17 | const records: any[] = getStorage(this.key) || [];
18 |
19 | if (
20 | !records.find(i => JSON.stringify(i.record) === JSON.stringify(record)) &&
21 | !record?.record?.match(/^\s+$/g) &&
22 | record?.record !== ''
23 | ) {
24 | records.unshift(this.setFormat(record));
25 | }
26 |
27 | setStorage(this.key, records.filter(({record}) => !record?.match(/^\s*$/g)).slice(0, 12));
28 | }
29 | getRecords(): any[] {
30 | return (getStorage(this.key) || []).map(({ record }) => record).filter(record => !record?.match(/^\s*$/g));
31 | }
32 | removeHistory() {
33 | localStorage.removeItem(this.key);
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/components/widgets/smart-input-widget/setting-smart-input-widget.component.scss:
--------------------------------------------------------------------------------
1 | .chack-list {
2 | margin-right: 1.3rem;
3 | }
4 |
5 | .title {
6 | width: initial !important;
7 | display: flex;
8 | justify-content: space-between;
9 | }
10 |
11 | .field-row-collection {
12 | display: flex;
13 | width: 100%;
14 | flex-direction: row;
15 | }
16 |
17 | .c-box {
18 | flex: 0;
19 | min-width: 0rem;
20 | margin: 1rem;
21 | }
22 |
23 | .example-container {
24 | display: flex;
25 | flex-direction: column;
26 |
27 | &>* {
28 | width: 100%;
29 | }
30 | }
31 |
32 | .float-right {
33 | position: absolute;
34 | right: -2rem;
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/guards/auth.guard.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
3 | import { AuthenticationService } from '@app/services';
4 |
5 | @Injectable({ providedIn: 'root' })
6 | export class AuthGuard implements CanActivate {
7 | constructor(
8 | private router: Router,
9 | private authenticationService: AuthenticationService
10 | ) {}
11 |
12 | canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
13 | const currentUser = this.authenticationService.currentUserValue;
14 | if (currentUser) {
15 | return true;
16 | }
17 |
18 | this.router.navigate([{
19 | outlets: { primary: null, system: 'login'}
20 | }], {
21 | queryParams: {
22 | returnUrl: state.url
23 | }
24 | });
25 | return false;
26 | }
27 | }
--------------------------------------------------------------------------------
/src/app/guards/index.ts:
--------------------------------------------------------------------------------
1 | export * from './auth.guard';
--------------------------------------------------------------------------------
/src/app/helpers/email-validator.directive.ts:
--------------------------------------------------------------------------------
1 | import { ValidatorFn, AbstractControl } from '@angular/forms';
2 |
3 | export function emailValidator(): ValidatorFn {
4 | return (control: AbstractControl): {[key: string]: any} | null => {
5 | const nameRe: RegExp = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;
6 | const valid = nameRe.test(control.value);
7 | return !valid ? {'forbiddenName': {value: control.value}} : null;
8 | };
9 | }
--------------------------------------------------------------------------------
/src/app/helpers/index.ts:
--------------------------------------------------------------------------------
1 | export * from './error.interceptor';
2 | export * from './jwt.interceptor';
3 |
--------------------------------------------------------------------------------
/src/app/helpers/jwt.interceptor.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
3 | import { Observable } from 'rxjs';
4 |
5 | import { AuthenticationService } from '@app/services';
6 |
7 | @Injectable()
8 | export class JwtInterceptor implements HttpInterceptor {
9 | constructor(private authenticationService: AuthenticationService) {}
10 |
11 | intercept(request: HttpRequest, next: HttpHandler): Observable> {
12 | // add authorization header with jwt token if available
13 | const currentUser = this.authenticationService.currentUserValue;
14 | if (currentUser && currentUser.token) {
15 | request = request.clone({
16 | setHeaders: {
17 | Authorization: `Bearer ${currentUser.token}`
18 | }
19 | });
20 | }
21 |
22 | return next.handle(request);
23 | }
24 | }
--------------------------------------------------------------------------------
/src/app/helpers/widget.ts:
--------------------------------------------------------------------------------
1 | import { IWidgetMetaData, IWidget } from '@app/components/widgets/IWidget';
2 |
3 | export const WidgetArray: Array = [];
4 | export const WidgetArrayInstance: { [key: string]: IWidget } = {};
5 |
6 | export function Widget(metaData: IWidgetMetaData): ClassDecorator {
7 | return function ( constructor: any ) {
8 | metaData.componentClass = constructor;
9 | metaData.enable = true;
10 | metaData.strongIndex = metaData.className;
11 | metaData.settingWindow = metaData.settingWindow === null || metaData.settingWindow === undefined ? true : metaData.settingWindow;
12 | WidgetArray.push(metaData);
13 | };
14 | }
15 |
--------------------------------------------------------------------------------
/src/app/hep-tooltip/hep-tooltip.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { HepTooltipDirective } from '@app/helpers/hep-tooltip.directive';
3 |
4 |
5 |
6 | @NgModule({
7 | declarations: [HepTooltipDirective],
8 | exports: [HepTooltipDirective]
9 | })
10 | export class HepTooltipModule { }
11 |
--------------------------------------------------------------------------------
/src/app/models/CallIDColor.model.ts:
--------------------------------------------------------------------------------
1 | export interface CallIDColor {
2 | callID: string;
3 | backgroundColor: string;
4 | decompiledColor: {
5 | hue: number;
6 | saturation: number;
7 | lightness: number;
8 | alpha: number;
9 | };
10 | textColor: string;
11 | }
--------------------------------------------------------------------------------
/src/app/models/agent-request-model.ts:
--------------------------------------------------------------------------------
1 | export interface AgentRequestModel {
2 | protocol: string;
3 | host: string;
4 | port: number;
5 | path: string;
6 | type?: string;
7 | node: string;
8 | }
9 |
--------------------------------------------------------------------------------
/src/app/models/alert.model.ts:
--------------------------------------------------------------------------------
1 | export interface AlertMessage {
2 | isTranslation?: boolean;
3 | message: string;
4 | fullObject?: string | Object;
5 | translationParams?: Object;
6 | }
7 | export interface AlertSubject {
8 | type: 'success' | 'error' | 'warning' | 'notice';
9 | text: AlertMessage['message'];
10 | object?: AlertMessage['fullObject'];
11 | }
12 | export interface AlertProper extends AlertSubject {
13 | timeout: ReturnType;
14 | isOpen: boolean;
15 | }
16 | export interface AlertMessage {
17 | isTranslation?: boolean;
18 | message: string;
19 | fullObject?: string | Object;
20 | translationParams?: Object;
21 | }
22 | export const MessageTimer = 5000; // 5 seconds
--------------------------------------------------------------------------------
/src/app/models/dashboard-content.model.ts:
--------------------------------------------------------------------------------
1 | export interface DashboardContentModel {
2 | id?: string;
3 | cols: number;
4 | rows: number;
5 | y: number;
6 | x: number;
7 | component?: any;
8 | name: string;
9 | title?: string;
10 | config?: object;
11 | output?: any;
12 | strongIndex?: string;
13 | minItemCols?: number;
14 | minItemRows?: number;
15 | minHeight?: number;
16 | minWidth?: number;
17 | isWarning?: boolean;
18 | isDismissed?: boolean;
19 | tabGroup?: string;
20 | activeTab?: boolean;
21 | layerIndex?: number;
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/models/dashboard.model.ts:
--------------------------------------------------------------------------------
1 | import { DashboardContentModel } from './dashboard-content.model';
2 |
3 | export interface DashboardModel {
4 | // id: number;
5 | // username: string;
6 | dashboard: Array;
7 |
8 | category: string;
9 | create_date: string;
10 | data: any;
11 | id: number;
12 | param: string;
13 | partid: number;
14 | username: string;
15 | owner: string;
16 | widgets?: any;
17 | }
--------------------------------------------------------------------------------
/src/app/models/flow-item-type.model.ts:
--------------------------------------------------------------------------------
1 | export enum FlowItemType {
2 | SIP = 'SIP',
3 | SDP = 'SDP',
4 | RTP = 'RTP',
5 | RTCP = 'RTCP',
6 | DTMF = 'DTMF',
7 | LOG = 'LOG'
8 | }
9 |
--------------------------------------------------------------------------------
/src/app/models/index.ts:
--------------------------------------------------------------------------------
1 | export * from './user.model';
2 | export * from './widget.model';
3 | export * from './dashboard-content.model';
4 | export * from './dashboard.model';
5 | export * from './user-settings.model';
6 | export * from './search-call.model';
7 | export * from './search-method.model';
8 | export * from './const-value.model';
9 | export * from './preference-scripts.model';
10 | export * from './preference-advanced.model';
11 | export * from './preference-alias.model';
12 | export * from './preference-ip-alias.model';
13 | export * from './preference-authkey.model';
14 | export * from './preference-hepsub.model';
15 | export * from './preference-interception.model';
16 | export * from './preference-agentsub.model';
17 | export * from './preference-mapping.model';
18 | export * from './preference-mapping-field.model';
19 | export * from './preference-mapping-protocol.model';
20 | export * from './preference-users.model';
21 | export * from './preference-user-settings.model';
22 | export * from './statistic-database.model';
23 | export * from './dictionary.model';
24 |
--------------------------------------------------------------------------------
/src/app/models/preference-advanced.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceAdvanced {
2 | category: string;
3 | data: any;
4 | guid: string;
5 | param: string;
6 | partid: number;
7 | }
8 |
--------------------------------------------------------------------------------
/src/app/models/preference-agentsub.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceAgentsub {
2 | version: string,
3 | uuid: string;
4 | gid: number;
5 | host: string;
6 | port: number;
7 | protocol: string;
8 | path: string;
9 | node: string;
10 | type: string;
11 | ttl: number;
12 | create_date: string;
13 | expire_date: string;
14 | active: number;
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/models/preference-alias.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceAlias {
2 | id: number;
3 | guid: string;
4 | uuid: string;
5 | version: number;
6 | alias: string;
7 | ip: string;
8 | port: number;
9 | mask: number;
10 | captureID: string;
11 | status: boolean;
12 | }
--------------------------------------------------------------------------------
/src/app/models/preference-authkey.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceAuthKey {
2 | active: boolean;
3 | create_date: string;
4 | creator_guid: string;
5 | expire_date: string;
6 | guid: string;
7 | ip_address: string;
8 | lastusage_date: string;
9 | limit_calls: number;
10 | name: string;
11 | usage_calls: number;
12 | user_object: Object;
13 | usergroup: string;
14 | version: number;
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/models/preference-hepsub.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceHepsub {
2 | guid: string;
3 | profile: string;
4 | hepid: number;
5 | hep_alias: string;
6 | version: number;
7 | mapping: any;
8 | }
9 |
--------------------------------------------------------------------------------
/src/app/models/preference-interception.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceInterception {
2 | version:number;
3 | uuid: string;
4 | gid: number;
5 | liid: number;
6 | search_callee: string;
7 | search_caller: string;
8 | search_ip: string;
9 | delivery: string; // JSON object
10 | create_date: Date;
11 | modify_date: Date;
12 | start_date: Date;
13 | stop_date: Date;
14 | description:string;
15 | status: boolean;
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/models/preference-ip-alias.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceIpAlias {
2 | uuid: string;
3 | alias: string;
4 | group: string;
5 | mask: number;
6 | ip: string;
7 | ipobject: string;
8 | port: number;
9 | ipv6: boolean;
10 | servertype: string;
11 | shardid: string;
12 | type: number;
13 | version: number;
14 | status: boolean;
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/models/preference-mapping-field.model.ts:
--------------------------------------------------------------------------------
1 |
2 | interface FormDefault {
3 | name:string
4 | value:any;
5 | color?:string
6 | }
7 | //fields with default options
8 | type MappingIndex = 'none' | 'wildcard' | 'secondary';
9 | type MappingType = 'string' | 'integer' | 'array' | 'array_string' | 'nested_integer' | 'nested_string' | 'nested_float';
10 | type MappingFormType = 'input' | 'integer' | 'input_multi_select' | 'multiselect' | 'select'
11 |
12 | export interface PreferenceMappingFieldModel {
13 | // default fields params
14 | id:string;
15 | type:MappingType;
16 | name:string;
17 | alias:string;
18 | form_type:MappingFormType;
19 | index:MappingIndex;
20 | skip:boolean;
21 | hide:boolean;
22 | position:number;
23 | // optional fields params
24 | virtual?:boolean;
25 | parent?:string;
26 | _form_default?:Array;
27 | form_api?:string;
28 | system_param?:string;
29 | mapping?:string;
30 | sid_type?:string;
31 | vdata?:string;
32 | grid?:string;
33 | transform?:string;
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/models/preference-mapping-protocol.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceMappingProtocol {
2 | guid: string;
3 | data?: any;
4 | }
5 |
--------------------------------------------------------------------------------
/src/app/models/preference-mapping.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceMapping {
2 | guid: string;
3 | profile: string;
4 | hepid: number;
5 | hep_alias: string;
6 | partid: number;
7 | version: number;
8 | retention: number;
9 | table_name: string;
10 | apply_ttl_all: boolean;
11 | partition_step: number;
12 | create_index: any;
13 | create_table: string;
14 | correlation_mapping: any;
15 | fields_mapping: any;
16 | fields_settings: any;
17 | schema_mapping: any;
18 | schema_settings: any;
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/models/preference-scripts.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceScripts {
2 | uuid: string;
3 | version: number;
4 | data: string;
5 | profile: string;
6 | hepid: number;
7 | hep_alias: string;
8 | partid: number;
9 | type: string;
10 | status: boolean;
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/models/preference-user-settings.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceUsersSettings {
2 | category: string;
3 | data: any;
4 | setting: string;
5 | guid: string;
6 | id: number;
7 | param: string;
8 | partid: number;
9 | username: string;
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/models/preference-users.model.ts:
--------------------------------------------------------------------------------
1 | export interface PreferenceUsers {
2 | username: string;
3 | partid: number;
4 | email: string;
5 | password?: string;
6 | firstname: string;
7 | lastname: string;
8 | department: string;
9 | usergroup: string;
10 | guid: string;
11 | version?: number;
12 | params?: any;
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/models/preferences-kw-mapping.ts:
--------------------------------------------------------------------------------
1 | export class PreferencesContentMapping{
2 |
3 | constructor(){}
4 |
5 | static get keyWordsOnHeaderMapping():Object {
6 | return {
7 | 'ip alias' : "IP Aliases" ,
8 | 'agentsub' : "Agent subscriptions",
9 | 'advanced' : "Advanced Settings",
10 | 'system overview' : "System Overview",
11 | 'user settings' : 'User Settings',
12 | 'auth token' : 'API authentication tokens',
13 | 'hepsub' : "HEPSub",
14 | }
15 | };
16 |
17 |
18 | static get keyWordsOnPreferencesMapping():Object {
19 | return {
20 | 'ip alias' :'IP ALIASES',
21 | 'agentsub' : 'AGENT SUBSCRIPTIONS',
22 | 'advanced' :'ADVANCED SETTINGS',
23 | 'auth token' :'API AUTH',
24 | }
25 | };
26 |
27 | }
--------------------------------------------------------------------------------
/src/app/models/search-call.model.ts:
--------------------------------------------------------------------------------
1 | export interface SearchCallOne {
2 | name: string;
3 | value: number;
4 | type: string;
5 | hepid: number;
6 | profile: string;
7 | }
8 |
9 | export interface SearchCallModel {
10 | param: {
11 | transaction: { };
12 | limit: number;
13 | orlogic: boolean;
14 | archive: boolean;
15 | search?: {},
16 | location: { };
17 | timezone: {
18 | value: number;
19 | name: string;
20 | }
21 | };
22 | timestamp: {
23 | from: number;
24 | to: number;
25 | };
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/models/search-method.model.ts:
--------------------------------------------------------------------------------
1 | export interface SearchMethod {
2 | }
3 |
--------------------------------------------------------------------------------
/src/app/models/statistic-database.model.ts:
--------------------------------------------------------------------------------
1 | export interface StatsDb {
2 | database_name: string;
3 | database_version: string;
4 | db_stats: {
5 | idle: number;
6 | inUse: number;
7 | maxIdleClosed: number;
8 | maxOpenConnections: number;
9 | openConnections: number;
10 | waitCount: number;
11 | waitDuration: number;
12 | };
13 | db_error_count: number;
14 | db_error_log: Array<{
15 | critical: boolean;
16 | error: string;
17 | time: string;
18 | }> | null;
19 | last_check: string;
20 | last_error: string;
21 | latency_avg: number;
22 | latency_max: number;
23 | latency_min: number;
24 | online: boolean;
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/models/user-settings.model.ts:
--------------------------------------------------------------------------------
1 | import { WidgetModel } from './widget.model';
2 |
3 | export interface UserSettings {
4 | guid?: string;
5 | uuid?: string;
6 | username: string;
7 | partid: number;
8 | category: string;
9 | param: string;
10 | data: {
11 | id: string;
12 | name: string;
13 | alias: string;
14 | selectedItem: string;
15 | title: string;
16 | weight: number;
17 | widgets: Array;
18 | config: {
19 | margins: Array;
20 | columns: string;
21 | pushing: boolean;
22 | draggable: {
23 | handle: string;
24 | };
25 | resizable: {
26 | enabled: boolean;
27 | handles: Array;
28 | }
29 | }
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/models/user.model.ts:
--------------------------------------------------------------------------------
1 | export interface User {
2 | firstname: string;
3 | lastname: string;
4 | username: string;
5 | email: string;
6 | partid: number;
7 | usergroup: string;
8 | department: string;
9 | id?: number;
10 | guid?: string;
11 | scope?: string;
12 | token?: string;
13 | user?: {
14 | admin: boolean;
15 | force_password: boolean;
16 | username: string;
17 | isExternal?: boolean
18 | }
19 | }
20 | export interface UserProfile {
21 | admin: boolean
22 | avatar: string
23 | department: string
24 | color: string
25 | displayname: string
26 | external_auth: boolean
27 | external_profile: string
28 | group: string
29 | username: string
30 | guid: string
31 | }
32 | export interface UserJWT {
33 | avatar: string
34 | displayname: string
35 | exp: number
36 | externalauth: boolean
37 | externaltype: string
38 | force_password: boolean
39 | guid: string
40 | partid: number
41 | useradmin: boolean
42 | usergroup: string
43 | username: string
44 | }
--------------------------------------------------------------------------------
/src/app/models/widget.model.ts:
--------------------------------------------------------------------------------
1 | export interface WidgetModel {
2 | name: string;
3 | identifier: string;
4 | reload?: boolean;
5 | frameless?: boolean;
6 | title?: string;
7 | group?: string;
8 | description?: string;
9 | templateUrl?: string;
10 | controller?: string;
11 | controllerAs?: string;
12 | sizeX?: number;
13 | sizeY?: number;
14 | config?: {};
15 | edit?: {};
16 | row?: number;
17 | col?: number;
18 | api?: {};
19 | uuid?: string;
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/models/worker-commands.module.ts:
--------------------------------------------------------------------------------
1 | export enum WorkerCommands {
2 | // transaction service / parsing transaction
3 | FLOW_PARSING,
4 | MEDIA_REPORT_PARSING,
5 | TRANSACTION_SERVICE_TRNS,
6 | TRANSACTION_SERVICE_DTMF,
7 | TRANSACTION_SERVICE_QOS,
8 | TRANSACTION_SERVICE_LOG,
9 | TRANSACTION_SERVICE_FULL,
10 | TRANSACTION_SERVICE_ONE_WAY_AUDIO,
11 | // clickhouse chart widget
12 | CLICKHOUSE_PARSE_DATA,
13 | CLICKHOUSE_PREPARE_RENDER_DATA
14 | }
15 |
--------------------------------------------------------------------------------
/src/app/pipes/colorOffset.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { ColorOffsetPipe } from '@app/pipes/colorOffset.pipe';
4 |
5 | @NgModule({
6 | imports: [
7 | CommonModule,
8 | ],
9 | declarations: [
10 | ColorOffsetPipe
11 | ],
12 | exports: [ColorOffsetPipe]
13 | })
14 | export class ColorOffsetModule {}
15 |
--------------------------------------------------------------------------------
/src/app/pipes/colorOffset.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 |
3 | @Pipe({
4 | name: 'colorOffset',
5 | pure: false
6 | })
7 |
8 | export class ColorOffsetPipe implements PipeTransform {
9 | transform(hsl, hue, saturation, lightness, transparency) {
10 | if (hsl === 'transparent') {
11 | return hsl;
12 | }
13 | const offsets = [hue, saturation, lightness, transparency];
14 | if (transparency && transparency !== 1 && !hsl.includes('hsla')) {
15 | hsl = hsl.replace('hsl', 'hsla');
16 | }
17 | const colorOffset = hsl.split(',').map((val, i) => {
18 | if (offsets[i] === '0') {
19 | return val;
20 | }
21 | return val.replace(/\d+/, offsets[i]).replace(/\s/, '')
22 | }
23 | ).join(', ');
24 | return colorOffset;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/pipes/filter.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 |
3 | @Pipe({
4 | name: 'filter',
5 | pure: false
6 | })
7 |
8 | export class FilterPipe implements PipeTransform {
9 | transform(value: any[], filterBy: string): any[] {
10 | filterBy = filterBy ? filterBy.toLocaleLowerCase() : null;
11 | return filterBy ? value.filter((item: any) =>
12 | item.name.toLocaleLowerCase().indexOf(filterBy) !== -1) : value;
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/app/pipes/html.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 | import { DomSanitizer } from '@angular/platform-browser';
3 |
4 | @Pipe({
5 | name: 'html'
6 | })
7 | export class HtmlPipe implements PipeTransform {
8 |
9 | constructor(private sanitizer: DomSanitizer) { }
10 |
11 | public transform(value: any) {
12 | return this.sanitizer.bypassSecurityTrustHtml(value);
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/pipes/moment.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 | import moment from 'moment';
3 |
4 | @Pipe({
5 | name: 'moment',
6 | pure: false
7 | })
8 |
9 | export class MomentPipe implements PipeTransform {
10 | transform(timestamp, format) {
11 | return moment(timestamp).format(format)
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pipes/preferences.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 | import { PreferencesContentMapping } from '@app/models/preferences-kw-mapping';
3 |
4 | @Pipe({
5 | name: 'preferences',
6 | pure: false
7 | })
8 |
9 | export class PreferencesPipe implements PipeTransform {
10 | transform(value:string,type:string) {
11 | return type === 'header' ? PreferencesContentMapping.keyWordsOnHeaderMapping[value]:
12 | type === 'preferences' ? PreferencesContentMapping.keyWordsOnPreferencesMapping[value]:
13 | "";
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/pipes/safe.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 | import { DomSanitizer } from '@angular/platform-browser';
3 |
4 | @Pipe({
5 | name: 'safe'
6 | })
7 | export class SafePipe implements PipeTransform {
8 |
9 | constructor(private sanitizer: DomSanitizer) { }
10 |
11 | public transform(value: any) {
12 | return this.sanitizer.bypassSecurityTrustResourceUrl(value);
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/services/call/hep-log.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from '@angular/common/http';
3 | import { environment } from '@environments/environment';
4 |
5 | @Injectable({
6 | providedIn: 'root'
7 | })
8 | export class HepLogService {
9 | private url = `${environment.apiUrl}/call/report/log`;
10 |
11 | constructor(private http: HttpClient) { }
12 |
13 | getLog(data: any) {
14 | return this.http.post(`${this.url}`, data);
15 | }
16 | }
17 |
18 |
19 | // /**
20 | // * TODO:
21 | // * transaction dialog / logs / HEPSUB:"test-endpoint"/ cdr
22 | // * as on HOMER [domain:port-1]/dashboard/home
23 | // * [domain:port-2]/api/v3/agent/type/cdr
24 | // */
25 |
--------------------------------------------------------------------------------
/src/app/services/call/report.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { HttpClient } from '@angular/common/http';
4 | import { environment } from '@environments/environment';
5 | import { map } from 'rxjs/operators';
6 | import { WorkerService } from '../worker.service';
7 | import { WorkerCommands } from '../../models/worker-commands.module';
8 |
9 | @Injectable({
10 | providedIn: 'root'
11 | })
12 | export class CallReportService {
13 | private url = `${environment.apiUrl}/call/report`;
14 |
15 | constructor(private http: HttpClient) { }
16 |
17 | // Return call report qos
18 | postQOS(postData: any): Observable {
19 | return this.http.post(`${this.url}/qos`, postData).pipe(map(
20 | async qosData => qosData && qosData.data ? await WorkerService.doOnce(WorkerCommands.TRANSACTION_SERVICE_QOS, qosData) : qosData
21 | ));
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/app/services/call/transaction.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { HttpClient } from '@angular/common/http';
4 | import { environment } from '@environments/environment';
5 | import { map } from 'rxjs/operators';
6 | import { PreferenceIpAliasService } from '../preferences';
7 | import { WorkerService } from '../worker.service';
8 | import { WorkerCommands } from '@app/models/worker-commands.module';
9 |
10 | @Injectable({
11 | providedIn: 'root'
12 | })
13 | export class CallTransactionService {
14 | private url = `${environment.apiUrl}/call`;
15 |
16 | constructor(private http: HttpClient, private _ipalias: PreferenceIpAliasService) { }
17 |
18 | getTransaction(data: any): Observable {
19 | return this.http.post(`${this.url}/transaction`, data).pipe(map(async transactionData => {
20 | let ipAliasesData: any = null;
21 | // try {
22 | // ipAliasesData = await this._ipalias.getAll().toPromise();
23 | // } catch (err) { }
24 |
25 | return await WorkerService.doOnce(WorkerCommands.TRANSACTION_SERVICE_TRNS, {
26 | transactionData, ipaliases: ipAliasesData?.data?.map(d => d.ipobject)
27 | });
28 | }));
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/services/copy.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable, Subject } from 'rxjs';
3 | import { AlertMessage } from '.';
4 |
5 | @Injectable({
6 | providedIn: 'root'
7 | })
8 | export class CopyService {
9 |
10 | private subject = new Subject();
11 | constructor() { }
12 |
13 | copy(data: any, notification: AlertMessage) {
14 | this.subject.next({data:data, notification: notification});
15 | }
16 |
17 | getData(): Observable {
18 | return this.subject.asObservable();
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/services/hepsub.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { HttpClient } from '@angular/common/http';
4 | import { environment } from '@environments/environment';
5 | import { PreferenceHepsub } from '@app/models';
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class HepsubService {
11 |
12 | private url = `${environment.apiUrl}/hepsub`;
13 |
14 | constructor(private http: HttpClient) {
15 | console.log("HepsubService:super()");
16 | }
17 |
18 | // Hepsub protokols
19 | getProtokols(): Observable {
20 | return this.http.get(`${this.url}/protocols`);
21 | }
22 |
23 | // Hepsub fields
24 | getFields(): Observable {
25 | return this.http.get(`${this.url}/fields`);
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/app/services/modules.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpGetBuffer } from '@app/helpers/http-get-buffer';
3 | import { environment } from '@environments/environment';
4 | import { lastValueFrom } from 'rxjs';
5 |
6 |
7 | export interface Modules {
8 | data: Data;
9 | message: string;
10 | }
11 | interface Data {
12 | loki: Loki;
13 | }
14 | interface Loki {
15 | enable: boolean;
16 | template: string;
17 | }
18 |
19 |
20 | @Injectable({
21 | providedIn: 'root'
22 | })
23 | export class ModulesService {
24 |
25 | private url = `${environment.apiUrl}`;
26 | constructor(private http: HttpGetBuffer) { }
27 | // HOMER external applications: i.e. Loki, Prometheus, etc.
28 | getModules(): Promise {
29 | return lastValueFrom(this.http.get(`${this.url}/modules/status`, 120 * 1000));
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/services/preferences/admin.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient, HttpHeaders } from '@angular/common/http';
3 | import { environment } from '@environments/environment';
4 |
5 | enum Stream {
6 | rtpagent,
7 | picserver,
8 | homerapp
9 | }
10 | export type StreamType = keyof typeof Stream;
11 |
12 | @Injectable({
13 | providedIn: 'root'
14 | })
15 | export class AdminService {
16 |
17 | private url = `${environment.apiUrl}/export/action/`;
18 |
19 | constructor(private http: HttpClient) { }
20 |
21 | public getFile() {
22 | return this.http.get(`${this.url}logs`, {
23 | responseType: 'blob',
24 | observe: 'response',
25 | headers: new HttpHeaders().append('Content-Type', 'application/octect-stream')
26 | }).toPromise();
27 | }
28 |
29 | // /export/action/active
30 | dumpRequest(type: StreamType) {
31 | return this.http.get(`${this.url}${type}`).toPromise();
32 | }
33 |
34 | checkIsActive() {
35 | return this.http.get(`${this.url}active`).toPromise();
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/app/services/preferences/alias.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from '@angular/common/http';
3 | import { environment } from '@environments/environment';
4 | import { PreferenceAlias } from '@app/models';
5 | import { Functions } from '@app/helpers/functions';
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class PreferenceAliasService {
11 |
12 | private url = `${environment.apiUrl}/alias`;
13 |
14 | constructor(private http: HttpClient) { }
15 |
16 | getAll() {
17 | return this.http.get(`${this.url}`);
18 | }
19 |
20 | add(pa: PreferenceAlias) {
21 | pa.guid = Functions.newGuid();
22 | pa.version = Date.now();
23 | pa.captureID = String(pa.captureID);
24 | return this.http.post(`${this.url}`, pa);
25 | }
26 |
27 | update(pa: PreferenceAlias) {
28 | pa.captureID = String(pa.captureID);
29 | pa.version = Date.now();
30 | const guid = pa.guid;
31 | // delete pa.guid;
32 | return this.http.put(`${this.url}/${guid}`, pa);
33 | }
34 |
35 | delete(guid: string) {
36 | return this.http.delete(`${this.url}/${guid}`);
37 | }
38 |
39 | }
40 |
--------------------------------------------------------------------------------
/src/app/services/preferences/hepsub.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from '@angular/common/http';
3 | import { environment } from '@environments/environment';
4 | import { PreferenceHepsub } from '@app/models';
5 | import { Functions } from '@app/helpers/functions';
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class PreferenceHepsubService {
11 |
12 | private url = `${environment.apiUrl}/hepsub/protocol`;
13 |
14 | constructor(private http: HttpClient) { }
15 |
16 | getAll() {
17 | return this.http.get(`${this.url}`);
18 | }
19 |
20 | add(ph: PreferenceHepsub) {
21 | ph.version = 1;
22 | ph.guid = Functions.newGuid();
23 | return this.http.post(`${this.url}`, ph);
24 | }
25 |
26 | update(ph: PreferenceHepsub) {
27 | return this.http.put(`${this.url}/${ph.guid}`, ph);
28 | }
29 |
30 | delete(guid) {
31 | return this.http.delete(`${this.url}/${guid}`);
32 | }
33 |
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/services/preferences/index.ts:
--------------------------------------------------------------------------------
1 | export * from './advanced.service';
2 | export * from './alias.service';
3 | export * from './authkey.service';
4 | export * from './hepsub.service';
5 | export * from './agentsub.service';
6 | export * from './mapping-protocol.service';
7 | export * from './user-settings.service';
8 | export * from './scripts.service';
9 | export * from './user.service';
10 | export * from './ipalias.service';
11 |
--------------------------------------------------------------------------------
/src/app/services/preferences/scripts.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from "@angular/core";
2 | import { HttpClient } from "@angular/common/http";
3 | import { environment } from "@environments/environment";
4 | import { PreferenceScripts } from "@app/models";
5 | import { Functions } from "@app/helpers/functions";
6 |
7 | @Injectable({
8 | providedIn: "root",
9 | })
10 | export class PreferenceScriptsService {
11 | constructor(private http: HttpClient) {}
12 |
13 | private url = `${environment.apiUrl}/script`;
14 |
15 | getAll() {
16 | return this.http.get(`${this.url}`);
17 | }
18 | add(script: PreferenceScripts) {
19 | script.uuid = Functions.newGuid();
20 | script.version = Date.now();
21 |
22 | return this.http.post(`${this.url}`, script);
23 | }
24 | update(script: PreferenceScripts) {
25 | script.version = Date.now();
26 | let uuid = script.uuid;
27 | return this.http.put(`${this.url}/${uuid}`, script);
28 | }
29 | delete(uuid: string) {
30 | return this.http.delete(`${this.url}/${uuid}`);
31 | }
32 |
33 | export(file) {
34 | return this.http.post(`${this.url}/export`, file);
35 | }
36 |
37 | import(file) {
38 | return this.http.post(`${this.url}/import`, file);
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/app/services/preferences/version.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from '@angular/common/http';
3 |
4 | import { environment } from '@environments/environment';
5 |
6 | @Injectable({ providedIn: 'root' })
7 | export class PreferenceVersionService {
8 | apiUrl = environment.apiUrl;
9 | constructor(private http: HttpClient) {}
10 | async getApiVersion() {
11 | try {
12 | let data: any = await this.http
13 | .get(`${this.apiUrl}/version/api/info`)
14 | .toPromise();
15 | if (data?.data?.version) {
16 | return data.data?.version;
17 | }
18 | return;
19 | } catch (err) {
20 | // console.log(err);
21 | return;
22 | }
23 | }
24 | getUiVersion() {
25 | return this.http.get(`${this.apiUrl}/version/ui/info`);
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/app/services/prometheus.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { HttpClient } from '@angular/common/http';
4 | import { environment } from '@environments/environment';
5 |
6 | @Injectable({
7 | providedIn: 'root'
8 | })
9 | export class PrometheusService {
10 |
11 | private url = `${environment.apiUrl}/prometheus`;
12 |
13 | constructor(private http: HttpClient) { }
14 |
15 | getLabel(): Observable {
16 | return this.http.get(`${this.url}/labels`);
17 | }
18 |
19 | getLabels(id: string): Observable {
20 | return this.http.get(`${this.url}/label/${id}`);
21 | }
22 |
23 | getValue(data: any): Observable {
24 | return this.http.post(`${this.url}/value`, data);
25 | }
26 | }
27 | // /api/v3/prometheus/label/net_contntrack_dialer_conn_failed_total
--------------------------------------------------------------------------------
/src/app/services/search/call.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { HttpClient } from '@angular/common/http';
4 | import { environment } from '@environments/environment';
5 | import { SearchCallModel } from '../../models/search-call.model';
6 | import { map } from 'rxjs/operators';
7 |
8 | @Injectable({
9 | providedIn: 'root'
10 | })
11 | export class SearchCallService {
12 |
13 | private url = `${environment.apiUrl}/search/call`;
14 |
15 | constructor(private http: HttpClient) { }
16 |
17 | // Return search call message
18 | getMessage(data: any): Observable {
19 | return this.http.post(`${this.url}/message`, data);
20 | }
21 |
22 | // Return search call data
23 | getData(searchConfig: SearchCallModel): Observable {
24 | return this.http.post(`${this.url}/data`, searchConfig);
25 | }
26 |
27 | // Return search call export data
28 | getExportData(): Observable {
29 | return this.http.get(`${this.url}/export/data`);
30 | }
31 |
32 | getDecodedData(searchConfig: SearchCallModel) {
33 | return this.http.post(`${this.url}/decode/message`, searchConfig);
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/services/search/remote.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { HttpClient } from '@angular/common/http';
4 | import { environment } from '@environments/environment';
5 |
6 | @Injectable({
7 | providedIn: 'root'
8 | })
9 | export class SearchRemoteService {
10 |
11 | private url = `${environment.apiUrl}/search/remote`;
12 |
13 | constructor(private http: HttpClient) { }
14 |
15 | // Return search remote data
16 | getData(data: any): Observable {
17 | return this.http.post(`${this.url}/data`, data);
18 | }
19 |
20 | // Return search remote message
21 | getMessage(): Observable {
22 | return this.http.get(`${this.url}/message`);
23 | }
24 |
25 | // v3/search/remote/label?
26 | getLabel(server: string): Observable {
27 | return this.http.get(`${this.url}/label?server=${server}`);
28 | }
29 |
30 | // v3/search/remote/values?label=method&server=http://127.0.0.1:3100
31 | getValues(label: string, server: string): Observable {
32 | return this.http.get(`${this.url}/values?server=${server}&label=${label}`);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/services/search/smart.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 | import { HttpClient } from '@angular/common/http';
4 | import { environment } from '@environments/environment';
5 |
6 | @Injectable({
7 | providedIn: 'root'
8 | })
9 | export class SmartService {
10 | constructor(private http: HttpClient) { }
11 |
12 | getLabelByUrl(url: string, text: string = ''): Observable {
13 | return this.http.get(`${environment.apiUrl}${url}?query=${encodeURIComponent(JSON.stringify({data: text}))}`);
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/services/upload.service.ts:
--------------------------------------------------------------------------------
1 | import {
2 | HttpClient,
3 | HttpEvent,
4 | HttpHeaders,
5 | HttpErrorResponse,
6 | HttpEventType,
7 | } from '@angular/common/http';
8 | import { Injectable } from '@angular/core';
9 | import { environment } from '@environments/environment';
10 |
11 | @Injectable({
12 | providedIn: 'root',
13 | })
14 |
15 | export class UploadService {
16 | url = environment.apiUrl;
17 | endopoint = `${this.url}`;
18 | constructor(private http: HttpClient) {}
19 | public upload(formData, type, isReplace, isHomer2) {
20 | return this.http.post(`${this.endopoint}/${type}/import${isHomer2 ? '/h2' : ''}${isReplace ? '/replace' : ''}`, formData, {
21 | responseType: 'json',
22 | headers: new HttpHeaders()
23 | .append('enctype', 'multipart/form-data')
24 | .append('Accept', 'application/json'),
25 | reportProgress: true,
26 | observe: 'events',
27 | });
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/app/services/window.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | @Injectable({
4 | providedIn: 'root'
5 | })
6 | export class WindowService {
7 | currentWindow: string = '';
8 | windowList: Map = new Map();
9 | closeTimeout: any;
10 | constructor() {}
11 | close(id) {
12 | clearTimeout(this.closeTimeout)
13 | this.closeTimeout = setTimeout(() => {
14 | this.currentWindow = '';
15 | this.windowList.delete(id);
16 | const arrFromMap = [...this.windowList];
17 | if(arrFromMap.length > 0) {
18 | arrFromMap.sort((a,b) =>
19 | a[1] - b[1]
20 | )
21 | this.currentWindow = arrFromMap.pop()[0];
22 | }
23 | }, 50);
24 |
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/app/workers/transaction.worker.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
3 | import { TransactionProcessor } from '@app/helpers/parser';
4 |
5 | const tp = new TransactionProcessor();
6 |
7 | addEventListener('message', ({ data }) => {
8 | const { metaData, srcdata } = JSON.parse(data);
9 | if (metaData && metaData.workerCommand) {
10 | const outputData = tp.transactionData(srcdata, metaData.workerCommand);
11 | const response = JSON.stringify(outputData);
12 | postMessage(response);
13 | } else {
14 | postMessage(JSON.stringify({ error: 'metaData.workerCommand is undefined' }));
15 | }
16 | });
17 |
--------------------------------------------------------------------------------
/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/.gitkeep
--------------------------------------------------------------------------------
/src/assets/fonts/MaterialIcons-Regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/MaterialIcons-Regular.eot
--------------------------------------------------------------------------------
/src/assets/fonts/MaterialIcons-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/MaterialIcons-Regular.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/MaterialIcons-Regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/MaterialIcons-Regular.woff
--------------------------------------------------------------------------------
/src/assets/fonts/MaterialIcons-Regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/MaterialIcons-Regular.woff2
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-Black.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-Black.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-BlackItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-BlackItalic.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-Bold.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-BoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-BoldItalic.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-Italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-Italic.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-Light.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-LightItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-LightItalic.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-Medium.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-MediumItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-MediumItalic.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-Regular.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-Thin.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-Thin.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-ThinItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/fonts/Roboto-ThinItalic.ttf
--------------------------------------------------------------------------------
/src/assets/images/baseline_room_black_18dp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/baseline_room_black_18dp.png
--------------------------------------------------------------------------------
/src/assets/images/chart-samples/area.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/chart-samples/area.png
--------------------------------------------------------------------------------
/src/assets/images/homerseven.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/homerseven.png
--------------------------------------------------------------------------------
/src/assets/images/vis/addNodeIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/addNodeIcon.png
--------------------------------------------------------------------------------
/src/assets/images/vis/backIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/backIcon.png
--------------------------------------------------------------------------------
/src/assets/images/vis/connectIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/connectIcon.png
--------------------------------------------------------------------------------
/src/assets/images/vis/cross.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/cross.png
--------------------------------------------------------------------------------
/src/assets/images/vis/deleteIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/deleteIcon.png
--------------------------------------------------------------------------------
/src/assets/images/vis/downArrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/downArrow.png
--------------------------------------------------------------------------------
/src/assets/images/vis/editIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/editIcon.png
--------------------------------------------------------------------------------
/src/assets/images/vis/leftArrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/leftArrow.png
--------------------------------------------------------------------------------
/src/assets/images/vis/minus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/minus.png
--------------------------------------------------------------------------------
/src/assets/images/vis/plus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/plus.png
--------------------------------------------------------------------------------
/src/assets/images/vis/rightArrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/rightArrow.png
--------------------------------------------------------------------------------
/src/assets/images/vis/upArrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/upArrow.png
--------------------------------------------------------------------------------
/src/assets/images/vis/zoomExtends.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/images/vis/zoomExtends.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/exchange.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/exchange.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/pbx.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/pbx.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/phone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/phone.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/sbc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/sbc.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/scanner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/scanner.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/sipgateway.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/sipgateway.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/sipproxy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/sipproxy.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/unknown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/unknown.png
--------------------------------------------------------------------------------
/src/assets/img/gateways/useragent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/img/gateways/useragent.png
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Black/Roboto-Black.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Black/Roboto-Black.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Black/Roboto-Black.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Black/Roboto-Black.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Black/Roboto-Black.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Black/Roboto-Black.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/BlackItalic/Roboto-BlackItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/BlackItalic/Roboto-BlackItalic.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Bold/Roboto-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Bold/Roboto-Bold.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Bold/Roboto-Bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Bold/Roboto-Bold.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Bold/Roboto-Bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Bold/Roboto-Bold.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/BoldItalic/Roboto-BoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/BoldItalic/Roboto-BoldItalic.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Italic/Roboto-Italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Italic/Roboto-Italic.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Italic/Roboto-Italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Italic/Roboto-Italic.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Italic/Roboto-Italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Italic/Roboto-Italic.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Light/Roboto-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Light/Roboto-Light.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Light/Roboto-Light.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Light/Roboto-Light.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Light/Roboto-Light.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Light/Roboto-Light.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/LightItalic/Roboto-LightItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/LightItalic/Roboto-LightItalic.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/LightItalic/Roboto-LightItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/LightItalic/Roboto-LightItalic.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/LightItalic/Roboto-LightItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/LightItalic/Roboto-LightItalic.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Medium/Roboto-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Medium/Roboto-Medium.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Medium/Roboto-Medium.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Medium/Roboto-Medium.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Medium/Roboto-Medium.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Medium/Roboto-Medium.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/MediumItalic/Roboto-MediumItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/MediumItalic/Roboto-MediumItalic.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Regular/Roboto-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Regular/Roboto-Regular.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Regular/Roboto-Regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Regular/Roboto-Regular.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Regular/Roboto-Regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Regular/Roboto-Regular.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Thin/Roboto-Thin.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Thin/Roboto-Thin.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Thin/Roboto-Thin.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Thin/Roboto-Thin.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/Thin/Roboto-Thin.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/Thin/Roboto-Thin.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/ThinItalic/Roboto-ThinItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/ThinItalic/Roboto-ThinItalic.ttf
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/ThinItalic/Roboto-ThinItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/ThinItalic/Roboto-ThinItalic.woff
--------------------------------------------------------------------------------
/src/assets/roboto/fonts/ThinItalic/Roboto-ThinItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/assets/roboto/fonts/ThinItalic/Roboto-ThinItalic.woff2
--------------------------------------------------------------------------------
/src/assets/roboto/roboto.scss:
--------------------------------------------------------------------------------
1 | @import "sass/variables";
2 | @import "sass/mixins";
3 | @import "sass/Thin";
4 | @import "sass/ThinItalic";
5 | @import "sass/Light";
6 | @import "sass/LightItalic";
7 | @import "sass/Regular";
8 | @import "sass/Italic";
9 | @import "sass/Medium";
10 | @import "sass/MediumItalic";
11 | @import "sass/Bold";
12 | @import "sass/BoldItalic";
13 | @import "sass/Black";
14 | @import "sass/BlackItalic";
15 |
16 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_Black.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Black */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Black");
5 | font-weight: 900;
6 | font-style: normal;
7 | }
8 | /* END Black */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_BlackItalic.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Black Italic */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "BlackItalic");
5 | font-weight: 900;
6 | font-style: italic;
7 | }
8 | /* END Black Italic */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_Bold.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Bold */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Bold");
5 | font-weight: 700;
6 | font-style: normal;
7 | }
8 | @font-face {
9 | font-family: Roboto;
10 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Bold");
11 | font-weight: bold;
12 | font-style: normal;
13 | }
14 | /* END Bold */
15 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_BoldItalic.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Bold Italic */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "BoldItalic");
5 | font-weight: 700;
6 | font-style: italic;
7 | }
8 | @font-face {
9 | font-family: Roboto;
10 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "BoldItalic");
11 | font-weight: bold;
12 | font-style: italic;
13 | }
14 | /* END Bold Italic */
15 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_Italic.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Italic */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Italic");
5 | //font-weight: 400;
6 | font-style: italic;
7 | }
8 | @font-face {
9 | font-family: Roboto;
10 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Italic");
11 | font-weight: normal;
12 | font-style: italic;
13 | }
14 | /* END Italic */
15 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_Light.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Light */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Light");
5 | font-weight: 300;
6 | font-style: normal;
7 | }
8 | /* END Light */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_LightItalic.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Light Italic */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "LightItalic");
5 | font-weight: 300;
6 | font-style: italic;
7 | }
8 | /* END Light Italic */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_Medium.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Medium */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Medium");
5 | font-weight: 500;
6 | font-style: normal;
7 | }
8 | /* END Medium */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_MediumItalic.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Medium Italic */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "MediumItalic");
5 | font-weight: 500;
6 | font-style: italic;
7 | }
8 | /* END Medium Italic */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_Regular.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Regular */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Regular");
5 | font-weight: 400;
6 | font-style: normal;
7 | }
8 | @font-face {
9 | font-family: Roboto;
10 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Regular");
11 | font-weight: normal;
12 | font-style: normal;
13 | }
14 | /* END Regular */
15 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_Thin.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Thin */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "Thin");
5 | font-weight: 100;
6 | font-style: normal;
7 | }
8 | /* END Thin */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_ThinItalic.scss:
--------------------------------------------------------------------------------
1 | /* BEGIN Thin Italic */
2 | @font-face {
3 | font-family: Roboto;
4 | @include fontdef-woff($FontPath, $FontName, $FontVersion, "ThinItalic");
5 | font-weight: 100;
6 | font-style: italic;
7 | }
8 | /* END Thin Italic */
9 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_mixins.scss:
--------------------------------------------------------------------------------
1 | @mixin fontdef-woff($FontPath, $FontName, $FontVersion:"1.0.0", $FontType:"Regular") {
2 | src: url('#{$FontPath}/#{$FontType}/#{$FontName}-#{$FontType}.woff2?v=#{$FontVersion}') format('woff2'),
3 | url('#{$FontPath}/#{$FontType}/#{$FontName}-#{$FontType}.woff?v=#{$FontVersion}') format('woff');
4 | }
5 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/_variables.scss:
--------------------------------------------------------------------------------
1 | $FontPath: "../fonts" !default;
2 | $FontName: "Roboto" !default;
3 | $FontVersion: "2.137" !default;
4 |
--------------------------------------------------------------------------------
/src/assets/roboto/sass/roboto.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 | @import "mixins";
3 |
4 | @import "Thin";
5 | @import "ThinItalic";
6 | @import "Light";
7 | @import "LightItalic";
8 | @import "Regular";
9 | @import "Italic";
10 | @import "Medium";
11 | @import "MediumItalic";
12 | @import "Bold";
13 | @import "BoldItalic";
14 | @import "Black";
15 | @import "BlackItalic";
16 |
--------------------------------------------------------------------------------
/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/src/environments/environment.dev.ts:
--------------------------------------------------------------------------------
1 | import { VERSION } from '../VERSION';
2 |
3 | declare const self: any;
4 |
5 | let _environment: any = {
6 | production: true,
7 | environment: VERSION,
8 | isHomerAPI: true,
9 | apiUrl: location.protocol + '//' + (location.host) + '/api/v3',
10 | };
11 | if (typeof self?.GLOBAL_CONFIG == "object") {
12 | const { PREFIX, API_PATH } = self?.GLOBAL_CONFIG || {};
13 | if (API_PATH) {
14 | _environment.apiUrl = API_PATH;
15 | } else if (PREFIX) {
16 | _environment.apiUrl = location.protocol + '//' + (location.host) + PREFIX + 'api/v3';
17 | }
18 | }
19 | export const environment = _environment;
20 |
--------------------------------------------------------------------------------
/src/environments/environment.prod-noenv.ts:
--------------------------------------------------------------------------------
1 | import { VERSION } from '../VERSION';
2 |
3 | export const environment = {
4 | production: true,
5 | environment: VERSION,
6 | isHomerAPI: true,
7 | apiUrl: location.protocol + '//' + (location.host) + '/api/v3',
8 | };
9 |
--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | import { VERSION } from '../VERSION';
2 |
3 | declare const self: any;
4 |
5 | let _environment: any = {
6 | production: true,
7 | environment: VERSION,
8 | isHomerAPI: true,
9 | apiUrl: location.protocol + '//' + (location.host) + '/api/v3',
10 | };
11 |
12 | if (typeof self?.GLOBAL_CONFIG == "object") {
13 | const { PREFIX, API_PATH } = self?.GLOBAL_CONFIG || {};
14 | if (API_PATH) {
15 | _environment.apiUrl = API_PATH;
16 | } else if (PREFIX) {
17 | _environment.apiUrl = location.protocol + '//' + (location.host) + PREFIX + 'api/v3';
18 | }
19 | }
20 |
21 | export const environment = _environment;
22 |
--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sipcapture/homer-ui/cba6c308e70b4fd79b981a60e83813d1ab98d6ea/src/favicon.ico
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
23 |
24 | HomerUi
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 |
3 | import { AppModule } from './app/app.module';
4 |
5 |
6 | platformBrowserDynamic().bootstrapModule(AppModule)
7 | .catch(err => console.error(err));
8 |
--------------------------------------------------------------------------------
/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'zone.js/dist/zone-testing';
4 | import { getTestBed } from '@angular/core/testing';
5 | import {
6 | BrowserDynamicTestingModule,
7 | platformBrowserDynamicTesting
8 | } from '@angular/platform-browser-dynamic/testing';
9 |
10 | declare const require: any;
11 |
12 | // First, initialize the Angular testing environment.
13 | getTestBed().initTestEnvironment(
14 | BrowserDynamicTestingModule,
15 | platformBrowserDynamicTesting()
16 | );
17 | // Then we find all the tests.
18 | const context = require.context('./', true, /\.spec\.ts$/);
19 | // And load the modules.
20 | context.keys().map(context);
21 |
--------------------------------------------------------------------------------
/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rules": {
3 | "no-bitwise": false,
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "quotemark": [
11 | true,
12 | "single"
13 | ],
14 | "component-selector": [
15 | true,
16 | "element",
17 | "app",
18 | "kebab-case"
19 | ],"deprecation": {
20 | "severity": "error"
21 | },
22 | "no-unused-variable": {
23 | "severity": "error"
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/typings.d.ts:
--------------------------------------------------------------------------------
1 | declare var $ENV: Env;
2 |
3 | interface Env {
4 | ENVIRONMENT: string;
5 | apiUrl: string;
6 | }
--------------------------------------------------------------------------------
/src/upgrade.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Upgrade...
6 |
7 |
8 |
9 |
10 |
11 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/app",
6 | "types": []
7 | },
8 | "files": [
9 | "src/main.ts",
10 | "src/polyfills.ts"
11 | ],
12 | "include": [
13 | "src/**/*.d.ts"
14 | ],
15 | "exclude": [
16 | "src/**/*.spec.ts",
17 | "src/test.ts",
18 | "src/app/helpers/ErrorCodes.ts",
19 | "src/environments/environment.prod.ts",
20 | "src/environments/environment.dev.ts",
21 | "src/environments/environment.webapp.ts",
22 | ]
23 | }
24 |
--------------------------------------------------------------------------------
/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/spec",
6 | "types": [
7 | "jasmine"
8 | ]
9 | },
10 | "files": [
11 | "src/test.ts",
12 | "src/polyfills.ts"
13 | ],
14 | "include": [
15 | "src/**/*.spec.ts",
16 | "src/**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/tsconfig.worker.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/worker",
6 | "lib": [
7 | "es2018",
8 | "webworker"
9 | ],
10 | "types": []
11 | },
12 | "include": [
13 | "src/**/*.worker.ts"
14 | ]
15 | }
16 |
--------------------------------------------------------------------------------
![](\"https://img.shields.io/badge/Version-$VERSION_FOR_OUTPUT-blue?style=flat/\"/){kind=icon}
"
9 | sed -i "1s@.*@$badge@" ./README.md
10 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # compiled output
4 | /dist
5 | /tmp
6 | /out-tsc
7 | # Only exists if Bazel was run
8 | /bazel-out
9 |
10 | # dependencies
11 | /node_modules
12 |
13 | # profiling files
14 | chrome-profiler-events*.json
15 |
16 | # IDEs and editors
17 | /.idea
18 | .project
19 | .classpath
20 | .c9/
21 | *.launch
22 | .settings/
23 | *.sublime-workspace
24 |
25 | # IDE - VSCode
26 | .vscode/*
27 | !.vscode/settings.json
28 | !.vscode/tasks.json
29 | !.vscode/launch.json
30 | !.vscode/extensions.json
31 | .history/*
32 |
33 | # misc
34 | /.sass-cache
35 | /connect.lock
36 | /coverage
37 | /libpeerconnection.log
38 | npm-debug.log
39 | yarn-error.log
40 | testem.log
41 | /typings
42 |
43 | # System Files
44 | .DS_Store
45 | Thumbs.db
46 |
47 | package-lock.json
48 | # Angular cache
49 | .angular
50 |
51 | #Env
52 | src/environments/environment.dev.ts
53 | src/environments/environment.prod.ts
54 | src/environments/environment.ts
55 | src/environments/environment.prod-noenv.ts
56 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:12-alpine
2 |
3 | RUN apk add git && git clone https://github.com/sipcapture/homer-ui /app
4 | WORKDIR /app
5 | RUN npm install && npm install -g @angular/cli
6 | CMD ["ng","build"]
7 |
8 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
4 |
5 | # HEPIC User-Interface
6 |
7 | This project provides the Front-End components of [HEPIC 3.x](http://qxip.net) featuring native integration with all
8 | supported backend components for search and analytics including `pgsql`, `influxdb`, `prometheus`, `loki` and more.
9 |
10 |
11 | ### Support
12 | For commercial licensing and support, please contact the [QXIP Team](http://qxip.net)
13 |
14 |
15 | ### License & Copyright
16 | *(C) 2008-2024 [QXIP BV](http://qxip.net)*
17 |
18 |
--------------------------------------------------------------------------------
/src/VERSION.ts:
--------------------------------------------------------------------------------
1 | export const VERSION = '7.11.14'
2 |
--------------------------------------------------------------------------------
/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | const routes: Routes = [];
5 |
6 | @NgModule({
7 | imports: [RouterModule.forRoot(routes)],
8 | exports: [RouterModule]
9 | })
10 | export class AppRoutingModule { }
11 |
--------------------------------------------------------------------------------
/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |