([]);
6 | get data(): Extension[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aExtension: Extension[]) {
10 | const extensionData = aExtension.slice();
11 | this.dataChange.next(extensionData);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pages/extension/extension-form-component.scss:
--------------------------------------------------------------------------------
1 | .mat-radio-button ~ .mat-radio-button {
2 | padding-right: 16px;
3 | }
4 |
--------------------------------------------------------------------------------
/src/app/pages/extension/extension-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | import { ExtensionComponent } from './extension.component';
5 | import { FormsExtensionComponent } from './extension-component';
6 | import { AddExtensionComponent } from './extension-form-component';
7 |
8 | const routes: Routes = [{
9 | path: '',
10 | component: ExtensionComponent,
11 | children: [{
12 | path: 'extension',
13 | component: FormsExtensionComponent,
14 | }, {
15 | path: 'extension/new',
16 | component: AddExtensionComponent,
17 | }, {
18 | path: 'extension/:id',
19 | component: AddExtensionComponent,
20 | }, {
21 | path: 'extension/:id/delete',
22 | component: AddExtensionComponent,
23 | }],
24 | }];
25 |
26 | @NgModule({
27 | imports: [
28 | RouterModule.forChild(routes),
29 | ],
30 | exports: [
31 | RouterModule,
32 | ],
33 | })
34 | export class ExtensionRoutingModule {
35 |
36 | }
37 |
38 | export const routedComponents = [
39 | ExtensionComponent,
40 | FormsExtensionComponent,
41 | AddExtensionComponent,
42 | ];
43 |
--------------------------------------------------------------------------------
/src/app/pages/extension/extension.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'ngx-form-elements',
5 | template: `
6 |
7 | `,
8 | })
9 | export class ExtensionComponent {
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/pages/extension/extension.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 |
3 | import { ThemeModule } from '../../@theme/theme.module';
4 | import { ExtensionRoutingModule, routedComponents } from './extension-routing.module';
5 | import { MatTableModule } from '@angular/material/table';
6 | import { CdkTableModule } from '@angular/cdk/table';
7 | import { MatSortModule} from '@angular/material/sort';
8 | import { MatIconModule } from '@angular/material/icon';
9 | import { MatButtonModule } from '@angular/material/button';
10 | import { MatPaginatorModule } from '@angular/material/paginator';
11 | import { MatRadioModule } from '@angular/material/radio';
12 | import { NbCardModule, NbIconModule } from '@nebular/theme';
13 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
14 | import { TranslateModule } from '@ngx-translate/core';
15 |
16 | @NgModule({
17 | imports: [
18 | ThemeModule,
19 | ExtensionRoutingModule,
20 | MatTableModule,
21 | CdkTableModule,
22 | MatSortModule,
23 | MatButtonModule,
24 | MatPaginatorModule,
25 | MatRadioModule,
26 | NbCardModule,
27 | FormsModule,
28 | ReactiveFormsModule,
29 | MatIconModule,
30 | NbIconModule,
31 | TranslateModule
32 | ],
33 | declarations: [
34 | ...routedComponents,
35 | ],
36 | })
37 | export class ExtensionModule { }
38 |
--------------------------------------------------------------------------------
/src/app/pages/extension/extension.ts:
--------------------------------------------------------------------------------
1 | export class Extension {
2 | account_id: number;
3 | username: string;
4 | passwd: string;
5 | passwd_pin: string;
6 | first_name: string;
7 | last_name: string;
8 | phone: number;
9 | email: string;
10 | address: string;
11 | active: number;
12 | type: any;
13 | settings : {
14 | emailtofax_coversheet: any;
15 | coverpage: any;
16 | }
17 | user_id: any;
18 | }
19 |
20 | export class Settings {
21 | value:any;
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/pages/faxsettings/faxsettings-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/faxsettings/faxsettings-component.scss
--------------------------------------------------------------------------------
/src/app/pages/faxsettings/faxsettings.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { NgxEchartsModule } from 'ngx-echarts';
3 |
4 | import { ThemeModule } from '../../@theme/theme.module';
5 | import { FaxSettingsComponent } from './faxsettings-component';
6 | import { RouterModule } from '@angular/router';
7 | import { NbCardModule, NbButtonModule } from '@nebular/theme';
8 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
9 | import { TranslateModule } from '@ngx-translate/core';
10 |
11 | @NgModule({
12 | imports: [
13 | ThemeModule,
14 | NgxEchartsModule,
15 | RouterModule,
16 | NbCardModule,
17 | FormsModule,
18 | ReactiveFormsModule,
19 | NbButtonModule,
20 | TranslateModule
21 | ],
22 | declarations: [
23 | FaxSettingsComponent,
24 | ],
25 | })
26 | export class FaxSettingsModule { }
27 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/assign-incoming_cid_number-component.html:
--------------------------------------------------------------------------------
1 | {{ 'cids.assign_cid' | translate }}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/assign-incoming_cid_number-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/incoming_cid_number/assign-incoming_cid_number-component.scss
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/edit-incoming_cid_number-component.html:
--------------------------------------------------------------------------------
1 | {{ 'my_dids.did_info' | translate }}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/edit-incoming_cid_number-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/incoming_cid_number/edit-incoming_cid_number-component.scss
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/incoming_cid_number-component.scss:
--------------------------------------------------------------------------------
1 | .example-container {
2 | display: flex;
3 | flex-direction: column;
4 | min-width: 300px;
5 | }
6 |
7 | .example-header {
8 | min-height: 64px;
9 | display: flex;
10 | align-items: center;
11 | padding-left: 24px;
12 | font-size: 20px;
13 | }
14 |
15 | .mat-table {
16 | overflow: auto;
17 | max-height: 500px;
18 | }
19 |
20 | .mat-header-cell .mat-sort-header-sorted {
21 | color: black;
22 | }
23 |
24 | .cdk-visually-hidden {
25 | border: 0;
26 | clip: rect(0 0 0 0);
27 | height: 1px;
28 | margin: -1px;
29 | overflow: hidden;
30 | padding: 0;
31 | position: absolute;
32 | width: 1px;
33 | }
34 |
35 | .example-button-row {
36 | display: flex;
37 | align-items: center;
38 | justify-content: space-around;
39 | }
40 |
41 | .mat-form-field {
42 | font-size: 14px;
43 | flex-grow: 1;
44 | margin-left: 32px;
45 | }
46 | a:hover {
47 | color: rgb(10, 238, 10);
48 | // color: darkblue;
49 | }
50 |
51 | .fa-trash:hover {
52 | color: rgb(138, 4, 4);
53 | }
54 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/incoming_cid_number-database.component.ts:
--------------------------------------------------------------------------------
1 | import { IncomingCIDNumber } from './incoming_cid_number';
2 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
3 |
4 | export class IncomingCIDNumberDatabase {
5 | dataChange: BehaviorSubject = new BehaviorSubject([]);
6 | get data(): IncomingCIDNumber[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aNumber: IncomingCIDNumber[]) {
10 | const numberData = aNumber.slice();
11 | this.dataChange.next(numberData);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/incoming_cid_number-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | import { IncomingCIDNumberComponent } from './incoming_cid_number.component';
5 | import { FormsIncomingCIDNumberComponent } from './incoming_cid_number-component';
6 | import { EditIncomingCIDNumberComponent } from './edit-incoming_cid_number-component';
7 | import { AssignIncomingCIDNumberComponent } from './assign-incoming_cid_number-component';
8 |
9 | const routes: Routes = [{
10 | path: '',
11 | component: IncomingCIDNumberComponent,
12 | children: [{
13 | path: 'incoming_cid_number',
14 | component: FormsIncomingCIDNumberComponent,
15 | }, {
16 | path: 'incoming_cid_number/:id',
17 | component: EditIncomingCIDNumberComponent,
18 | },
19 | {
20 | path: 'incoming_cid_number/:id/assign',
21 | component: AssignIncomingCIDNumberComponent,
22 | }],
23 | }];
24 |
25 | @NgModule({
26 | imports: [
27 | RouterModule.forChild(routes),
28 | ],
29 | exports: [
30 | RouterModule,
31 | ],
32 | })
33 | export class IncomingNumberRoutingModule {
34 |
35 | }
36 |
37 | export const routedComponents = [
38 | IncomingCIDNumberComponent,
39 | FormsIncomingCIDNumberComponent,
40 | EditIncomingCIDNumberComponent,
41 | AssignIncomingCIDNumberComponent,
42 | ];
43 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/incoming_cid_number.component.ts:
--------------------------------------------------------------------------------
1 |
2 | import { Component } from '@angular/core';
3 |
4 | @Component({
5 | selector: 'ngx-form-elements',
6 | template: `
7 |
8 | `,
9 | })
10 | export class IncomingCIDNumberComponent {
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/incoming_cid_number.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 |
3 | import { ThemeModule } from '../../@theme/theme.module';
4 | import { IncomingNumberRoutingModule, routedComponents } from './incoming_cid_number-routing.module';
5 | import { FormsIncomingCIDNumberComponent } from './incoming_cid_number-component';
6 | import { MatTableModule } from '@angular/material/table';
7 | import { CdkTableModule } from '@angular/cdk/table';
8 | import { IncomingCIDNumberService, } from './incoming_cid_number.service';
9 | import { MatSortModule } from '@angular/material/sort';
10 | import { MatIconModule } from '@angular/material/icon';
11 | import { MatButtonModule } from '@angular/material/button';
12 | import { MatPaginatorModule } from '@angular/material/paginator';
13 | import { NbCardModule } from '@nebular/theme';
14 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
15 | import { TranslateModule } from '@ngx-translate/core';
16 | import { RouterModule } from '@angular/router';
17 | import { CIDService } from '../cid/cid.service';
18 |
19 |
20 |
21 | @NgModule({
22 | imports: [
23 | ThemeModule,
24 | IncomingNumberRoutingModule,
25 | MatTableModule,
26 | CdkTableModule,
27 | MatSortModule,
28 | MatButtonModule,
29 | MatPaginatorModule,
30 | NbCardModule,
31 | MatIconModule,
32 | FormsModule,
33 | ReactiveFormsModule,
34 | TranslateModule,
35 | RouterModule,
36 | ],
37 | declarations: [
38 | ...routedComponents,
39 | ],
40 | providers: [IncomingCIDNumberService,CIDService],
41 | })
42 | export class IncomingCIDNumberModule { }
43 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_cid_number/incoming_cid_number.ts:
--------------------------------------------------------------------------------
1 | export class IncomingCIDNumber {
2 | phone: number;
3 | username: string;
4 | first_name: any;
5 | last_name: any;
6 | service_name: any;
7 | account_id: any;
8 | extension_id: any;
9 | cid_id: any;
10 | email:any;
11 | user_id: any;
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/assign-incoming_number-component.html:
--------------------------------------------------------------------------------
1 | {{ 'dids.assign_did' | translate }}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/assign-incoming_number-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/incoming_number/assign-incoming_number-component.scss
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/edit-incoming_number-component.html:
--------------------------------------------------------------------------------
1 | {{ 'my_dids.did_info' | translate }}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/edit-incoming_number-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/incoming_number/edit-incoming_number-component.scss
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/forward-incoming_number-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/incoming_number/forward-incoming_number-component.scss
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/incoming_number-component.scss:
--------------------------------------------------------------------------------
1 | .example-container {
2 | display: flex;
3 | flex-direction: column;
4 | min-width: 300px;
5 | }
6 |
7 | .example-header {
8 | min-height: 64px;
9 | display: flex;
10 | align-items: center;
11 | padding-left: 24px;
12 | font-size: 20px;
13 | }
14 |
15 | .mat-table {
16 | overflow: auto;
17 | max-height: 500px;
18 | }
19 |
20 | .mat-header-cell .mat-sort-header-sorted {
21 | color: black;
22 | }
23 |
24 | .cdk-visually-hidden {
25 | border: 0;
26 | clip: rect(0 0 0 0);
27 | height: 1px;
28 | margin: -1px;
29 | overflow: hidden;
30 | padding: 0;
31 | position: absolute;
32 | width: 1px;
33 | }
34 |
35 | .example-button-row {
36 | display: flex;
37 | align-items: center;
38 | justify-content: space-around;
39 | }
40 |
41 | .mat-form-field {
42 | font-size: 14px;
43 | flex-grow: 1;
44 | margin-left: 32px;
45 | }
46 | a:hover {
47 | color: rgb(10, 238, 10);
48 | // color: darkblue;
49 | }
50 |
51 | .cc {
52 | width: 40%;
53 | }
54 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/incoming_number-database.component.ts:
--------------------------------------------------------------------------------
1 | import { IncomingNumber } from './incoming_number';
2 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
3 |
4 | export class IncomingNumberDatabase {
5 | dataChange: BehaviorSubject = new BehaviorSubject([]);
6 | get data(): IncomingNumber[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aNumber: IncomingNumber[]) {
10 | const numberData = aNumber.slice();
11 | this.dataChange.next(numberData);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/incoming_number-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | import { IncomingNumberComponent } from './incoming_number.component';
5 | import { FormsIncomingNumberComponent } from './incoming_number-component';
6 | import { ForwardIncomingNumberComponent } from './forward-incoming_number-component';
7 | import { EditIncomingNumberComponent } from './edit-incoming_number-component';
8 | import { AssignIncomingNumberComponent } from './assign-incoming_number-component';
9 |
10 | const routes: Routes = [{
11 | path: '',
12 | component: IncomingNumberComponent,
13 | children: [{
14 | path: 'incoming_number',
15 | component: FormsIncomingNumberComponent,
16 | }, {
17 | path: 'incoming_number/:id',
18 | component: EditIncomingNumberComponent,
19 | }, {
20 | path: 'incoming_number/:id/forward',
21 | component: ForwardIncomingNumberComponent,
22 | }, {
23 | path: 'incoming_number/:id/assign',
24 | component: AssignIncomingNumberComponent,
25 | }],
26 | }];
27 |
28 | @NgModule({
29 | imports: [
30 | RouterModule.forChild(routes),
31 | ],
32 | exports: [
33 | RouterModule,
34 | ],
35 | })
36 | export class IncomingNumberRoutingModule {
37 |
38 | }
39 |
40 | export const routedComponents = [
41 | IncomingNumberComponent,
42 | FormsIncomingNumberComponent,
43 | EditIncomingNumberComponent,
44 | ForwardIncomingNumberComponent,
45 | AssignIncomingNumberComponent,
46 | ];
47 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/incoming_number.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'ngx-form-elements',
5 | template: `
6 |
7 | `,
8 | })
9 | export class IncomingNumberComponent {
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/incoming_number.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 |
3 | import { ThemeModule } from '../../@theme/theme.module';
4 | import { IncomingNumberRoutingModule, routedComponents } from './incoming_number-routing.module';
5 | import { FormsIncomingNumberComponent } from './incoming_number-component';
6 | import { MatTableModule } from '@angular/material/table';
7 | import { CdkTableModule } from '@angular/cdk/table';
8 | import { IncomingNumberService } from './incoming_number.service';
9 | import { MatIconModule } from '@angular/material/icon';
10 | import { MatSortModule } from '@angular/material/sort';
11 | import { MatButtonModule } from '@angular/material/button';
12 | import { MatPaginatorModule } from '@angular/material/paginator';
13 | import { NbCardModule } from '@nebular/theme';
14 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
15 | import { TranslateModule } from '@ngx-translate/core';
16 |
17 |
18 | @NgModule({
19 | imports: [
20 | ThemeModule,
21 | IncomingNumberRoutingModule,
22 | MatTableModule,
23 | CdkTableModule,
24 | MatSortModule,
25 | MatButtonModule,
26 | MatPaginatorModule,
27 | NbCardModule,
28 | MatIconModule,
29 | FormsModule,
30 | ReactiveFormsModule,
31 | TranslateModule
32 | ],
33 | declarations: [
34 | ...routedComponents,
35 | ],
36 | })
37 | export class IncomingNumberModule { }
38 |
--------------------------------------------------------------------------------
/src/app/pages/incoming_number/incoming_number.ts:
--------------------------------------------------------------------------------
1 | export class IncomingNumber {
2 | phone: number;
3 | username: string;
4 | first_name: any;
5 | service_name: any;
6 | account_id: any;
7 | extension_id: any;
8 | did_id: any;
9 | email:any;
10 | user_id: any;
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/pages/infax/infax-database.component.ts:
--------------------------------------------------------------------------------
1 | import { Transmission } from '../transmission/transmission';
2 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
3 |
4 | export class InFaxDatabase {
5 | dataChange: BehaviorSubject = new BehaviorSubject([]);
6 | get data(): Transmission[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aInFax: Transmission[]) {
10 | const infaxData = aInFax.slice();
11 | this.dataChange.next(infaxData);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pages/infax/infax.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 |
3 | import { ThemeModule } from '../../@theme/theme.module';
4 | import { InFaxComponent } from './infax-component';
5 | import { RouterModule } from '@angular/router';
6 | import { MatTableModule } from '@angular/material/table';
7 | import { CdkTableModule } from '@angular/cdk/table';
8 | import { MatSortModule } from '@angular/material/sort';
9 | import { MatPaginatorModule } from '@angular/material/paginator';
10 | import { MatButtonModule} from '@angular/material/button';
11 | import { MatNativeDateModule } from '@angular/material/core';
12 | import {MatDatepickerModule} from '@angular/material/datepicker'
13 | import { MatIconModule } from '@angular/material/icon';
14 | import { NbIconModule, NbCardModule } from '@nebular/theme';
15 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
16 | import { TranslateModule } from '@ngx-translate/core';
17 | import { PdfViewerModule } from 'ng2-pdf-viewer';
18 |
19 | @NgModule({
20 | imports: [
21 | ThemeModule,
22 | RouterModule,
23 | MatTableModule,
24 | CdkTableModule,
25 | MatSortModule,
26 | MatPaginatorModule,
27 | MatDatepickerModule,
28 | MatNativeDateModule,
29 | NbCardModule,
30 | FormsModule,
31 | MatIconModule,
32 | ReactiveFormsModule,
33 | NbIconModule,
34 | MatButtonModule,
35 | TranslateModule,
36 | PdfViewerModule
37 | ],
38 | declarations: [
39 | InFaxComponent,
40 | ],
41 | })
42 | export class InFaxModule{}
43 |
--------------------------------------------------------------------------------
/src/app/pages/menu-item.ts:
--------------------------------------------------------------------------------
1 | import { NbMenuItem } from '@nebular/theme';
2 |
3 | export declare abstract class MenuItem extends NbMenuItem {
4 | key?: string;
5 | children?: MenuItem[];
6 | parent?: MenuItem;
7 | }
--------------------------------------------------------------------------------
/src/app/pages/message/document/document-database.component.ts:
--------------------------------------------------------------------------------
1 | import { Document } from './document';
2 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
3 |
4 | export class DocumentDatabase {
5 | dataChange: BehaviorSubject = new BehaviorSubject([]);
6 | get data(): Document[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aDocument: Document[]) {
10 | const documentData = aDocument.slice();
11 | this.dataChange.next(documentData);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pages/message/document/document-form-component.scss:
--------------------------------------------------------------------------------
1 | .my-drop-zone { border: dotted 3px lightgray; }
2 |
3 | .nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
4 |
5 | .another-file-over-class { border: dotted 3px green; }
6 |
7 | html, body { height: 100%; }
8 |
9 | .smmmm {
10 | font-size: 25px;
11 | display: inline;
12 | color: red;
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pages/message/document/document.ts:
--------------------------------------------------------------------------------
1 | export class Document {
2 | document_id: number;
3 | name: string;
4 | file_name: any;
5 | type: string;
6 | description: string;
7 | quality: any;
8 | text: String;
9 | ocr: String;
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/pages/message/email/email-component.scss:
--------------------------------------------------------------------------------
1 |
2 | .example-container {
3 | display: flex;
4 | flex-direction: column;
5 | min-width: 300px;
6 |
7 | }
8 |
9 | .example-header {
10 | min-height: 64px;
11 | display: flex;
12 | align-items: center;
13 | padding-left: 24px;
14 | font-size: 20px;
15 | }
16 |
17 | .mat-table {
18 | overflow: auto;
19 | max-height: 500px;
20 | }
21 |
22 | .mat-header-cell .mat-sort-header-sorted {
23 | color: black;
24 | }
25 |
26 | .cdk-visually-hidden {
27 | border: 0;
28 | clip: rect(0 0 0 0);
29 | height: 1px;
30 | margin: -1px;
31 | overflow: hidden;
32 | padding: 0;
33 | position: absolute;
34 | width: 1px;
35 | }
36 |
37 | .example-button-row {
38 | display: flex;
39 | align-items: center;
40 | justify-content: space-around;
41 | }
42 |
43 | .mat-form-field {
44 | font-size: 14px;
45 | flex-grow: 1;
46 | margin-left: 32px;
47 |
48 | }
49 | a:hover {
50 | color: rgb(10, 238, 10);
51 | }
52 |
53 | .fa-trash:hover {
54 | color: rgb(138, 4, 4);
55 | }
56 |
57 | .fa-cloud-download:hover {
58 | color: darkblue;
59 | }
60 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/src/app/pages/message/email/email-database.component.ts:
--------------------------------------------------------------------------------
1 | import { Template } from './email';
2 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
3 |
4 | export class TemplateDatabase {
5 | dataChange: BehaviorSubject = new BehaviorSubject([]);
6 | get data(): Template[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aTemplate: Template[]) {
10 | const templateData = aTemplate.slice();
11 | this.dataChange.next(templateData);
12 | }
13 | }
--------------------------------------------------------------------------------
/src/app/pages/message/email/email-form-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/message/email/email-form-component.scss
--------------------------------------------------------------------------------
/src/app/pages/message/email/email.ts:
--------------------------------------------------------------------------------
1 | export class Template {
2 | template_id: number;
3 | name: string;
4 | description: string;
5 | subject: string;
6 | body: string;
7 | body_alt: string;
8 | attachment: any;
9 | type: string;
10 | }
--------------------------------------------------------------------------------
/src/app/pages/message/message.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'ngx-form-elements',
5 | template: `
6 |
7 | `,
8 | })
9 | export class MessageComponent {
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/pages/message/message.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 |
3 | import { ThemeModule } from '../../@theme/theme.module';
4 | import { MessageRoutingModule, routedComponents } from './message-routing.module';
5 | import { FormsDocumentComponent } from '../message/document/document-component';
6 | import { MatTableModule } from '@angular/material/table';
7 | import { CdkTableModule } from '@angular/cdk/table';
8 | import { MatSortModule} from '@angular/material/sort';
9 | import { MatIconModule } from '@angular/material/icon';
10 | import { FileUploadModule } from 'ng2-file-upload';
11 | import { MatButtonModule } from '@angular/material/button';
12 | import { MatPaginatorModule } from '@angular/material/paginator';
13 | import { NbCardModule, NbIconModule } from '@nebular/theme';
14 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
15 | import { TranslateModule } from '@ngx-translate/core';
16 | import { Ng2CompleterModule } from "ng2-completer";
17 | import { PdfViewerModule } from 'ng2-pdf-viewer';
18 |
19 |
20 | @NgModule({
21 | imports: [
22 | ThemeModule,
23 | MessageRoutingModule,
24 | MatTableModule,
25 | CdkTableModule,
26 | MatSortModule,
27 | FileUploadModule,
28 | MatButtonModule,
29 | MatPaginatorModule,
30 | NbCardModule,
31 | FormsModule,
32 | ReactiveFormsModule,
33 | MatIconModule,
34 | NbIconModule,
35 | TranslateModule,
36 | Ng2CompleterModule,
37 | PdfViewerModule
38 | ],
39 | declarations: [
40 | ...routedComponents,
41 | ],
42 | })
43 | export class MessageModule { }
44 |
--------------------------------------------------------------------------------
/src/app/pages/message/recording/recording-component.scss:
--------------------------------------------------------------------------------
1 | .example-container {
2 | display: flex;
3 | flex-direction: column;
4 | min-width: 300px;
5 | }
6 |
7 | .example-header {
8 | min-height: 64px;
9 | display: flex;
10 | align-items: center;
11 | padding-left: 24px;
12 | font-size: 20px;
13 | }
14 |
15 | .mat-table {
16 | overflow: auto;
17 | max-height: 500px;
18 | }
19 |
20 | .mat-header-cell .mat-sort-header-sorted {
21 | color: black;
22 | }
23 |
24 | .cdk-visually-hidden {
25 | border: 0;
26 | clip: rect(0 0 0 0);
27 | height: 1px;
28 | margin: -1px;
29 | overflow: hidden;
30 | padding: 0;
31 | position: absolute;
32 | width: 1px;
33 | }
34 |
35 | .example-button-row {
36 | display: flex;
37 | align-items: center;
38 | justify-content: space-around;
39 | }
40 |
41 | .mat-form-field {
42 | font-size: 14px;
43 | flex-grow: 1;
44 | margin-left: 32px;
45 | }
46 |
47 | a:hover {
48 | color: rgb(10, 238, 10);
49 | }
50 |
51 | .cc {
52 | width: 40%;
53 | }
54 |
--------------------------------------------------------------------------------
/src/app/pages/message/recording/recording-database.component.ts:
--------------------------------------------------------------------------------
1 | import { Recording } from './recording';
2 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
3 |
4 | export class RecordingDatabase {
5 | dataChange: BehaviorSubject = new BehaviorSubject([]);
6 | get data(): Recording[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aRecording: Recording[]) {
10 | const recordingData = aRecording.slice();
11 | this.dataChange.next(recordingData);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/pages/message/recording/recording-form-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/message/recording/recording-form-component.scss
--------------------------------------------------------------------------------
/src/app/pages/message/recording/recording.ts:
--------------------------------------------------------------------------------
1 | export class Recording {
2 | recording_id: number;
3 | name: string;
4 | file_name: string;
5 | type: string;
6 | description: string;
7 | length: number;
8 | }
9 |
--------------------------------------------------------------------------------
/src/app/pages/message/text/text-component.scss:
--------------------------------------------------------------------------------
1 |
2 | .example-container {
3 | display: flex;
4 | flex-direction: column;
5 | min-width: 300px;
6 |
7 | }
8 |
9 | .example-header {
10 | min-height: 64px;
11 | display: flex;
12 | align-items: center;
13 | padding-left: 24px;
14 | font-size: 20px;
15 | }
16 |
17 | .mat-table {
18 | overflow: auto;
19 | max-height: 500px;
20 | }
21 |
22 | .mat-header-cell .mat-sort-header-sorted {
23 | color: black;
24 | }
25 |
26 | .cdk-visually-hidden {
27 | border: 0;
28 | clip: rect(0 0 0 0);
29 | height: 1px;
30 | margin: -1px;
31 | overflow: hidden;
32 | padding: 0;
33 | position: absolute;
34 | width: 1px;
35 | }
36 |
37 | .example-button-row {
38 | display: flex;
39 | align-items: center;
40 | justify-content: space-around;
41 | }
42 |
43 | .mat-form-field {
44 | font-size: 14px;
45 | flex-grow: 1;
46 | margin-left: 32px;
47 |
48 | }
49 |
50 | a:hover {
51 | color: rgb(10, 238, 10);
52 | }
53 |
54 | .fa-trash:hover {
55 | color: rgb(138, 4, 4);
56 | }
57 |
58 |
59 |
--------------------------------------------------------------------------------
/src/app/pages/message/text/text-database.component.ts:
--------------------------------------------------------------------------------
1 | import { Text } from './text';
2 | import { BehaviorSubject} from 'rxjs/BehaviorSubject';
3 |
4 | export class TextDatabase {
5 | dataChange: BehaviorSubject = new BehaviorSubject([]);
6 | get data(): Text[] {
7 | return this.dataChange.value;
8 | }
9 | constructor(private aText: Text[]) {
10 | const textData = aText.slice();
11 | this.dataChange.next(textData);
12 | }
13 | }
--------------------------------------------------------------------------------
/src/app/pages/message/text/text-form-component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ictinnovations/ictdialer/52fb2d9457f37b91492c2d99b65228be87a70d18/src/app/pages/message/text/text-form-component.scss
--------------------------------------------------------------------------------
/src/app/pages/message/text/text-form-component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, NgModule } from '@angular/core';
2 | import { Router, ActivatedRoute, Params, ParamMap } from '@angular/router';
3 | import { Http, HttpModule, Response } from '@angular/http';
4 | import { FormsModule } from '@angular/forms';
5 | import { Text } from './text';
6 | import { TextService } from './text.service';
7 | import 'rxjs/add/operator/toPromise';
8 |
9 | @Component({
10 | selector: 'ngx-add-text-component',
11 | templateUrl: './text-form-component.html',
12 | styleUrls: ['./text-form-component.scss'],
13 | })
14 |
15 | export class AddTextComponent implements OnInit {
16 |
17 | constructor(private http: Http, private route: ActivatedRoute, private text_service: TextService,
18 | private router: Router) { }
19 |
20 |
21 | form1: any= {};
22 | text: Text= new Text;
23 | text_id: any= null;
24 |
25 | ngOnInit(): void {
26 | this.route.params.subscribe(params => {
27 | this.text_id = +params['id'];
28 | const test_url = this.router.url.split('/');
29 | const lastsegment = test_url[test_url.length - 1];
30 | if (lastsegment === 'new') {
31 | return null;
32 | } else {
33 | return this.text_service.get_TextData(this.text_id).then(data => {
34 | this.text = data;
35 | });
36 | }
37 | });
38 | }
39 |
40 | addText(): void {
41 | this.text_service.add_Text(this.text).then(response => {
42 | this.router.navigate(['../../text'], {relativeTo: this.route});
43 | });
44 | }
45 |
46 | updateText(): void {
47 | this.text_service.update_Text(this.text).then(() => {
48 | this.router.navigate(['../../text'], {relativeTo: this.route});
49 | })
50 | .catch(this.handleError);
51 | }
52 |
53 | private handleError(error: any): Promise {
54 | console.error('An error occurred', error);
55 | return Promise.reject(error.message || error);
56 | }
57 | }
--------------------------------------------------------------------------------
/src/app/pages/message/text/text.ts:
--------------------------------------------------------------------------------
1 | export class Text {
2 | text_id: number;
3 | name: string;
4 | data: string;
5 | type: string;
6 | description: string;
7 | length: number;
8 | }
--------------------------------------------------------------------------------
/src/app/pages/miscellaneous/miscellaneous-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | import { MiscellaneousComponent } from './miscellaneous.component';
5 | import { NotFoundComponent } from './not-found/not-found.component';
6 |
7 | const routes: Routes = [
8 | {
9 | path: '',
10 | component: MiscellaneousComponent,
11 | children: [
12 | {
13 | path: '404',
14 | component: NotFoundComponent,
15 | },
16 | ],
17 | },
18 | ];
19 |
20 | @NgModule({
21 | imports: [RouterModule.forChild(routes)],
22 | exports: [RouterModule],
23 | })
24 | export class MiscellaneousRoutingModule {
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/pages/miscellaneous/miscellaneous.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'ngx-miscellaneous',
5 | template: `
6 |
7 | `,
8 | })
9 | export class MiscellaneousComponent {
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/pages/miscellaneous/miscellaneous.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { NbButtonModule, NbCardModule } from '@nebular/theme';
3 |
4 | import { ThemeModule } from '../../@theme/theme.module';
5 | import { MiscellaneousRoutingModule } from './miscellaneous-routing.module';
6 | import { MiscellaneousComponent } from './miscellaneous.component';
7 | import { NotFoundComponent } from './not-found/not-found.component';
8 | import { TranslateModule } from '@ngx-translate/core';
9 |
10 | @NgModule({
11 | imports: [
12 | ThemeModule,
13 | NbCardModule,
14 | NbButtonModule,
15 | MiscellaneousRoutingModule,
16 | TranslateModule
17 | ],
18 | declarations: [
19 | MiscellaneousComponent,
20 | NotFoundComponent,
21 | ],
22 | })
23 | export class MiscellaneousModule { }
24 |
--------------------------------------------------------------------------------
/src/app/pages/miscellaneous/not-found/not-found.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
{{'miscellaneous.code' | translate}}
7 | {{'miscellaneous.message' | translate}}
8 |
11 |
12 |
13 |
14 |
15 |
20 |
21 |
22 |
23 |
7 |