webpackJsonp([1],{"+LMW":function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow: auto !important">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        {{selected}} Tickets\r\n        <span style="float:right;margin-top:-5px">\r\n\r\n          \x3c!-- <i title="Export To Excel" data-tooltip="tooltip" class="material-icons" style="cursor:pointer"\r\n                            (click)="excelexportOpen.save()">grid_on</i> --\x3e\r\n        </span>\r\n      </h4>\r\n    </div>\r\n    <div class="input-field col s12" style="font-weight: bold">\r\n      Select Ticket Status: <kendo-dropdownlist [data]="listItems" [(ngModel)]="selected"\r\n        (selectionChange)="onChange($event)"></kendo-dropdownlist>\r\n    </div>\r\n    <kendo-grid [style.height.vh]="84" [data]="query" [skip]="state.skip" [pageSize]="state.take" [sort]="state.sort"\r\n      [filter]="state.filter" [resizable]="true" filterable="menu" [sortable]="true" class="newOrderGrid"\r\n      (dataStateChange)="dataStateChange($event)" [scrollable]="true" [pageable]="true">\r\n\r\n      <kendo-grid-column hidden="true" field="TicketId" title="Ticket Id"></kendo-grid-column>\r\n      <kendo-grid-column field="CustId" title="Customer Id" [filterable]="true" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustId]">{{dataItem.CustId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OstCreatedDate" title="Created On" filter="date" [width]="150"></kendo-grid-column>\r\n      <kendo-grid-column field="OstUpdateDate" title="Updated On" filter="date" [width]="150"></kendo-grid-column>\r\n      <kendo-grid-column field="UserFullname" title="Created By" [minResizableWidth]="200"></kendo-grid-column>\r\n      <kendo-grid-column field="TicketNumber" title="Ticket No" [filterable]="true" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" data-toggle="modal" [attr.data-target]="\'#\' + dataItem.TicketId"\r\n            (click)="getDetails(dataItem.TicketId)" data-position="bottom" data-delay="50"\r\n            data-tooltip="tooltip">{{dataItem.TicketNumber}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Priority" title="Priority" width="100" [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="DeptName" title="Department" [minResizableWidth]="200">\r\n        <ng-template kendoGridFilterMenuTemplate let-column="column" let-filter="filter"\r\n          let-filterService="filterService">\r\n          <kendo-multiselect style="width:250px" [data]="distinctDeptdata" textField="text" valueField="value"\r\n            [valuePrimitive]="true" [value]="categoryFilters(filter)"\r\n            (valueChange)="deptcategoryChange($event, filterService)">\r\n          </kendo-multiselect>\r\n        </ng-template>\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          {{dataItem.DeptName}}\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="TopicName" title="Topic" [minResizableWidth]="200"></kendo-grid-column>\r\n    </kendo-grid>\r\n    <div *ngIf="loading" class="k-i-loading"></div>\r\n  </div>\r\n</div>\r\n<div class="modal ticketClass" *ngFor="let ticketContent of TicketData" id={{ticketContent.TicketId}} role="dialog">\r\n  <div class="modal-dialog modal-lg">\r\n    <div class="modal-content">\r\n      <div class="modal-header" style="padding: 0">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h4 class="modal-title" style="font-size:1.5rem">Ticket# {{ticketContent.TicketNumber}}</h4>\r\n      </div>\r\n      <kendo-tabstrip>\r\n        <kendo-tabstrip-tab [title]="\'Post Reply\'" [selected]="true">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="replynotes" filterable="menu" [scrollable]="true" [selectable]="true"\r\n              [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal">\r\n                  </div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Internal Notes\'" *ngIf="roleAuthorizationProvisioning">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="internalreplynotes" filterable="menu" [scrollable]="true"\r\n              [selectable]="true" [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal">\r\n                  </div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Edit Ticket\'">\r\n          <ng-template kendoTabContent>\r\n            <form ngNativeValidate class="k-form-inline" #EditOrder="ngForm"\r\n              (ngSubmit)="actionTicket(ticketContent,EditOrder.value);EditOrder.reset();loading=true">\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Type</span>\r\n                <kendo-dropdownlist [data]="listTicketType" name="listTicketType" required\r\n                  [(ngModel)]="selectedtickettype"></kendo-dropdownlist>\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Status</span>\r\n                <kendo-dropdownlist *ngIf="resolve" [data]="resolveStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n                <kendo-dropdownlist *ngIf="!resolve" [data]="listStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Note</span>\r\n                <textarea style="height: 20rem !important" [(ngModel)]="PostInternalNote" name="PostInternalNote"\r\n                  required type="text" [(value)]="PostInternalNote"></textarea>\r\n              </label>\r\n\r\n              <div class="text-right">\r\n                <button type="button" class="k-button" (click)="close()">Cancel</button>\r\n                <button type="submit" class="k-button k-primary">Submit</button>\r\n              </div>\r\n            </form>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n      </kendo-tabstrip>\r\n    </div>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},"+NDt":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"td,th{padding:0;border:1px solid #ddd}.progress{display:inline-table;background-color:#e9e9e9}.row .col.m3{width:20%;margin-left:50px;margin-right:auto;margin-top:20px;padding:0 25px}.row .col.m4{width:33.3333333333%;margin-left:-28px;left:auto;right:auto;margin-top:40px}.bold{font-weight:700}.progress-bar{color:#211b1b}.colourbg{background:#ffd54f;color:#f6fff9}.table-striped>tbody>tr:nth-of-type(odd){background-color:#ffe0b2}.table-striped>tbody>tr:nth-of-type(2n){background-color:#f9f5ee}.cancel{color:red}.active,.cancel{font-size:12px;margin-left:1px}.active{color:green}p{font-size:12px;margin:0}.boldfirst{font-weight:700;margin-bottom:10px;font-size:13px;text-align:center;margin-top:1px}.k-chart{height:334px}.greenarr{color:green}.redarr{color:red}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:7px 20px}.material-icons{font-size:17px}.excel{cursor:pointer}.tabs{overflow-x:hidden;background-color:#f3f2f2!important}.tabs .tab a.active{color:#000;border-bottom:1px solid blue!important;background:#ffd790 !important!important}.tabs .tab a{color:#000;padding:12px 24px}.nav>li>a:focus,.nav>li>a:hover{color:#000;border-bottom:1px solid blue!important;background:#ffd790!important}",""]),t.exports=t.exports.toString()},"/2M7":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-grid tr:hover{cursor:pointer}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.extraMargins{margin-right:10px}.k-state-selected{background-color:#bcc8f5!important;color:#000!important}.k-grid table{border-collapse:collapse!important}tr{border-bottom-color:1px solid rgba(0,0,0,.08)!important}.k-dropdown-wrap .k-input{height:calc(15px + 1.4285714286em)!important;background:#fff!important}input:not([type]){margin:0!important}.k-button{float:none!important}.k-checkbox:hover+.k-checkbox-label:before{border-color:0;background-color:0}.globalFilter .k-select{background-color:#ff7743!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743!important}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px;color:#fff!important}.btn-cust{background:green!important}a.billing-customerid:hover{color:red!important;background:#fff}a.billing-customerid{color:blue!important}.k-grid-content{overflow-y:scroll!important}h4{font-size:1.28rem}.add{height:24px}.k-grid .reasonbreak{white-space:nowrap!important}strong{color:#000;font-weight:700}.modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},"/SBw":function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="padding_tables content">\r\n    <div class="card z-depth-4 tickets_padding" style="width: auto; overflow-y: hidden !important">\r\n        <div class="header">\r\n            <h4 class="title">\r\n                {{selected}} Complaints\r\n            </h4>\r\n        </div>\r\n        <div class="input-field col s12" style="font-weight: bold">\r\n            Select Complaint Status: <kendo-dropdownlist [data]="listItems" [(ngModel)]="selected"\r\n                (selectionChange)="onChange($event)"></kendo-dropdownlist>\r\n        </div>\r\n        <kendo-grid [data]="query" [skip]="state.skip" [pageSize]="state.take" [sort]="state.sort"\r\n            [filter]="state.filter" [resizable]="true" filterable="menu" [sortable]="true" class="newOrderGrid"\r\n            (dataStateChange)="dataStateChange($event)" [style.height.vh]="84" [scrollable]="true" [pageable]="true">\r\n\r\n            <kendo-grid-column hidden="true" field="TicketId" title="Ticket Id"></kendo-grid-column>\r\n            <kendo-grid-column field="CustId" title="Customer Id" [filterable]="true" width="120" [resizable]="false">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                    <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustId]">{{dataItem.CustId}}</a>\r\n                </ng-template>\r\n            </kendo-grid-column>\r\n            <kendo-grid-column field="CustomerFirstName" title="Customer Name" [width]="145"></kendo-grid-column>\r\n            <kendo-grid-column field="OstCreatedDate" title="Complaint Date" [width]="150" filter="date">\r\n            </kendo-grid-column>\r\n            <kendo-grid-column field="EstimatedDueDate" title="Due Date" [filterable]="false" [width]="150"\r\n                filter="date"></kendo-grid-column>\r\n            <kendo-grid-column field="UserFullname" title="Agent Name" [minResizableWidth]="200"></kendo-grid-column>\r\n            <kendo-grid-column field="CompType" title="Complaint Type" width="100" [filterable]="false"\r\n                [resizable]="false"></kendo-grid-column>\r\n            <kendo-grid-column field="TopicName" title="Description" [minResizableWidth]="200"></kendo-grid-column>\r\n            <kendo-grid-column field="TicketNumber" title="Ticket No" [filterable]="true" width="120"\r\n                [resizable]="false">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                    <a class="billing-customerid" (click)="getDetails(dataItem.TicketId)" data-toggle="modal"\r\n                        [attr.data-target]="\'#\' + dataItem.TicketId" data-position="bottom" data-delay="50"\r\n                        data-tooltip="tooltip">{{dataItem.TicketNumber}}</a>\r\n                </ng-template>\r\n            </kendo-grid-column>\r\n        </kendo-grid>\r\n        <div *ngIf="loading" class="k-i-loading"></div>\r\n    </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="ticketpost" (close)="close1(\'dialog\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">Something went wrong ! Unable to edit ticket.\r\n        {{ticketerror}}\r\n    </p>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n    <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n    </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n    <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n    </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<div class="modal ticketClass" *ngFor="let ticketContent of TicketData" id={{ticketContent.TicketId}} role="dialog">\r\n    <div class="modal-dialog modal-lg">\r\n        <div class="modal-content">\r\n            <div class="modal-header" style="padding: 0">\r\n                <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n                <h4 class="modal-title" style="font-size:1.5rem">Ticket# {{ticketContent.TicketNumber}}</h4>\r\n            </div>\r\n            <kendo-tabstrip>\r\n                <kendo-tabstrip-tab [title]="\'Post Reply\'" [selected]="true">\r\n                    <ng-template kendoTabContent>\r\n                        <kendo-grid [kendoGridBinding]="replynotes" filterable="menu" [scrollable]="true"\r\n                            [selectable]="true" [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n                            <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n                            </kendo-grid-column>\r\n                            <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold"\r\n                                [width]="200"></kendo-grid-column>\r\n                            <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                                <ng-template kendoGridCellTemplate let-dataItem>\r\n                                    <div [innerHtml]="dataItem.Note | safe: \'html\'"\r\n                                        style="text-align:initial; white-space: normal"></div>\r\n                                </ng-template>\r\n                            </kendo-grid-column>\r\n                        </kendo-grid>\r\n                        <div *ngIf="loading" class="k-i-loading"></div>\r\n                    </ng-template>\r\n                </kendo-tabstrip-tab>\r\n                <kendo-tabstrip-tab [title]="\'Internal Notes\'" *ngIf="roleAuthorizationProvisioning">\r\n                    <ng-template kendoTabContent>\r\n                        <kendo-grid [kendoGridBinding]="internalreplynotes" filterable="menu" [scrollable]="true"\r\n                            [selectable]="true" [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n                            <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n                            </kendo-grid-column>\r\n                            <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold"\r\n                                [width]="200"></kendo-grid-column>\r\n                            <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                                <ng-template kendoGridCellTemplate let-dataItem>\r\n                                    <div [innerHtml]="dataItem.Note | safe: \'html\'"\r\n                                        style="text-align:initial; white-space: normal"></div>\r\n                                </ng-template>\r\n                            </kendo-grid-column>\r\n                        </kendo-grid>\r\n                        <div *ngIf="loading" class="k-i-loading"></div>\r\n                    </ng-template>\r\n                </kendo-tabstrip-tab>\r\n                <kendo-tabstrip-tab [title]="\'Edit Ticket\'">\r\n                    <ng-template kendoTabContent>\r\n                        <form ngNativeValidate class="k-form-inline" #EditOrder="ngForm"\r\n                            (ngSubmit)="actionTicket(ticketContent,EditOrder.value);EditOrder.reset();loading=true">\r\n                            <label class="k-form-field">\r\n                                <span class="leftTitle">Type</span>\r\n                                <kendo-dropdownlist [data]="listTicketType" name="listTicketType" required\r\n                                    [(ngModel)]="selectedtickettype"></kendo-dropdownlist>\r\n                            </label>\r\n                            <label class="k-form-field">\r\n                                <span class="leftTitle">Status</span>\r\n                                <kendo-dropdownlist *ngIf="resolve" [data]="resolveStatus" name="Status" required\r\n                                    [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n                                <kendo-dropdownlist *ngIf="!resolve" [data]="listStatus" name="Status" required\r\n                                    [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n                            </label>\r\n                            <label class="k-form-field">\r\n                                <span class="leftTitle">Note</span>\r\n                                <textarea style="height: 20rem !important" [(ngModel)]="PostInternalNote"\r\n                                    name="PostInternalNote" required type="text"\r\n                                    [(value)]="PostInternalNote"></textarea>\r\n                            </label>\r\n\r\n                            <div class="text-right">\r\n                                <button type="button" class="k-button" (click)="close()">Cancel</button>\r\n                                <button type="submit" class="k-button k-primary">Submit</button>\r\n                            </div>\r\n                        </form>\r\n                    </ng-template>\r\n                </kendo-tabstrip-tab>\r\n            </kendo-tabstrip>\r\n        </div>\r\n    </div>\r\n</div>'},"/iW9":function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="padding_tables content">\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow: auto !important">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        Billing: {{ pageHeader }}\r\n      </h4>\r\n      <p>Total Amount in {{ pageHeader }} bills: ${{ Total | number : \'1.2-2\'}}</p>\r\n\r\n    </div>\r\n\r\n\r\n    <kendo-grid [style.height.vh]="87" [kendoGridBinding]="gridData" [pageSize]="25" [pageable]="true" [sortable]="true"\r\n      filterable="menu" [selectable]="true" [kendoGridSelectBy]="\'Uid\'" [selectedKeys]="mySelection"\r\n      [resizable]="false">\r\n      <ng-template kendoGridToolbarTemplate [position]="position" *ngIf="roleAuthorizationEditBilling">\r\n        <kendo-dropdownlist *ngIf="!Approved" class="globalFilter" name="Status" [data]="statuses"\r\n          [textField]="\'Status\'" [valueField]="\'Status\'" [(ngModel)]="status">\r\n        </kendo-dropdownlist>\r\n        <button (click)="onClick()" *ngIf="!Approved" class="btn waves-effect waves-light customStyleButton"\r\n          data-toggle="modal" data-target="#new_note">Apply</button>\r\n      </ng-template>\r\n      <span *ngIf="roleAuthorizationEditBilling">\r\n        <kendo-grid-checkbox-column *ngIf="!Approved" showSelectAll="true" [width]="40" [minResizableWidth]="30">\r\n        </kendo-grid-checkbox-column>\r\n      </span>\r\n      <kendo-grid-column hidden="true" field="Uid" title="Uid">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="CustomerId" title="Customer Id" width="100" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Id" title="Invoice No." width="100" [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Name" title="Name" width="200" [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="IssueDate" filter="date" format="{0:d}" title="Issue Date" width="100"\r\n        [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Total" title="Amount Due" [filterable]="true" filter="numeric" format="{0:c}"\r\n        width="100" [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="StartDate" title="Billing Date" format="{0:d}" filter="date" width="100"\r\n        [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column *ngIf="Suspended" field="Reason" title="Reason" class="reasonbreak" width="100"\r\n        [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Action" title="Action" [filterable]="false" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          <a class="btn-sm btn waves-effect waves-light btn-fix" href="{{billurl}}invoices/{{dataItem.Uid}}"\r\n            target="_blank">View</a>\r\n          <span *ngIf="roleAuthorizationEditBilling"><a class="btn-sm btn waves-effect waves-light btn-fix"\r\n              (click)="render(dataItem.Uid)" *ngIf="!Approved">Re-Render</a></span>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n\r\n      <ng-template *ngIf="Suspended" kendoGridDetailTemplate let-dataItem>\r\n        <section>\r\n          <table class="striped">\r\n            <tr class="internal-notes">\r\n              <td style="text-align: left !important" colspan="10">\r\n                <strong>Suspend Reason :- </strong>\r\n              </td>\r\n            </tr>\r\n            <tr>\r\n              <td class="note-desc" colspan="10" [innerHTML]="dataItem.Reason"\r\n                style="text-align: left !important; white-space: normal !important"></td>\r\n            </tr>\r\n          </table>\r\n        </section>\r\n      </ng-template>\r\n    </kendo-grid>\r\n    <div *ngIf="loadingbill" class="k-i-loading"></div>\r\n    <div *ngIf="addnote" class="modal fade" id="new_note" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <form ngNativeValidate class="k-form" #addNewNote="ngForm"\r\n            (ngSubmit)="newNote(addNewNote.value);addNewNote.reset();">\r\n\r\n            <legend>Reason to Suspend</legend>\r\n            <div class="control-label col s8">\r\n              <label>\r\n                Enter message</label>\r\n              <textarea [(ngModel)]="Notes" id="Notes" maxlength="1000" class="materialize-textarea validate"\r\n                name="Notes" required></textarea> </div>\r\n\r\n            <div class="text-right">\r\n              <button type="button" data-dismiss="modal" class="k-button">Cancel</button>\r\n              <button type="submit" class="k-button k-primary">Add</button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <kendo-dialog title="Success" *ngIf="opened" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Status has been successfully updated</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n\r\n    <kendo-dialog title="Error" *ngIf="errOpened" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errormsg}}</p>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>'},0:function(t,e,r){t.exports=r("cDNt")},"0sU8":function(t,e){t.exports='<div class="spinner">\r\n        <div class="rect1"></div>\r\n        <div class="rect2"></div>\r\n        <div class="rect3"></div>\r\n        <div class="rect4"></div>\r\n        <div class="rect5"></div>\r\n</div>'},"1IEk":function(t,e){t.exports='<app-loading-spinner *ngIf="showSpinnerImage">\r\n</app-loading-spinner>\r\n<div class="row extra_padding" *ngIf="!showSpinnerImage">\r\n  <div class="col s6 offset-s3">\r\n    <h5>Please login to continue.</h5>\r\n    <div class="card">\r\n      <div class="card-content">\r\n        <div class="card-title">\r\n          \x3c!-- <h4 class="agent_portal">Agent Portal</h4> --\x3e\r\n          <img class="center" src="../../assets/images/newlogo.png">\r\n\r\n        </div>\r\n        <form ngNativeValidate (ngSubmit)="loginUser(); showSpinnerImage=true" class="form-horizontal">\r\n          <div class="error-code">{{errorMsg}}</div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="username" name="username" placeholder="Username" id="first_name" type="text" class="validate" required\r\n            />\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="password" name="password" placeholder="Password" id="password" type="password" class="validate" required\r\n            />\r\n\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <button class="btn waves-effect waves-light right themebtn" type="submit" name="action">\r\n              Login\r\n              <i class="material-icons right"></i>\r\n            </button>\r\n            \r\n          </div> \r\n          <a style="float: right; margin-top: 5px" routerLink="/forgotPassword">Forgot Password</a>\r\n           \r\n        </form>\r\n      </div>\r\n    </div>\r\n    <p class="center">Powered by the Grex Group</p>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},"3Yo0":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-grid tr:hover{cursor:pointer}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.extraMargins{margin-right:10px}.k-state-selected{background-color:#bcc8f5!important;color:#000!important}.k-grid table{border-collapse:collapse!important}tr{border-bottom-color:1px solid rgba(0,0,0,.08)!important}.k-dropdown-wrap .k-input{height:calc(15px + 1.4285714286em)!important;background:#fff!important}input:not([type]){margin:0!important}.k-button{float:none!important}.k-checkbox:hover+.k-checkbox-label:before{border-color:0;background-color:0}.globalFilter .k-select{background-color:#ff7743!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743!important}.btn-fix{float:none;height:25px;line-height:7px;padding:10px 4px;padding-bottom:6px;font-size:10px;color:#fff!important}.btn-cust{background:green!important}a.billing-customerid:hover{color:red!important;background:#fff}a.billing-customerid{color:blue!important}.k-grid-content{overflow-y:scroll!important}.k-dropdown-wrap{color:#898989!important}.excel{cursor:pointer}.disabled{opacity:.5}.table-striped{font-size:11px!important}.table>tbody>tr>td{padding:0 10px!important;line-height:2!important}.k-dropdown{width:10em!important}.k-dropdown-wrap .k-input{height:calc(0px + 1.8em)!important}.modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.dateSbt{margin-top:5px;display:inline;height:20px!important;float:none!important;padding:0 20px!important;line-height:25px!important;font-size:10px!important}.dateSbt:focus{background:#ff7743!important}.datadailybtn{height:27px!important;line-height:30px!important}.custom{width:2rem!important}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}table.bordered>tbody>tr:active,table.bordered>tbody>tr:hover{background-color:#add8e6}",""]),t.exports=t.exports.toString()},"3zMt":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-filtercell-wrapper{white-space:normal}.k-state-selected{padding:5px;background:#dcdbec}tr :hover{cursor:pointer}.btn-sm{color:#fff!important}.btn-sm,.btn-sm:visited{background:#ff7743!important}.btn-fix-dashboard{float:none;height:18px!important;line-height:2px!important;padding:4px 12px!important;padding-bottom:6px!important;font-size:12px!important;letter-spacing:.5px!important}strong{color:#000;font-weight:700}.internal-notes{font-weight:700;font-size:1.3rem}.k-grid tr:hover{cursor:pointer}.k-grid-header{padding:0!important}thead{background:#fff}a,input,span{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.extraMargins{margin-right:10px}.k-state-selected{background-color:#bcc8f5!important;color:#000!important}.k-grid table{border-collapse:collapse!important}tr{border-bottom-color:1px solid rgba(0,0,0,.08)!important}.k-dropdown-wrap .k-input{height:calc(15px + 1.4285714286em)!important;background:#fff!important}.k-button{float:none!important}.k-checkbox:hover+.k-checkbox-label:before{border-color:0;background-color:0}.globalFilter .k-select{background-color:#ff7743!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px;color:#fff!important}.btn-cust{background:green!important}a.billing-customerid:hover{color:red!important;background:#fff}.editBtn{background:#ff7743!important;font-variant-caps:all-petite-caps!important;font-size:16px!important}.editBtn,.updateBtn{color:#fff!important;padding:0 7px!important;height:25px!important;padding-bottom:7px!important}.updateBtn{background:#357f22!important;font-variant-caps:all-petite-caps;font-size:16px!important}.cancelBtn{background:#ececec!important;color:#000!important;padding:0 7px!important;height:25px!important;padding-bottom:7px!important;font-variant-caps:all-petite-caps!important;font-size:16px!important}input:not([type]){margin-left:-10px!important}input:not([type]):focus:not([readonly]){border-bottom:1px solid #fff!important;-webkit-box-shadow:0 1px 0 0 #fff!important;box-shadow:0 1px 0 0 #fff!important}tr .myClass{width:100px}.kendo-grid-list{overflow-y:scroll!important}",""]),t.exports=t.exports.toString()},"4B7K":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"table th{padding:3px!important;border:1px solid #000!important;text-align:center!important;font-size:12px}thead{background:#fff}.padding_tables{padding:20px}form{padding:20px!important}.edit_customer{padding:15px}.btn-link{color:#fff!important;background-color:#ff7743!important;font-size:12px!important;height:25px!important;line-height:25px!important;padding:0 1rem!important;margin-top:10px!important}.add-products{margin-top:30px!important}.btn-submit{margin:20px!important;float:right!important}.k-checkbox{-webkit-appearance:checkbox;clip:unset!important}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;opacity:1;pointer-events:auto;zoom:1.3}fieldset{border:none}label{font-size:.9rem}td,th{text-align:center;padding:0 15px!important}.product{width:auto!important}.send{background-color:#097709!important;height:30px!important}.sub{float:inherit!important}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block){text-align:left!important;width:20%!important}.k-datepicker,input[type=text]{width:auto!important}.form-control{width:10%}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:inherit;margin-left:4em}.k-dropdown{width:21.3em}",""]),t.exports=t.exports.toString()},"53aT":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,'body{background:hsla(240,7%,81%,.15)}.profile_pic{height:65px;display:inline-block}.profile_name{display:inline-block;vertical-align:top;margin-top:22px;margin-left:16px}.account_status{text-align:center}.header{padding:1px;padding-left:20px;padding-right:20px;border-bottom:2px solid #ddd}.header,.title_drop{background:#789;color:#fff}.title{margin-bottom:10px;margin-top:10px}.order-Header-Title,.title{font-size:13px;letter-spacing:.3px;font-weight:600}.order-Header-Title{padding:5px 12px!important}.prov_title{margin-top:6px;margin-bottom:5px}.btn{font-size:13px;padding:0 10px;background-color:#ff7743}.btn,.edit_details{float:right}.bill_summary{margin:2% 3%}.modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.modal .modal-footer .btn{margin:6px 2px}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}#DisputeFlag label input[type=checkbox]:checked+.lever,#TioFlagset label input[type=checkbox]:checked+.lever{background-color:red!important}select{height:2rem;color:#000;border:1px solid #000}.btn-floating{-webkit-box-shadow:0 3px 3px 0 #000,0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)!important;box-shadow:0 3px 3px 0 #000,0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)!important}option:disabled{color:#000}.table>tbody>tr>td{font-size:.8rem;padding:1px;padding-left:20px}.btn-floating{width:30px!important;height:30px!important;line-height:30px!important;margin-top:-8px!important}.btn-floating i{color:#ff7743}.btn-floating i,.taskButtons i{font-size:18px!important;line-height:30px!important}.taskButtons i{color:#fff}.edit_input{background:#e8e8ee!important}input[type=text]:not(.browser-default):disabled{border-bottom:0}.save_details{padding:0 2rem;color:#fff;background-color:#ff7743;float:none}.card-action{border-top:1px solid #000}.input-field.col label{color:#000;font-weight:300}fieldset{border:0;margin:0;padding:0}.customer_edit{margin-bottom:0;margin-top:12px}.collapsible-body{padding:0}.collapsible-header{padding:2px 12px;display:block}.collapsible{border-top:0;border-right:0;border-left:0;margin:0}.products_header{background:#c9cccf!important;color:#000;font-size:13px!important;font-weight:700}.red{background-color:#ff7743!important}\n\n/*Form Wizard*/.bs-wizard{border-bottom:1px solid #e0e0e0;padding:0 0 10px 0}.bs-wizard>.bs-wizard-step{padding:0;position:relative}.bs-wizard>.bs-wizard-step .bs-wizard-stepnum{color:#595959;font-size:12px;margin-bottom:5px}.bs-wizard>.bs-wizard-step .bs-wizard-info{color:#999;font-size:12px}.bs-wizard>.bs-wizard-step>.bs-wizard-dot{position:absolute;width:20px;height:20px;display:block;background:#228b22;top:42px;left:50%;margin-top:-30px;margin-left:-15px;border-radius:50%}.bs-wizard>.bs-wizard-step.orangeStatus>.progress>.progress-bar{background:grey;width:50%}.bs-wizard>.orangeStatus>.bs-wizard-dot{background:orange}.bs-wizard>.orangeStatus>.bs-wizard-dot,.bs-wizard>.redStatus>.bs-wizard-dot{position:absolute;width:20px;height:20px;display:block;top:42px;left:50%;margin-top:-30px;margin-left:-15px;border-radius:50%}.bs-wizard>.redStatus>.bs-wizard-dot{background:red}.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after{content:" ";width:8px;height:8px;background:#fff;border-radius:50px;position:absolute;top:6px;left:6px}.bs-wizard>.bs-wizard-step>.progress{position:relative;border-radius:0;height:2.2px;-webkit-box-shadow:none;box-shadow:none;margin:21px 0}.progress{background:grey}.bs-wizard>.bs-wizard-step>.progress>.progress-bar{width:0;-webkit-box-shadow:none;box-shadow:none;background:#000}.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar{background:#000;width:100%}.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar{background:#000;width:50%}.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar{background:#a784c7;width:0}.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar{width:100%}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot{background-color:grey}.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after{opacity:0}.bs-wizard>.bs-wizard-step:first-child>.progress{left:50%;width:50%}.bs-wizard>.bs-wizard-step:last-child>.progress{width:50%}.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot{pointer-events:none}\n\n/*END Form Wizard*/.progress_header{margin-top:5%;text-align:center;padding:8px 10px;width:10%;margin-left:.75rem!important}.progress_row{margin-bottom:30px}.text-center{font-size:12px}.progress_status{margin-top:-4px}.col-xs-2,.progress_status{text-align:center}.status_button{padding:11px}.extra_margins{margin:10px;margin-top:0;padding:10px!important;text-align:center}.row .col.s1{margin-left:10px}.button_padding{padding:12px!important;margin-left:-3em!important}.row_margin{margin-left:.75rem}label{color:#000}.right-align{float:right}.department{padding:20px}.closeForm{cursor:pointer}.button_width{background:-webkit-gradient(linear,left top,left bottom,from(#67e8e8),color-stop(35%,#1c41c5),color-stop(35%,#215c8e),to(#122f96))!important;background:linear-gradient(180deg,#67e8e8,#1c41c5 35%,#215c8e 0,#122f96)!important;border-radius:14px;width:auto}.button_troubleshoot{background-color:#ff7743;margin-bottom:-4px;margin-top:-10px}.button_troubleshoot:hover{background-color:grey!important;color:#fff!important}#test{-webkit-animation-delay:5s}.provisioning_header{background:#596d76;color:#fff}thead{border-top:2px solid #d0d0d0}.table>thead>tr>td{padding-left:20px}.pulseEffect:hover{border-radius:50%;background:#cca92c;cursor:pointer;-webkit-box-shadow:0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 rgba(0,0,0,.12);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.pulseEffect{-webkit-animation:none;animation:none}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.4)}70%{-webkit-box-shadow:0 0 0 10px transparent}to{-webkit-box-shadow:0 0 0 0 transparent}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.4);box-shadow:0 0 0 0 rgba(0,0,0,.4)}70%{-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}to{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}.main-collapsible{display:block}.bgColor{height:0}.assign_task_button{background-color:grey;color:#fff;margin-top:-10px}.assign_task_button:hover{background-color:grey!important;color:#fff!important}.table>thead>tr>th{padding-left:20px}.button_view{background-color:#008fe2;width:120px;margin-right:15px}.bs-wizard>.bs-wizard-step.changeColor>.bs-wizard-dot{background-color:grey}.bs-wizard>.bs-wizard-step.changeColor>.bs-wizard-dot:after{opacity:0}p{text-align:justify}.notes_color{color:#1a237e!important}.btn:hover{background-color:rgba(0,0,0,.6);color:#000}.switch{display:inline}.switch label .lever:after,.switch label .lever:before{height:17px}.switch label .lever{height:12px}.header_bold{font-weight:700}.sudden_header{padding-left:20px!important;font-weight:600;font-size:15px!important}.no_paddings_td{padding-left:0!important}.service_details{margin-bottom:-20px}.btn-floating:focus,.btn-large:focus,.btn:focus{background:grey;color:#fff}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px}strong{color:#000;font-weight:700}.internal-notes{font-weight:700;font-size:1.3rem}.button_width_speedtest{background-color:#ff7743}.ping-stats{text-align:center}.button_width_logtest{margin-left:7px}.img-hourglass{width:40px;height:auto}.modal .modal-footer{background-color:#fff;border-top:0}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015}.btn-sm:visited{background:#ff7743}.btn-fix-dashboard{height:18px;font-size:12px}.btn-fix-credit,.btn-fix-dashboard{float:none;line-height:2px;padding:4px 12px;padding-bottom:6px;letter-spacing:.5px}.btn-fix-credit{height:10px!important;font-size:8px!important}.grid-wrapper{position:relative}.note-desc div{text-align:left}.edit_customer{padding:15px}.creditForm{margin-bottom:0}.labelName{width:70px}.creditClass{width:390px!important;text-transform:capitalize}.creditClass1{width:223%!important}.creditClass2{width:240%!important}.button_speedTest{background-color:#ff7743}.button_speedTest:hover{background-color:grey!important;color:#fff!important}.note-border{font-size:11px}.note-head{font-size:10px}.note-body{font-size:10.5px}.editBtn{background:#ff7743;color:#fff;padding:0 7px;height:25px;padding-bottom:7px;font-variant-caps:all-petite-caps;font-size:16px}.updateBtn{background:#357f22;color:#fff}.cancelBtn,.updateBtn{padding:0 7px;height:25px!important;padding-bottom:7px;font-variant-caps:all-petite-caps;font-size:14px}.cancelBtn{background:#ececec;color:#000}.note-desc{text-align:left!important}.k-dropdown-wrap>.k-input{color:#898383!important}span>.k-i-arrow-s{color:#7b7b7b!important}.k-grid-content{overflow-y:scroll!important}#myMonth{display:inherit!important;border-radius:0!important;max-width:150px!important;margin:0!important}.monthForm{margin-bottom:1.5rem;padding:15px;padding-left:10px}.myDate,.mydateheader{width:auto!important}.dateSbt{margin-top:5px;display:block;height:20px!important;float:right!important;padding:0 20px!important;line-height:25px!important;font-size:10px!important}.dateSbt:focus{background:#ff7743!important}.dateusage{margin-top:5px;display:block;height:20px!important;float:right!important;padding:0 20px!important;line-height:25px!important;font-size:10px!important}.dateusage,.dateusage:focus{background:#26a69a!important}.datadailybtn{height:27px!important;line-height:30px!important}.myTroubleshootbtn i{font-size:18px!important;line-height:30px!important;color:#ff7743!important}.button_width_logtest i{font-size:2rem!important}.speedtest{background:#e2e1e1;color:#e25858;font-weight:700}#agglomerations{position:relative;margin:0 auto}#agglomerations>a{cursor:pointer;position:absolute;display:block;width:12px;height:12px;background-color:grey;border-radius:30px;border:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.5);box-shadow:0 0 0 1px rgba(0,0,0,.5);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;z-index:10}#agglomerations>a:hover{-webkit-box-shadow:0 0 0 15px rgba(0,0,0,.5);box-shadow:0 0 0 15px rgba(0,0,0,.5)}.modemStatus{text-align:justify;font-weight:700;color:#00692d;background:#e9e9e9;padding:3px;margin-left:10px}.modem{padding:0 6px;font-size:11px;height:31px;margin-right:5px;float:left}.spantag{margin-left:20px;color:#d47a45;font-weight:700}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block).leftTitle{width:6.8em!important}.highlight{padding:4px;border:.8px solid #bfbdbd}i.small{font-size:2.6rem}.input-field>select{width:125px;pointer-events:auto;opacity:1;display:inline;position:inherit;height:auto}.k-datepicker{width:auto!important}.k-checkbox{-webkit-appearance:checkbox;clip:unset!important}.input-field label{font-size:1.1rem}.highLightitem{color:red}.k-tabstrip>.k-tabstrip-items .k-item .k-link{font-size:1rem}kendo-tabstrip p{margin:0;padding:8px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}.radio-inline{margin-left:-1em}.ticketSubject{font-style:inherit;font-size:1rem;width:40%!important}.ticketSublabel{font-size:larger;margin-right:2rem}.tickettopiclabel{font-size:larger;margin-right:4.9rem}.tickettopiclabelsub{font-size:larger;margin-right:3.9rem}.tickettopicentersub{font-size:larger;margin-right:4.2rem}.submitBtnTickt{margin-right:37.6rem}.selectSub{display:block;width:35rem!important;font-size:larger}.tickettopicredsub{font-size:larger;margin-right:2rem}.ticketdescevt{font-size:larger;margin-right:1.6rem}.ticketreassonsub{font-size:larger;margin-right:3.8rem}.textareainput,.textareaSub{width:35rem!important}.textareaSub{height:8rem!important;margin-left:-10px}.create_ticket_card{padding-bottom:2em}.tableheader{white-space:normal!important}',""]),t.exports=t.exports.toString()},"5Mie":function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="row padding_tables content">\r\n  <div class="col s6 offset-s2 card z-depth-4 tickets_padding" style="width: 65%; overflow: auto !important">\r\n    <form class="k-form-inline" #EditOrder="ngForm" (ngSubmit)="action(EditOrder.value);EditOrder.reset()">\r\n      <h5>Edit Order Details</h5>\r\n      <p *ngIf="warning" style="color: orange"><i class="material-icons">warning</i> Warning! Status needs to be updated\r\n        from OrderComplete to ProductTerminated</p>\r\n      <p *ngIf="Cancelwarning" style="color: orange"><i class="material-icons">warning</i> Warning! Status\r\n        needs to be updated from {{selectedValue}} to OrderCancelled</p>\r\n      <label class="k-form-field">\r\n        <span>Customer Id</span>\r\n        <input [(ngModel)]="CustomerId" disabled name="CustomerId" type="text" [(value)]="CustomerId" />\r\n      </label>\r\n      <label class="k-form-field">\r\n        <span>Status</span>\r\n        <kendo-dropdownlist (selectionChange)="onStatusChange(selectedValue,$event)" [data]="listItems" name="Status"\r\n          [ngModel]="selectedValue"></kendo-dropdownlist>\r\n      </label>\r\n      <label class="k-form-field" *ngIf="showCancelDesc">\r\n        <span>Cancellation Reason</span>\r\n        <kendo-dropdownlist style="width:calc(35em)" [data]="listReasons" name="CancelReason"\r\n          [(ngModel)]="CancelReason"></kendo-dropdownlist>\r\n      </label>\r\n      <label class="k-form-field" *ngIf="showCancelDesc">\r\n        <span>Cancellation Description</span>\r\n        <input [(ngModel)]="CancelDescription" name="CancelDescription" type="text" [(value)]="CancelDescription" />\r\n      </label>\r\n      <label class="k-form-field">\r\n        <span>Status Date</span>\r\n        <kendo-datepicker [format]="\'dd-MM-yyyy\'" [(ngModel)]="value" name="value" [(value)]="value"></kendo-datepicker>\r\n      </label>\r\n      <label class="k-form-field">\r\n        <span>Status Reason</span>\r\n        <input [(ngModel)]="reason" name="reason" type="text" [(value)]="reason" />\r\n      </label>\r\n      <label class="k-form-field">\r\n        <span>Appointment Start</span>\r\n        <kendo-datepicker [format]="\'dd-MM-yyyy\'" name="AppointmentStartDate" [(ngModel)]="AppointmentStartDate"\r\n          [(value)]="startvalue"></kendo-datepicker>\r\n        <select class="form-control" name="AppointmentStartTime" [(ngModel)]="AppointmentStartTime"\r\n          [(value)]="startTime">\r\n          <option *ngFor="let time of clock" [value]="time">{{time}}</option>\r\n        </select>\r\n        \x3c!-- <kendo-timepicker name="AppointmentStartTime" [(ngModel)]="AppointmentStartTime" [(value)]="startTime"></kendo-timepicker> --\x3e\r\n      </label>\r\n      <label class="k-form-field">\r\n        <span>Appointment End</span>\r\n        <kendo-datepicker name="AppointmentEndDate" [format]="\'dd-MM-yyyy\'" [(ngModel)]="AppointmentEndDate"\r\n          [(value)]="endvalue"></kendo-datepicker>\r\n        <select class="form-control" name="AppointmentEndTime" [(ngModel)]="AppointmentEndTime" [(value)]="endTime">\r\n          <option *ngFor="let time of clock" [value]="time">{{time}}</option>\r\n        </select>\r\n        \x3c!-- <kendo-timepicker name="AppointmentStartTime" [(ngModel)]="AppointmentStartTime" [(value)]="endTime"></kendo-timepicker> --\x3e\r\n      </label>\r\n      <label class="k-form-field">\r\n        <span>UNI-D Port Number</span>\r\n        <input [(ngModel)]="ntu" name="ntu" type="text" [(value)]="ntu" />\r\n      </label>\r\n      <label>\r\n        <span>Attendance Required</span>\r\n        <input type="checkbox" id="yes" [(ngModel)]="AttendanceRequired" name="AttendanceRequired"\r\n          checked="{{AttendanceRequired}}">\r\n      </label>\r\n      <div class="text-right">\r\n        <button type="button" class="k-button" (click)="close(\'cancel\')">Cancel</button>\r\n        <button type="submit" class="k-button k-primary">Submit</button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},"5kod":function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n\t<div class="card z-depth-4 tickets_padding">\r\n\t\t<div class="header">\r\n\t\t\t<h4 class="title">\r\n\t\t\t\tNew Orders\r\n\t\t\t</h4>\r\n\r\n\t\t</div>\r\n\t\t<kendo-grid [style.height.vh]="87" [data]="neworderlist" [rowClass]="rowCallback" [skip]="state.skip"\r\n\t\t\t[pageSize]="state.take" [sort]="state.sort" [filter]="state.filter" [resizable]="true" filterable="menu"\r\n\t\t\t[sortable]="true" class="newOrderGrid" (dataStateChange)="dataStateChange($event)" [scrollable]="true"\r\n\t\t\t[pageable]="true">\r\n\r\n\t\t\t<kendo-grid-column field="Customer.Id" title="Customer Id" width="100" [resizable]="false">\r\n\t\t\t\t<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n\t\t\t\t\t<a class="billing-customerid"\r\n\t\t\t\t\t\t[routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="OrderedDate" width="100" [resizable]="false" filter="date" format="{0:d}"\r\n\t\t\t\ttitle="Ordered Date" [filterable]="true">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="Customer.FirstName" title="First Name">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="Customer.LastName" title="Last Name">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="Customer.Phone" title="Phone">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="LocId" title="Location Id" [filterable]="true" width="150" [resizable]="false">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="AddressFormatted" title="Address" [filterable]="false"\r\n\t\t\t\t[style]="{\'white-space\': \'normal\'}">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="NewDevelopmentsChargeApplies" title="New Development Charges" [filterable]="true"\r\n\t\t\t\twidth="140" [resizable]="false">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="ServiceClassFilter" title="Service Type" [filterable]="false">\r\n\t\t\t\t<ng-template kendoGridCellTemplate let-dataItem>\r\n\t\t\t\t\t<div [innerHtml]="dataItem.ServiceClassFilter"></div>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="ServiceClass" title="Service Class" [filterable]="true" width="100"\r\n\t\t\t\t[resizable]="false">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<ng-template kendoGridDetailTemplate let-dataItem>\r\n\t\t\t\t<section *ngIf="dataItem">\r\n\t\t\t\t\t<h6 class="IndividualOrders">Products</h6>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<kendo-grid [style.height.vh]="30" [kendoGridBinding]="dataItem.Items" [sortable]="true"\r\n\t\t\t\t\t\t\t[scrollable]="true" [resizable]="true" [selectable]="true" class="test">\r\n\t\t\t\t\t\t\t<kendo-grid-column [hidden]="true" field="Id" title="Id" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="Reference" width="100" title="Reference" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="ProductType" width="100" title="Product Type" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="ProductId" width="100" title="Product Id" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="ProductExternalName" width="100" title="Name"\r\n\t\t\t\t\t\t\t\t[style]="{\'white-space\': \'normal\'}" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="FNN" title="FNN" width="100" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="LNP" title="LNP" width="100" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="Speed" title="Speed" width="100" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="Term" title="Term" width="100" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="Quantity" title="Quantity" width="100" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="EnableMobile" title="Enable Mobile" width="100"\r\n\t\t\t\t\t\t\t\t[filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="EnablePremium" title="Enable Premium" width="100"\r\n\t\t\t\t\t\t\t\t[filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="EnableVoiceMail" title="Enable Voicemail" width="100"\r\n\t\t\t\t\t\t\t\t[filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="PhoneProviderName" title="Current Provider Name" width="100"\r\n\t\t\t\t\t\t\t\t[filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column field="PhoneProviderAccountNumber" width="100"\r\n\t\t\t\t\t\t\t\ttitle="Current Provider Account Number" [filterable]="true">\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t\t<kendo-grid-column *ngIf="roleAuthorizationProvisioning" field="Action" title="Action"\r\n\t\t\t\t\t\t\t\t[width]="170" [filterable]="false">\r\n\t\t\t\t\t\t\t\t<ng-template kendoGridCellTemplate let-dataItem>\r\n\t\t\t\t\t\t\t\t\t<a class="btn-sm btn waves-effect waves-light btn-fix" id="order"\r\n\t\t\t\t\t\t\t\t\t\t(click)="placeOrder(dataItem.Id,\'dialog\', status=\'No\')"\r\n\t\t\t\t\t\t\t\t\t\ttarget="_blank">Order</a>\r\n\t\t\t\t\t\t\t\t\t<a class="btn-sm btn waves-effect waves-light btn-fix" (click)="issue(dataItem.Id)"\r\n\t\t\t\t\t\t\t\t\t\ttarget="_blank">Issue</a>\r\n\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t</kendo-grid-column>\r\n\t\t\t\t\t\t</kendo-grid>\r\n\r\n\t\t\t\t\t\t<kendo-dialog title="Please confirm" *ngIf="dialogOpened" (click)="action(\'No\')"\r\n\t\t\t\t\t\t\t[minWidth]="250" [width]="450">\r\n\t\t\t\t\t\t\t<p style="margin: 30px; text-align: center;">Are you sure you want to place the order?\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t<kendo-dialog-actions>\r\n\t\t\t\t\t\t\t\t<button kendoButton class="confirmDialog" (click)="action(\'No\')">No</button>\r\n\t\t\t\t\t\t\t\t<button kendoButton class="confirmDialog" (click)="action(\'Yes\')"\r\n\t\t\t\t\t\t\t\t\tprimary="true">Yes</button>\r\n\t\t\t\t\t\t\t</kendo-dialog-actions>\r\n\t\t\t\t\t\t</kendo-dialog>\r\n\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</section>\r\n\t\t\t</ng-template>\r\n\t\t</kendo-grid>\r\n\t\t<div *ngIf="loading" class="k-i-loading"></div>\r\n\t\t<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n\t\t\t<p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n\t\t\t<kendo-dialog-actions>\r\n\t\t\t\t<button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n\t\t\t</kendo-dialog-actions>\r\n\t\t</kendo-dialog>\r\n\t\t<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n\t\t\t<p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n\t\t\t<kendo-dialog-actions>\r\n\t\t\t\t<button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n\t\t\t</kendo-dialog-actions>\r\n\t\t</kendo-dialog>\r\n\t</div>\r\n</div>'},"5nag":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-filtercell-wrapper{white-space:normal}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.k-state-selected{padding:5px;background:#dcdbec}tr :hover{cursor:pointer}kendo-dropdownlist{display:none}.btn-sm{color:#fff!important}.btn-sm,.btn-sm:visited{background:#ff7743!important}.btn-fix-dashboard{float:none;height:18px!important;line-height:2px!important;padding:4px 12px!important;padding-bottom:6px!important;font-size:12px!important;letter-spacing:.5px!important}strong{color:#000;font-weight:700}.user-view{padding:12px 32px 0}.agent_name{float:left;padding-right:5px}.email{line-height:24px}.email,.side-nav .user-view .email{font-size:12px}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{padding:0 32px}.sidenav-footer{bottom:0;margin-bottom:0;padding:0}.sidenav-footer .row{margin-bottom:0}.sidenav-footer .row .social-icons a{opacity:.5;padding:0;text-align:center}.sidenav-footer .row .social-icons a:hover{background-color:inherit;opacity:1}.cyan{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important}a{cursor:pointer}.note-desc div{text-align:left}.side-nav.fixed{height:100%}ul>li:last-child{position:inherit;bottom:0}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{margin-left:15px}.internal-notes{font-weight:700;font-size:1.3rem}.note-border{font-size:11px}.note-head{font-size:10px}.note-body{font-size:10.5px}.note-desc{text-align:left!important}.k-grid-content{overflow-y:scroll!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743}.btn-fix{float:none;height:20px;line-height:4px;padding:7px 11px;padding-bottom:6px;font-size:10px;color:#fff!important}.btn-cust{background:#a3a3a3!important}a.billing-customerid:hover{color:red!important;background:#fff}a.billing-customerid{color:blue!important}.issueBtn{height:7px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},"6+XQ":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".margin_top{margin-top:25px}.margin_top h4{text-align:center;font-weight:500;letter-spacing:.5px}.create_ticket_card{padding-left:10px;padding-top:1px;padding-bottom:1px}.right-align{float:right}.title{font-size:13px!important;font-weight:700!important;color:rgba(0,0,0,.87)!important}.department{padding:20px}[type=radio]:not(:checked)+label{font-size:12px!important}.right{float:right}.closeForm{cursor:pointer;font-size:20px}.troubleshootheader{margin-bottom:0;background:-webkit-linear-gradient(top,#4387fd,#4683ea)!important;padding:5px;color:#fff}.agentQuestions{text-align:center;background:#ffa07a;color:#000;padding:10px;padding-right:0}ol{padding-left:30px!important}ol li{text-align:left}.troubleshootSubmit{float:right;background-color:#3f51b5!important;background:#3f51b5!important}.leftpadding{width:100px}.last{float:right}input[type=datetime-local]{position:relative;margin-left:50px}[type=radio]{position:relative}.margin_top_cards{width:auto;height:20px}.margin_top_cards:first-child{margin-top:0}.margin_top{width:auto}.troubleshootForm{width:100%}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block){text-align:left!important}[type=radio]{position:absolute!important}@media screen and (max-width:1200px){.margin_top_cards{width:100%;height:40px}.margin_top{width:100%}}.card{-webkit-box-shadow:0 2px 2px 0 rgba(255,254,254,.14),0 1px 5px 0 hsla(0,12%,93%,.12),0 3px 1px -2px hsla(0,21%,93%,.2);box-shadow:0 2px 2px 0 rgba(255,254,254,.14),0 1px 5px 0 hsla(0,12%,93%,.12),0 3px 1px -2px hsla(0,21%,93%,.2);background:#eee!important}label{color:rgba(0,0,0,.87)}.text-right{width:100%}.k-input.k-textbox,.k-textarea,.k-textbox{width:50em!important}.k-datepicker{width:30em!important}.k-form-field{padding-left:20px;padding-right:20px;margin-bottom:0!important}",""]),t.exports=t.exports.toString()},"6B0M":function(t,e){t.exports='<div id="menu">\r\n\r\n  <ul id="slide-out" class="side-nav z-depth-4 fixed show-on-large-only">\r\n    <div class="wrapper">\r\n      <li class="z-depth-3">\r\n\r\n        <div class="user-view">\r\n          <div class="background cyan">\r\n            <img src="assets/images/logo.png">\r\n          </div>\r\n\r\n          <span class="white-text email">\r\n            <i class="material-icons agent_name">access_time</i>{{ todayDate }}</span>\r\n          <span class="white-text email" *ngIf="isNameSet else Username">\r\n            <i class="material-icons agent_name">person</i>{{ FirstName }} {{ LastName }}</span>\r\n          <ng-template #Username>\r\n            <span class="white-text email">\r\n              <i class="material-icons agent_name">person</i>{{ username }}</span>\r\n          </ng-template>\r\n\r\n\r\n\r\n        </div>\r\n      </li>\r\n      <li *ngIf="roleAuthorizationCustomers" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n        <a routerLink="/customers">\r\n          <i class="material-icons">person</i>CUSTOMERS</a>\r\n      </li>\r\n      <li class="white">\r\n        <div class="divider"></div>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" *ngIf="roleAuthorizationAllTickets">\r\n            <a href="#homeTicekt" data-toggle="collapse" aria-expanded="false"\r\n              class="collapsible-header waves-effect waves-blue ">\r\n              <i class="material-icons">assignment</i>TICKETS\r\n              <i class="material-icons right" style="margin-right:0;">arrow_drop_down</i>\r\n            </a>\r\n            <ul class="collapse list-unstyled" id="homeTicekt">\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/myTickets">\r\n                  <i class="material-icons">account_box</i>My Tickets</a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/tickets">\r\n                  <i class="material-icons">speaker_notes</i>All Tickets</a>\r\n              </li>\r\n            </ul>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion">\r\n          <li routerLinkActive="active" *ngIf="roleAuthorizationCustomers" [routerLinkActiveOptions]="{exact: true}">\r\n            <a class="collapsible-header waves-effect waves-blue" routerLink="/notes">\r\n              <i class="material-icons">event_note</i>NOTES\r\n            </a>\r\n\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion" *ngIf="roleAuthorizationBilling">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a href="#homeBilling" data-toggle="collapse" aria-expanded="false"\r\n              class="collapsible-header waves-effect waves-blue">\r\n              <i class="material-icons">featured_play_list</i>BILLING\r\n              <i class="material-icons right" style="margin-right:0;">arrow_drop_down</i>\r\n            </a>\r\n            <ul class="collapse list-unstyled" id="homeBilling">\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" [routerLink]="[\'/billing\', \'Draft\']">\r\n                  <i class="material-icons">drafts</i>Draft Invoices</a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a [routerLink]="[\'/billing\', \'Suspended\']">\r\n                  <i class="material-icons">cancel</i>Suspended Invoices\r\n                  \x3c!-- <span class="new badge" style="margin-top: calc(-3em); margin-right: calc(-1.9em)">{{suspenedcounter}}</span> --\x3e\r\n                </a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" [routerLink]="[\'/billing\', \'Approved\']">\r\n                  <i class="material-icons">markunread</i>Approved Invoices</a>\r\n              </li>\r\n              \x3c!-- <li><a class="waves-effect waves-blue" routerLink="/notes"><i class="material-icons">speaker_notes</i>All notes</a></li> --\x3e\r\n            </ul>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion">\r\n          <li routerLinkActive="active" *ngIf="roleAuthorizationCustomers" [routerLinkActiveOptions]="{exact: true}">\r\n            <a class="collapsible-header waves-effect waves-blue" routerLink="/tasks">\r\n              <i class="material-icons">content_paste</i>DIARY TASKS\r\n              <span *ngIf="openTasks > 0" class="new badge">{{openTasks}}</span>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion" *ngIf="roleAuthorizationProvisioning">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a href="#homeProvisioning" data-toggle="collapse" aria-expanded="false"\r\n              class="collapsible-header waves-effect waves-blue">\r\n              <i class="material-icons">import_export</i>PROVISIONING\r\n              <i class="material-icons right" style="margin-right:0;">arrow_drop_down</i>\r\n            </a>\r\n            \x3c!-- <div class="collapsible-body"> --\x3e\r\n            <ul class="collapse list-unstyled" id="homeProvisioning">\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/newOrder">\r\n                  <i class="material-icons">fiber_new</i>New Order </a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/orderPlaced">\r\n                  <i class="material-icons">card_membership</i>Order Placed</a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/orderIssues">\r\n                  <i class="material-icons">broken_image</i>Order Issues</a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/ordersComplete">\r\n                  <i class="material-icons">all_inclusive</i>Orders Complete</a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/allorders">\r\n                  <i class="material-icons">description</i>All Orders</a>\r\n              </li>\r\n            </ul>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion">\r\n          <li routerLinkActive="active" *ngIf="roleAuthorizationCustomers" [routerLinkActiveOptions]="{exact: true}">\r\n            <a href="#homeReports" data-toggle="collapse" aria-expanded="false"\r\n              class="collapsible-header waves-effect waves-blue">\r\n              <i class="material-icons">library_books</i>REPORTS\r\n              <i class="material-icons right" style="margin-right:0;">arrow_drop_down</i>\r\n            </a>\r\n            <ul class="collapse list-unstyled" id="homeReports">\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/salesdashboard">\r\n                  <i class="material-icons">kitchen</i>Dashboard</a>\r\n              </li>\r\n              <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n                <a class="waves-effect waves-blue" routerLink="/reporting">\r\n                  <i class="material-icons">art_track</i>All Reports</a>\r\n              </li>\r\n            </ul>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion" *ngIf="roleAuthorizationProvisioning">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a class="collapsible-header waves-effect waves-blue" routerLink="/manageFault">\r\n              <i class="material-icons">report</i>FAULT MANAGEMENT\r\n              <span *ngIf="counter > 0" class="new badge">{{counter}}</span>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion" *ngIf="roleAuthorizationComplaints">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a class="collapsible-header waves-effect waves-blue" routerLink="/complaints">\r\n              <i class="material-icons">priority_high</i>COMPLAINTS\r\n            </a>\r\n\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion" *ngIf="roleAuthorizationCustomers">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a class="collapsible-header waves-effect waves-blue" routerLink="/comms">\r\n              <i class="material-icons">\r\n                contact_mail\r\n              </i>COMMUNICATIONS\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion" *ngIf="roleAuthorizationAdmin">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a class="collapsible-header waves-effect waves-blue" routerLink="/file-upload">\r\n              <i class="material-icons">cloud_upload</i>UPLOAD\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <div class="divider"></div>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a lass="waves-effect waves-blue" routerLink="/changePassword">\r\n              <i class="material-icons">fingerprint</i>CHANGE PASSWORD</a>\r\n\r\n          </li>\r\n        </ul>\r\n      </li>\r\n      <li class="white">\r\n        <ul class="collapsible collapsible-accordion">\r\n          <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">\r\n            <a lass="waves-effect waves-blue" (click)=logout()>\r\n              <i class="material-icons">blur_off</i>LOGOUT</a>\r\n\r\n          </li>\r\n        </ul>\r\n      </li>\r\n    </div>\r\n  </ul>\r\n</div>'},"7M7V":function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="row extra_padding" style="padding-top: calc(5em)">\r\n  <div class="col s6 offset-s3">\r\n    <div class="card" style="box-shadow: 0 2px 3px 0 #333">\r\n      <div class="card-content" style="background: white; color: #000">\r\n        <div class="card-title">\r\n          <h4>File Upload</h4>\r\n        </div>\r\n        <form method="post" enctype="multipart/form-data" style="height: 8rem">\r\n          <label for="file">Netcomm File</label>\r\n          <input type="file" id="file" (change)="handleFileInput($event.target.files)" name="file">\r\n          <div *ngIf="loading">Uploading...</div>\r\n          <p class="successFile">{{success}}</p>\r\n          <p class="errFile">{{errMsg}}</p>\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>'},"8Sw2":function(t,e,r){var n={"./af":"FQor","./af.js":"FQor","./ar":"EcI0","./ar-dz":"cw72","./ar-dz.js":"cw72","./ar-kw":"fu+8","./ar-kw.js":"fu+8","./ar-ly":"7CVz","./ar-ly.js":"7CVz","./ar-ma":"1dFW","./ar-ma.js":"1dFW","./ar-sa":"UxV2","./ar-sa.js":"UxV2","./ar-tn":"nm31","./ar-tn.js":"nm31","./ar.js":"EcI0","./az":"EbpX","./az.js":"EbpX","./be":"SQlX","./be.js":"SQlX","./bg":"R3V+","./bg.js":"R3V+","./bm":"mH+W","./bm.js":"mH+W","./bn":"cAX3","./bn.js":"cAX3","./bo":"dHgA","./bo.js":"dHgA","./br":"W7ww","./br.js":"W7ww","./bs":"lZ6K","./bs.js":"lZ6K","./ca":"udbC","./ca.js":"udbC","./cs":"oSQb","./cs.js":"oSQb","./cv":"yPEm","./cv.js":"yPEm","./cy":"PpYB","./cy.js":"PpYB","./da":"oiZG","./da.js":"oiZG","./de":"LYe6","./de-at":"KOG5","./de-at.js":"KOG5","./de-ch":"o3JY","./de-ch.js":"o3JY","./de.js":"LYe6","./dv":"OkYT","./dv.js":"OkYT","./el":"QFnp","./el.js":"QFnp","./en-SG":"ls73","./en-SG.js":"ls73","./en-au":"dBGl","./en-au.js":"dBGl","./en-ca":"vv0C","./en-ca.js":"vv0C","./en-gb":"IoCy","./en-gb.js":"IoCy","./en-ie":"qVAg","./en-ie.js":"qVAg","./en-il":"plqA","./en-il.js":"plqA","./en-nz":"FbT0","./en-nz.js":"FbT0","./eo":"y/6j","./eo.js":"y/6j","./es":"ivpd","./es-do":"DBbP","./es-do.js":"DBbP","./es-us":"RJPF","./es-us.js":"RJPF","./es.js":"ivpd","./et":"FrUj","./et.js":"FrUj","./eu":"LAVD","./eu.js":"LAVD","./fa":"J2cK","./fa.js":"J2cK","./fi":"5FCP","./fi.js":"5FCP","./fo":"jIZb","./fo.js":"jIZb","./fr":"Lq8I","./fr-ca":"ICRA","./fr-ca.js":"ICRA","./fr-ch":"QWmo","./fr-ch.js":"QWmo","./fr.js":"Lq8I","./fy":"Fbnp","./fy.js":"Fbnp","./ga":"DD01","./ga.js":"DD01","./gd":"zhFu","./gd.js":"zhFu","./gl":"o10m","./gl.js":"o10m","./gom-latn":"UoXv","./gom-latn.js":"UoXv","./gu":"yUwm","./gu.js":"yUwm","./he":"gbvS","./he.js":"gbvS","./hi":"+UQz","./hi.js":"+UQz","./hr":"qGYH","./hr.js":"qGYH","./hu":"hGGh","./hu.js":"hGGh","./hy-am":"1AR5","./hy-am.js":"1AR5","./id":"Ie9h","./id.js":"Ie9h","./is":"piS+","./is.js":"piS+","./it":"5P9/","./it-ch":"FTOQ","./it-ch.js":"FTOQ","./it.js":"5P9/","./ja":"3cRe","./ja.js":"3cRe","./jv":"vwCJ","./jv.js":"vwCJ","./ka":"R7aq","./ka.js":"R7aq","./kk":"d8hV","./kk.js":"d8hV","./km":"nCdc","./km.js":"nCdc","./kn":"5K8n","./kn.js":"5K8n","./ko":"1jN3","./ko.js":"1jN3","./ku":"DaiO","./ku.js":"DaiO","./ky":"74/W","./ky.js":"74/W","./lb":"XAyT","./lb.js":"XAyT","./lo":"w/Mz","./lo.js":"w/Mz","./lt":"IetG","./lt.js":"IetG","./lv":"CRPd","./lv.js":"CRPd","./me":"1mee","./me.js":"1mee","./mi":"yRr3","./mi.js":"yRr3","./mk":"bfn1","./mk.js":"bfn1","./ml":"r1ky","./ml.js":"r1ky","./mn":"CmNS","./mn.js":"CmNS","./mr":"+K6p","./mr.js":"+K6p","./ms":"asMk","./ms-my":"IcWU","./ms-my.js":"IcWU","./ms.js":"asMk","./mt":"yJmD","./mt.js":"yJmD","./my":"Isng","./my.js":"Isng","./nb":"FjNp","./nb.js":"FjNp","./ne":"P9zQ","./ne.js":"P9zQ","./nl":"pejQ","./nl-be":"c3/i","./nl-be.js":"c3/i","./nl.js":"pejQ","./nn":"ALD8","./nn.js":"ALD8","./pa-in":"1YTd","./pa-in.js":"1YTd","./pl":"Gs99","./pl.js":"Gs99","./pt":"eunO","./pt-br":"uHKL","./pt-br.js":"uHKL","./pt.js":"eunO","./ro":"1FZw","./ro.js":"1FZw","./ru":"Cy48","./ru.js":"Cy48","./sd":"+28k","./sd.js":"+28k","./se":"EiHj","./se.js":"EiHj","./si":"77bI","./si.js":"77bI","./sk":"BgyH","./sk.js":"BgyH","./sl":"K7sG","./sl.js":"K7sG","./sq":"pwQJ","./sq.js":"pwQJ","./sr":"N0T2","./sr-cyrl":"9OoP","./sr-cyrl.js":"9OoP","./sr.js":"N0T2","./ss":"Mh9L","./ss.js":"Mh9L","./sv":"YZAt","./sv.js":"YZAt","./sw":"/7jV","./sw.js":"/7jV","./ta":"VKBt","./ta.js":"VKBt","./te":"TIcV","./te.js":"TIcV","./tet":"BlC1","./tet.js":"BlC1","./tg":"Ws1e","./tg.js":"Ws1e","./th":"Zi3L","./th.js":"Zi3L","./tl-ph":"D4Y9","./tl-ph.js":"D4Y9","./tlh":"muBP","./tlh.js":"muBP","./tr":"82s3","./tr.js":"82s3","./tzl":"vjXv","./tzl.js":"vjXv","./tzm":"Vhfe","./tzm-latn":"m0Pg","./tzm-latn.js":"m0Pg","./tzm.js":"Vhfe","./ug-cn":"ywOB","./ug-cn.js":"ywOB","./uk":"Y3Ex","./uk.js":"Y3Ex","./ur":"4DIg","./ur.js":"4DIg","./uz":"wDue","./uz-latn":"Li28","./uz-latn.js":"Li28","./uz.js":"wDue","./vi":"UbP6","./vi.js":"UbP6","./x-pseudo":"fQLM","./x-pseudo.js":"fQLM","./yo":"evMD","./yo.js":"evMD","./zh-cn":"DV5H","./zh-cn.js":"DV5H","./zh-hk":"iEKH","./zh-hk.js":"iEKH","./zh-tw":"X9uL","./zh-tw.js":"X9uL"};function o(t){return r(a(t))}function a(t){var e=n[t];if(!(e+1))throw new Error("Cannot find module '"+t+"'.");return e}o.keys=function(){return Object.keys(n)},o.resolve=a,t.exports=o,o.id="8Sw2"},"8Uvv":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-grid tr:hover{cursor:pointer}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.k-state-selected{padding:5px;background:#dcdbec}kendo-dropdownlist{display:none}.k-textbox{border:1px solid #9e9e9e!important}strong{color:#000;font-weight:700}.internal-notes{font-weight:700;font-size:1.3rem}.k-grid-content{overflow-y:scroll!important}",""]),t.exports=t.exports.toString()},"99K5":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},"99ko":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"td,th{padding:0;border:1px solid #ddd}.progress{display:inline-table;background-color:#e9e9e9}.row .col.m3{width:20%;margin-left:50px;margin-right:auto;margin-top:20px;padding:0 25px}.row .col.m4{width:33.3333333333%;left:auto;right:auto;margin-top:40px}.row{margin:0}.row .col.s1{width:17%;margin-left:2%}.bold{font-weight:700}.progress-bar{color:#211b1b}.colourbg{background:#ffd54f;color:#f6fff9}.table-striped>tbody>tr:nth-of-type(odd){background-color:#ffe0b2}.table-striped>tbody>tr:nth-of-type(2n){background-color:#f9f5ee}.cancel{color:red}.active,.cancel{font-size:12px;margin-left:1px}.active{color:green}p{font-size:12px;margin:0}.boldfirst{margin-bottom:10px;font-size:13px;text-align:center;margin-top:17px}.greenarr{color:green}.redarr{color:red}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:7px 20px}.material-icons{font-size:17px}.tabs{overflow-x:hidden}.k-chart{height:360px}h4,p{text-align:center}h4{padding-top:5px}.cardContent{text-align:center;font-size:2.3rem}.colourbg{background:#90a4ae;color:#fff}.table-striped>tbody>tr:nth-of-type(odd){background:#ece9f5}.excel{cursor:pointer}.k-chart{height:30em}.table>tbody>tr>td{padding:3px}.boldfirst{font-weight:700}.k-header,tr .myClass{background:#ef9a9a!important}.custom{width:19%}",""]),t.exports=t.exports.toString()},"9J4D":function(t,e){t.exports='<app-navigation></app-navigation>\r\n<ul class="nav nav-tabs tabs tabs-fixed-width tab-demo z-depth-1">\r\n  <li class="tab"><a routerLink="/salesdashboard">SALES</a></li>\r\n  <li class="tab"><a routerLink="/operations-dashboard">OPERATIONS</a></li>\r\n  <li class="tab"><a routerLink="/ticketdashboard">TICKETS</a></li>\r\n  <li class="tab"><a class="active" routerLink="/provisioningdashboard">PROVISIONING</a></li>\r\n  <li class="tab"><a routerLink="/financedashboard">FINANCE</a></li>\r\n</ul>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n\r\n<div class="padding_tables content" style="padding: 0px !important" *ngIf="!showSpinnerImage">\r\n\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow-y: hidden !important">\r\n    <div class="header">\r\n      <h3 class="title" style="text-align: left !important">\r\n        SERVICE ASSURANCE\r\n      </h3>\r\n    </div>\r\n    <div class="row first_row">\r\n      <div class="col s12 no_margins">\r\n        <div class="col s2 no_margins">\r\n          <div class="card  z-depth-4" style="    background: #4CAF50;\r\n                color: white;">\r\n            <h4 class="title">\r\n              ORDER COMPLETE\r\n            </h4>\r\n            <i class="small material-icons">thumb_up</i>\r\n\r\n            <div class="content cardContent">\r\n              {{total}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="col s2 no_margins" style="width: 14%">\r\n          <div class="card  z-depth-4" style="    background: #3F51B5;\r\n                  color: white;">\r\n            <h4 class="title">\r\n              CURRENT ORDER RECEIVED\r\n\r\n            </h4>\r\n            <i class="small material-icons">thumb_up</i>\r\n\r\n\r\n            <div class="content cardContent">\r\n              {{receive}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        \x3c!-- <div class="col s2 no_margins">\r\n            <div class="card  z-depth-4" style="background: #2196F3;\r\n            color: white;">\r\n              <div class="topPadding">\r\n                <h4 class="title">\r\n                  ACTIVE\r\n                </h4>\r\n                <i class="small material-icons">sentiment_very_satisfied</i>\r\n\r\n              </div>\r\n              <div class="content cardContent">\r\n                NA\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class="col s2 no_margins">\r\n            <div class="card  z-depth-4" style="background: #FFC107;\r\n            color: white;">\r\n              <div class="topPadding">\r\n                <h4 class="title">\r\n                  INACTIVE\r\n                </h4>\r\n                <i class="small material-icons">sentiment_very_dissatisfied</i>\r\n\r\n              </div>\r\n              <div class="content cardContent">\r\n                NA\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s2 no_margins">\r\n            <div class="card  z-depth-4" style="background: #F44336;\r\n            color: white;">\r\n              <div class="topPadding">\r\n                <h4 class="title">\r\n                  SERVICE DOWN\r\n                </h4>\r\n                <i class="small material-icons">thumb_down</i>\r\n\r\n              </div>\r\n              <div class="content cardContent">\r\n                NA\r\n              </div>\r\n            </div>\r\n          </div> --\x3e\r\n        \x3c!-- <div class="col s2 no_margins" style="float: right; width: 14%">\r\n            <div class="card  z-depth-4" style="background: #3F51B5;\r\n            color: white;">\r\n              <div class="topPadding">\r\n                <h4 class="title">\r\n                  CURRENT ORDER RECEIVED\r\n\r\n                </h4>\r\n                <i class="small material-icons">notifications</i>\r\n              </div>\r\n              <div class="content cardContent">\r\n                {{receive}}\r\n              </div>\r\n            </div>\r\n          </div> --\x3e\r\n      </div>\r\n\r\n\r\n      <div class="col s12 no_margins" style="margin-top: 45px">\r\n        <div class="col s4 no_margins">\r\n          <div class="card  z-depth-4">\r\n\r\n            <p class="boldfirst">Order Complete\r\n\r\n            </p>\r\n            <kendo-chart\r\n              [seriesColors]="[\'rgb(255, 210, 70)\', \'rgb(255, 99, 88)\' , \'rgb(120, 210, 55)\', \'rgb(45, 115, 245)\', \'rgb(40, 180, 200)\']"\r\n              style="height: 343px;">\r\n              <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n              <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n              </kendo-chart-axis-defaults>\r\n              <kendo-chart-series>\r\n                <kendo-chart-series-item type="donut" [data]="completeservice" field="value" categoryField="category">\r\n                  <kendo-chart-series-item-labels [content]="labelContent" color="#000" background="none">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n              </kendo-chart-series>\r\n            </kendo-chart>\r\n\r\n          </div>\r\n        </div>\r\n        <div class="col s4 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title" style="background: #f9c972">\r\n              Orders Unable to Complete\r\n            </h4>\r\n\r\n            <kendo-grid [data]="orderunablecomplete" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="340" [resizable]="true">\r\n              <kendo-grid-column field="CustomerId" title="Customer Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid"\r\n                    [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              \x3c!-- <kendo-grid-column field="Id" title="Customer Id" class="header_bold"></kendo-grid-column> --\x3e\r\n              <kendo-grid-column field="OrderedDate" title=" Ordered Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="StatusReason" title="Status Reason" class="header_bold wordbreak">\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n\r\n\r\n          </div>\r\n        </div>\r\n        <div class="col s4 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title" style="background: #f17272">\r\n              Orders Missing Info\r\n            </h4>\r\n\r\n            <kendo-grid [data]="missingInfo" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="340" [resizable]="true">\r\n              <kendo-grid-column field="CustomerId" title="Customer Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid"\r\n                    [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              \x3c!-- <kendo-grid-column field="Id" title="Customer Id" class="header_bold"></kendo-grid-column> --\x3e\r\n              <kendo-grid-column field="OrderedDate" title=" Ordered Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="Diff" title="No. of Days" class="header_bold"></kendo-grid-column>\r\n            </kendo-grid>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s12 no_margins" style="margin-top: 30px">\r\n\r\n        <div class="col s3 no_margins">\r\n          <div class="card  z-depth-4">\r\n\r\n            <p class="boldfirst">Order In Progress > 10days\r\n            </p>\r\n            <kendo-chart [seriesColors]="[\'rgb(255, 210, 70)\', \'rgb(40, 180, 200)\']" *ngIf="progress.length>0">\r\n              <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n              <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n              </kendo-chart-axis-defaults>\r\n              <kendo-chart-series>\r\n                <kendo-chart-series-item type="donut" [data]="progress" field="value" categoryField="category"\r\n                  holeSize="0">\r\n                  <kendo-chart-series-item-labels [content]="labelContent" color="#000" background="none">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n              </kendo-chart-series>\r\n            </kendo-chart>\r\n          </div>\r\n\r\n\r\n        </div>\r\n\r\n        <div class="col s3 no_margins">\r\n          <div class="card  z-depth-4">\r\n\r\n            <p class="boldfirst">Order In Progress > 10days\r\n            </p>\r\n            <kendo-chart\r\n              [seriesColors]="[\'rgb(255, 210, 70)\', \'rgb(255, 99, 88)\' , \'rgb(120, 210, 55)\', \'rgb(45, 115, 245)\']"\r\n              *ngIf="fiveprogressother.length>0">\r\n              <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n              <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n              </kendo-chart-axis-defaults>\r\n              <kendo-chart-series>\r\n                <kendo-chart-series-item type="donut" [data]="fiveprogressother" field="value" categoryField="category"\r\n                  holeSize="0">\r\n                  <kendo-chart-series-item-labels [content]="labelContent" color="#000" background="none">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n              </kendo-chart-series>\r\n            </kendo-chart>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <div class="col s3 no_margins">\r\n          <div class="card  z-depth-4">\r\n\r\n            <p class="boldfirst">Order In Progress > 5days\r\n\r\n            </p>\r\n\r\n            <kendo-chart [seriesColors]="[\'rgb(255, 210, 70)\', \'rgb(40, 180, 200)\']" *ngIf="fiveprogress.length>0">\r\n              <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n              <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n              </kendo-chart-axis-defaults>\r\n              <kendo-chart-series>\r\n                <kendo-chart-series-item type="donut" [data]="fiveprogress" field="value" categoryField="category"\r\n                  holeSize="0">\r\n                  <kendo-chart-series-item-labels [content]="labelContent" color="#000" background="none">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n              </kendo-chart-series>\r\n            </kendo-chart>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <div class="col s3 no_margins">\r\n          <div class="card  z-depth-4">\r\n\r\n            <p class="boldfirst">Order In Progress > 5days\r\n\r\n            </p>\r\n\r\n            <kendo-chart\r\n              [seriesColors]="[\'rgb(255, 210, 70)\', \'rgb(255, 99, 88)\' , \'rgb(120, 210, 55)\', \'rgb(45, 115, 245)\']"\r\n              *ngIf="progressotherfive.length>0">\r\n              <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n              <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n              </kendo-chart-axis-defaults>\r\n              <kendo-chart-series>\r\n                <kendo-chart-series-item type="donut" [data]="progressotherfive" field="value" categoryField="category"\r\n                  holeSize="0">\r\n                  <kendo-chart-series-item-labels [content]="labelContent" color="#000" background="none">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n              </kendo-chart-series>\r\n            </kendo-chart>\r\n\r\n          </div>\r\n\r\n\r\n        </div>\r\n      </div>\r\n      <div class="col s12 no_margins">\r\n        \x3c!-- <div class="col s6 no_margins">\r\n            <div class="card  z-depth-4">\r\n            <h4 class="title">\r\n                  Top 10 Data Users\r\n                </h4>\r\n             <table class="table table-striped table-bordered table-bordered">\r\n                  <thead class="colourbg">\r\n                    <tr>\r\n                      <th>Customer Id</th>\r\n                      <th>Total Usage</th>\r\n                      <th>Total Upload</th>\r\n                      <th>Total Download</th>\r\n\r\n                    </tr>\r\n                  </thead>\r\n                <tbody>\r\n                      <tr>\r\n                        <td>Grex Tech Support Level 3</td>\r\n                        <td>{{totalcount}}</td>\r\n                        <td>{{techopen}}</td>\r\n                        <td>{{techclose}}</td>\r\n  \r\n                      </tr>\r\n                      <tr>\r\n                        <td>Grex Provisioning</td>\r\n                        <td>{{totalprov}}</td>\r\n                        <td>{{provopen}}</td>\r\n                        <td>{{provclose}}</td>\r\n  \r\n                      </tr>\r\n                      <tr>\r\n                        <td>General Service Management</td>\r\n                        <td>{{totalgen}}</td>\r\n                        <td>{{genopen}}</td>\r\n                        <td>{{genclose}}</td>\r\n  \r\n                      </tr>\r\n  \r\n                    </tbody> \r\n                </table>\r\n             \r\n            </div>\r\n          </div> --\x3e\r\n\r\n        \x3c!-- <div class="col s6 no_margins">\r\n            <div class="card  z-depth-4">\r\n             <h4 class="title">\r\n                  Top 10 Voice Users\r\n                </h4>\r\n            \r\n                <table class="table table-striped table-bordered">\r\n                  <thead class="colourbg">\r\n                    <tr>\r\n                      <th>Customer Id</th>\r\n                      <th>Local/National Minutes</th>\r\n                      <th>Mobile Minutes</th>\r\n                      <th>International Minutes</th>\r\n                    </tr>\r\n                  </thead>\r\n                 <tbody>\r\n                      <tr>\r\n                        <td>87</td>\r\n                        <td>2</td>\r\n                        <td>0</td>\r\n                        <td>1</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td>34</td>\r\n                        <td>2</td>\r\n                        <td>0</td>\r\n                        <td>1</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td>44</td>\r\n                        <td>2</td>\r\n                        <td>0</td>\r\n                        <td>1</td>\r\n                      </tr>\r\n  \r\n                    </tbody> \r\n                </table>\r\n\r\n             \r\n            </div>\r\n          </div> --\x3e\r\n      </div>\r\n    </div>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n\r\n  </div>\r\n</div>'},"9PUj":function(t,e){t.exports='<app-navigation></app-navigation>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n<div class="content" *ngIf="!showSpinnerImage">\r\n    <form ngNativeValidate *ngIf="faultType == \'1\'" #Fault="ngForm" (ngSubmit)="showSpinnerImage=true;fault(Fault.value);Fault.reset();"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - FTTN Circuit Down</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description\r\n\r\n                        </span>\r\n                        <input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n                        />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            MODEM - ETHERNET light status?\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="4" value="Green Flashing" />\r\n                        <label class="k-radio-label" for="4">Green Flashing</label>\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware connected to Modem?</span>\r\n\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" class="k-textbox" required name="HardwareConnectedtoModem" type="text" id="1n"\r\n                            value="" />\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n\r\n    <form ngNativeValidate *ngIf="faultType == \'2\'" class="faultForm k-form-inline" #FaultDropouts="ngForm" (ngSubmit)="fault(FaultDropouts.value);FaultDropouts.reset();showSpinnerImage=true;">\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - FTTN Dropouts</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            CPE - Connected and turned on?\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="CPE" required name="CPE" type="radio" id="Yes" value="true" />\r\n                        <label class="k-radio-label" for="Yes">Yes</label>\r\n                        <input [(ngModel)]="CPE" required name="CPE" type="radio" id="No" value="false" />\r\n                        <label class="k-radio-label" for="No">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            MODEM - ETHERNET light status?</span>\r\n\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="4" value="Green Flashing" />\r\n                        <label class="k-radio-label" for="4">Green Flashing</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware connected to Modem?</span>\r\n\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" required name="HardwareConnectedtoModem" type="text" class="k-textbox" id="1"\r\n                            value="1" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Additional details (if any)</span>\r\n\r\n                        <textarea class="k-textarea" [(ngModel)]="AdditionalDetails" required name="AdditionalDetails">\r\n</textarea>\r\n\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n\r\n    <form ngNativeValidate *ngIf="faultType == \'3\'" class="faultForm k-form-inline" #FaultSlowSpeed="ngForm" (ngSubmit)="fault(FaultSlowSpeed.value);FaultSlowSpeed.reset();showSpinnerImage=true;">\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - FTTN Slow Speed</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Has the service worked before on the network?</span>\r\n\r\n                        <input [(ngModel)]="ServiceWorkedOnNetworkBefore" required name="ServiceWorkedOnNetworkBefore" type="radio" id="Yes" value="true"\r\n                        />\r\n                        <label class="k-radio-label" for="Yes">Yes</label>\r\n                        <input [(ngModel)]="ServiceWorkedOnNetworkBefore" required name="ServiceWorkedOnNetworkBefore" type="radio" id="No" value="false"\r\n                        />\r\n                        <label class="k-radio-label" for="No">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" \r\n                            value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            MODEM - ETHERNET light status?\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="4" value="Green Flashing" />\r\n                        <label class="k-radio-label" for="4">Green Flashing</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware connected to Modem?</span>\r\n\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" required name="HardwareConnectedtoModem" type="text" class="k-textbox" id="1"\r\n                            value="1" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Number of Sockets (Alternate connections in home)?\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="1socket" value="1" />\r\n                        <label class="k-radio-label" for="1socket">1</label>\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="2socket" value="2" />\r\n                        <label class="k-radio-label" for="2socket">2</label>\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="3socket" value="3" />\r\n                        <label class="k-radio-label" for="3socket">3</label>\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="4socket" value="4" />\r\n                        <label class="k-radio-label" for="4socket">4</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Has the Modem been tested on all other sockets?\r\n                        </span>\r\n                        <input [(ngModel)]="ModemTested" required name="ModemTested" type="radio" id="TestSocketsYes11" value="true" />\r\n                        <label class="k-radio-label" for="TestSocketsYes11">Yes</label>\r\n                        <input [(ngModel)]="ModemTested" required name="ModemTested" type="radio" id="TestSocketsNo11" value="false" />\r\n                        <label class="k-radio-label" for="TestSocketsNo11">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title"> Speed Test Performed? (Please ensure that the Computer is directly connected to the NTD)\r\n                        </span>\r\n                        <input [(ngModel)]="SpeedTest" required name="SpeedTest" type="text" class="k-textbox" id="TestSocketsYes" value="Yes" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Download speed in Kbps (Please provide at least 3)\r\n                        </span>\r\n                        <input [(ngModel)]="DownloadSpeedKbps" required name="DownloadSpeedKbps" type="text" class="k-textbox" id="TestSocketsYes"\r\n                            value="Yes" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Upload speed in Kbps (Please provide at least 3)\r\n                        </span>\r\n                        <input [(ngModel)]="UploadSpeedKbps" required name="UploadSpeedKbps" type="text" class="k-textbox" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            TRACEROUTE PERFORMED - ALL Fault Types\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="TraceRoute" required name="TraceRoute" type="text" class="k-textbox" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Additional details (if any)\r\n\r\n                        </span>\r\n                        <textarea class="k-textarea" [(ngModel)]="AdditionalDetails" required name="AdditionalDetails">\r\n</textarea>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n\r\n    <form ngNativeValidate *ngIf="faultType == \'4\'" class="faultForm k-form-inline" #FaultFTTPCircuitDown="ngForm" (ngSubmit)="fault(FaultFTTPCircuitDown.value);FaultFTTPCircuitDown.reset();showSpinnerImage=true;">\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - FTTP Circuit Down</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox"\r\n                            value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - Serial / ALCL number?\r\n                        </span>\r\n                        <input [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" type="text" class="k-textbox" id="1" value="1"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - Please provide NTD MAC Address?</span>\r\n\r\n                        <input [(ngModel)]="NTDMACAddress" required name="NTDMACAddress" type="text" class="k-textbox" id="1" value="1" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            CPE/NDT - Connected and turned on?</span>\r\n\r\n                        <input [(ngModel)]="CPENDTConnected" required name="CPENDTConnected" type="radio" id="fttpcpeon" value="true" />\r\n                        <label class="k-radio-label" for="fttpcpeon">Yes</label>\r\n                        <input [(ngModel)]="CPENDTConnected" required name="CPENDTConnected" type="radio" id="fttpcpeoff" value="false" />\r\n                        <label class="k-radio-label" for="fttpcpeoff">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - ALARM light status/indication?</span>\r\n\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="fttpntdalarmoff" value="Off" />\r\n                        <label class="k-radio-label" for="fttpntdalarmoff">Off</label>\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="fttpntdalarmred" value="Red" />\r\n                        <label class="k-radio-label" for="fttpntdalarmred">Red Solid</label>\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="fttpntdalarmgrn" value="Green" />\r\n                        <label class="k-radio-label" for="fttpntdalarmgrn">Green Solid</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            UNI-D PORT - What is being used?</span>\r\n\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="fttpunid1" value="UNID1" />\r\n                        <label class="k-radio-label" for="fttpunid1">UNID1</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="fttpunid2" value="UNID2" />\r\n                        <label class="k-radio-label" for="fttpunid2">UNID2</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="fttpunid3" value="UNID3" />\r\n                        <label class="k-radio-label" for="fttpunid3">UNID3</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="fttpunid4" value="UNID4" />\r\n                        <label class="k-radio-label" for="fttpunid4">UNID4</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            UNI-D - LIGHT status/indication</span>\r\n\r\n                        <input [(ngModel)]="UNIDLightStatus" required name="UNIDLightStatus" type="radio" id="1fttpunid1" value="Off" />\r\n                        <label class="k-radio-label" for="1fttpunid1">Off</label>\r\n                        <input [(ngModel)]="UNIDLightStatus" required name="UNIDLightStatus" type="radio" id="2fttpunid1" value="Red" />\r\n                        <label class="k-radio-label" for="2fttpunid1">Red Solid</label>\r\n                        <input [(ngModel)]="UNIDLightStatus" required name="UNIDLightStatus" type="radio" id="3fttpunid1" value="Green" />\r\n                        <label class="k-radio-label" for="3fttpunid1">Green Solid</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'5\'" class="faultForm k-form-inline" #FaultSlowSpeed="ngForm" (ngSubmit)="fault(FaultSlowSpeed.value);FaultSlowSpeed.reset();showSpinnerImage=true;">\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - FTTP Slow Speed</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n\r\n                    </label>\r\n                     <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description\r\n\r\n                        </span>\r\n                        <input type="text" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n                        />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - Serial / ALCL number</span>\r\n\r\n                        <input [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" class="k-textbox" type="text" id="TestSocketsYes"\r\n                            value="Yes" />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            NTD - ALARM light status/indication</span>\r\n\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDAlaramStatus === \'Red Solid\'">\r\n\r\n                        <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                            Issue detected. Reset Modem. If does not work raise fault.\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            UNI-D PORT - What is being used?</span>\r\n\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="uni1" value="UNID1" />\r\n                        <label class="k-radio-label" for="uni1">UNID1</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="uni2" value="UNID2" />\r\n                        <label class="k-radio-label" for="uni2">UNID2</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="uni43" value="UNID3" />\r\n                        <label class="k-radio-label" for="uni43">UNID3</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="uni3" value="UNID4" />\r\n                        <label class="k-radio-label" for="uni3">UNID4</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            UNI-D - LIGHT status/indication</span>\r\n\r\n                        <input [(ngModel)]="UNIDLightStatus" required name="UNIDLightStatus" type="radio" id="unio1" value="Off" />\r\n                        <label class="k-radio-label" for="unio1">Off</label>\r\n                        <input [(ngModel)]="UNIDLightStatus" required name="UNIDLightStatus" type="radio" id="unio2" value="Orange Solid" />\r\n                        <label class="k-radio-label" for="unio2">Orange Solid</label>\r\n                        <input [(ngModel)]="UNIDLightStatus" required name="UNIDLightStatus" type="radio" id="unio3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="unio3">Green Solid</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - UPDATE light status/indication\r\n                        </span>\r\n                        <input [(ngModel)]="NTDLightStatusIndication" required name="NTDLightStatusIndication" type="radio" id="off1" value="Off"\r\n                        />\r\n                        <label class="k-radio-label" for="off1">Off</label>\r\n                        <input [(ngModel)]="NTDLightStatusIndication" required name="NTDLightStatusIndication" type="radio" id="red2" value="Red Solid"\r\n                        />\r\n                        <label class="k-radio-label" for="red2">Red Solid</label>\r\n                        <input [(ngModel)]="NTDLightStatusIndication" required name="NTDLightStatusIndication" type="radio" id="grn3" value="Green Solid"\r\n                        />\r\n                        <label class="k-radio-label" for="grn3">Green Solid</label>\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDLightStatusIndication === \'Green Solid\'">\r\n                        <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                            ** Connection box is downloading an update. Wait till it turns Off\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field" *ngIf="NTDLightStatusIndication === \'Red Solid\'">\r\n                        <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                           ** Update failed to download. Try rebooting the modem. If it still does not work , raise fault.\r\n                            </div>\r\n                        </div>\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDLightStatusIndication === \'Off\'">\r\n\r\n                        <span class="title">\r\n                            NTD - other NBN services on the same NTD</span>\r\n\r\n                        <input [(ngModel)]="NTDNBNServicesOnNTD" required name="NTDNBNServicesOnNTD" type="radio" id="1nbn" value="true" />\r\n                        <label class="k-radio-label" for="1nbn">Yes</label>\r\n                        <input [(ngModel)]="NTDNBNServicesOnNTD" required name="NTDNBNServicesOnNTD" type="radio" id="2nbn" value="false" />\r\n                        <label class="k-radio-label" for="2nbn">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n                        <span class="title">\r\n                            Is there a battery back up?\r\n                        </span>\r\n                        <input [(ngModel)]="BatteryBackupReplacement" name="BatteryBackupReplacement" type="radio" id="1batt" value="true" required/>\r\n                        <label class="k-radio-label" for="1batt">Yes</label>\r\n                        <input [(ngModel)]="BatteryBackupReplacement" name="BatteryBackupReplacement" type="radio" id="21batt" value="false" required/>\r\n                        <label class="k-radio-label" for="21batt">No</label>\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field" *ngIf="BatteryBackupReplacement === \'true\' && NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Is Replacement Required?\r\n                        </span>\r\n                        <input [(ngModel)]="IsReplacementBackUp" name="IsReplacementBackUp" type="radio" id="ReplaceOn" value="true" required/>\r\n                        <label class="k-radio-label" for="ReplaceOn">Yes</label>\r\n                        <input [(ngModel)]="IsReplacementBackUp" name="IsReplacementBackUp" type="radio" id="ReplaceOff" value="false" required/>\r\n                        <label class="k-radio-label" for="ReplaceOff">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="IsReplacementBackUp === \'true\' && NTDNBNServicesOnNTD === \'false\'">\r\n                         <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                           ** Replace Battery .\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Has the End-Users Computer been Restarted</span>\r\n\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="1com" value="Yes"\r\n                        />\r\n                        <label class="k-radio-label" for="1com">Yes</label>\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="21com" value="No"\r\n                        />\r\n                        <label class="k-radio-label" for="21com">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Has an alternate Computer & Cables been tested</span>\r\n\r\n                        <input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="1vac" value="true" />\r\n                        <label class="k-radio-label" for="1vac">Yes</label>\r\n                        <input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="1vac2" value="false" />\r\n                        <label class="k-radio-label" for="1vac2">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Is slow throughput evident only during peak times</span>\r\n\r\n                        <input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="1ev" value="Yes" />\r\n                        <label class="k-radio-label" for="1ev">Yes</label>\r\n                        <input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="21ev" value="No" />\r\n                        <label class="k-radio-label" for="21ev">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Speed Test Performed? (Please ensure that the Computer is directly connected to the NTD)\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="SpeedTest" required name="SpeedTest" type="radio" id="1compu" value="Yes" />\r\n                        <label class="k-radio-label" for="1compu">Yes</label>\r\n                        <input [(ngModel)]="SpeedTest" required name="SpeedTest" type="radio" id="21compu" value="No" />\r\n                        <label class="k-radio-label" for="21compu">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Download speed in Kbps (Please provide at least 3)</span>\r\n\r\n                        <input [(ngModel)]="DownloadSpeedKbps" required name="DownloadSpeedKbps" type="text" class="k-textbox" id="TestSocketsYes"\r\n                            value="Yes" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Upload speed in Kbps (Please provide at least 3)</span>\r\n\r\n                        <input [(ngModel)]="UploadSpeedKbps" required name="UploadSpeedKbps" type="text" class="k-textbox" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            TRACEROUTE PERFORMED - ALL Fault Types\r\n                        </span>\r\n                        <input [(ngModel)]="TraceRoute" required name="TraceRoute" type="text" class="k-textbox" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Additional details (if any)\r\n                        </span>\r\n\r\n                        <textarea class="k-textarea" [(ngModel)]="AdditionalDetails" required name="AdditionalDetails">\r\n</textarea>\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'6\'" class="faultForm k-form-inline" #FaultFttpDropout="ngForm" (ngSubmit)="fault(FaultFttpDropout.value);FaultFttpDropout.reset();showSpinnerImage=true;">\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - FTTP Dropouts</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n                        \x3c!-- <input class="date" name="DownDateTime" [(ngModel)]="DownDateTime" required type="datetime-local" id="TestSocketsYes" value="Yes" /> --\x3e\r\n\r\n                    </label>\r\n                     <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description\r\n\r\n                        </span>\r\n                        <input type="text" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n                        />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - Serial / ALCL number?</span>\r\n\r\n                        <input type="text" class="k-textbox" id="NTDSerialALCLNumber" name="NTDSerialALCLNumber" [(ngModel)]="NTDSerialALCLNumber"\r\n                            required value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - Please provide NTD MAC Address?</span>\r\n\r\n                        <input type="text" class="k-textbox" id="TestSocketsYes" required value="" name="NTDMACAddress" [(ngModel)]="NTDMACAddress"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            NTD - ALARM light status/indication?</span>\r\n\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="NTDAlaramStatus" required name="NTDAlaramStatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            UNI-D PORT - What is being used?</span>\r\n\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="1uni" value="UNID1" />\r\n                        <label class="k-radio-label" for="1uni">UNID1</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="2uni" value="UNID2" />\r\n                        <label class="k-radio-label" for="2uni">UNID2</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="3uni" value="UNID3" />\r\n                        <label class="k-radio-label" for="3uni">UNID3</label>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" type="radio" id="4uni" value="UNID4" />\r\n                        <label class="k-radio-label" for="4uni">UNID4</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is there a battery back up?</span>\r\n\r\n                        <input [(ngModel)]="BatteryBackupReplacement" name="BatteryBackupReplacement" type="radio" id="WIFILightOn" value="true"\r\n                            required/>\r\n                        <label class="k-radio-label" for="WIFILightOn">Yes</label>\r\n                        <input [(ngModel)]="BatteryBackupReplacement" name="BatteryBackupReplacement" type="radio" id="WIFIOff" value="false" required/>\r\n                        <label class="k-radio-label" for="WIFIOff">No</label>\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field" *ngIf="BatteryBackupReplacement === \'true\'">\r\n\r\n                        <span class="title">\r\n                            Is Replacement Required?\r\n                        </span>\r\n                        <input [(ngModel)]="IsReplacementBackUp" name="IsReplacementBackUp" type="radio" id="ReplaceOn" value="true" required/>\r\n                        <label class="k-radio-label" for="ReplaceOn">Yes</label>\r\n                        <input [(ngModel)]="IsReplacementBackUp" name="IsReplacementBackUp" type="radio" id="ReplaceOff" value="false" required/>\r\n                        <label class="k-radio-label" for="ReplaceOff">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="IsReplacementBackUp === \'true\'">\r\n                         <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                           ** Replace Battery .\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Has the End-Users Computer been Restarted?</span>\r\n\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="TestYes" value="Yes"\r\n                        />\r\n                        <label class="k-radio-label" for="TestYes">Yes</label>\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="TestNo" value="No"\r\n                        />\r\n                        <label class="k-radio-label" for="TestNo">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Has an alternate Computer & Cables been tested?</span>\r\n\r\n                        <input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="TesYes" value="true" />\r\n                        <label class="k-radio-label" for="TesYes">Yes</label>\r\n                        <input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="TesNo" value="false" />\r\n                        <label class="k-radio-label" for="TesNo">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'7\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - Fixed Wireless Dropouts</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Which NTD data port(s) are used (UNI D1-D4)*</span>\r\n                        <input [(ngModel)]="NTDDataPort" required name="NTDDataPort" class="k-textbox" type="text" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            What is the UNI-D port LED light status (located back of IDU/WNTD where Ethernet cable is connected)*\r\n                        </span>\r\n\r\n\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="1Off" value="Off" />\r\n                        <label class="k-radio-label" for="1Off">Off</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="2Off" value="Orange_Solid" />\r\n                        <label class="k-radio-label" for="2Off">Orange Solid</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="3Off" value="Green_Solid" />\r\n                        <label class="k-radio-label" for="3Off">Green Solid</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="4Off" value="Orange_Flashing" />\r\n                        <label class="k-radio-label" for="4Off">Orange Flashing</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="5Off" value="Green_Flashing" />\r\n                        <label class="k-radio-label" for="5Off">Green Flashing</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is the CPE/NTD connected and turned on* *Please ensure all equipment is plugged in and turned on as WRCFM rely on this when\r\n                            troubleshooting with NBN Co and Optus Network Engineers\r\n                        </span>\r\n                        <input [(ngModel)]="CPENTDconnected" required name="CPENTDconnected" class="k-textbox" type="text" />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Any visible damage to Outdoor Unit*\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="VisibleDamageOutdoor" required name="VisibleDamageOutdoor" class="k-textbox" type="text" id="1n" value=""\r\n                        />\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Has the End-Users Computer been Restarted?</span>\r\n\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="TestYes" value="Yes"\r\n                        />\r\n                        <label class="k-radio-label" for="TestYes">Yes</label>\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="TestNo" value="No"\r\n                        />\r\n                        <label class="k-radio-label" for="TestNo">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Has an alternate Computer & Cables been tested?</span>\r\n\r\n                        <input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="TesYes" value="true" />\r\n                        <label class="k-radio-label" for="TesYes">Yes</label>\r\n                        <input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="TesNo" value="false" />\r\n                        <label class="k-radio-label" for="TesNo">No</label>\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="NTDNBNServicesOnNTD === \'false\'">\r\n\r\n                        <span class="title">\r\n                            Is slow throughput evident only during peak times</span>\r\n\r\n                        <input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="1ev" value="Yes" />\r\n                        <label class="k-radio-label" for="1ev">Yes</label>\r\n                        <input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="21ev" value="No" />\r\n                        <label class="k-radio-label" for="21ev">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware connected to Modem?</span>\r\n\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" required name="HardwareConnectedtoModem" class="k-textbox" type="text" id="1n"\r\n                            value="" />\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please include Radius Logs* (including date, start/finish time, duration) </span>\r\n\r\n                        <input [(ngModel)]="RadiusLogs" required name="RadiusLogs" type="text" class="k-textbox" id="1n" value="" />\r\n\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Does the speed vary ?</span>\r\n                        <input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcsspeedYes" value="Yes" required/>\r\n                        <label class="k-radio-label" for="hfcsspeedYes">Yes</label>\r\n                        <input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcsspeedNo" value="No" required/>\r\n                        <label class="k-radio-label" for="hfcsspeedNo">No</label>\r\n\r\n\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Speed Test Performed? (Please ensure that the Computer is directly connected to the NTD).</span>\r\n                        <input [(ngModel)]="SpeedTest" required name="SpeedTest" type="text" class="k-textbox" />\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Download speed in Kbps (Please provide at least 3)</span>\r\n\r\n                        <input [(ngModel)]="DownloadSpeedKbps" required name="DownloadSpeedKbps" class="k-textbox" type="text" id="TestSocketsYes"\r\n                            value="Yes" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Upload speed in Kbps (Please provide at least 3)\r\n                        </span>\r\n                        <input [(ngModel)]="UploadSpeedKbps" required name="UploadSpeedKbps" class="k-textbox" type="text" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            TRACEROUTE PERFORMED - ALL Fault Types\r\n                        </span>\r\n                        <input [(ngModel)]="TraceRoute" required name="TraceRoute" type="text" class="k-textbox" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Additional details (if any)\r\n\r\n                        </span>\r\n                        <textarea class="k-textarea" [(ngModel)]="AdditionalDetails" required name="AdditionalDetails">\r\n</textarea>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'8\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - Fixed Wireless Slow speed</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Which NTD data port(s) are used (UNI D1-D4)*</span>\r\n                        <input [(ngModel)]="NTDDataPort" required name="NTDDataPort" class="k-textbox" type="text" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            What is the UNI-D port LED light status (located back of IDU/WNTD where Ethernet cable is connected)*\r\n                        </span>\r\n\r\n\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="1Off1" value="Off" />\r\n                        <label class="k-radio-label" for="1Off1">Off</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="2Off1" value="Orange_Solid" />\r\n                        <label class="k-radio-label" for="2Off1">Orange Solid</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="3Off1" value="Green_Solid" />\r\n                        <label class="k-radio-label" for="3Off1">Green Solid</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="4Off1" value="Orange_Flashing" />\r\n                        <label class="k-radio-label" for="4Off1">Orange Flashing</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="5Off1" value="Green_Flashing" />\r\n                        <label class="k-radio-label" for="5Off1">Green Flashing</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is the CPE/NTD connected and turned on* *Please ensure all equipment is plugged in and turned on as WRCFM rely on this when\r\n                            troubleshooting with NBN Co and Optus Network Engineers\r\n                        </span>\r\n                        <input [(ngModel)]="CPENTDconnected" required name="CPENTDconnected" class="k-textbox" type="text" />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Any visible damage to Outdoor Unit*\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="VisibleDamageOutdoor" required name="VisibleDamageOutdoor" class="k-textbox" type="text" id="1n" value=""\r\n                        />\r\n\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware currently connected*\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" required name="HardwareConnectedtoModem" class="k-textbox" type="text" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is slow throughput evident only during peak times\r\n                        </span>\r\n                        <input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="1ev1" value="Yes" />\r\n                        <label class="k-radio-label" for="1ev1">Yes</label>\r\n                        <input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="21ev1" value="No" />\r\n                        <label class="k-radio-label" for="21ev1">No</label>\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Does the speed vary ?</span>\r\n                        <input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcsspeedYes" value="Yes" required/>\r\n                        <label class="k-radio-label" for="hfcsspeedYes">Yes</label>\r\n                        <input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcsspeedNo" value="No" required/>\r\n                        <label class="k-radio-label" for="hfcsspeedNo">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Speed Test Performed? (Please ensure that the Computer is directly connected to the NTD)</span>\r\n                        <input [(ngModel)]="SpeedTest" required name="SpeedTest" type="text" class="k-textbox" />\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Download speed in Kbps (Please provide at least 3)</span>\r\n\r\n                        <input [(ngModel)]="DownloadSpeedKbps" required name="DownloadSpeedKbps" class="k-textbox" type="text" id="TestSocketsYes"\r\n                            value="Yes" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Upload speed in Kbps (Please provide at least 3)</span>\r\n\r\n                        <input [(ngModel)]="UploadSpeedKbps" required name="UploadSpeedKbps" class="k-textbox" type="text" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            TRACEROUTE PERFORMED - ALL Fault Types\r\n                        </span>\r\n                        <input [(ngModel)]="TraceRoute" required name="TraceRoute" class="k-textbox" type="text" id="TestSocketsYes" value="Yes"\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Has the End-Users Computer been Restarted?</span>\r\n\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="TestYes" value="Yes"\r\n                        />\r\n                        <label class="k-radio-label" for="TestYes">Yes</label>\r\n                        <input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="TestNo" value="No"\r\n                        />\r\n                        <label class="k-radio-label" for="TestNo">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Additional details (if any)\r\n                        </span>\r\n                        <textarea class="k-textarea" [(ngModel)]="AdditionalDetails" required name="AdditionalDetails">\r\n</textarea>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'9\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - Fixed Wireless Circuit Down</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Which NTD data port(s) are used (UNI D1-D4)*</span>\r\n                        <input [(ngModel)]="NTDDataPort" required name="NTDDataPort" class="k-textbox" type="text" />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            What is the UNI-D port LED light status (located back of IDU/WNTD where Ethernet cable is connected)*\r\n\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="1Off" value="Off" />\r\n                        <label class="k-radio-label" for="1Off">Off</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="2Off" value="Orange_Solid" />\r\n                        <label class="k-radio-label" for="2Off">Orange Solid</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="3Off" value="Green_Solid" />\r\n                        <label class="k-radio-label" for="3Off">Green Solid</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="4Off" value="Orange_Flashing" />\r\n                        <label class="k-radio-label" for="4Off">Orange Flashing</label>\r\n                        <input [(ngModel)]="UNIDPortLed" name="UNIDPortLed" type="radio" id="5Off" value="Green_Flashing" />\r\n                        <label class="k-radio-label" for="5Off">Green Flashing</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is the CPE/NTD connected and turned on* *Please ensure all equipment is plugged in and turned on as WRCFM rely on this when\r\n                            troubleshooting with NBN Co and Optus Network Engineers\r\n                        </span>\r\n                        <input [(ngModel)]="CPENTDconnected" required name="CPENTDconnected" class="k-textbox" type="text" />\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Any visible damage to Outdoor Unit*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="VisibleDamageOutdoor" required name="VisibleDamageOutdoor" class="k-textbox" type="text" id="1n" value=""\r\n                        />\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware currently connected*\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" required name="HardwareConnectedtoModem" class="k-textbox" type="text" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'10\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - HFC Slow speed</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n                        />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            MODEM - ETHERNET light status?\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="EthernetLigtstatus" equired name="EthernetLigtstatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="4" value="Green Flashing" />\r\n                        <label class="k-radio-label" for="4">Green Flashing</label>\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware connected to Modem?\r\n                        </span>\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" class="k-textbox" required name="HardwareConnectedtoModem" type="text" id="1n"\r\n                            value="" />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'11\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - HFC Dropouts</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed</span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n                        <input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n                        />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            MODEM - ETHERNET light status?\r\n                        </span>\r\n\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="4" value="Green Flashing" />\r\n                        <label class="k-radio-label" for="4">Green Flashing</label>\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware connected to Modem?\r\n                        </span>\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" required name="HardwareConnectedtoModem" class="k-textbox" type="text" id="1n"\r\n                            value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                    </label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'12\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - HFC Circuit Down</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Fault Description</span>\r\n\r\n\r\n                        <input [(ngModel)]="FaultDescription" required name="FaultDescription" type="text" class="k-textbox" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed\r\n\r\n                            \x3c!--  <input  [(ngModel)]="DownDateTime" required name="DownDateTime" type="datetime-local" class="date" /> --\x3e\r\n                        </span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description\r\n\r\n                        </span>\r\n                        <input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n                        />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            MODEM - ETHERNET light status?\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="1" value="Off" />\r\n                        <label class="k-radio-label" for="1">Off</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="2" value="Red Solid" />\r\n                        <label class="k-radio-label" for="2">Red Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="3" value="Green Solid" />\r\n                        <label class="k-radio-label" for="3">Green Solid</label>\r\n                        <input [(ngModel)]="EthernetLigtstatus" required name="EthernetLigtstatus" type="radio" id="4" value="Green Flashing" />\r\n                        <label class="k-radio-label" for="4">Green Flashing</label>\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Please list all hardware connected to Modem?\r\n                        </span>\r\n                        <input [(ngModel)]="HardwareConnectedtoModem" required name="HardwareConnectedtoModem" class="k-textbox" type="text" id="1n"\r\n                            value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'13\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - ADSL Circuit Down</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Number of Sockets Onsite</span>\r\n\r\n\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="1socket" value="1" />\r\n                        <label class="k-radio-label" for="1socket">1</label>\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="2socket" value="2" />\r\n                        <label class="k-radio-label" for="2socket">2</label>\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="3socket" value="3" />\r\n                        <label class="k-radio-label" for="3socket">3</label>\r\n                        <input [(ngModel)]="NumberofSockets" required name="NumberofSockets" type="radio" id="4socket" value="4" />\r\n                        <label class="k-radio-label" for="4socket">4</label>\r\n\r\n\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title"> Have all Sockets been Tested?</span>\r\n                        <input [(ngModel)]="SocketsTested" name="SocketsTested" type="radio" id="SocketTestedYesAdsl" value="Yes" required>\r\n                        <label class="k-radio-label" for="SocketTestedYesAdsl">Yes</label>\r\n\r\n                        <input [(ngModel)]="SocketsTested" name="SocketsTested" type="radio" id="SocketTestedNoAdsl" value="No" required>\r\n                        <label class="k-radio-label" for="SocketTestedNoAdsl">No</label>\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Date/time fault first noticed\r\n                        </span>\r\n                        <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date"></kendo-datepicker>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description\r\n\r\n                        </span>\r\n                        <input type="text" id="faultdescadslnoint" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription"\r\n                            required />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Has the modem been tested with no other devices connected?\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="ModemTested" required name="ModemTested" type="radio" id="ModemTestednoint" value="true" />\r\n                        <label class="k-radio-label" for="ModemTestednoint">Yes</label>\r\n                        <input [(ngModel)]="ModemTested" required name="ModemTested" type="radio" id="ModemTestednointno" value="false" />\r\n                        <label class="k-radio-label" for="ModemTestednointno">No</label>\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            How many Corded Phones are connected?\r\n                        </span>\r\n                        <input [(ngModel)]="CordedPhones" required name="CordedPhones" class="k-textbox" type="text" id="CorderPhoneadsl" value=""\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            How many Cordless Phones are connected?\r\n                        </span>\r\n                        <input [(ngModel)]="CordlessPhones" required name="CordlessPhones" class="k-textbox" type="text" id="CordlessPhoneadsl" value=""\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Are any extension leads being used?\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="ExtensionLeadsUsed" required name="ExtensionLeadsUsed" type="radio" id="ExtensionUsedTested" value="Yes"\r\n                        />\r\n                        <label class="k-radio-label" for="ExtensionUsedTested">Yes</label>\r\n                        <input [(ngModel)]="ExtensionLeadsUsed" required name="ExtensionLeadsUsed" type="radio" id="ExtensionUsedTestedNo" value="No"\r\n                        />\r\n                        <label class="k-radio-label" for="ExtensionUsedTestedNo">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="ExtensionLeadsUsed === \'Yes\'">\r\n\r\n                        <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                                ** Ask EU to remove the extension leads & connect Modem directly to wall socket.\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Is a Back to Base Alarm connected?\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="BacktoBaseAlarm" required name="BacktoBaseAlarm" type="radio" id="BackAlarmTested" value="Yes" />\r\n                        <label class="k-radio-label" for="BackAlarmTested">Yes</label>\r\n                        <input [(ngModel)]="BacktoBaseAlarm" required name="BacktoBaseAlarm" type="radio" id="BackAlarmTestedNo" value="No" />\r\n                        <label class="k-radio-label" for="BackAlarmTestedNo">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Is an ADSL 2+ Filter installed?\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="ADSL2Filter" required name="ADSL2Filter" type="radio" id="filterinstalled" value="Yes" />\r\n                        <label class="k-radio-label" for="filterinstalled">Yes</label>\r\n                        <input [(ngModel)]="ADSL2Filter" required name="ADSL2Filter" type="radio" id="filterinstalledno" value="No" />\r\n                        <label class="k-radio-label" for="filterinstalledno">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Has the Modem been Factory Reset?\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="FactoryReset" required name="FactoryReset" type="radio" id="ModemFactoryResetyes" value="Yes" />\r\n                        <label class="k-radio-label" for="ModemFactoryResetyes">Yes</label>\r\n                        <input [(ngModel)]="FactoryReset" required name="FactoryReset" type="radio" id="ModemFactoryResetno" value="No" />\r\n                        <label class="k-radio-label" for="ModemFactoryResetno">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="FactoryReset === \'No\'">\r\n\r\n                        <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                                ** Reset the modem.\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'14\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - ADSL Slow Speed</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description\r\n\r\n                        </span>\r\n                        <input type="text" id="faultdescadslslowspeed" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription"\r\n                            required />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Is a Cable Pay TV service connected (eg. Foxtel):*</span>\r\n\r\n\r\n                        <input [(ngModel)]="CablePayTVservice" name="CablePayTVservice" type="radio" id="CableServiceYesAdsl" value="Yes" required>\r\n                        <label class="k-radio-label" for="CableServiceYesAdsl">Yes</label>\r\n\r\n                        <input [(ngModel)]="CablePayTVservice" name="CablePayTVservice" type="radio" id="CableServiceNoAdsl" value="No" required>\r\n                        <label class="k-radio-label" for="CableServiceNoAdsl">No</label>\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title"> What type of tone is present:*</span>\r\n                        <input [(ngModel)]="Tonetype" name="Tonetype" type="text" id="ToneTypeslow" value="" required class="k-textbox">\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            TraceRoute Performed - ALL Fault Types\r\n                        </span>\r\n                        <input [(ngModel)]="TraceRoute" required name="TraceRoute" class="k-textbox" type="text" id="TraceRouteadsl" value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is the End Customer running a Network:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="EndUserComputerRestarted" name="EndUserComputerRestarted" type="radio" id="EndUserNetworkYesAdsl" value="Yes"\r\n                            required>\r\n                        <label class="k-radio-label" for="EndUserNetworkYesAdsl">Yes</label>\r\n\r\n                        <input [(ngModel)]="EndUserComputerRestarted" name="EndUserComputerRestarted" type="radio" id="EndUserNetworkNoAdsl" value="No"\r\n                            required>\r\n                        <label class="k-radio-label" for="EndUserNetworkNoAdsl">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="EndUserComputerRestarted === \'Yes\'">\r\n\r\n                        <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                                ** Do not share network.\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is the End Customer running P2P applications:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="CPENDTConnected" name="CPENDTConnected" type="radio" id="EndUserP2PNetworkYesAdsl" value="true" required>\r\n                        <label class="k-radio-label" for="EndUserP2PNetworkYesAdsl">Yes</label>\r\n\r\n                        <input [(ngModel)]="CPENDTConnected" name="CPENDTConnected" type="radio" id="EndUserP2PNetworkNoAdsl" value="false" required>\r\n                        <label class="k-radio-label" for="EndUserP2PNetworkNoAdsl">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field" *ngIf="CPENDTConnected === \'true\'">\r\n\r\n                        <div class="text-right">\r\n                            <div class="title agentQuestions">\r\n                                ** Do not use P2P applications.\r\n                            </div>\r\n                        </div>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            What were the Running Services (netstat -a) Results:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="RunningService" class="k-textbox" required name="RunningService" type="text" id="NetStatTested" value=""\r\n                        />\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Speed test result\r\n                        </span>\r\n                        <input [(ngModel)]="SpeedTest" required name="SpeedTest" class="k-textbox" type="text" id="Speedtestadsl" value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Speed Location\r\n                        </span>\r\n                        <input [(ngModel)]="UNIDPort" required name="UNIDPort" class="k-textbox" type="text" id="SpeedLocationeadsl" value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Download speed in Kbps\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="DownloadSpeedKbps" class="k-textbox" required name="DownloadSpeedKbps" type="text" id="DownloadSpeedKbpsadsl"\r\n                            value="" />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Upload speed in Kbps\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="UploadSpeedKbps" class="k-textbox" required name="UploadSpeedKbps" type="text" id="UploadSpeedKbpsadsl"\r\n                            value="" />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Does the speed vary ?</span>\r\n                        <input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="adslspeedYes" value="Yes" required/>\r\n                        <label class="k-radio-label" for="adslspeedYes">Yes</label>\r\n                        <input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="adslspeedno" value="No" required/>\r\n                        <label class="k-radio-label" for="adslspeedno">No</label>\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            Ping test result (ping -n 100)\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="PingTest" class="k-textbox" required name="PingTest" type="text" id="pingadsl" value="Yes" />\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            What is the Modem IP Address:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="ModemIP" class="k-textbox" required name="ModemIP" type="text" id="ModemIPadsl" value="Yes" />\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n    <form ngNativeValidate *ngIf="faultType == \'15\'" #Fault="ngForm" (ngSubmit)="fault(Fault.value);Fault.reset();showSpinnerImage=true;"\r\n        class="faultForm k-form-inline">\r\n\r\n        <div class="container margin_top">\r\n            <h4 class="z-depth-1 troubleshootheader">Raise Fault - ADSL Dropouts</h4>\r\n\r\n            <div class="card">\r\n                <div class="card-block">\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Select Topic</span>\r\n                        <kendo-dropdownlist [data]="helptopic" textField="text" valueField="value" [(ngModel)]="selectedTopic" name="selectedTopic"></kendo-dropdownlist>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Fault Description\r\n\r\n                        </span>\r\n                        <input type="text" id="faultdescadsldropout" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription"\r\n                            required />\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            What is the time period of most drop outs:*\r\n                        </span>\r\n                        <input [(ngModel)]="ServiceDropOut" required name="ServiceDropOut" class="k-textbox" type="text" id="TimePeriodeadsldr" value=""\r\n                        />\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is the End Customer running a Network:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="EndUserComputerRestarted" name="EndUserComputerRestarted" type="radio" id="EndUserNetworkYesAdsldr" value="Yes"\r\n                            required>\r\n                        <label class="k-radio-label" for="EndUserNetworkYesAdsldr">Yes</label>\r\n\r\n                        <input [(ngModel)]="EndUserComputerRestarted" name="EndUserComputerRestarted" type="radio" id="EndUserNetworkNoAdsldr" value="No"\r\n                            required>\r\n                        <label class="k-radio-label" for="EndUserNetworkNoAdsldr">No</label>\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Is the End Customer running P2P applications:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="CPENDTConnected" name="CPENDTConnected" type="radio" id="EndUserP2PNetworkYesAdsldr" value="true" required>\r\n                        <label class="k-radio-label" for="EndUserP2PNetworkYesAdsldr">Yes</label>\r\n\r\n                        <input [(ngModel)]="CPENDTConnected" name="CPENDTConnected" type="radio" id="EndUserP2PNetworkNoAdsldr" value="false" required>\r\n                        <label class="k-radio-label" for="EndUserP2PNetworkNoAdsldr">No</label>\r\n\r\n\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            What were the Running Services (netstat -a) Results:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="RunningService" class="k-textbox" required name="RunningService" type="text" id="NetStatTesteddr" value=""\r\n                        />\r\n                    </label>\r\n\r\n                    <label class="k-form-field">\r\n                        <span class="title">\r\n                            Is a Cable Pay TV service connected (eg. Foxtel):*</span>\r\n\r\n\r\n                        <input [(ngModel)]="CablePayTVservice" name="CablePayTVservice" type="radio" id="CableServiceYesAdsldr" value="Yes" required>\r\n                        <label class="k-radio-label" for="CableServiceYesAdsldr">Yes</label>\r\n\r\n                        <input [(ngModel)]="CablePayTVservice" name="CablePayTVservice" type="radio" id="CableServiceNoAdsldr" value="No" required>\r\n                        <label class="k-radio-label" for="CableServiceNoAdsldr">No</label>\r\n\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n                        <span class="title"> What type of tone is present:*</span>\r\n                        <input [(ngModel)]="Tonetype" name="Tonetype" type="text" id="ToneTypeslowdr" value="" required class="k-textbox">\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            Speed test result\r\n                        </span>\r\n                        <input [(ngModel)]="SpeedTest" required name="SpeedTest" class="k-textbox" type="text" id="Speedtestadsldr" value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            How often does service drop out:*\r\n                        </span>\r\n                        <input [(ngModel)]="ServiceDropOutOften" required name="ServiceDropOutOften" class="k-textbox" type="text" id="servicedropadsldropout" value=""\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            How many Corded Phones are connected?\r\n                        </span>\r\n                        <input [(ngModel)]="CordedPhones" required name="CordedPhones" class="k-textbox" type="text"  value=""\r\n                        />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n                            How many Cordless Phones are connected?\r\n                        </span>\r\n                        <input [(ngModel)]="CordlessPhones" required name="CordlessPhones" class="k-textbox" type="text" \r\n                            value="" />\r\n\r\n\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <span class="title">\r\n\r\n                            What is the Modem IP Address:*\r\n\r\n                        </span>\r\n                        <input [(ngModel)]="ModemIP" class="k-textbox" required name="ModemIP" type="text" value="" />\r\n                    </label>\r\n                    <label class="k-form-field">\r\n\r\n                        <div class="text-right">\r\n                            <button type="submit" name="action" class="k-button k-primary">Submit\r\n                                <i class="material-icons right">send</i>\r\n                            </button>\r\n                        </div>\r\n                    </label>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n    <kendo-dialog-actions>\r\n      <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>\r\n  <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n    <kendo-dialog-actions>\r\n      <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>'},A9hj:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"body{background:#e8e8ee;height:800px}h5{margin-top:100px;text-align:center;font-size:1rem}.card{height:500px;-webkit-box-shadow:0 2px 2px 0 #333;box-shadow:0 2px 2px 0 #333}.card .card-content{padding:10px 24px;height:180px}.btn,.card .card-content{background:#789;color:#fff}input{color:#000}.agent_portal,.error-code{text-align:center}.error-code{color:blue}body{background:url(http://cdn.wallpapersafari.com/13/6/Mpsg2b.jpg);margin:0;background-size:100% 110%}a,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.login{margin:0 auto;max-width:500px}.login-header{color:#fff;text-align:center;font-size:300%}.login-form{border:.5px solid #fff;background:#4facff;border-radius:10px;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}.login-form h3{text-align:left;margin-left:40px;color:#fff}.login-form{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:15px;padding-bottom:10%;margin:5% auto;text-align:center}.login input[type=password],.login input[type=text]{max-width:400px;width:80%;line-height:3em;margin:1em 2em;border-radius:5px;border:2px solid #f2f2f2;outline:none;padding-left:10px}.login-form input[type=button]{height:30px;width:100px;background:#fff;border:1px solid #f2f2f2;border-radius:20px;color:#708090;text-transform:uppercase;cursor:pointer}img.center{display:block;margin-top:30px;margin-left:auto;margin-right:auto;height:100px;width:120px}.sign-up{color:#f2f2f2;margin-left:-70%;cursor:pointer;text-decoration:underline}.extra_padding{padding-right:235px;padding-top:120px}.no-access{color:#e86850;margin:20px 0 20px -57%}.no-access,.try-again{text-decoration:underline;cursor:pointer}.try-again{color:#f2f2f2}.row .col.s4{width:42.333333%}.row .col.offset-s4{margin-left:12.3333333333%}.form-horizontal{margin-top:50px}@media screen and (max-width:900px){.row .col.offset-s4{margin-left:0}.row .col.s4{width:100%}}",""]),t.exports=t.exports.toString()},BeiC:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n<div class="content bgColor" *ngIf="!showSpinnerImage">\r\n  <kendo-tabstrip>\r\n    <kendo-tabstrip-tab (tabSelect)="onTabSelect($event)" [title]="\'Customer Data\'" [selected]="true">\r\n      <ng-template kendoTabContent>\r\n        <div class="row first_row" *ngIf="roleCustDetail">\r\n          <div class="col s12 no_margins" *ngIf="dataExist">\r\n            <div class="col s4" style="padding: 1em 0.75em"\r\n              *ngIf="(data && (data.Status.toString() === \'Order Unable To Complete\' || data.Status.toString() === \'Order Cancelled\' || data.Status.toString() === \'Product Terminated\'))">\r\n              <table style="color: #000" *ngIf="!showCoolOffbtn">\r\n                <tbody>\r\n                  <tr>\r\n                    <th class="highlight" style="width: 140px">Data Plan Status:</th>\r\n                    <th class="highlight">{{data.Status.toString()}}</th>\r\n                  </tr>\r\n                  <tr>\r\n                    <th class="highlight">Status Date:</th>\r\n                    <th class="highlight">{{data.StatusDate | date: \'dd-MM-yyyy\'}}</th>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <div\r\n              *ngIf="(data && (data.Status.toString() !== \'Order Unable To Complete\' && data.Status.toString() !== \'Order Cancelled\' && data.Status.toString() !== \'Product Terminated\'))">\r\n\r\n              <div *ngIf="!showCoolOffbtn" class="col s1 4 extra_margins title">Data\r\n              </div>\r\n              <div *ngIf="!showCoolOffbtn" class="col s1 extra_margins button_padding" kendoTooltip position="right"\r\n                filter="a" id="agglomerations">\r\n                <a [ngClass]="{\r\n                        \'activeButton\': data.Status.toString() === \'OrderComplete\' && DataActive === true,\r\n                        \'orange\': (data.Status.toString() === \'OrderComplete\' && DataActive === false),\r\n                        grey: greyButton\r\n                    }" class="btn-floating btn-large waves-effect waves-light progress_status"\r\n                  title="{{data.Status}}"></a>\r\n              </div>\r\n              <div *ngIf="!showCoolOffbtn" class="col s8 bs-wizard" style="border-bottom:0;">\r\n                <div class="col-xs-2  bs-wizard-step" [ngClass]="{\r\n                              \'active\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderOnHoldMissingInfo\',\r\n                              \'complete\': data.Status.toString() === \'OrderInProgress\' || data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'OrderComplete\' || data.Status.toString() === \'AppointmentReAllocated\',\r\n                              \'orangeStatus\': data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldPendingPayment\',\r\n                              \'redStatus\': data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\'\r\n              \r\n                          }">\r\n\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">Order</div>\r\n                </div>\r\n                <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                              \'disabled\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldPendingPayment\' || data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\',\r\n                              \'active\': data.Status.toString() === \'OrderInProgress\',\r\n                              \'orangeStatus\': data.Status.toString() === \'OrderOnHoldMissingInfo\',  \r\n                              \'complete\': data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'AppointmentReAllocated\' || data.Status.toString() === \'OrderComplete\',\r\n                              \'coolingOff\': \'coolingOff > 0\'\r\n                          }">\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">In Progress</div>\r\n                </div>\r\n                <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                              \'disabled\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderInProgress\' || data.Status.toString() === \'OrderOnHoldMissingInfo\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderOnHoldPendingPayment\'  || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\',\r\n                              \'active\': data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'AppointmentReAllocated\',\r\n                              \'complete\': data.Status.toString() === \'OrderComplete\'\r\n                          }">\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">Appointment Allocated</div>\r\n                </div>\r\n                <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                              \'disabled\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderInProgress\' || data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'OrderOnHoldMissingInfo\' || data.Status.toString() === \'AppointmentReAllocated\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderOnHoldPendingPayment\' || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\',\r\n                              \'active\': data.Status.toString() === \'OrderComplete\'        \r\n                          }">\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">Order completed</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class="form-group"><span *ngIf="roleAuthorization">\r\n                <i style="float: right; cursor: pointer" class="small material-icons" data-position="bottom"\r\n                  data-delay="50" title="Log Access" (click)="getLogData()" data-tooltip="tooltip" data-toggle="modal"\r\n                  data-target="#log_files">\r\n                  access_time</i>\r\n              </span>\r\n\r\n              <a *ngIf="showCoolOffbtn" class="waves-effect waves-light btn button_width" title="Cooling Off"\r\n                data-tooltip="tooltip">\r\n                CO\r\n              </a>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" *ngIf="voiceExist">\r\n            <div class="col s4" style="padding: 0em 0.75em"\r\n              *ngIf="voice && (voice.Status.toString() === \'Order Unable To Complete\' || voice.Status.toString() === \'Order Cancelled\' || voice.Status.toString() === \'Product Terminated\')">\r\n              <table style="color: #000">\r\n                <tbody>\r\n                  <tr>\r\n                    <th class="highlight" style="width: 140px">Voice Plan Status:</th>\r\n                    <th class="highlight">{{voice.Status.toString()}}</th>\r\n                  </tr>\r\n                  <tr>\r\n                    <th class="highlight">Status Date:</th>\r\n                    <th class="highlight">{{voice.StatusDate | date: \'dd-MM-yyyy\'}}</th>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <div\r\n              *ngIf="voice && (voice.Status.toString() !== \'Order Unable To Complete\' && voice.Status.toString() !== \'Order Cancelled\' && voice.Status.toString() !== \'Product Terminated\')">\r\n\r\n              <div class="col s1 4 extra_margins title">Voice\r\n              </div>\r\n              <div class="col s1 extra_margins button_padding" kendoTooltip position="right" filter="a"\r\n                id="agglomerations">\r\n                <a [ngClass]="{\r\n              \'activeButton\': voice.Status.toString() === \'OrderComplete\' && VoiceActive === true,\r\n              \'orange\': (voice.Status.toString() === \'OrderComplete\' && VoiceActive === false),\r\n              grey: greyButtonVoice\r\n          }" class="btn-floating btn-large waves-effect waves-light  progress_status" title="{{voice.Status}}"></a>\r\n              </div>\r\n              <div class="col s8 bs-wizard" style="border-bottom:0;">\r\n                <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                        \'active\': voice.Status.toString() === \'TestOrder\' || voice.Status.toString() === \'OrderReceived\' || voice.Status.toString() === \'OrderUnableToComplete\',\r\n                        \'complete\': voice.Status.toString() === \'OrderInProgress\' || voice.Status.toString() === \'AppointmentAllocated\' || voice.Status.toString() === \'AppointmentReAllocated\' || voice.Status.toString() === \'OrderOnHoldMissingInfo\' ||voice.Status.toString() === \'OrderComplete\',\r\n                        \'redStatus\': voice.Status.toString() === \'OrderUnableToComplete\' || voice.Status.toString() === \'OrderCancelled\' \r\n      \r\n                    }">\r\n\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">Order</div>\r\n                </div>\r\n                <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                        \'disabled\': voice.Status.toString() === \'TestOrder\' || voice.Status.toString() === \'OrderReceived\' || voice.Status.toString() === \'OrderUnableToComplete\' || voice.Status.toString() === \'OrderCancelled\',\r\n                        \'active\': voice.Status.toString() === \'OrderInProgress\' || voice.Status.toString() === \'AppointmentAllocated\' || voice.Status.toString() === \'AppointmentReAllocated\' || voice.Status.toString() === \'OrderOnHoldMissingInfo\',\r\n                        \'complete\': voice.Status.toString() === \'OrderComplete\'\r\n                    }">\r\n                  \x3c!-- complete --\x3e\r\n\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">In Progress</div>\r\n                </div>\r\n                <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n              \'disabled\': voice.Status.toString() === \'TestOrder\' || voice.Status.toString() === \'OrderReceived\' || voice.Status.toString() === \'OrderUnableToComplete\' || voice.Status.toString() === \'OrderInProgress\' || voice.Status.toString() === \'AppointmentAllocated\' || voice.Status.toString() === \'AppointmentReAllocated\' || voice.Status.toString() === \'OrderOnHoldMissingInfo\' || voice.Status.toString() === \'OrderCancelled\',\r\n              \'complete\': voice.Status.toString() === \'OrderComplete\'\r\n                    }">\r\n                  \x3c!-- active --\x3e\r\n\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">Porting</div>\r\n                </div>\r\n                <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                        \'disabled\':voice.Status.toString() === \'TestOrder\' || voice.Status.toString() === \'OrderReceived\' || voice.Status.toString() === \'OrderUnableToComplete\' || voice.Status.toString() === \'OrderInProgress\' || voice.Status.toString() === \'AppointmentAllocated\' || voice.Status.toString() === \'AppointmentReAllocated\'  || voice.Status.toString() === \'OrderOnHoldMissingInfo\' || voice.Status.toString() === \'OrderCancelled\',\r\n                        \'active\': voice.Status.toString() === \'OrderComplete\'\r\n                    }">\r\n                  \x3c!-- active --\x3e\r\n\r\n                  <div class="progress">\r\n                    <div class="progress-bar"></div>\r\n                  </div>\r\n                  <a class="bs-wizard-dot"></a>\r\n                  <div class="bs-wizard-info text-center">Order completed</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div class="row first_row">\r\n          <h4 class="title" style="margin-left:10px">\r\n            Special Records\r\n            <span *ngIf="returned_data >= 400">oops! Something went wrong</span>\r\n          </h4>\r\n          <div class="col s12 no_margins">\r\n            <div class="col s2.5 no_margins switch" id="TioFlagset">\r\n              <label>\r\n                <input type="checkbox" (change)="TIORecordStatusChange($event)" [(ngModel)]="returned_data.TioFlag"\r\n                  name="TioFlag" [attr.disabled]="!roleAuthorizationComplaint ? \'\' : null">\r\n                <span class="lever"></span>TIO\r\n              </label>\r\n            </div>\r\n            <div class="col s2.5 no_margins switch" id="DisputeFlag">\r\n              <label>\r\n                <input type="checkbox" (change)="DISPUTERecordStatusChange($event)"\r\n                  [(ngModel)]="returned_data.DisputeFlag" name="DisputeFlag"\r\n                  [attr.disabled]="!roleAuthorizationComplaint ? \'\' : null">\r\n                <span class="lever"></span>DISPUTE\r\n              </label>\r\n            </div>\r\n            <div class="col s2.5 no_margins switch">\r\n              <label>\r\n                <input type="checkbox" id="extension" (change)="extensionStatusChange($event)"\r\n                  [(ngModel)]="returned_data.PaymentExtensionFlag" name="PaymentExtensionFlag">\r\n                <span class="lever"></span>EXTENSION\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n          \x3c!-- <div class="col s12 no_margins" *ngIf="extendPayment">\r\n            <form ngNativeValidate class="k-form" id="ExtendPayment" #ExtendPayment="ngForm"\r\n              (ngSubmit)="extendPayment(ExtendPayment.value);ExtendPayment.reset()">\r\n              <legend style="text-align:center">Check if customer is eligible for extension</legend>\r\n              <div class="control-label col s8">\r\n                <label>\r\n                  Customer Id</label>\r\n                <input type=text [(ngModel)]="CustId" name="CustId" required />\r\n              </div>\r\n              <div class="control-label col s8">\r\n                <label>\r\n                  Invoice Id</label>\r\n                <input type=text [(ngModel)]="InvoiceId" name="InvoiceId" required />\r\n              </div>\r\n              <div class="control-label col s8">\r\n                <label>\r\n                  Extension Due Date </label>\r\n                <kendo-datepicker [ngModel]="ExtensionDueDate" [format]="\'dd-MM-yyyy\'" #dateModel="ngModel"\r\n                  [focusedDate]="ndefaultDate" required name="ExtensionDueDate" [max]="ExtTillDate"\r\n                  [min]="ndefaultDate"></kendo-datepicker>\r\n\r\n              </div>\r\n              <div class="control-label col s8">\r\n                <label>Comments </label> <textarea [(ngModel)]="Comments" name="Comments" required></textarea>\r\n              </div>\r\n            </form>\r\n          </div> --\x3e\r\n          <div class="col s12 no_margins"><button *ngIf="trackBtn" class="btn btn-primary modem"\r\n              (click)="checkStatus(ModemDetails[0].ConsignmentNumber)">Track\r\n              Modem\r\n            </button>\r\n            <button *ngIf="roleAuthorizationAddProduct" class="btn btn-primary modem"\r\n              [routerLink]="[\'/addProducts\', returned_data.Id]" style="\r\n            margin-right: 3px;">Add Product</button><button id="smsSend" (click)="sendSms()" *ngIf="sendADSLSMS"\r\n              class="btn btn-primary modem" style="\r\n          margin-right: 3px;">SMS\r\n              ADSL Password</button>\r\n          </div>\r\n          <div class="col s12 no_margins">\r\n            <span class="spantag" style="display: none;">Please Wait ! Fetching data...</span>\r\n            <h6 *ngIf="checkStat" class="modemtrack modemStatus" style="display: none;">\r\n              Consignment Id: {{currentModem}}\r\n              <br> Current Modem Status : {{currentStatus}}</h6>\r\n            <h6 *ngIf="sendPwd" class="msgtag modemStatus" style="display: none;">\r\n              SMS sent successfully!\r\n            </h6>\r\n          </div>\r\n          <div class="col s4 no_margins" *ngIf="roleCustDetail">\r\n            <div class="card z-depth-4" id="test">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Client Details: {{returned_data.FirstName}} {{returned_data.LastName}}\r\n                  <button *ngIf="roleAuthorizationEditClient" data-toggle="modal" data-target="#edit_client_details"\r\n                    class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect"\r\n                    data-position="bottom" data-delay="50" data-tooltip="Edit" data-value="">\r\n                    <i class="large material-icons">mode_edit</i>\r\n                  </button>\r\n                </h4>\r\n                <span *ngIf="returned_data >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div class="content">\r\n                <table class="table  responsive-table">\r\n                  <tbody>\r\n                    <tr>\r\n                      <td class="header_bold">Customer No</td>\r\n                      <td>{{returned_data.Id}}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Name</td>\r\n                      <td>{{returned_data.FirstName}} {{returned_data.LastName}}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Invoice Display Name</td>\r\n                      <td>{{returned_data.InvoiceDisplayName}}</td>\r\n                    </tr>\r\n                    <tr *ngIf="returned_data.DateOfBirth !== null;else elseBlock">\r\n                      <td class="header_bold">Date Of Birth</td>\r\n                      <td>{{ returned_data.DateOfBirth | date: \'dd-MM-yyyy\' }}</td>\r\n                    </tr>\r\n                    <ng-template #elseBlock>\r\n                      <tr>\r\n                        <td class="header_bold">Date Of Birth</td>\r\n                        <td>&nbsp;</td>\r\n                      </tr>\r\n                    </ng-template>\r\n                    <tr>\r\n                      <td class="header_bold">Phone</td>\r\n                      <td>{{ returned_data.Phone }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Phone Pin</td>\r\n                      <td>{{ returned_data.PhonePin }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Email</td>\r\n                      <td>{{ returned_data.Email }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Create Date</td>\r\n                      <td>{{ returned_data.OpenDate }}</td>\r\n                    </tr>\r\n                    <tr [ngSwitch]="returned_data.AuthRecurringPayments">\r\n                      <td class="header_bold">Monthly Autopay</td>\r\n                      <td *ngSwitchCase="true">Yes</td>\r\n                      <td *ngSwitchDefault>No</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Second Account Holder</td>\r\n                      <td>{{ returned_data.SecondAcctHolderFirstName }} {{ returned_data.SecondAcctHolderLastName\r\n                                }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Second Account Holder DOB</td>\r\n                      <td>{{ returned_data.SecondAcctHolderDOB | date: \'dd-MM-yyyy\'  }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Second Account Holder Phone No</td>\r\n                      <td>{{ returned_data.SecondAcctHolderPhoneNo }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="no_paddings_td" colspan="2">\r\n                        <ul class="collapsible" data-collapsible="expandable">\r\n                          <li>\r\n                            <div class="collapsible-header products_header" data-toggle="collapse" data-target="#postal"\r\n                              (click)=changeIcon($event)>\r\n                              <i class="material-icons">control_point</i>\r\n                              Postal Address\r\n                            </div>\r\n                            <button data-toggle="modal" *ngIf="roleAuthorizationEditClient"\r\n                              data-target="#edit_postal_details"\r\n                              class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect"\r\n                              style="margin-top: -32px !important; margin-right: 20px" data-position="bottom"\r\n                              data-delay="50" data-tooltip="Edit" data-value="">\r\n                              <i class="large material-icons">mode_edit</i>\r\n                            </button>\r\n                            <div class="collapsible-body" id="postal">\r\n                              <table class="table" *ngIf="returned_data.PostalAddress">\r\n                                <tr>\r\n                                  <td class="header_bold">Unit No</td>\r\n                                  <td>{{ returned_data.PostalAddress.SubAddressNumber }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Number 1</td>\r\n                                  <td>{{ returned_data.PostalAddress.StreetNumber1 }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Number 2</td>\r\n                                  <td>{{ returned_data.PostalAddress.StreetNumber2 }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Name</td>\r\n                                  <td>{{ returned_data.PostalAddress.StreetName }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Type</td>\r\n                                  <td>{{ returned_data.PostalAddress.StreetType }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Suburb</td>\r\n                                  <td>{{ returned_data.PostalAddress.Suburb }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Postcode</td>\r\n                                  <td>{{ returned_data.PostalAddress.Postcode }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">State Code</td>\r\n                                  <td>{{ returned_data.PostalAddress.StateCode }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Country</td>\r\n                                  <td>{{ returned_data.PostalAddress.Country }}</td>\r\n                                </tr>\r\n                              </table>\r\n                            </div>\r\n                          </li>\r\n                        </ul>\r\n                      </td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="no_paddings_td" colspan="2">\r\n                        <ul class="collapsible" data-collapsible="expandable">\r\n                          <li>\r\n                            <div class="collapsible-header products_header" data-toggle="collapse"\r\n                              data-target="#billing" (click)=changeIcon($event)>\r\n                              <i class="material-icons">control_point</i>\r\n                              Billing Address\r\n                            </div>\r\n                            <button *ngIf="roleAuthorizationEditClient" data-toggle="modal"\r\n                              data-target="#edit_bill_details"\r\n                              class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect"\r\n                              style="margin-top: -32px !important; margin-right: 20px" data-position="bottom"\r\n                              data-delay="50" data-tooltip="Edit" data-value="">\r\n                              <i class="large material-icons">mode_edit</i>\r\n                            </button>\r\n                            <div class="collapsible-body" id="billing">\r\n                              <table class="table" *ngIf="returned_data.BillingAddress">\r\n                                <tr>\r\n                                  <td class="header_bold">Unit No</td>\r\n                                  <td>{{ returned_data.BillingAddress.SubAddressNumber }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Number 1</td>\r\n                                  <td>{{ returned_data.BillingAddress.StreetNumber1 }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Number 2</td>\r\n                                  <td>{{ returned_data.BillingAddress.StreetNumber2 }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Name</td>\r\n                                  <td>{{ returned_data.BillingAddress.StreetName }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Street Type</td>\r\n                                  <td>{{ returned_data.BillingAddress.StreetType }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Suburb</td>\r\n                                  <td>{{ returned_data.BillingAddress.Suburb }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Postcode</td>\r\n                                  <td>{{ returned_data.BillingAddress.Postcode }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">State Code</td>\r\n                                  <td>{{ returned_data.BillingAddress.StateCode }}</td>\r\n                                </tr>\r\n                                <tr>\r\n                                  <td class="header_bold">Country</td>\r\n                                  <td>{{ returned_data.BillingAddress.Country }}</td>\r\n                                </tr>\r\n                              </table>\r\n                            </div>\r\n                          </li>\r\n                        </ul>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s4 no_margins" *ngIf="roleCustDetail">\r\n            <div class="card z-depth-4">\r\n              <ul class="collapsible" data-collapsible="expandable">\r\n                <li *ngFor="let product of orders">\r\n                  <div class="collapsible-header title_drop header_bold active  order-Header-Title"\r\n                    data-toggle="collapse" [attr.data-target]="\'#orderdetails\' + product.OrderId"\r\n                    (click)=changeIcon($event)>\r\n                    <i class="material-icons">remove_circle_outline</i>\r\n                    Order Details\r\n                  </div>\r\n                  <button *ngIf="roleAuthorizationEditClient" data-toggle="modal"\r\n                    [attr.data-target]="\'#editorder\' + product.OrderId"\r\n                    class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect"\r\n                    style="margin-top: -36px !important; margin-right: 20px" data-position="bottom" data-delay="50"\r\n                    data-tooltip="Edit" data-value="">\r\n                    <i class="large material-icons">mode_edit</i>\r\n                  </button>\r\n                  <table class="table" id=orderdetails{{product.OrderId}}>\r\n                    <tr>\r\n                      <td class="header_bold">Order Date</td>\r\n                      <td>{{ product.OrderedDate }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold"> Preferred Payment Date</td>\r\n                      <td>{{ product.PreferredPaymentDate | date: \'dd-MM-yyyy\' }}</td>\r\n                    </tr>\r\n                    <tr [ngSwitch]="product.SetupFeesPaid" [ngClass]="{\r\n                        \'highLightitem\': product.SetupFeesPaid !== true \r\n                    }">\r\n                      <td class="header_bold"> Initial Payment Made</td>\r\n                      <td *ngSwitchCase="true">Yes</td>\r\n                      <td *ngSwitchDefault>No</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Loc Id</td>\r\n                      <td>{{ product.LocId }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Service Address</td>\r\n                      <td>{{ product.FormattedAddress}} </td>\r\n                    </tr>\r\n                    <tr *ngFor="let item of product.Products">\r\n                      <td *ngIf="item.showCool" class="header_bold">Cooling\r\n                        Off\r\n                        Remaining</td>\r\n                      <td *ngIf="item.showCool">\r\n                        {{item.CoolingOffRemaining}}</td>\r\n                    </tr>\r\n                    <tr *ngFor="let item of product.Products">\r\n                      <td *ngIf="item.showCoolDays" class="header_bold">Cooling Off Days</td>\r\n                      <td *ngIf="item.showCoolDays">{{item.CoolingOffDays}}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Move In Date</td>\r\n                      <td>{{product.MoveInDate | date: \'dd-MM-yyyy\' }}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Salesperson</td>\r\n                      <td>{{product.SalesPerson}}</td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td class="header_bold">Channel</td>\r\n                      <td>{{product.Channel}}</td>\r\n                    </tr>\r\n                  </table>\r\n                  <div class="collapsible-body main-collapsible">\r\n                    <ul class="collapsible" data-collapsible="expandable">\r\n                      <li *ngFor="let order of product.Products">\r\n                        <div class="collapsible-header products_header" data-toggle="collapse"\r\n                          [attr.data-target]="\'#productdetail\' + order.ProductId" (click)=changeIcon($event)>\r\n                          <i class="material-icons">control_point</i>\r\n                          {{ order.ProductInternalName }}\r\n                        </div>\r\n                        <button *ngIf="roleAuthorizationEditClient" data-toggle="modal"\r\n                          [attr.data-target]="\'#data\' + order.ProductId"\r\n                          class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect"\r\n                          style="margin-top: -36px !important; margin-right: 20px" data-position="bottom"\r\n                          data-delay="50" data-tooltip="Edit" data-value="">\r\n                          <i class="large material-icons">mode_edit</i>\r\n                        </button>\r\n                        <button *ngIf="order.ProductType === 1 && order.BlockFlag === true;else notBlock"\r\n                          (click)="BlockRecordStatusChange(order.ProductId,order.BlockFlag)" class="btn btn-primary"\r\n                          style="margin-top: -32px !important;margin-right: 3.8rem;font-size: 10px;height: 3em;line-height: 1px;">\r\n                          <strong>Unblock</strong>\r\n                        </button>\r\n                        <ng-template #notBlock>\r\n                          <button *ngIf="order.ProductType === 1 && !order.BlockFlag"\r\n                            (click)="BlockRecordStatusChange(order.ProductId,order.BlockFlag)" class="btn btn-primary"\r\n                            style="margin-top: -32px !important;margin-right: 3.8rem;font-size: 10px;height: 3em;line-height: 1px;">\r\n                            <strong>Block</strong>\r\n                          </button>\r\n                        </ng-template>\r\n                        \x3c!-- <button\r\n                          *ngIf="order.ProductType === 1 && order.ShapeFlag === true && !order.ProductInternalName.includes(\'MBB\') && !order.ProductInternalName.includes(\'Home Wireless\');else notShape"\r\n                          (click)="ShapeRecordStatusChange(order.ProductId,order.ShapeFlag)" class="btn btn-primary"\r\n                          style="margin-top: -32px !important;margin-right: 9.2rem;font-size: 10px;height: 3em;line-height: 1px;">\r\n                          <strong>Unshape</strong>\r\n                        </button>\r\n                        <ng-template #notShape>\r\n                          <button\r\n                            *ngIf="order.ProductType === 1 && !order.ShapeFlag && !order.ProductInternalName.includes(\'MBB\') && !order.ProductInternalName.includes(\'Home Wireless\')"\r\n                            (click)="ShapeRecordStatusChange(order.ProductId,order.ShapeFlag)" class="btn btn-primary"\r\n                            style="margin-top: -32px !important;margin-right: 9.2rem;font-size: 10px;height: 3em;line-height: 1px;">\r\n                            <strong>Shape</strong>\r\n                          </button>\r\n                        </ng-template> --\x3e\r\n                        <button *ngIf="roleAuthorizationEditClient && order.swapHWB" data-toggle="modal"\r\n                          [attr.data-target]="\'#swapHWB\' + order.ProductId"\r\n                          class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect"\r\n                          style="margin-top: -36px !important; margin-right: 55px" data-position="bottom"\r\n                          data-delay="50" data-tooltip="Edit" data-value="">\r\n                          <i class="material-icons">\r\n                            sim_card</i>\r\n                        </button>\r\n                        <div class="collapsible-body" id=productdetail{{order.ProductId}}>\r\n                          <table class="table" *ngIf="order">\r\n                            <tr *ngIf=\'order.Status && !(order.ProductInternalName.includes("Discount"))\'>\r\n                              <td class="header_bold">Status</td>\r\n                              <td>{{ order.Status }}</td>\r\n                            </tr>\r\n                            <tr *ngIf=\'order.showBlockShape\'>\r\n                              <td class="header_bold">Blocked</td>\r\n                              <td>{{ order.BlockType }}</td>\r\n                            </tr>\r\n                            <tr *ngIf=\'order.showBlockShape\'>\r\n                              <td class="header_bold">Shaped</td>\r\n                              <td>{{ order.ShapeType }}</td>\r\n                            </tr>\r\n                            <tr *ngIf=\'order.inactive === "false" && order.ProductInternalName.includes("Discount")\'>\r\n                              <td class="header_bold">Status &nbsp;<span style="color: green">(Active)</span> </td>\r\n                              <td>{{ order.Status }}</td>\r\n                            </tr>\r\n                            <tr *ngIf=\'(order.inactive === "true" && order.ProductInternalName.includes("Discount"))\'>\r\n                              <td class="header_bold">Status &nbsp;<span style="color: red">(Inactive)</span> </td>\r\n                              <td>{{ order.Status }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.CancelReason">\r\n                              <td class="header_bold">Cancellation Reason</td>\r\n                              <td>{{ order.CancelReason }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.CancelReason">\r\n                              <td class="header_bold">Cancellation Comment</td>\r\n                              <td>{{ order.CancelDescription }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.StatusDate">\r\n                              <td class="header_bold">Status Date</td>\r\n                              <td>{{ order.StatusDate | date: \'dd-MM-yyyy\'}}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.AVC">\r\n                              <td class="header_bold">AVC</td>\r\n                              <td>{{ order.AVC }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.Term" [ngSwitch]="order.Term">\r\n                              <td class="header_bold">Term</td>\r\n                              <td *ngSwitchCase="1">Month to month</td>\r\n                              <td *ngSwitchDefault>{{ order.Term }}</td>\r\n                            </tr>\r\n                            <tr *ngIf=\'order.ProductInternalName.includes("Discount")\'>\r\n                              <td class="header_bold">Valid From</td>\r\n                              <td>{{ order.StartDate | date: \'dd-MM-yyyy hh:mm a\' }}</td>\r\n                            </tr>\r\n                            <tr *ngIf=\'(order.Term < 9000) && order.ProductInternalName.includes("Discount")\'>\r\n                              <td class="header_bold">Valid Till</td>\r\n                              <td>{{ order.EndDate | date: \'dd-MM-yyyy hh:mm a\' }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.AttendanceRequired" [ngSwitch]="order.AttendanceRequired">\r\n                              <td class="header_bold">Attendance Required</td>\r\n                              <td *ngSwitchCase="true">Yes</td>\r\n                              <td *ngSwitchCase="false">No</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.AppointmentStart">\r\n                              <td class="header_bold">Appointment Start</td>\r\n                              \x3c!-- <td>{{ order.startvalue | date: \'dd-MM-yyyy\' }} {{startTime}}</td> --\x3e\r\n                              <td>{{order.AppointmentStartTime}}</td>\r\n                            </tr>\r\n\r\n                            <tr *ngIf="order.AppointmentEnd">\r\n                              <td class="header_bold">Appointment End</td>\r\n                              \x3c!-- <td>{{ order.endvalue | date: \'dd-MM-yyyy\' }} {{endTime}}</td> --\x3e\r\n                              <td>{{order.AppointmentEndTime}}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.NtuPortNumber">\r\n                              <td class="header_bold">UNI-D Port Number</td>\r\n                              <td>{{ order.NtuPortNumber }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.FNN" [ngSwitch]="order.FNN">\r\n                              <td class="header_bold">FNN</td>\r\n                              <td *ngSwitchCase="null">null</td>\r\n                              <td *ngSwitchDefault>{{ order.FNN }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.IsActiveFnn" [ngSwitch]="order.IsActiveFnn">\r\n                              <td class="header_bold">FNN Active</td>\r\n                              <td *ngSwitchCase="true">Yes</td>\r\n                              <td *ngSwitchCase="false">No</td>\r\n                              <td *ngSwitchCase="null || undefined">Data not available</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.TempNumber">\r\n                              <td class="header_bold">Temp Number</td>\r\n                              <td>{{ order.TempNumber }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.SupplierServiceId">\r\n                              <td class="header_bold">Supplier Service Id</td>\r\n                              <td>{{ order.SupplierServiceId }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.NbnCTag">\r\n                              <td class="header_bold">C Tag</td>\r\n                              <td>{{ order.NbnCTag }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.NbnSTag">\r\n                              <td class="header_bold">S Tag </td>\r\n                              <td>{{ order.NbnSTag }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.LNP">\r\n                              <td class="header_bold">LNP</td>\r\n                              <td>{{ order.LNP }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.PhoneProviderAccountNumber">\r\n                              <td class="header_bold">Phone Provider Account Number</td>\r\n                              <td>{{ order.PhoneProviderAccountNumber }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.PhoneProviderName">\r\n                              <td class="header_bold">Phone Provider Name</td>\r\n                              <td>{{ order.PhoneProviderName }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.IsNewNumber">\r\n                              <td class="header_bold">Is New Number</td>\r\n                              <td>{{ order.IsNewNumber }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.TotalSetupFee">\r\n                              <td class="header_bold">Setup Fee</td>\r\n                              <td>${{ order.TotalSetupFee }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.TotalAccessFee">\r\n                              <td class="header_bold">Monthly Fee</td>\r\n                              <td>${{ order.TotalAccessFee }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.SerialNumber">\r\n                              <td class="header_bold">Serial Number</td>\r\n                              <td>{{ order.SerialNumber }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.MacAddress">\r\n                              <td class="header_bold">Mac Address</td>\r\n                              <td>{{ order.MacAddress }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.ConsignmentNumber">\r\n                              <td class="header_bold">Consignment Number</td>\r\n                              <td>{{ order.ConsignmentNumber }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.SIM">\r\n                              <td class="header_bold">SIM Number</td>\r\n                              <td>{{ order.SIM }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.IMEI">\r\n                              <td class="header_bold">IMEI Number</td>\r\n                              <td>{{ order.IMEI }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.MSN">\r\n                              <td class="header_bold">MSN Number</td>\r\n                              <td>{{ order.MSN }}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.ProductActivatedDate">\r\n                              <td class="header_bold">Order Completed Date</td>\r\n                              <td>{{ order.ProductActivatedDate | date: \'dd-MM-yyyy\'}}</td>\r\n                            </tr>\r\n                            <tr *ngIf="order.NbnTerminationDate">\r\n                              <td class="header_bold">Termination Date</td>\r\n                              <td>{{ order.NbnTerminationDate | date: \'dd-MM-yyyy\' }}</td>\r\n                            </tr>\r\n                          </table>\r\n                        </div>\r\n                      </li>\r\n                    </ul>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n          <div class="col s4" *ngIf="roleCustDetail">\r\n            <div class="card z-depth-4">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Service Details\r\n                </h4>\r\n                <span *ngIf="returned_data >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <table class="table  responsive-table">\r\n                <tr [ngSwitch]="returned_data.Lockout">\r\n                  <td class="header_bold">Lock Out</td>\r\n                  <td *ngSwitchCase="true">Yes</td>\r\n                  <td *ngSwitchCase="false">No</td>\r\n                  <td *ngSwitchCase="null"></td>\r\n                </tr>\r\n                <tr *ngIf="returned_data.BillDayOfMonth; else AnniversaryBlock">\r\n                  <td class="header_bold">Bill Anniversary Day</td>\r\n                  <td>{{ returned_data.BillDayOfMonth }} of the month</td>\r\n                </tr>\r\n                <ng-template #AnniversaryBlock>\r\n                  <tr>\r\n                    <td class="header_bold">Bill Anniversary Day</td>\r\n                    <td>Data not available</td>\r\n                  </tr>\r\n                </ng-template>\r\n                <tr>\r\n                  <td class="header_bold">Account Balance</td>\r\n                  <td>${{ returned_data.AccountBalance }}</td>\r\n                </tr>\r\n                <tr>\r\n                  <td class="header_bold">Internet Technology Type</td>\r\n                  <td>{{ serviceClass }}</td>\r\n                </tr>\r\n                <tr>\r\n                  <td class="header_bold">Service Class</td>\r\n                  <td>{{ serviceClassType }}</td>\r\n                </tr>\r\n              </table>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" *ngIf="roleCustNote">\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Notes\r\n                  <button style="float: right;" *ngIf="roleCustNote"\r\n                    class="btn-floating btn-small waves-effect waves-light indigo darken-4 tooltipped pulseEffect"\r\n                    data-position="bottom" data-delay="50" data-tooltip="Add notes" data-toggle="modal"\r\n                    data-target="#new_note">\r\n                    <i class="material-icons">add</i>\r\n                  </button>\r\n                </h4>\r\n                <span *ngIf="notes >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important" id="notes_live" *ngIf="notes">\r\n                <kendo-grid [kendoGridBinding]="notes" filterable="menu" [scrollable]="true" [height]="310"\r\n                  [sortable]="true" [resizable]="true">\r\n                  <kendo-grid-column field="Time" title="Created On" class="header_bold" width="145"\r\n                    [resizable]="false"></kendo-grid-column>\r\n                  <kendo-grid-column field="WriterName" title="Created By" width="170" class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="CallType" title="Call Type" width="170" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="Notes" title="Notes" class="header_bold"></kendo-grid-column>\r\n                  <ng-template kendoGridDetailTemplate let-dataItem>\r\n                    <section *ngIf="dataItem.Notes">\r\n                      <div [innerHtml]="dataItem.Notes | safe: \'html\'" style="text-align:initial; white-space: normal">\r\n                      </div>\r\n                    </section>\r\n                  </ng-template>\r\n                </kendo-grid>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" *ngIf="!showme && roleCustNote">\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Tickets\r\n                  \x3c!-- <kendo-dropdownlist [data]="ticketStatus" [(ngModel)]="selected"\r\n                      (selectionChange)="onTicketStatusChange($event)"></kendo-dropdownlist> --\x3e\r\n                  <button *ngIf="roleCustNote" style="float:right"\r\n                    class="btn-floating btn-small waves-effect waves-light indigo darken-4 tooltipped pulseEffect"\r\n                    data-position="bottom" data-delay="50" data-tooltip="Add tickets" (click)="showForm()">\r\n                    <i class="material-icons">add</i>\r\n                  </button>\r\n                </h4>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important">\r\n                <kendo-grid [kendoGridBinding]="TicketData" [pageSize]="ticketstate.take" [skip]="ticketstate.skip"\r\n                  [pageable]="true" [height]="310" [sortable]="true" [resizable]="true" filterable="menu">\r\n                  <kendo-grid-column hidden="true" field="TicketId" title="Ticket Id"></kendo-grid-column>\r\n                  <kendo-grid-column field="OstCreatedDate" title="Created On" [width]="145"></kendo-grid-column>\r\n                  <kendo-grid-column field="OstUpdateDate" title="Updated On" [width]="145"></kendo-grid-column>\r\n                  <kendo-grid-column field="UserFullname" title="Created By" [minResizableWidth]="200">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="TicketNumber" title="Ticket Number" [filterable]="true" width="100"\r\n                    [resizable]="false">\r\n                    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                      <a class="billing-customerid" (click)="getDetails(dataItem.TicketId)" data-toggle="modal"\r\n                        [attr.data-target]="\'#ticketdetail\' + dataItem.TicketId" data-position="bottom" data-delay="50"\r\n                        data-tooltip="tooltip">{{dataItem.TicketNumber}}</a>\r\n                    </ng-template>\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="Priority" title="Priority" width="100" [resizable]="false">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="DeptName" title="Department" [minResizableWidth]="200">\r\n                    <ng-template kendoGridFilterMenuTemplate let-column="column" let-filter="filter"\r\n                      let-filterService="filterService">\r\n                      <kendo-multiselect style="width:250px" [data]="distinctDeptdata" textField="text"\r\n                        valueField="value" [valuePrimitive]="true" [value]="categoryFilters(filter)"\r\n                        (valueChange)="deptcategoryChange($event, filterService)">\r\n                      </kendo-multiselect>\r\n                    </ng-template>\r\n                    <ng-template kendoGridCellTemplate let-dataItem>\r\n                      {{dataItem.DeptName}}\r\n                    </ng-template>\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="TopicName" title="Topic" class="wordbreak" [minResizableWidth]="200">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="Subject" title="Subject" [minResizableWidth]="200">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="Status" title="Status" [minResizableWidth]="200"></kendo-grid-column>\r\n                </kendo-grid>\r\n                <div *ngIf="loadingTicket" class="k-i-loading"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" *ngIf="showme">\r\n            <form ngNativeValidate class="k-form" id="CreateTicket" #CreateTicket="ngForm"\r\n              (ngSubmit)="createTicket(CreateTicket.value);CreateTicket.reset()">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Create Ticket\r\n                </h4>\r\n              </div>\r\n              <div class="control-label col s8">\r\n                <label>\r\n                  Select department</label>\r\n                <select style="display:block" [(ngModel)]="deptId" (change)="handleChange1(deptId)" name="deptId">\r\n                  <option [ngValue]="undefined" selected>Select department</option>\r\n                  <option *ngFor="let dept of ticketDept" value="{{ dept.DeptID }}">\r\n                    {{ dept.DeptName }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n              <div class="control-label col s8" *ngFor="let dept of depts">\r\n                <label *ngIf="deptId == dept.DeptID">\r\n                  Select topic</label><select *ngIf="deptId == dept.DeptID" style="display:block" [(ngModel)]="topicId"\r\n                  (change)="topicChange(topicId)" name="topicId">\r\n                  <option [ngValue]="undefined" selected>Select topic</option>\r\n                  <option *ngFor="let topic of dept.HelpTopics" value="{{topic.TopicId}}">\r\n                    {{ topic.TopicName }}</option>\r\n                </select>\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="showTechSupport2">\r\n                <label>\r\n                  Select subject</label>\r\n                <select style="display:block" [(ngModel)]="subject" (change)="optionChange(subject)" name="subject">\r\n                  <option [ngValue]="undefined" selected>Select subject</option>\r\n                  <option *ngFor="let sub of TechSupportL3Sub" value="{{sub.value}}">\r\n                    {{ sub.category }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="myticketform">\r\n                <label>\r\n                  Enter subject</label>\r\n                <input type=text [(ngModel)]="subject" id="subject" name="subject" required />\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="showTechSupport2 || myticketform">\r\n                <label>\r\n                  Enter message</label>\r\n                <textarea [(ngModel)]="message" id="message" name="message" required></textarea>\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="credit || refund">\r\n                <label>\r\n                  Select Description</label>\r\n                <select style="display:block" [(ngModel)]="subject" (change)="optionChange(subject)" name="subject">\r\n                  <option [ngValue]="undefined" selected>Select subject</option>\r\n                  <option *ngFor="let sub of TechSupportL3Sub" value="{{sub.value}}">\r\n                    {{ sub.category }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="credit">\r\n                <label>\r\n                  Select Reason</label>\r\n                <select style="display:block" [(ngModel)]="Reason" name="Reason">\r\n                  <option *ngFor="let sub of creditReason" value="{{sub}}">\r\n                    {{ sub }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="refund">\r\n                <label>\r\n                  Select Reason</label>\r\n                <select style="display:block" [(ngModel)]="Reason" name="Reason">\r\n                  <option *ngFor="let sub of refundcreditReason" value="{{sub}}">\r\n                    {{ sub }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="credit || refund">\r\n                <label>\r\n                  Enter Amount</label>\r\n                <input type="number" class="form-control-static" step="any" name="TotalAmount" [(ngModel)]="TotalAmount"\r\n                  required />\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="credit || refund">\r\n                <label>\r\n                  Description of Events</label>\r\n                <textarea name="Comment" [(ngModel)]="Comment"></textarea>\r\n\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="credit || refund">\r\n                <label>\r\n                  Which Channel did customer signup (if available)</label>\r\n                <input type="text" name="Channel" [(ngModel)]="Channel" />\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="credit || refund">\r\n                <label>\r\n                  Reason (if unknown)</label>\r\n                <textarea name="cause" [(ngModel)]="cause"></textarea>\r\n\r\n              </div>\r\n              <div class="control-label col s8" *ngIf="credit || refund">\r\n                <label>\r\n                  Approved By</label>\r\n                <select style="display:block" [(ngModel)]="ApprovedBy" name="ApprovedBy">\r\n                  <option [ngValue]="undefined" selected>Authorised Request to</option>\r\n                  <option *ngFor="let sub of creditApprovedBy" value="{{sub}}">\r\n                    {{ sub }}\r\n                  </option>\r\n                </select>\r\n              </div>\r\n              <div class="text-right control-label col s8">\r\n                <button type="button" (click)="hideForm();CreateTicket.reset()" class="k-button">Cancel</button>\r\n                <button type="submit" class="k-button k-primary">Submit<i class="material-icons right">send</i></button>\r\n              </div>\r\n            </form>\r\n\r\n          </div>\r\n          <div class="col s6 no_margins" *ngIf="roleCustDetail">\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="header">\r\n                <h4 class="title">Payment Details</h4>\r\n                <span *ngIf="paymentDetails >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important">\r\n                <kendo-grid [kendoGridBinding]="paymentDetails" [scrollable]="true" [height]="250" [sortable]="true"\r\n                  [resizable]="true">\r\n                  <kendo-grid-column field="TransactionId" title="Id" width="100" class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="TransactionDate" title="Payment Date" width="150" class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="PrincipalAmount" title="Amount" width="100" format="{0:c}"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="Status" title="Status" width="100" class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="TransactionType" title="Transaction Type" width="100" class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="PaymentMethod" title="Payment Method" width="100" class="header_bold">\r\n                  </kendo-grid-column>\r\n                </kendo-grid>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s6 no_margins" *ngIf="roleCustNote">\r\n            <div class="card z-depth-4">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Credits/Debits\r\n                  <button style="float: right;" *ngIf="roleAuthorizationCredit"\r\n                    class="btn-floating btn-small waves-effect waves-light indigo darken-4 tooltipped pulseEffect"\r\n                    data-position="bottom" data-delay="50" data-tooltip="Add credit" data-toggle="modal"\r\n                    data-target="#addCredit">\r\n                    <i class="material-icons">add</i>\r\n                  </button>\r\n                </h4>\r\n                <span *ngIf="creditNotes >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important" id="notes_live" *ngIf="notes">\r\n                <kendo-grid [kendoGridBinding]="creditNotes" [scrollable]="true" [height]="250" [sortable]="true"\r\n                  [resizable]="true">\r\n                  <kendo-grid-column field="Type" title="Type" class="header_bold" width="100" [resizable]="false">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="Date" title="Created On" class="header_bold" width="145"\r\n                    [resizable]="false"></kendo-grid-column>\r\n                  <kendo-grid-column field="Description" width="130" title="Description"\r\n                    class="header_bold setFont wordbreak" [minResizableWidth]="200"></kendo-grid-column>\r\n                  <kendo-grid-column field="Reason" width="130" title="Reason" class="header_bold setFont wordbreak"\r\n                    [minResizableWidth]="200"></kendo-grid-column>\r\n                  <kendo-grid-column field="Comment" title="Comment" width="130" class="header_bold setFont wordbreak"\r\n                    [minResizableWidth]="200"></kendo-grid-column>\r\n                  <kendo-grid-column field="TotalAmount" title="Amount" class="header_bold" width="80"\r\n                    [resizable]="false" format="{0:c}"></kendo-grid-column>\r\n                  <kendo-grid-column field="ApprovedBy" width="130" title="Approver"\r\n                    class="header_bold setFont wordbreak" [minResizableWidth]="200"></kendo-grid-column>\r\n                  <kendo-grid-column field="Action" *ngIf="roleAuthorizationdeletecredit" title="Action"\r\n                    [filterable]="false" width="60" [sortable]="false" [resizable]="false">\r\n                    <ng-template kendoGridCellTemplate let-dataItem>\r\n                      <i class="material-icons delete-credit"\r\n                        (click)="deleteCredit(dataItem,\'dialog\', status=\'No\')">delete</i>\r\n                    </ng-template>\r\n                  </kendo-grid-column>\r\n                </kendo-grid>\r\n                <kendo-dialog title="Please confirm" *ngIf="dialogOpened" (close)="close(\'dialog\')" [minWidth]="250"\r\n                  [width]="450">\r\n                  <p style="margin: 30px; text-align: center;">Are you sure you want to delete?</p>\r\n                  <kendo-dialog-actions>\r\n                    <button kendoButton class="confirmDialog" (click)="action(\'No\')">No</button>\r\n                    <button kendoButton class="confirmDialog" (click)="action(\'Yes\')" primary="true">Yes</button>\r\n                  </kendo-dialog-actions>\r\n                </kendo-dialog>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" *ngIf="roleBillDetail">\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="header" style="border-bottom:1px solid #d0d0d0">\r\n                <h4 class="title">Bill Details</h4>\r\n                <span *ngIf="invoices >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important">\r\n                <kendo-grid [data]="invoiceView" [resizable]="true" [height]="250" [scrollable]="true" [sort]="sortBill"\r\n                  [scrollable]="true">\r\n                  <kendo-grid-column field="BillId" title="Id" [width]="100" class="header_bold">\r\n                    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                      <a class="billing-customerid" href="{{billurl}}invoices/{{dataItem.Uid}}"\r\n                        target="_blank">{{dataItem.Id}}</a>\r\n                    </ng-template>\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="StartDate" title="Billing Date" [resizable]="false"\r\n                    class="header_bold wordbreak"></kendo-grid-column>\r\n                  <kendo-grid-column field="IssueDate" title="Issue Date" [resizable]="false"\r\n                    class="header_bold wordbreak"></kendo-grid-column>\r\n                  <kendo-grid-column field="OpeningBalance" title="Opening Balance" [resizable]="false" format={0:c}\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="NewCharges" title="New Charges" [resizable]="false" format={0:c}\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="Payments" title="Payments" [resizable]="false" format={0:c}\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="PaymentDue" title="Payment Due Date" [resizable]="false"\r\n                    class="header_bold wordbreak"></kendo-grid-column>\r\n                  <kendo-grid-column field="Credits" title="Credits" [resizable]="false" format={0:c}\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="BillStatus" title="Status" format={0:c} class="header_bold wordbreak">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="Total" title="Total" format={0:c} class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column *ngIf="roleAuthorizationEditBilling" field="Action" title="Action"\r\n                    [filterable]="false" [resizable]="false">\r\n                    <ng-template kendoGridCellTemplate let-dataItem>\r\n                      <span><a class="btn-sm btn waves-effect waves-light btn-fix" (click)="resend(dataItem.Uid)"\r\n                          *ngIf="(dataItem.Status) == \'Approved\'">Resend</a></span>\r\n                    </ng-template>\r\n                  </kendo-grid-column>\r\n                </kendo-grid>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s6 no_margins" *ngIf="roleBillDetail">\r\n            <div class="card  z-depth-4 " *ngIf="roleCustNote">\r\n              <div class="header" style="border-bottom:1px solid #d0d0d0">\r\n                <h4 class="title">Invoice Details</h4>\r\n                <span *ngIf="invoiceDetails >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important">\r\n                <kendo-grid [kendoGridBinding]="invoiceDetails" [height]="250" [scrollable]="true" [sortable]="true">\r\n                  <kendo-grid-column field="InvoiceDate" title="Date" width="100" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="Text" title="Description" class="header_bold wordbreak">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="InvoiceAmount" title="Amount" width="100" format={0:c} class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="CustomerInvoiceId" width="100" title="Invoice Id" class="header_bold">\r\n                  </kendo-grid-column>\r\n                </kendo-grid>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          \x3c!-- <div class="col s6 no_margins">\r\n            <div class="card  z-depth-4 " *ngIf="roleCustNote">\r\n              <div class="header" style="border-bottom:1px solid #d0d0d0">\r\n                <h4 class="title">Payment Extension History</h4>\r\n                <span *ngIf="invoiceDetails >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important">\r\n                <kendo-grid [kendoGridBinding]="extensiondata" [height]="250" [scrollable]="true" [sortable]="true">\r\n                  <kendo-grid-column field="InvoiceId" title="InvoiceId" width="100" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="Amount" title="Amount" class="header_bold wordbreak">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="ExtTillDate" title="Extension Till Date" class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="CurrExtStatus" title="Current Extension Status" class="header_bold">\r\n                  </kendo-grid-column>\r\n                </kendo-grid>\r\n              </div>\r\n            </div>\r\n          </div> --\x3e\r\n          <div class="col s12 no_margins" *ngIf="roleAuthorizationNotSpeedtest">\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="content">\r\n                <div class="header">\r\n                  <h4 class="title">\r\n                    Network Data (Radius)\r\n                    <span *ngIf="roleAuthorizationRadius" style="float:right;margin-top:-5px">\r\n                      <i title="Export Radius Data" data-toggle="modal" data-target="#radiusUsage"\r\n                        data-tooltip="tooltip" class="material-icons" style="cursor:pointer">grid_on</i>\r\n                    </span>\r\n                  </h4>\r\n                  <span *ngIf="radiusData >= 400">oops! Something went wrong</span>\r\n                </div>\r\n                <div *ngIf="radiusData" style="width: auto; overflow: auto !important">\r\n                  <kendo-grid [data]="radiusData" [scrollable]="true" [sortable]="true" [height]="250"\r\n                    [resizable]="true">\r\n                    <kendo-grid-column field="StartTime" title="Start Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="StopTime" title="Stop Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="SessionTime" title="Session Time" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="InputOctets" title="Upload (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="OutputOctets" title="Download (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="MacAddress" title="MAC" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                    <kendo-grid-column field="FramedIpAddress" title="IP Address" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                    <kendo-grid-column field="TerminateCause" title="Terminate Cause" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                </div>\r\n                <div *ngIf="custNetworkData" style="width: auto; overflow: auto !important">\r\n                  <kendo-grid [data]="custNetworkData" [scrollable]="true" [sortable]="true" [height]="250"\r\n                    [resizable]="true">\r\n                    <kendo-grid-column field="SessionId" title="Id" class="header_bold" width="120" [resizable]="false">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column field="SessionTime" title="Session Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="StartDate" title="Start Date" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="EndDate" title="End Date" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="Upload" title="Upload (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="Download" title="Download (MB)" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" style="padding: 0" *ngIf="roleAuthorizationSpeedtest">\r\n            <div class="col s6 no_margins">\r\n              <div class="card  z-depth-4 bill">\r\n                <div class="header">\r\n                  <h4 class="title">\r\n                    Network Data (Radius)\r\n                    <span *ngIf="roleAuthorizationRadius" style="float:right;margin-top:-5px">\r\n                      <i title="Export Radius Data" data-toggle="modal" data-target="#radiusUsage"\r\n                        data-tooltip="tooltip" class="material-icons" style="cursor:pointer">grid_on</i>\r\n                    </span>\r\n                  </h4>\r\n                  <span *ngIf="radiusData >= 400">oops! Something went wrong</span>\r\n                </div>\r\n                <div style="width: auto; overflow: auto !important">\r\n                  <kendo-grid *ngIf="radiusData" [data]="radiusData" [scrollable]="true" [sortable]="true"\r\n                    [height]="250" [resizable]="true">\r\n                    <kendo-grid-column field="StartTime" title="Start Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="StopTime" title="Stop Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="SessionTime" title="Session Time" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="InputOctets" title="Upload (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="OutputOctets" title="Download (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="MacAddress" title="MAC" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                    <kendo-grid-column field="FramedIpAddress" title="IP Address" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                    <kendo-grid-column field="TerminateCause" title="Terminate Cause" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                </div>\r\n                <div style="width: auto; overflow: auto !important">\r\n                  <kendo-grid *ngIf="custNetworkData" [data]="custNetworkData" [scrollable]="true" [sortable]="true"\r\n                    [height]="250" [resizable]="true">\r\n                    <kendo-grid-column field="SessionId" title="Id" class="header_bold" width="120" [resizable]="false">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column field="SessionTime" title="Session Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="StartDate" title="Start Date" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="EndDate" title="End Date" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="Upload" title="Upload (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="Download" title="Download (MB)" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class="col s6 no_margins">\r\n              <div class="card  z-depth-4 " *ngIf="roleCustNote">\r\n                <div class="header" style="border-bottom:1px solid #d0d0d0">\r\n                  <h4 class="title">\r\n                    Speed Test Results\r\n                    <span style="float: right;" *ngIf="speedModem">\r\n                      <button title="Speed Test" data-tooltip="tooltip"\r\n                        class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect myTroubleshootbtn"\r\n                        style="font-size: 25px !important; color: #ee0000" (click)="speedTest()" data-position="bottom"\r\n                        onclick="Materialize.toast(\'Speed test done. Data will be available shortly.\', 4000)">\r\n                        <i class="large material-icons"> network_check</i>\r\n                      </button>\r\n                    </span>\r\n                  </h4>\r\n                  <span *ngIf="speedtest >= 400">oops! Something went wrong</span>\r\n                </div>\r\n                <div style="width: 100%; overflow: auto !important">\r\n                  <div class="error-code speedtest">{{errorMsgSpeedtest}}</div>\r\n                  <kendo-grid [kendoGridBinding]="speedtest" [scrollable]="true" [sortable]="true" [height]="250">\r\n                    <kendo-grid-column field="SpeedStartTime" title="Start Time" width="200"\r\n                      class="header_bold wordbreak"></kendo-grid-column>\r\n                    <kendo-grid-column field="AVC" title="AVC" class="header_bold" width="150"></kendo-grid-column>\r\n                    <kendo-grid-column field="DownloadLink" title="Avg Download (Mbps)" width="100" format={0:n2}\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="UploadLink" title="Avg Upload (Mbps)" format={0:n2} width="100"\r\n                      class="header_bold"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s6 no_margins" *ngIf="roleAuthorizationtroubleshoot">\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="header">\r\n                <h4 class="title">Troubleshooting History\r\n                  <span style="float: right;">\r\n                    <button title="Troubleshoot" data-tooltip="tooltip"\r\n                      class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect myTroubleshootbtn"\r\n                      style="font-size: 25px !important; color: #ee0000" routerLink="/troubleshoot"\r\n                      data-position="bottom">\r\n                      <i class="large material-icons"> settings</i>\r\n                    </button>\r\n                  </span></h4>\r\n                <span *ngIf="troubleshootData >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important">\r\n                <kendo-grid [kendoGridBinding]="troubleshootData" [scrollable]="true" style="height:180px"\r\n                  [sortable]="true" [resizable]="true">\r\n                  <kendo-grid-column field="TroubleshootId" title="Id" class="header_bold" width="80"\r\n                    [resizable]="false">\r\n                    <ng-template kendoGridCellTemplate let-dataItem>\r\n                      <a class="billing-customerid" data-toggle="modal"\r\n                        [attr.data-target]="\'#troubleshoot\' + dataItem.Id" data-position="bottom" data-delay="50"\r\n                        data-tooltip="tooltip" title="View Troubleshoot Data">{{dataItem.Id}}\r\n                      </a>\r\n                    </ng-template>\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="TroubleshootCreatedDate" title="Created On" class="header_bold" width="145"\r\n                    [resizable]="false"></kendo-grid-column>\r\n                  <kendo-grid-column field="TroubleshootFaultDescription" title="Troubleshoot Description"\r\n                    class="header_bold" [minResizableWidth]="200">\r\n                  </kendo-grid-column>\r\n                </kendo-grid>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s6 no_margins">\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="header">\r\n                <h4 class="title">Fault History</h4>\r\n                <span *ngIf="faultData >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div style="width: auto; overflow: auto !important">\r\n                <kendo-grid [kendoGridBinding]="faultData" [scrollable]="true" style="height:180px" [sortable]="true"\r\n                  [resizable]="true">\r\n                  <kendo-grid-column field="Id" title="Id" class="header_bold" width="80" [resizable]="false">\r\n                    <ng-template kendoGridCellTemplate let-dataItem>\r\n                      <a class="billing-customerid" data-toggle="modal" [attr.data-target]="\'#fault\' + dataItem.Id"\r\n                        data-position="bottom" data-delay="50" data-tooltip="tooltip"\r\n                        title="View Fault Data">{{dataItem.Id}}\r\n                      </a>\r\n                    </ng-template>\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="CreatedDate" title="Created On" class="header_bold" width="145"\r\n                    [resizable]="false"></kendo-grid-column>\r\n                  <kendo-grid-column field="FaultDescription" title="Fault Description" class="header_bold"\r\n                    [minResizableWidth]="200">\r\n                  </kendo-grid-column>\r\n                </kendo-grid>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" *ngIf="roleCustDetail">\r\n            <div class="card  z-depth-4">\r\n              <div class="header">\r\n                <h4 class="title ">\r\n                  Usage Data\r\n                  <button data-tooltip="Add usage" class="btn-sm btn waves-effect waves-light btn-fix"\r\n                    style="height: 20px; float: right; margin-top: -3px" data-toggle="modal"\r\n                    data-target="#editUsage">Historical Data</button>\r\n                </h4>\r\n              </div>\r\n              <kendo-chart>\r\n                <kendo-chart-legend position="bottom" orientation="horizontal">\r\n                </kendo-chart-legend>\r\n                <kendo-chart-tooltip format="{0} GB">\r\n                </kendo-chart-tooltip>\r\n                <kendo-chart-value-axis>\r\n                  <kendo-chart-value-axis-item [labels]="valueAxisLabels">\r\n                  </kendo-chart-value-axis-item>\r\n                </kendo-chart-value-axis>\r\n                <kendo-chart-category-axis>\r\n                  <kendo-chart-category-axis-item>\r\n                    <kendo-chart-category-axis-item-labels rotation="-50">\r\n                    </kendo-chart-category-axis-item-labels>\r\n                  </kendo-chart-category-axis-item>\r\n                </kendo-chart-category-axis>\r\n                <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n                </kendo-chart-axis-defaults>\r\n                <kendo-chart-series>\r\n                  <kendo-chart-title text="Usage Details (Last 30 Days)"></kendo-chart-title>\r\n                  <kendo-chart-series-item type="column" name="Upload" [data]="dataDefault" field="Upload"\r\n                    categoryField="Date">\r\n                  </kendo-chart-series-item>\r\n                  <kendo-chart-series-item type="column" name="Download" [data]="dataDefault" field="Download"\r\n                    categoryField="Date">\r\n                  </kendo-chart-series-item>\r\n                </kendo-chart-series>\r\n              </kendo-chart>\r\n              <kendo-chart [seriesColors]="[\'blue\', \'grey\']">\r\n                <kendo-chart-legend position="bottom" orientation="horizontal">\r\n                </kendo-chart-legend>\r\n                <kendo-chart-tooltip format="{0} MB">\r\n                </kendo-chart-tooltip>\r\n                <kendo-chart-value-axis>\r\n                  <kendo-chart-value-axis-item [labels]="valueAxisLabels">\r\n                  </kendo-chart-value-axis-item>\r\n                </kendo-chart-value-axis>\r\n                <kendo-chart-category-axis>\r\n                  <kendo-chart-category-axis-item>\r\n                    <kendo-chart-category-axis-item-labels rotation="-50">\r\n                    </kendo-chart-category-axis-item-labels>\r\n                  </kendo-chart-category-axis-item>\r\n                </kendo-chart-category-axis>\r\n                <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n                </kendo-chart-axis-defaults>\r\n                <kendo-chart-series>\r\n                  <kendo-chart-title text="Usage Details (Last 30 Hours)" style="font-weight: bold">\r\n                  </kendo-chart-title>\r\n                  <kendo-chart-series-item type="column" name="Upload" [data]="dataHourly" field="Upload"\r\n                    categoryField="dateTime">\r\n                  </kendo-chart-series-item>\r\n                  <kendo-chart-series-item type="column" name="Download" [data]="dataHourly" field="Download"\r\n                    categoryField="dateTime">\r\n                  </kendo-chart-series-item>\r\n                </kendo-chart-series>\r\n              </kendo-chart>\r\n            </div>\r\n          </div>\r\n          <div class="fixed-action-btn" *ngIf="roleCustNote">\r\n            <a class="btn-floating btn-large blue taskButtons">\r\n              <i class="large material-icons">content_paste</i>\r\n            </a>\r\n            <ul>\r\n              <li>\r\n                <a class="btn-floating yellow darken-1 taskButtons" data-toggle="modal" data-target="#taskList"\r\n                  (click)="gettaskData();">\r\n                  <i class="material-icons">format_quote</i>\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a class="btn-floating blue darken-1 taskButtons" data-toggle="modal" data-target="#task">\r\n                  <i class="material-icons">mode_edit</i>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </kendo-tabstrip-tab>\r\n    <kendo-tabstrip-tab [title]="\'Data Plan Summary\'">\r\n      <ng-template kendoTabContent *ngIf="roleCustDetail">\r\n\r\n        <div class="row first_row">\r\n          <div class="col s12 no_margins input-field ">\r\n            <kendo-dropdownlist style="width: calc(28em)" [data]="dataItems" [textField]="\'category\'"\r\n              [defaultItem]="defaultItem" [valueField]="\'category\'" (selectionChange)="selectionDataChange($event)">\r\n            </kendo-dropdownlist>\r\n            <label class="active">Select a plan to view details</label>\r\n            <a *ngIf="showCoolOffbtn" class="waves-effect waves-light btn button_width" title="Cooling Off"\r\n              data-tooltip="tooltip">\r\n              CO\r\n            </a>\r\n          </div>\r\n          <div class="col s4"\r\n            *ngIf="(data && !showCoolOffbtn && (data.Status.toString() === \'Order Unable To Complete\' || data.Status.toString() === \'Order Cancelled\' || data.Status.toString() === \'Product Terminated\'))">\r\n            <table style="color: #000">\r\n              <tbody>\r\n                <tr>\r\n                  <th class="highlight">Current Status:</th>\r\n                  <th class="highlight">{{data.Status.toString()}}</th>\r\n                </tr>\r\n                <tr>\r\n                  <th class="highlight">Status Date:</th>\r\n                  <th class="highlight">{{data.StatusDate | date: \'dd-MM-yyyy\'}}</th>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div\r\n            *ngIf="(data && !showCoolOffbtn && (data.Status.toString() !== \'Order Unable To Complete\' && data.Status.toString() !== \'Order Cancelled\' && data.Status.toString() !== \'Product Terminated\'))">\r\n\r\n            <div class="col s1 4 extra_margins">\r\n              <h6 class="title prov_title">Data</h6>\r\n            </div>\r\n            <div class="col s1 extra_margins button_padding" kendoTooltip position="right" filter="a"\r\n              id="agglomerations">\r\n              <a [ngClass]="{\r\n                                        \'activeButton\': data.Status.toString() === \'OrderComplete\' && DataActive === true,\r\n                                        \'orange\': (data.Status.toString() === \'OrderComplete\' && DataActive === false),\r\n                                        grey: greyButton\r\n                                    }" class="btn-floating btn-large waves-effect waves-light progress_status"\r\n                title="{{data.Status}}"></a>\r\n            </div>\r\n            <div class="col s8 bs-wizard" style="border-bottom:0;">\r\n              <div class="col-xs-2  bs-wizard-step" [ngClass]="{\r\n                                              \'active\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderOnHoldMissingInfo\',\r\n                                              \'complete\': data.Status.toString() === \'OrderInProgress\' || data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'OrderComplete\' || data.Status.toString() === \'AppointmentReAllocated\',\r\n                                              \'orangeStatus\': data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldPendingPayment\',\r\n                                              \'redStatus\': data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\'\r\n                              \r\n                                          }">\r\n\r\n                <div class="progress">\r\n                  <div class="progress-bar"></div>\r\n                </div>\r\n                <a class="bs-wizard-dot"></a>\r\n                <div class="bs-wizard-info text-center">Order</div>\r\n              </div>\r\n              <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                                              \'disabled\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldPendingPayment\' || data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\',\r\n                                              \'active\': data.Status.toString() === \'OrderInProgress\',\r\n                                              \'orangeStatus\': data.Status.toString() === \'OrderOnHoldMissingInfo\',  \r\n                                              \'complete\': data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'AppointmentReAllocated\' || data.Status.toString() === \'OrderComplete\',\r\n                                              \'coolingOff\': \'coolingOff > 0\'\r\n                                          }">\r\n                \x3c!-- complete --\x3e\r\n\r\n                <div class="progress">\r\n                  <div class="progress-bar"></div>\r\n                </div>\r\n                <a class="bs-wizard-dot"></a>\r\n                <div class="bs-wizard-info text-center">In Progress</div>\r\n              </div>\r\n              <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                                              \'disabled\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderInProgress\' || data.Status.toString() === \'OrderOnHoldMissingInfo\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderOnHoldPendingPayment\'  || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\',\r\n                                              \'active\': data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'AppointmentReAllocated\',\r\n                                              \'complete\': data.Status.toString() === \'OrderComplete\'\r\n                                          }">\r\n\r\n                <div class="progress">\r\n                  <div class="progress-bar"></div>\r\n                </div>\r\n                <a class="bs-wizard-dot"></a>\r\n                <div class="bs-wizard-info text-center">Appointment Allocated</div>\r\n              </div>\r\n              <div class="col-xs-2 bs-wizard-step" [ngClass]="{\r\n                                              \'disabled\': data.Status.toString() === \'TestOrder\' || data.Status.toString() === \'OrderReceived\' || data.Status.toString() === \'OrderUnableToComplete\' || data.Status.toString() === \'OrderInProgress\' || data.Status.toString() === \'AppointmentAllocated\' || data.Status.toString() === \'OrderOnHoldMissingInfo\' || data.Status.toString() === \'AppointmentReAllocated\' || data.Status.toString() === \'OrderOnHoldDelayed\' || data.Status.toString() === \'OrderOnHoldCoolingOff\' || data.Status.toString() === \'OrderOnHoldPendingPayment\' || data.Status.toString() === \'OrderCancelled\' || data.Status.toString() === \'ProductTerminated\',\r\n                                              \'active\': data.Status.toString() === \'OrderComplete\'\r\n                              \r\n                                          }">\r\n                \x3c!-- active --\x3e\r\n\r\n                <div class="progress">\r\n                  <div class="progress-bar"></div>\r\n                </div>\r\n                <a class="bs-wizard-dot"></a>\r\n                <div class="bs-wizard-info text-center">Order completed</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="col s6 no_margins">\r\n            <div class="card  z-depth-4">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Plan Details\r\n                </h4>\r\n                <span *ngIf="returned_data >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <table class="table  responsive-table">\r\n                <tr>\r\n                  <td class="header_bold">Plan Name</td>\r\n                  <td> {{ data.ProductInternalName }}</td>\r\n                </tr>\r\n                <tr>\r\n                  <td class="header_bold">Status</td>\r\n                  <td>{{ data.Status }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.CancelReason">\r\n                  <td class="header_bold">Cancellation Reason</td>\r\n                  <td>{{ data.CancelReason }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.CancelReason">\r\n                  <td class="header_bold">Cancellation Comment</td>\r\n                  <td>{{ data.CancelDescription }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.StatusDate">\r\n                  <td class="header_bold">Status Date</td>\r\n                  <td>{{ data.StatusDate | date: \'dd-MM-yyyy\'}}</td>\r\n                </tr>\r\n                <tr *ngIf="data.AVC">\r\n                  <td class="header_bold">AVC</td>\r\n                  <td>{{ data.AVC }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.Term" [ngSwitch]="data.Term">\r\n                  <td class="header_bold">Term</td>\r\n                  <td *ngSwitchCase="1">Month to month</td>\r\n                  <td *ngSwitchDefault>{{ data.Term }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.AttendanceRequired" [ngSwitch]="data.AttendanceRequired">\r\n                  <td class="header_bold">Attendance Required</td>\r\n                  <td *ngSwitchCase="true">Yes</td>\r\n                  <td *ngSwitchCase="false">No</td>\r\n                </tr>\r\n                <tr *ngIf="data.AppointmentStart">\r\n                  <td class="header_bold">Appointment Start</td>\r\n                  <td>{{ data.startvalue | date: \'dd-MM-yyyy\' }} {{startTime}}</td>\r\n                </tr>\r\n\r\n                <tr *ngIf="data.AppointmentEnd">\r\n                  <td class="header_bold">Appointment End</td>\r\n                  <td>{{ data.endvalue | date: \'dd-MM-yyyy\' }} {{endTime}}</td>\r\n                </tr>\r\n                <tr *ngIf="data.NtuPortNumber">\r\n                  <td class="header_bold">UNI-D Port Number</td>\r\n                  <td>{{ data.NtuPortNumber }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.FNN" [ngSwitch]="data.FNN">\r\n                  <td class="header_bold">FNN</td>\r\n                  <td *ngSwitchCase="null">null</td>\r\n                  <td *ngSwitchDefault>{{ data.FNN }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.IsActiveFnn" [ngSwitch]="data.IsActiveFnn">\r\n                  <td class="header_bold">FNN Active</td>\r\n                  <td *ngSwitchCase="true">Yes</td>\r\n                  <td *ngSwitchCase="false">No</td>\r\n                  <td *ngSwitchCase="null || undefined">Data not available</td>\r\n                </tr>\r\n                <tr *ngIf="data.TempNumber">\r\n                  <td class="header_bold">Temp Number</td>\r\n                  <td>{{ data.TempNumber }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.LNP">\r\n                  <td class="header_bold">LNP</td>\r\n                  <td>{{ data.LNP }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.PhoneProviderAccountNumber">\r\n                  <td class="header_bold">Phone Provider Account Number</td>\r\n                  <td>{{ data.PhoneProviderAccountNumber }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.PhoneProviderName">\r\n                  <td class="header_bold">Phone Provider Name</td>\r\n                  <td>{{ data.PhoneProviderName }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.IsNewNumber">\r\n                  <td class="header_bold">Is New Number</td>\r\n                  <td>{{ data.IsNewNumber }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.TotalSetupFee">\r\n                  <td class="header_bold">Setup Fee</td>\r\n                  <td>${{ data.TotalSetupFee }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.TotalAccessFee">\r\n                  <td class="header_bold">Monthly Fee</td>\r\n                  <td>${{ data.TotalAccessFee }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.SerialNumber">\r\n                  <td class="header_bold">Serial Number</td>\r\n                  <td>{{ data.SerialNumber }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.MacAddress">\r\n                  <td class="header_bold">Mac Address</td>\r\n                  <td>{{ data.MacAddress }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.ConsignmentNumber">\r\n                  <td class="header_bold">Consignment Number</td>\r\n                  <td>{{ data.ConsignmentNumber }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.SIM">\r\n                  <td class="header_bold">SIM Number</td>\r\n                  <td>{{ data.SIM }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.IMEI">\r\n                  <td class="header_bold">IMEI Number</td>\r\n                  <td>{{ data.IMEI }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.MSN">\r\n                  <td class="header_bold">MSN Number</td>\r\n                  <td>{{ data.MSN }}</td>\r\n                </tr>\r\n                <tr *ngIf="data.ProductActivatedDate">\r\n                  <td class="header_bold">Order Completed Date</td>\r\n                  <td>{{ data.ProductActivatedDate | date: \'dd-MM-yyyy\'}}</td>\r\n                </tr>\r\n                <tr *ngIf="data.NbnTerminationDate">\r\n                  <td class="header_bold">Termination Date</td>\r\n                  <td>{{ data.NbnTerminationDate | date: \'dd-MM-yyyy\' }}</td>\r\n                </tr>\r\n              </table>\r\n            </div>\r\n          </div>\r\n          <div class="col s6 no_margins">\r\n            <div class="card  z-depth-4">\r\n              <div class="header">\r\n                <h4 class="title">\r\n                  Service Details\r\n                </h4>\r\n                <span *ngIf="returned_data >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <table class="table  responsive-table">\r\n                <tr>\r\n                  <td class="header_bold">Internet Technology Type</td>\r\n                  <td>{{ serviceClass }}</td>\r\n                </tr>\r\n                <tr>\r\n                  <td class="header_bold">Service Class</td>\r\n                  <td>{{ serviceClassType }}</td>\r\n                </tr>\r\n              </table>\r\n            </div>\r\n          </div>\r\n          <div class="col s12 no_margins" style="padding: 0">\r\n            <div class="col s6 no_margins" *ngIf="roleAuthorizationSpeedtest">\r\n              <div class="card  z-depth-4 bill">\r\n                <div class="header">\r\n                  <h4 class="title">\r\n                    Network Data (Radius)\r\n                    <span *ngIf="roleAuthorizationRadius" style="float:right;margin-top:-5px">\r\n                      <i title="Export Radius Data" data-toggle="modal" data-target="#radiusUsage"\r\n                        data-tooltip="tooltip" class="material-icons" style="cursor:pointer">grid_on</i>\r\n                    </span>\r\n                  </h4>\r\n                  <span *ngIf="radiusData >= 400">oops! Something went wrong</span>\r\n                  \x3c!-- <p class="category">(Last 3 months bill history)</p> --\x3e\r\n                </div>\r\n                <div *ngIf="radiusData" style="width: auto; overflow: auto !important;">\r\n                  <kendo-grid [data]="radiusData" [scrollable]="true" [sortable]="true" [height]="250"\r\n                    [resizable]="true">\r\n                    <kendo-grid-column field="StartTime" title="Start Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="StopTime" title="Stop Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="SessionTime" title="Session Time" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="InputOctets" title="Upload (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="OutputOctets" title="Download (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="MacAddress" title="MAC" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                    <kendo-grid-column field="FramedIpAddress" title="IP Address" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                    <kendo-grid-column field="TerminateCause" title="Terminate Cause" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                  <div *ngIf="loading" class="k-i-loading"></div>\r\n                </div>\r\n                <div *ngIf="custNetworkData" style="width: auto; overflow: auto !important;">\r\n                  <kendo-grid [data]="custNetworkData" [scrollable]="true" [sortable]="true" [height]="250"\r\n                    [resizable]="true">\r\n                    <kendo-grid-column field="SessionId" title="Id" class="header_bold" width="120" [resizable]="false">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column field="SessionTime" title="Session Time" class="header_bold" width="145"\r\n                      [resizable]="false"></kendo-grid-column>\r\n                    <kendo-grid-column field="StartDate" title="Start Date" width="145" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="EndDate" title="End Date" width="145" [resizable]="false"\r\n                      class="header_bold">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column field="Upload" title="Upload (MB)" width="100" [resizable]="false"\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="Download" title="Download (MB)" class="header_bold" width="145"\r\n                      [minResizableWidth]="130"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                  <div *ngIf="loading" class="k-i-loading"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class="col s6 no_margins" *ngIf="roleAuthorizationSpeedtest">\r\n              <div class="card  z-depth-4">\r\n                <div class="header" style="border-bottom:1px solid #d0d0d0">\r\n                  <h4 class="title">\r\n                    Speed Test Results\r\n                    <span style="float: right;" *ngIf="speedModem">\r\n                      <button title="Speed Test" data-tooltip="tooltip"\r\n                        class="btn-floating btn-small indigo darken-4 edit_details tooltipped pulseEffect myTroubleshootbtn"\r\n                        style="font-size: 25px !important; color: #ee0000" (click)="speedTest()" data-position="bottom"\r\n                        onclick="Materialize.toast(\'Speed test done. Data will be available shortly.\', 4000)">\r\n                        <i class="large material-icons"> network_check</i>\r\n                      </button>\r\n                    </span>\r\n                  </h4>\r\n                  <span *ngIf="speedtest >= 400">oops! Something went wrong</span>\r\n                </div>\r\n                <div style="width: 100%; overflow: auto !important">\r\n                  <div class="error-code speedtest">{{errorMsgSpeedtest}}</div>\r\n\r\n                  <kendo-grid [kendoGridBinding]="speedtest" [scrollable]="true" [sortable]="true" [height]="250">\r\n                    <kendo-grid-column field="SpeedStartTime" title="Start Time" width="200"\r\n                      class="header_bold wordbreak">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column field="AVC" title="AVC" class="header_bold" width="150"></kendo-grid-column>\r\n                    <kendo-grid-column field="DownloadLink" title="Avg Download (Mbps)" width="100" format={0:n2}\r\n                      class="header_bold"></kendo-grid-column>\r\n                    <kendo-grid-column field="UploadLink" title="Avg Upload (Mbps)" format={0:n2} width="100"\r\n                      class="header_bold"></kendo-grid-column>\r\n                  </kendo-grid>\r\n                  <div *ngIf="loading" class="k-i-loading"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class="col s12 no_margins" *ngIf="roleAuthorizationNotSpeedtest">\r\n\r\n            <div class="card  z-depth-4 bill">\r\n              <div class="header">\r\n\r\n                <h4 class="title">\r\n                  Network Data (Radius)\r\n                  <span *ngIf="roleAuthorizationRadius" style="float:right;margin-top:-5px">\r\n                    <i title="Export Radius Data" data-toggle="modal" data-target="#radiusUsage" data-tooltip="tooltip"\r\n                      class="material-icons" style="cursor:pointer">grid_on</i>\r\n                  </span>\r\n                </h4>\r\n                <span *ngIf="radiusData >= 400">oops! Something went wrong</span>\r\n              </div>\r\n              <div *ngIf="radiusData" style="width: auto; overflow: auto !important;">\r\n                <kendo-grid [data]="radiusData" [scrollable]="true" [sortable]="true" [height]="250" [resizable]="true">\r\n                  <kendo-grid-column field="StartTime" title="Start Time" class="header_bold" width="145"\r\n                    [resizable]="false"></kendo-grid-column>\r\n                  <kendo-grid-column field="StopTime" title="Stop Time" class="header_bold" width="145"\r\n                    [resizable]="false"></kendo-grid-column>\r\n                  <kendo-grid-column field="SessionTime" title="Session Time" width="145" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="InputOctets" title="Upload (MB)" width="100" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="OutputOctets" title="Download (MB)" width="100" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="MacAddress" title="MAC" class="header_bold" width="145"\r\n                    [minResizableWidth]="130"></kendo-grid-column>\r\n                  <kendo-grid-column field="FramedIpAddress" title="IP Address" class="header_bold" width="145"\r\n                    [minResizableWidth]="130"></kendo-grid-column>\r\n                  <kendo-grid-column field="TerminateCause" title="Terminate Cause" class="header_bold" width="145"\r\n                    [minResizableWidth]="130"></kendo-grid-column>\r\n                </kendo-grid>\r\n                <div *ngIf="loading" class="k-i-loading"></div>\r\n              </div>\r\n              <div *ngIf="custNetworkData" style="width: auto; overflow: auto !important;">\r\n                <kendo-grid [data]="custNetworkData" [scrollable]="true" [sortable]="true" [height]="250"\r\n                  [resizable]="true">\r\n                  <kendo-grid-column field="SessionId" title="Id" class="header_bold" width="120" [resizable]="false">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="SessionTime" title="Session Time" class="header_bold" width="145"\r\n                    [resizable]="false"></kendo-grid-column>\r\n                  <kendo-grid-column field="StartDate" title="Start Date" width="145" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="EndDate" title="End Date" width="145" [resizable]="false"\r\n                    class="header_bold">\r\n                  </kendo-grid-column>\r\n                  <kendo-grid-column field="Upload" title="Upload (MB)" width="100" [resizable]="false"\r\n                    class="header_bold"></kendo-grid-column>\r\n                  <kendo-grid-column field="Download" title="Download (MB)" class="header_bold" width="145"\r\n                    [minResizableWidth]="130"></kendo-grid-column>\r\n                </kendo-grid>\r\n                <div *ngIf="loading" class="k-i-loading"></div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class="col s12 no_margins" *ngIf="!showSpinnerImage">\r\n            <div class="card  z-depth-4">\r\n              <div class="header">\r\n                <h4 class="title ">\r\n                  Usage Data\r\n                  <button data-tooltip="Add usage" class="btn-sm btn waves-effect waves-light btn-fix"\r\n                    style="height: 20px; float: right; margin-top: -3px" data-toggle="modal"\r\n                    data-target="#editUsage">Historical Data</button>\r\n                </h4>\r\n\r\n              </div>\r\n              <kendo-chart>\r\n                <kendo-chart-legend position="bottom" orientation="horizontal">\r\n                </kendo-chart-legend>\r\n                <kendo-chart-tooltip format="{0} GB">\r\n                </kendo-chart-tooltip>\r\n                <kendo-chart-value-axis>\r\n                  <kendo-chart-value-axis-item [labels]="valueAxisLabels">\r\n                  </kendo-chart-value-axis-item>\r\n                </kendo-chart-value-axis>\r\n                <kendo-chart-category-axis>\r\n                  <kendo-chart-category-axis-item>\r\n                    <kendo-chart-category-axis-item-labels rotation="-50">\r\n                    </kendo-chart-category-axis-item-labels>\r\n                  </kendo-chart-category-axis-item>\r\n                </kendo-chart-category-axis>\r\n                <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n                </kendo-chart-axis-defaults>\r\n                <kendo-chart-series>\r\n                  <kendo-chart-title text="Usage Details (Last 30 Days)"></kendo-chart-title>\r\n                  <kendo-chart-series-item type="column" name="Upload" [data]="dataDefault" field="Upload"\r\n                    categoryField="Date">\r\n                  </kendo-chart-series-item>\r\n                  <kendo-chart-series-item type="column" name="Download" [data]="dataDefault" field="Download"\r\n                    categoryField="Date">\r\n                  </kendo-chart-series-item>\r\n                </kendo-chart-series>\r\n              </kendo-chart>\r\n              <kendo-chart [seriesColors]="[\'blue\', \'grey\']">\r\n                <kendo-chart-legend position="bottom" orientation="horizontal">\r\n                </kendo-chart-legend>\r\n                <kendo-chart-tooltip format="{0} MB">\r\n                </kendo-chart-tooltip>\r\n                <kendo-chart-value-axis>\r\n                  <kendo-chart-value-axis-item [labels]="valueAxisLabels">\r\n                  </kendo-chart-value-axis-item>\r\n                </kendo-chart-value-axis>\r\n                <kendo-chart-category-axis>\r\n                  <kendo-chart-category-axis-item>\r\n                    <kendo-chart-category-axis-item-labels rotation="-50">\r\n                    </kendo-chart-category-axis-item-labels>\r\n                  </kendo-chart-category-axis-item>\r\n                </kendo-chart-category-axis>\r\n                <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n                </kendo-chart-axis-defaults>\r\n                <kendo-chart-series>\r\n                  <kendo-chart-title text="Usage Details (Last 30 Hours)" style="font-weight: bold">\r\n                  </kendo-chart-title>\r\n                  <kendo-chart-series-item type="column" name="Upload" [data]="dataHourly" field="Upload"\r\n                    categoryField="dateTime">\r\n                  </kendo-chart-series-item>\r\n                  <kendo-chart-series-item type="column" name="Download" [data]="dataHourly" field="Download"\r\n                    categoryField="dateTime">\r\n                  </kendo-chart-series-item>\r\n                </kendo-chart-series>\r\n              </kendo-chart>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </kendo-tabstrip-tab>\r\n  </kendo-tabstrip>\r\n</div>\r\n<div class="modal" id="radiusUsage" role="dialog">\r\n  <div class="modal-dialog modal-md">\r\n    <div class="modal-content">\r\n      <div class="modal-header" style="padding: 0">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title"> Radius Logs</h5>\r\n      </div>\r\n\r\n      <form #getRadiusUsageDaily="ngForm" class="monthForm">\r\n        <table class="table responsive-table table-striped">\r\n          <tr>\r\n            <td>\r\n              <strong> From Date</strong>\r\n            </td>\r\n            <td>\r\n              <kendo-datepicker class="myDate" [(ngModel)]="FromDate" [format]="\'dd-MM-yyyy\'" name="UsageDataFrom"\r\n                [(value)]="Fromvalue"></kendo-datepicker>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <strong> To Date</strong>\r\n            </td>\r\n            <td>\r\n              <kendo-datepicker class="myDate" [format]="\'dd-MM-yyyy\'" [(ngModel)]="ToDate" name="UsageDataTo"\r\n                [(value)]="Tovalue"></kendo-datepicker>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n        <button class="dateusage btn btn-primary" style="display: inline" type="submit"\r\n          (click)="exportSessionData(RadiusTable,getRadiusUsageDaily.value)">Download</button>\r\n        <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n          data-dismiss="modal">Cancel</button>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class="modal" id="editUsage" role="dialog">\r\n  <div class="modal-dialog modal-lg">\r\n    <div class="modal-content">\r\n      <div class="modal-header" style="padding: 0">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title"> Session Reports</h5>\r\n      </div>\r\n\r\n      <form #getUsageDaily="ngForm" class="monthForm" *ngIf="returned_data">\r\n        <table class="table responsive-table table-striped">\r\n          <tr style="height: 30px;">\r\n            <td>\r\n              <strong>Customer Id</strong>\r\n            </td>\r\n            <td>{{returned_data.Id}}</td>\r\n          </tr>\r\n          <tr style="height: 30px;">\r\n            <td>\r\n              <strong> Customer Name</strong>\r\n            </td>\r\n            <td>{{returned_data.FirstName}} {{returned_data.LastName}}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <strong> Report Type</strong>\r\n            </td>\r\n            <td>\r\n              <kendo-dropdownlist style="width: 30%" [data]="Itemsreport" [(ngModel)]="selectedReport"\r\n                name="selectedReport">\r\n              </kendo-dropdownlist>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <strong> From Date</strong>\r\n            </td>\r\n            <td>\r\n              <kendo-datepicker class="myDate" [(ngModel)]="FromDate" [format]="\'dd-MM-yyyy\'" name="UsageDataFrom"\r\n                [(value)]="Fromvalue"></kendo-datepicker>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <strong> To Date</strong>\r\n            </td>\r\n            <td>\r\n              <kendo-datepicker class="myDate" [format]="\'dd-MM-yyyy\'" [(ngModel)]="ToDate" name="UsageDataTo"\r\n                [(value)]="Tovalue"></kendo-datepicker>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n        <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n          (click)="getUsageDataDaily(getUsageDaily.value)">ok</button>\r\n        <button *ngIf="roleCustDetail" class="dateusage btn btn-primary" style="display: inline" type="submit"\r\n          (click)="getUsageDataDailyrange(SessionReportTable,getUsageDaily.value)">Download</button>\r\n        <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n          data-dismiss="modal">Cancel</button>\r\n      </form>\r\n      <kendo-grid [data]="dataDaily" [scrollable]="true" [height]="200" [sortable]="true" [sort]="sort"\r\n        (sortChange)="sortChange($event)" [resizable]="false">\r\n        <kendo-grid-column field="Date" title="Date" class="header_bold"></kendo-grid-column>\r\n        <kendo-grid-column field="Upload" title="Upload (GB)" class="header_bold">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="Download" title="Download (GB)" class="header_bold">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="Total" title="Total Usage (GB)" class="header_bold">\r\n        </kendo-grid-column>\r\n      </kendo-grid>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n<div class="modal fade" role="dialog" *ngFor="let troubleshootContent of troubleshootData"\r\n  id=troubleshoot{{troubleshootContent.Id}}>\r\n  <div class="modal-dialog">\r\n    <div class="modal-content" *ngIf="troubleshootData">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Troubleshoot Data</h5>\r\n      </div>\r\n      <table class="table responsive-table">\r\n        <tr>\r\n          <td>\r\n            <strong>Id</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.Id }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td>\r\n            <strong> Customer Id</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.CustomerId }}</td>\r\n        </tr>\r\n\r\n        <tr>\r\n          <td>\r\n            <strong>Created Date</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.CreatedDate }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td>\r\n            <strong> Updated Date</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.UpdatedDate }}</td>\r\n        </tr>\r\n\r\n\r\n        <tr>\r\n          <td>\r\n            <strong> Agent Id</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.AgentId }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td>\r\n            <strong>Internet Technology Type</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.TechnologyType }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.IssueType">\r\n          <td>\r\n            <strong> Issue Type</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.IssueType }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.DslModemMake !== null">\r\n          <td>\r\n            <strong> DSL Modem Type (Make/Model)</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.DslModemMake }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.AltModemTested !== null">\r\n          <td>\r\n            <strong> Alternate modem tested? (Make/Model)</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.AltModemTested }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.FaultReported !== null">\r\n          <td>\r\n            <strong> Has a fault been reported in the last 7 days</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.FaultReported }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.FaultId !== null">\r\n          <td>\r\n            <strong>Previous Fault ID</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.FaultId }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ServiceWorkedOnNetworkBefore !== null"\r\n          [ngSwitch]="troubleshootContent.ServiceWorkedOnNetworkBefore">\r\n          <td>\r\n            <strong>Has the service worked before on the Optus Network</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ServiceStartDate !== null">\r\n          <td>\r\n            <strong> Service Start Date</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.ServiceStartDate }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ServiceOrderType !== null">\r\n          <td>\r\n            <strong> Service Order Type</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.ServiceOrderType }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ServiceProfile !== null">\r\n          <td>\r\n            <strong>Service Profile</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.ServiceProfile }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ServiceWorkedOnNetworkBefore !== null"\r\n          [ngSwitch]="troubleshootContent.ServiceWorkedOnNetworkBefore">\r\n          <td>\r\n            <strong> Service Worked On Network Before</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.NTDPowerCycle !== null" [ngSwitch]="troubleshootContent.NTDPowerCycle">\r\n          <td>\r\n            <strong>NTD Power Cycle</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ModemStatus !== null" [ngSwitch]="troubleshootContent.ModemStatus">\r\n          <td>\r\n            <strong> Modem Status</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.PowerLightStatus !== null" [ngSwitch]="troubleshootContent.PowerLightStatus">\r\n          <td>\r\n            <strong> Power Light Status</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">On</td>\r\n          <td *ngSwitchCase="false">Off</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.DSLLightStatus !== null">\r\n          <td>\r\n            <strong>DSL Light Status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.DSLLightStatus }}</td>\r\n        </tr>\r\n\r\n\r\n        <tr *ngIf="troubleshootContent.PowerLEDStatusNTD !== null">\r\n          <td>\r\n            <strong>Power LED Status NTD</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.PowerLEDStatusNTD }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.PowerLEDStatus !== null">\r\n          <td>\r\n            <strong> Power LED Status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.PowerLEDStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.OpticalLEDStatus !== null">\r\n          <td>\r\n            <strong> Optical LED Status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.OpticalLEDStatus }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.UNIDLEDStatus !== null">\r\n          <td>\r\n            <strong>UNID LED Status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.UNIDLEDStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.NTDLightStatus !== null">\r\n          <td>\r\n            <strong> NTD Light Status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.NTDLightStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.HFCNTDDS !== null">\r\n          <td>\r\n            <strong> HFC NTD - DS (Downstream) light status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.HFCNTDDS }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.HFCNTDUS !== null">\r\n          <td>\r\n            <strong> HFC NTD - DS (Upstream)) light status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.HFCNTDUS }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.HFCNTDOnline !== null">\r\n          <td>\r\n            <strong> HFC NTD - Online light status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.HFCNTDOnline }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.HFCNTDLink !== null">\r\n          <td>\r\n            <strong>HFC NTD - Link light status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.HFCNTDLink }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.EndUserComputerRestarted !== null"\r\n          [ngSwitch]="troubleshootContent.EndUserComputerRestarted">\r\n          <td>\r\n            <strong>End User Computer Restarted</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ComputerCabelsTested !== null"\r\n          [ngSwitch]="troubleshootContent.ComputerCabelsTested">\r\n          <td>\r\n            <strong>Computer Cabels Tested</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.SlowThroughputPeakTimes !== null"\r\n          [ngSwitch]="troubleshootContent.SlowThroughputPeakTimes">\r\n          <td>\r\n            <strong>Slow Throughput Peak Times</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.FWNTDStatusLightStatus !== null">\r\n          <td>\r\n            <strong> FW NTD \u2013Status light status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.FWNTDStatusLightStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.FWNTDOutdoorStatus !== null">\r\n          <td>\r\n            <strong> FW NTD \u2013 Outdoor Unit light status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.FWNTDOutdoorStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.FWNTDSignalLightStatus !== null">\r\n          <td>\r\n            <strong> FW NTD \u2013 Signal light status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.FWNTDSignalLightStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.AdditionalDetails !== null">\r\n          <td>\r\n            <strong> Additional Details(if any)</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.AdditionalDetails }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.SignalStrength !== null">\r\n          <td>\r\n            <strong> Signal Strength to identify coverage between IDU/WNTD and ODU/LTE</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.SignalStrength }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.IsBatteryBackUp !== null" [ngSwitch]="troubleshootContent.IsBatteryBackUp">\r\n          <td>\r\n            <strong>Is Battery BackUp</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.IsReplacementBackUp !== null"\r\n          [ngSwitch]="troubleshootContent.IsReplacementBackUp">\r\n          <td>\r\n            <strong>Is Replacement required?</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.PowerLEDStatusNTD !== null">\r\n          <td>\r\n            <strong>Power LED Status NTD</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.PowerLEDStatusNTD }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.NTDOtherNBNServices !== null"\r\n          [ngSwitch]="troubleshootContent.NTDOtherNBNServices">\r\n          <td>\r\n            <strong>NTD Other NBN Services</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.InternetLightStatus !== null"\r\n          [ngSwitch]="troubleshootContent.InternetLightStatus">\r\n          <td>\r\n            <strong>Internet Light Status</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">On</td>\r\n          <td *ngSwitchCase="false">Off</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.ModemMake !== null">\r\n          <td>\r\n            <strong>Modem Make Model</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.ModemMake }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.DateFaultNoticed !== null">\r\n          <td>\r\n            <strong>Date when fault first noticed</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.DateFaultNoticed }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.FaultDescription !== null">\r\n          <td>\r\n            <strong>Fault Description</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.FaultDescription }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.NTDSerialALCLNumber !== null">\r\n          <td>\r\n            <strong>NTD Serial ALCL Number</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.NTDSerialALCLNumber }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ModemPowerLedStatus !== null">\r\n          <td>\r\n            <strong>Modem Power LED Status</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.ModemPowerLedStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.WAN !== null">\r\n          <td>\r\n            <strong>WAN</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.WAN }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.Internet !== null">\r\n          <td>\r\n            <strong>Internet</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.Internet }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.WIFILightStatus !== null" [ngSwitch]="troubleshootContent.WIFILightStatus">\r\n          <td>\r\n            <strong>WIFI Light Status</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">On</td>\r\n          <td *ngSwitchCase="false">Off</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.DropOutOccur !== null">\r\n          <td>\r\n            <strong>Dropout Occur</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.DropOutOccur }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ModemDirectlyConnected !== null"\r\n          [ngSwitch]="troubleshootContent.ModemDirectlyConnected">\r\n          <td>\r\n            <strong> Modem Directly Connected</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ServiceDropOut !== null">\r\n          <td>\r\n            <strong> Service DropOut</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.ServiceDropOut }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.NTDType !== null">\r\n          <td>\r\n            <strong> NTD Type</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.NTDType }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.NTDMACAddress !== null">\r\n          <td>\r\n            <strong> NTD MAC Address</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.NTDMACAddress }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.IsInLineFilter !== null" [ngSwitch]="troubleshootContent.IsInLineFilter">\r\n          <td>\r\n            <strong>Is InLine Filter</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.IsCentralSplitterInstalled !== null"\r\n          [ngSwitch]="troubleshootContent.IsCentralSplitterInstalled">\r\n          <td>\r\n            <strong> Is Central Splitter Installed</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.NumberofSockets !== 0">\r\n          <td>\r\n            <strong> Number of Sockets</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.NumberofSockets }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.ModemTested !== null" [ngSwitch]="troubleshootContent.ModemTested">\r\n          <td>\r\n            <strong> Modem Tested</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.SpeedVary !== null">\r\n          <td>\r\n            <strong> Speed Vary</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.SpeedVary }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="troubleshootContent.SpeedTest !== null">\r\n          <td>\r\n            <strong> Speed Test</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.SpeedTest }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.DownloadSpeedKbps !== null">\r\n          <td>\r\n            <strong>Download Speed in Kbps</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.DownloadSpeedKbps }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.UploadSpeedKbps !== null">\r\n          <td>\r\n            <strong>Upload Speed in Kbps</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.UploadSpeedKbps }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.TraceRoute !== null">\r\n          <td>\r\n            <strong>Trace Route</strong>\r\n          </td>\r\n          <td>{{ troubleshootContent.TraceRoute }}</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.IsEndCustomerRunningNetwork !== null"\r\n          [ngSwitch]="troubleshootContent.IsEndCustomerRunningNetwork">\r\n          <td>\r\n            <strong>Is End Customer Running Network</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.IsEndCustomerRunningP2P !== null"\r\n          [ngSwitch]="troubleshootContent.IsEndCustomerRunningP2P">\r\n          <td>\r\n            <strong> Is End Customer Running P2P</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="troubleshootContent.CPENDTConnectedTurnedOn !== null"\r\n          [ngSwitch]="troubleshootContent.CPENDTConnectedTurnedOn">\r\n          <td>\r\n            <strong>CPE NDT/Modem Connected Turned On</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n      </table>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class="modal fade" *ngFor="let faultContent of faultData" id="fault{{faultContent.Id}}" role="dialog">\r\n  <div class="modal-dialog">\r\n    <div class="modal-content" *ngIf="faultData">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Fault Data</h5>\r\n      </div>\r\n      <table class="table responsive-table">\r\n        <tr>\r\n          <td>\r\n            <strong>Id</strong>\r\n          </td>\r\n          <td>{{ faultContent.Id }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td>\r\n            <strong>Customer Id</strong>\r\n          </td>\r\n          <td>{{ faultContent.CustomerId }}</td>\r\n        </tr>\r\n\r\n        <tr>\r\n          <td>\r\n            <strong>Created Date</strong>\r\n          </td>\r\n          <td>{{ faultContent.CreatedDate }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td>\r\n            <strong>Updated Date</strong>\r\n          </td>\r\n          <td>{{ faultContent.UpdatedDate }}</td>\r\n        </tr>\r\n\r\n        <tr>\r\n          <td>\r\n            <strong>Agent Id</strong>\r\n          </td>\r\n          <td>{{ faultContent.AgentId }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.TechnologyType !== null">\r\n          <td>\r\n            <strong>Technology Type</strong>\r\n          </td>\r\n          <td>{{ faultContent.TechnologyType }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="faultContent.IssueType !== null">\r\n          <td>\r\n            <strong>Issue Type</strong>\r\n          </td>\r\n          <td>{{ faultContent.IssueType }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.NumberofSockets !== null">\r\n          <td>\r\n            <strong>Number of Sockets Onsite</strong>\r\n          </td>\r\n          <td>{{ faultContent.NumberofSockets }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.SocketsTested !== null">\r\n          <td>\r\n            <strong>All Sockets Tested</strong>\r\n          </td>\r\n          <td>{{ faultContent.SocketsTested }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.CordedPhones !== null">\r\n          <td>\r\n            <strong>Corded Phones connected</strong>\r\n          </td>\r\n          <td>{{ faultContent.CordedPhones }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.CordlessPhones !== null">\r\n          <td>\r\n            <strong> Cordless Phones connected</strong>\r\n          </td>\r\n          <td>{{ faultContent.CordlessPhones }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="faultContent.ExtensionLeadsUsed !== null">\r\n          <td>\r\n            <strong>Extension Leads Used</strong>\r\n          </td>\r\n          <td>{{ faultContent.ExtensionLeadsUsed }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.BacktoBaseAlarm !== null">\r\n          <td>\r\n            <strong>Is a Back to Base Alarm connected?</strong>\r\n          </td>\r\n          <td>{{ faultContent.BacktoBaseAlarm }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.ADSL2Filter !== null">\r\n          <td>\r\n            <strong> Is an ADSL 2+ Filter installed?</strong>\r\n          </td>\r\n          <td>{{ faultContent.ADSL2Filter }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.FactoryReset !== null">\r\n          <td>\r\n            <strong> Has the Modem been Factory Reset?</strong>\r\n          </td>\r\n          <td>{{ faultContent.FactoryReset }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.CablePayTVservice !== null">\r\n          <td>\r\n            <strong>Is a Cable Pay TV service connected?</strong>\r\n          </td>\r\n          <td>{{ faultContent.CablePayTVservice }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.Tonetype !== null">\r\n          <td>\r\n            <strong> What type of tone is present?</strong>\r\n          </td>\r\n          <td>{{ faultContent.Tonetype }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.EndUserComputerRestarted !== null">\r\n          <td>\r\n            <strong>Is the End Customer running a Network?</strong>\r\n          </td>\r\n          <td>{{ faultContent.EndUserComputerRestarted }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.CPENDTConnected !== null">\r\n          <td>\r\n            <strong> Is the End Customer running P2P applications?</strong>\r\n          </td>\r\n          <td>{{ faultContent.CPENDTConnected }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.RunningService !== null">\r\n          <td>\r\n            <strong>What were the Running Services Results?</strong>\r\n          </td>\r\n          <td>{{ faultContent.RunningService }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.UNIDPort !== null">\r\n          <td>\r\n            <strong> Speed Location</strong>\r\n          </td>\r\n          <td>{{ faultContent.UNIDPort }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.PingTest !== null">\r\n          <td>\r\n            <strong>Ping test result</strong>\r\n          </td>\r\n          <td>{{ faultContent.PingTest }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.ModemIP !== null">\r\n          <td>\r\n            <strong>Modem IP Address</strong>\r\n          </td>\r\n          <td>{{ faultContent.ModemIP }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.ServiceDropOut !== null">\r\n          <td>\r\n            <strong>What is the time period of most drop outs?</strong>\r\n          </td>\r\n          <td>{{ faultContent.ServiceDropOut }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.NTDDataPort !== null">\r\n          <td>\r\n            <strong> NTD data port(s) used for (UNI D1-D4)</strong>\r\n          </td>\r\n          <td>{{ faultContent.NTDDataPort }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.UNIDPortLed !== null">\r\n          <td>\r\n            <strong> UNI-D port LED light status</strong>\r\n          </td>\r\n          <td>{{ faultContent.UNIDPortLed }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.CPENTDconnected !== null">\r\n          <td>\r\n            <strong> Is the CPE/NTD connected and turned on</strong>\r\n          </td>\r\n          <td>{{ faultContent.CPENTDconnected }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="faultContent.VisibleDamageOutdoor !== null">\r\n          <td>\r\n            <strong> Any visible damage to Outdoor Unit</strong>\r\n          </td>\r\n          <td>{{ faultContent.VisibleDamageOutdoor }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.FaultDescription !== null">\r\n          <td>\r\n            <strong>Fault Description</strong>\r\n          </td>\r\n          <td>{{ faultContent.FaultDescription }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.EthernetLigtstatus">\r\n          <td>\r\n            <strong>Ethernet Light status</strong>\r\n          </td>\r\n          <td>{{ faultContent.EthernetLigtstatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.HardwareConnectedtoModem !== null">\r\n          <td>\r\n            <strong>Hardware Connected to Modem</strong>\r\n          </td>\r\n          <td>{{ faultContent.HardwareConnectedtoModem }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.RadiusLogs !== null">\r\n          <td>\r\n            <strong>Radius Logs</strong>\r\n          </td>\r\n          <td>{{ faultContent.RadiusLogs }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.SpeedVary !== null">\r\n          <td>\r\n            <strong> Speed Vary</strong>\r\n          </td>\r\n          <td>{{ faultContent.SpeedVary }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.ServiceWorkedOnNetworkBefore !== null"\r\n          [ngSwitch]="faultContent.ServiceWorkedOnNetworkBefore">\r\n          <td>\r\n            <strong>Service Worked On Network Before</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n\r\n        </tr>\r\n        <tr *ngIf="faultContent.NumberofSockets !== 0">\r\n          <td>\r\n            <strong>Number of Sockets</strong>\r\n          </td>\r\n          <td>{{ faultContent.NumberofSockets }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.SpeedTest !== null">\r\n          <td>\r\n            <strong> Speed Test</strong>\r\n          </td>\r\n          <td>{{ faultContent.SpeedTest }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.DownloadSpeedKbps !== null">\r\n          <td>\r\n            <strong>Download Speed in Kbps</strong>\r\n          </td>\r\n          <td>{{ faultContent.DownloadSpeedKbps }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.UploadSpeedKbps !== null">\r\n          <td>\r\n            <strong>Upload Speed in Kbps</strong>\r\n          </td>\r\n          <td>{{ faultContent.UploadSpeedKbps }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.TraceRoute !== null">\r\n          <td>\r\n            <strong>Trace Route</strong>\r\n          </td>\r\n          <td>{{ faultContent.TraceRoute }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.AdditionalDetails !== null">\r\n          <td>\r\n            <strong>Additional Details</strong>\r\n          </td>\r\n          <td>{{ faultContent.AdditionalDetails }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="faultContent.CPE !== null" [ngSwitch]="faultContent.CPE">\r\n          <td>\r\n            <strong>CPE</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.NTDSerialALCLNumber !== null">\r\n          <td>\r\n            <strong>NTD Serial ALCL Number</strong>\r\n          </td>\r\n          <td>{{ faultContent.NTDSerialALCLNumber }}</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="faultContent.NTDMACAddress !== null">\r\n          <td>\r\n            <strong> NTD MAC Address</strong>\r\n          </td>\r\n          <td>{{ faultContent.NTDMACAddress }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.CPENDTConnected !== null" [ngSwitch]="faultContent.CPENDTConnected">\r\n          <td>\r\n            <strong> CPE NDT Connected</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n\r\n        <tr *ngIf="faultContent.NTDAlaramStatus !== null">\r\n          <td>\r\n            <strong> NTD Alaram Status</strong>\r\n          </td>\r\n          <td>{{ faultContent.NTDAlaramStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.UNIDPort !== null">\r\n          <td>\r\n            <strong>UNID Port</strong>\r\n          </td>\r\n          <td>{{ faultContent.UNIDPort }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.UNIDLightStatus !== null">\r\n          <td>\r\n            <strong>UNID Light Status</strong>\r\n          </td>\r\n          <td>{{ faultContent.UNIDLightStatus }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.BatteryBackupReplacement !== null" [ngSwitch]="faultContent.BatteryBackupReplacement">\r\n          <td>\r\n            <strong>Battery Backup Replacement</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.IsReplacementBackUp !== null" [ngSwitch]="faultContent.IsReplacementBackUp">\r\n          <td>\r\n            <strong>Is Replacement required?</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.EndUserComputerRestarted !== null">\r\n          <td>\r\n            <strong>End User Computer Restarted</strong>\r\n          </td>\r\n          <td>{{ faultContent.EndUserComputerRestarted }}</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.ComputerCabelsTested !== null" [ngSwitch]="faultContent.ComputerCabelsTested">\r\n          <td>\r\n            <strong>Computer Cabels Tested</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.ModemTested !== null" [ngSwitch]="faultContent.ModemTested">\r\n          <td>\r\n            <strong>Modem Tested</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.NTDNBNServicesOnNTD !== null" [ngSwitch]="faultContent.NTDNBNServicesOnNTD">\r\n          <td>\r\n            <strong>NTD NBN Services On NTD</strong>\r\n          </td>\r\n          <td *ngSwitchCase="true">Yes</td>\r\n          <td *ngSwitchCase="false">No</td>\r\n        </tr>\r\n        <tr *ngIf="faultContent.SlowThroughputPeakTimes !== null">\r\n          <td>\r\n            <strong>Slow Throughput Peak Times</strong>\r\n          </td>\r\n          <td>{{ faultContent.SlowThroughputPeakTimes }}</td>\r\n        </tr>\r\n      </table>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngFor="let product of orders">\r\n  <div class="modal fade" *ngFor="let item of product.Products" id=swapHWB{{item.ProductId}} role="dialog">\r\n    <div class="modal-dialog modal-md">\r\n      <div class="modal-content">\r\n        <form class="edit_customer" #swapHWB="ngForm" (ngSubmit)="onswapHWBSubmit(item.ProductId,swapHWB.value)">\r\n          <div class="modal-header">\r\n            <button type="button" class="close" data-dismiss="modal" (click)="dismissModal(false)">&times;</button>\r\n            <h5 class="modal-title">Swap SIM</h5>\r\n          </div>\r\n          <div class="row customer_edit">\r\n            <div class="input-field col s6">\r\n              <input disabled type="text" class="validate" name="SIM" [ngModel]="item.SIM">\r\n              <label class="active">Old SIM No.</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input type="text" class="validate" name="NewSim" [ngModel]="NewSim">\r\n              <label class="active">Enter New SIM No.</label>\r\n            </div>\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n            <button type="submit" class="btn">Save</button>\r\n          </div>\r\n        </form>\r\n        <div *ngIf="loading" class="k-i-loading"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div *ngFor="let product of orders">\r\n  <div class="modal fade" *ngFor="let item of product.Products" id=data{{item.ProductId}} role="dialog">\r\n    <div class="modal-dialog modal-md">\r\n      <div class="modal-content">\r\n        <form class="k-form-inline" #DataEdit="ngForm"\r\n          (ngSubmit)="onOrdernbnDataSubmit(item.ProductId,DataEdit.value,item.ProductInternalName,item.ProductType)">\r\n\r\n          <div class="modal-header">\r\n            <button type="button" class="close" data-dismiss="modal" (click)="dismissModal(false)">&times;</button>\r\n            <h5 class="modal-title">Edit Product Details</h5>\r\n          </div>\r\n          <p style="color: red">{{errorMsgOrder}}</p>\r\n          <p *ngIf="warning" style="color: orange"><i class="material-icons">warning</i> Warning! Status needs to be\r\n            updated from OrderComplete to ProductTerminated</p>\r\n          <p *ngIf="Cancelwarning" style="color: orange"><i class="material-icons">warning</i> Warning! Status\r\n            needs to be updated from {{item.Status}} to OrderCancelled</p>\r\n          <div class="row customer_edit">\r\n            <div class="input-field col s6">\r\n              <kendo-dropdownlist style="width: calc(20em)" [data]="listItems" name="Status" [ngModel]="item.Status"\r\n                (selectionChange)="onChange(item.Status,$event)"></kendo-dropdownlist>\r\n              <label class="active">Status</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <kendo-datepicker [format]="\'dd-MM-yyyy\'" [ngModel]="item.StatusDate" name="StatusDate"\r\n                [(value)]="item.StatusDate"></kendo-datepicker>\r\n              <label class="active">Status Date</label>\r\n            </div>\r\n            <div class="input-field col s12">\r\n              <input [(ngModel)]="item.StatusReason" name="StatusReason" type="text" [(value)]="StatusReason" />\r\n              <label class="active" for="Reason{{item.StatusReason}}">Status Reason</label>\r\n            </div>\r\n            <div class="input-field col s12"\r\n              *ngIf="setDesc === \'OrderCancelled\' || (item.CancelReason !== null && item.CancelReason !== \'\' && item.CancelReason !== undefined)">\r\n              <kendo-dropdownlist style="width:100%" [data]="listReasons" name="CancelReason"\r\n                [(ngModel)]="item.CancelReason"></kendo-dropdownlist>\r\n              <label class="active">Cancellation Reason</label>\r\n            </div>\r\n            <div class="input-field col s12"\r\n              *ngIf="setDesc === \'OrderCancelled\' || (item.CancelDescription !== null && item.CancelDescription !== \'\' && item.CancelDescription !== undefined)">\r\n              <input [ngModel]="item.CancelDescription" name="CancelDescription" type="text"\r\n                [(value)]="CancelDescription" />\r\n              <label class="active">Cancellation Description</label>\r\n            </div>\r\n            <div class="input-field col s12" *ngIf="item.showModemPurchase">\r\n              <input id="SerialNumber{{item.SerialNumber}}" type="text" class="validate" name="SerialNumber"\r\n                [ngModel]="item.SerialNumber" placeholder={{item.SerialNumber}} maxlength="100">\r\n              <label class="active" for="SerialNumber{{item.SerialNumber}}">Serial Number</label>\r\n            </div>\r\n            <div class="input-field col s12" *ngIf="item.showModemPurchase">\r\n              <input id="MacAddress{{item.MacAddress}}" type="text" class="validate" maxlength="12" name="MacAddress"\r\n                [ngModel]="item.MacAddress" placeholder={{item.MacAddress}}>\r\n              <label class="active" for="MacAddress{{item.MacAddress}}">Mac Address</label>\r\n            </div>\r\n            <div class="input-field col s12" *ngIf="item.showModemPurchase">\r\n              <input id="ConsignmentNumber{{item.ConsignmentNumber}}" type="text" class="validate"\r\n                name="ConsignmentNumber" [ngModel]="item.ConsignmentNumber" placeholder={{item.ConsignmentNumber}}\r\n                maxlength="50">\r\n              <label class="active" for="ConsignmentNumber{{item.ConsignmentNumber}}">Consignment Number</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showModemPurchase || item.mbbType">\r\n              <input id="SIM{{item.SIM}}" type="text" class="validate" name="SIM" [ngModel]="item.SIM"\r\n                placeholder={{item.SIM}} maxlength="19">\r\n              <label class="active" for="SIM{{item.SIM}}">SIM Number</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showModemPurchase">\r\n              <input id="IMEI{{item.IMEI}}" type="text" class="validate" name="IMEI" [ngModel]="item.IMEI"\r\n                placeholder={{item.IMEI}} maxlength="15">\r\n              <label class="active" for="IMEI{{item.IMEI}}">IMEI Number</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showModemPurchase || item.mbbType">\r\n              <input id="MSN{{item.MSN}}" type="text" class="validate" name="MSN" [ngModel]="item.MSN"\r\n                placeholder={{item.MSN}} minlength="9" maxlength="11">\r\n              <label class="active" for="MSN{{item.MSN}}">MSN Number</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showCoolDays && !item.mbbType && !item.hwbType">\r\n              <input [ngModel]="item.AVC" name="AVC" type="text" [(value)]="item.AVC" />\r\n\r\n              <label class="active">AVC</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n              <input [(ngModel)]="item.SupplierServiceId" name="SupplierServiceId" type="text"\r\n                [(value)]="item.SupplierServiceId" />\r\n              <label class="active">Supplier Service Id</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n              <input [(ngModel)]="item.NtuPortNumber" name="NtuPortNumber" type="text" [(value)]="item.NtuPortNumber" />\r\n\r\n              <label class="active">UNI-D Port Number</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n              <input [ngModel]="item.Term" name="Term" type="text" [(value)]="Term" class="validate" />\r\n\r\n              <label class="active" for="SerialNumber{{item.Term}}">Term</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n              <label for="yes" style="position: initial; pointer-events: auto">\r\n                <input id="yes" style="position: initial; pointer-events: auto; opacity:1" type="checkbox"\r\n                  [(ngModel)]="item.AttendanceRequired" name="AttendanceRequired" checked="{{item.AttendanceRequired}}">\r\n                Attendance\r\n                Required</label>\r\n            </div>\r\n            <div class="input-field col s12">\r\n              <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n                <kendo-datepicker [format]="\'dd-MM-yyyy\'" name="AppointmentStartDate" [ngModel]="item.startvalue"\r\n                  [(value)]="item.startvalue"></kendo-datepicker>\r\n                <label class="active">Appointment Start</label>\r\n              </div>\r\n              <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n                <select class="form-control" name="AppointmentStartTime" [(ngModel)]="item.startTime"\r\n                  [(value)]="item.startTime">\r\n                  <option *ngFor="let time of clock" [value]="time">{{time}}</option>\r\n                </select>\r\n              </div>\r\n              <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n                <kendo-datepicker name="AppointmentEndDate" [format]="\'dd-MM-yyyy\'" [ngModel]="item.endvalue"\r\n                  [(value)]="item.endvalue"></kendo-datepicker>\r\n                <label class="active">Appointment End</label>\r\n              </div>\r\n              <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n                <select class="form-control" name="AppointmentEndTime" [(ngModel)]="item.endTime"\r\n                  [(value)]="item.endTime">\r\n                  <option *ngFor="let time of clock" [value]="time">{{time}}</option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n\r\n            <div class="input-field col s6" *ngIf="item.showCoolDays || item.showVoice">\r\n              <input [(ngModel)]="item.FNN" name="FNN" type="text" [(value)]="item.FNN" />\r\n\r\n              <label class="active">FNN</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showVoice">\r\n              <input id="TempNumber{{item.TempNumber}}" type="text" class="validate" name="TempNumber"\r\n                [ngModel]="item.TempNumber" placeholder={{item.TempNumber}}>\r\n              <label class="active" for="TempNumber{{item.TempNumber}}">Temporary Number</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n              <label for="active" style="position: initial;pointer-events: auto">\r\n                <input style="position: initial; pointer-events: auto; opacity:1" type="checkbox" id="active"\r\n                  [(ngModel)]="IsActiveFnn" name="IsActiveFnn" checked="{{IsActiveFnn}}">\r\n                FNN Active</label>\r\n            </div>\r\n            <div class="input-field col s12">\r\n              <div class="input-field col s4" *ngIf="!item.HWBData">\r\n                <input [(ngModel)]="item.SupplierServiceId" name="SupplierServiceId" type="text"\r\n                  [(value)]="item.SupplierServiceId" />\r\n                <label class="active">STP#</label>\r\n              </div>\r\n              <div class="input-field col s4" *ngIf="!item.HWBData">\r\n                <input [(ngModel)]="item.NbnCTag" name="NbnCTag" type="text" [(value)]="item.NbnCTag" />\r\n                <label class="active">C Tag</label>\r\n              </div>\r\n              <div class="input-field col s4" *ngIf="!item.HWBData">\r\n                <input [(ngModel)]="item.NbnSTag" name="NbnSTag" type="text" [(value)]="item.NbnSTag" />\r\n                <label class="active">S Tag</label>\r\n              </div>\r\n              <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n                <kendo-datepicker [format]="\'dd-MM-yyyy\'" [ngModel]="item.ProductActivatedDate"\r\n                  name="ProductActivatedDate"></kendo-datepicker>\r\n\r\n                <label class="active">Order Completed Date</label>\r\n              </div>\r\n              <div class="input-field col s6" *ngIf="item.showCoolDays">\r\n                <kendo-datepicker [format]="\'dd-MM-yyyy\'" [ngModel]="item.NbnTerminationDate" name="NbnTerminationDate"\r\n                  [(value)]="item.NbnTerminationDate"></kendo-datepicker>\r\n\r\n                <label class="active">Termination Date</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n            <button type="submit" class="btn">Save</button>\r\n          </div>\r\n\r\n        </form>\r\n        <div *ngIf="loading" class="k-i-loading"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\x3c!-- <div class="modal fade" id="tio{{returned_data.Id}}" *ngIf="returned_data" role="dialog">\r\n  <div class="modal-dialog modal-md">\r\n    <div class="modal-content">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal" (click)="otherSpecialRecord(false)">&times;</button>\r\n        <h5 class="modal-title">Raise TIO Complaint</h5>\r\n      </div>\r\n      <p style="color: red">{{errorTIOMsg}}</p>\r\n      <form ngNativeValidate class="k-form-inline" #DataTIO="ngForm"\r\n        (ngSubmit)="onTIOSubmit(DataTIO.value);DataTIO.reset()">\r\n\r\n        <div class="row customer_edit">\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Subject" name="Subject" type="text" [(value)]="Subject" required />\r\n            <label class="active">Reason for Escalation:</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Message" name="Message" type="text" [(value)]="Message" required />\r\n            <label class="active">Description:</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Action" name="Action" type="text" [(value)]="Action" required />\r\n            <label class="active">Requested Action / decision required:</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Channel" name="Channel" type="text" [(value)]="Channel" />\r\n            <label class="active">Channel that customer signed up with (if available):</label>\r\n          </div>\r\n        </div>\r\n        <div class="modal-footer">\r\n          <button type="button" class="btn btn-default" data-dismiss="modal"\r\n            (click)="otherSpecialRecord(false)">Cancel</button>\r\n          <button type="submit" class="btn">Raise TIO</button>\r\n        </div>\r\n\r\n      </form>\r\n      <div *ngIf="loading" class="k-i-loading"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class="modal fade" id="dispute{{returned_data.Id}}" *ngIf="returned_data" role="dialog">\r\n  <div class="modal-dialog modal-md">\r\n    <div class="modal-content">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal" (click)="otherSpecialRecord(false)">&times;</button>\r\n        <h5 class="modal-title">Raise DISPUTE Complaint</h5>\r\n      </div>\r\n      <p style="color: red">{{errorTIOMsg}}</p>\r\n      <form ngNativeValidate class="k-form-inline" #DataDispute="ngForm"\r\n        (ngSubmit)="onDisputeSubmit(DataDispute.value);DataDispute.reset()">\r\n\r\n        <div class="row customer_edit">\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Subject" name="Subject" type="text" [(value)]="Subject" required />\r\n            <label class="active">Reason for Escalation::</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Message" name="Message" type="text" [(value)]="Message" required />\r\n            <label class="active">Description:</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Action" name="Action" type="text" [(value)]="Action" required />\r\n            <label class="active">Requested Action / decision required:</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Channel" name="Channel" type="text" [(value)]="Channel" />\r\n            <label class="active">Channel that customer signed up with (if available):</label>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="modal-footer">\r\n          <button type="button" class="btn btn-default" data-dismiss="modal"\r\n            (click)="otherSpecialRecord(false)">Cancel</button>\r\n          <button type="submit" class="btn">Raise Dispute</button>\r\n        </div>\r\n\r\n\r\n      </form>\r\n      <div *ngIf="loading" class="k-i-loading"></div>\r\n    </div>\r\n  </div>\r\n</div> --\x3e\r\n\r\n\r\n<div *ngFor="let product of orders">\r\n  <div class="modal fade" *ngFor="let item of product.Products" id=editorder{{product.OrderId}} role="dialog">\r\n    <div class="modal-dialog modal-md">\r\n      \x3c!-- Modal content--\x3e\r\n      <div class="modal-content">\r\n\r\n        <form class="edit_customer" #OrderEdit="ngForm" (ngSubmit)="onOrderSubmit(product.OrderId,OrderEdit.value)">\r\n\r\n          <div class="modal-header">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Edit Order Details</h5>\r\n          </div>\r\n          <input hidden type="text" class="validate" name="ServiceClass" [ngModel]="product.ServiceClass">\r\n          <div class="row customer_edit">\r\n            <div class="input-field col s12">\r\n              <input id="CoolingOffDays{{item.ProductId}}" type="number" class="validate" name="CoolingOffDays"\r\n                [ngModel]="item.CoolingOffDays">\r\n              <label class="active" for="CoolingOffDays{{item.ProductId}}">Cooling Off Days</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <kendo-datepicker [ngModel]="product.PreferredPaymentDate" [format]="\'dd-MM-yyyy\'" required\r\n                name="PreferredPaymentDate" [(value)]="product.PreferredPaymentDate"></kendo-datepicker>\r\n              <label class="active"> Preferred Payment Date</label>\r\n            </div>\r\n            <div class="input-field col s6" style="margin-bottom: 1rem">\r\n              <kendo-datepicker [ngModel]="product.MoveInDate" [min]="currentDateToday" [format]="\'dd-MM-yyyy\'" required\r\n                name="MoveInDate" [(value)]=product.MoveInDate></kendo-datepicker>\r\n              <label class="active">Move In Date</label>\r\n            </div>\r\n            <h5 *ngIf="product.nonNbn" class="modal-title">Edit Service Address</h5>\r\n            <div class="input-field col s12" *ngIf="product.nonNbn">\r\n              <input id="SubAddressNumber" type="text" class="validate" name="SubAddressNumber"\r\n                [ngModel]="product.ServiceAddress.SubAddressNumber">\r\n              <label class="active" for="SubAddressNumber">Unit No</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="StreetNumber1" type="text" class="validate" name="StreetNumber1"\r\n                [ngModel]="product.ServiceAddress.StreetNumber1">\r\n              <label class="active" for="StreetNumber1">Street Number 1</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="StreetNumber2" type="text" class="validate" name="StreetNumber2"\r\n                [ngModel]="product.ServiceAddress.StreetNumber2 ">\r\n              <label class="active" for="StreetNumber2">Street Number 2</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="StreetName" type="text" class="validate" name="StreetName"\r\n                [ngModel]="product.ServiceAddress.StreetName">\r\n              <label class="active" for="StreetName">Street Name</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="StreetType" type="text" class="validate" name="StreetType"\r\n                [ngModel]="product.ServiceAddress.StreetType">\r\n              <label class="active" for="StreetType">Street Type</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="Suburb" type="text" class="validate" name="Suburb" [ngModel]="product.ServiceAddress.Suburb">\r\n              <label class="active" for="Suburb">Suburb</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="Postcode" type="text" class="validate" name="Postcode"\r\n                [ngModel]="product.ServiceAddress.Postcode">\r\n              <label class="active" for="Postcode">Postcode</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="StateCode" type="text" class="validate" name="StateCode"\r\n                [ngModel]="product.ServiceAddress.StateCode">\r\n              <label class="active" for="StateCode">StateCode</label>\r\n            </div>\r\n            <div class="input-field col s6" *ngIf="product.nonNbn">\r\n              <input id="Country" type="text" class="validate" name="Country"\r\n                [ngModel]="product.ServiceAddress.Country">\r\n              <label class="active" for="Country">Country</label>\r\n            </div>\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n            <button type="submit" class="btn">Save</button>\r\n          </div>\r\n        </form>\r\n        <div *ngIf="loading" class="k-i-loading"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\x3c!--Edit customer modal --\x3e\r\n<div class="modal fade" id="edit_client_details" role="dialog">\r\n  <div class="modal-dialog modal-md">\r\n    \x3c!-- Modal content--\x3e\r\n    <div class="modal-content" *ngIf="returned_data">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Edit Customer Details</h5>\r\n      </div>\r\n      <p style="color: red">{{errorFormMsg}}</p>\r\n      <form ngNativeValidate class="edit_customer" *ngIf="returned_data" #CustomerEdit="ngForm"\r\n        (ngSubmit)="onSubmit(CustomerEdit.value)">\r\n\r\n\r\n        <div class="row customer_edit">\r\n          <div class="input-field col s12">\r\n            <input disabled id="Id" type="text" class="validate" name="Id" [ngModel]="returned_data.Id">\r\n            <label class="active" for="Id">Customer Id</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <input id="first_name" type="text" class="validate" name="FirstName" [ngModel]="returned_data.FirstName">\r\n            <label class="active" for="first_name">First name</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <input id="last_name" type="text" class="validate" name="LastName" [ngModel]="returned_data.LastName">\r\n            <label class="active" for="last_name">Last name</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <kendo-datepicker [ngModel]="returned_data.DateOfBirth" [format]="\'dd-MM-yyyy\'" #dateModel="ngModel"\r\n              [focusedDate]="focusedDate" required name="DateOfBirth" [max]="eighteennewDate" [min]="minbirthDate"\r\n              placeholder={{returned_data.DateOfBirth}}></kendo-datepicker>\r\n            \x3c!-- <kendo-datepicker [(ngModel)]="DownDateTime" #dateModel="ngModel" required name="DownDateTime" placeholder="Date" ></kendo-datepicker> --\x3e\r\n            <label class="active" for="DateOfBirth">Date of birth</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <input id="Invoice" type="text" class="validate" name="InvoiceDisplayName"\r\n              [ngModel]="returned_data.InvoiceDisplayName">\r\n            <label class="active" for="Invoice">Invoice Display Name</label>\r\n          </div>\r\n          \x3c!-- <div class="input-field col s12">\r\n            <input id="OtherName" type="text" class="validate" name="OtherName"\r\n              [ngModel]="returned_data.OtherName">\r\n            <label class="active" for="OtherName">Other Name</label>\r\n          </div> --\x3e\r\n          <div class="input-field col s12">\r\n            <input id="email" type="email" pattern="[^ @]*@[^ @]*" class="validate" name="Email"\r\n              [ngModel]="returned_data.Email" required>\r\n            <label class="active" for="email">Email</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <input id="phone" type="text" class="validate" name="Phone" [ngModel]="returned_data.Phone" required>\r\n            <label class="active" for="phone">Phone</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <input id="PhonePin" type="text" class="validate" name="PhonePin" [ngModel]="returned_data.PhonePin">\r\n            <label class="active" for="PhonePin">Phone Pin</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <kendo-dropdownlist style="width: calc(20em)" (selectionChange)="autopayChange($event)" [data]="Autopaylist"\r\n              name="AuthRecurringPayments" [ngModel]="Autopay"></kendo-dropdownlist>\r\n            <label class="active">Monthly Autopay</label>\r\n          </div>\r\n\r\n          <h5 class="input-field col s12">Second account holder</h5>\r\n          <div class="input-field col s6">\r\n            <input id="SecondAcctHolderFirstName" type="text" class="validate" name="SecondAcctHolderFirstName"\r\n              [ngModel]="returned_data.SecondAcctHolderFirstName">\r\n            <label class="active" for="email">First name</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <input id="SecondAcctHolderLastName" type="text" class="validate" name="SecondAcctHolderLastName"\r\n              [ngModel]="returned_data.SecondAcctHolderLastName">\r\n            <label class="active" for="SecondAcctHolderLastName">Last name</label>\r\n          </div>\r\n\r\n          <div class="input-field col s6">\r\n            <kendo-datepicker [ngModel]="returned_data.SecondAcctHolderDOB" [format]="\'dd-MM-yyyy\'" #dateModel="ngModel"\r\n              [focusedDate]="focusedDOB" required [max]="currentDateToday" name="SecondAcctHolderDOB"\r\n              id="SecondAcctHolderDOBi" placeholder={{returned_data.SecondAcctHolderDOB}}>\r\n            </kendo-datepicker>\r\n            <label class="active" for="SecondAcctHolderDOBi">Date of Birth</label>\r\n          </div>\r\n          <div class="input-field col s6">\r\n            <input id="2ndphone" type="text" class="validate" name="SecondAcctHolderPhoneNo"\r\n              [ngModel]="returned_data.SecondAcctHolderPhoneNo">\r\n            <label class="active" for="2ndphone">Phone</label>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="modal-footer">\r\n          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n          <button type="submit" class="btn"\r\n            onclick="Materialize.toast(\'Customer details updated successfully\', 4000)">Save</button>\r\n        </div>\r\n      </form>\r\n      <div *ngIf="loading" class="k-i-loading"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class="modal fade" id="edit_postal_details" role="dialog">\r\n  <div class="modal-dialog modal-md">\r\n    \x3c!-- Modal content--\x3e\r\n    <div class="modal-content" *ngIf="returned_data">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Edit Postal Address</h5>\r\n        <p style="color: red">{{errorPostalupdateMsg}}</p>\r\n      </div>\r\n      <form class="edit_customer" ngNativeValidate *ngIf="returned_data" #PostalEdit="ngForm"\r\n        (ngSubmit)="onSubmitPostal(returned_data.Id,PostalEdit.value)">\r\n        <fieldset>\r\n          <div class="row customer_edit">\r\n            <div class="input-field col s12">\r\n              <input hidden id="Id" type="text" class="validate" name="Id" [ngModel]="returned_data.PostalAddress.Id">\r\n              \x3c!-- <label class="active" for="Id">Customer Id</label> --\x3e\r\n            </div>\r\n            <div class="input-field col s12">\r\n              <input id="SubAddressNumber1" type="text" class="validate" name="SubAddressNumber"\r\n                [ngModel]="returned_data.PostalAddress.SubAddressNumber">\r\n              <label class="active" for="SubAddressNumber1">Unit No</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StreetNumber11" type="text" class="validate" name="StreetNumber1"\r\n                [ngModel]="returned_data.PostalAddress.StreetNumber1" required>\r\n              <label class="active" for="StreetNumber11">Street Number 1</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StreetNumber22" type="text" class="validate" name="StreetNumber2"\r\n                [ngModel]="returned_data.PostalAddress.StreetNumber2">\r\n              <label class="active" for="StreetNumber22">Street Number 2</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StreetName1" type="text" class="validate" name="StreetName"\r\n                [ngModel]="returned_data.PostalAddress.StreetName" required>\r\n              <label class="active" for="StreetName1">Street Name</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StreetType1" type="text" class="validate" name="StreetType"\r\n                [ngModel]="returned_data.PostalAddress.StreetType">\r\n              <label class="active" for="StreetType1">Street Type</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="Suburb1" type="text" class="validate" name="Suburb"\r\n                [ngModel]="returned_data.PostalAddress.Suburb " required>\r\n              <label class="active" for="Suburb1">Suburb</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="Postcode1" type="text" class="validate" name="Postcode"\r\n                [ngModel]="returned_data.PostalAddress.Postcode" required>\r\n              <label class="active" for="Postcode1">Postcode</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StateCode1" type="text" class="validate" name="StateCode"\r\n                [ngModel]="returned_data.PostalAddress.StateCode" required>\r\n              <label class="active" for="StateCode1">StateCode</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="Countr1y" type="text" class="validate" name="Country"\r\n                [ngModel]="returned_data.PostalAddress.Country">\r\n              <label class="active" for="Countr1y">Country</label>\r\n            </div>\r\n          </div>\r\n        </fieldset>\r\n        <div class="modal-footer">\r\n          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n          <button type="submit" class="btn">Save</button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class="modal fade" id="edit_bill_details" role="dialog">\r\n  <div class="modal-dialog modal-md">\r\n    \x3c!-- Modal content--\x3e\r\n    <div class="modal-content" *ngIf="returned_data">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Edit Billing Address</h5>\r\n        <p style="color: red">{{errorBillingupdateMsg}}</p>\r\n      </div>\r\n\r\n      <form class="edit_customer" ngNativeValidate *ngIf="returned_data" #BillEdit="ngForm"\r\n        (ngSubmit)="onSubmitBilling(returned_data.Id,BillEdit.value)">\r\n        <fieldset>\r\n          <div class="row customer_edit">\r\n            <div class="input-field col s12">\r\n              <input hidden id="Id" type="text" class="validate" name="Id" [ngModel]="returned_data.BillingAddress.Id">\r\n              \x3c!-- <label class="active" for="Id">Customer Id</label> --\x3e\r\n            </div>\r\n            <div class="input-field col s12">\r\n              <input id="SubAddressNumber2" type="text" class="validate" name="SubAddressNumber"\r\n                [ngModel]="returned_data.BillingAddress.SubAddressNumber">\r\n              <label class="active" for="SubAddressNumber2">Unit No</label>\r\n            </div>\r\n\r\n            <div class="input-field col s6">\r\n              <input id="StreetNumber167" type="text" class="validate" name="StreetNumber1"\r\n                [ngModel]="returned_data.BillingAddress.StreetNumber1" required>\r\n              <label class="active" for="StreetNumber167">Street Number 1</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StreetNumber267" type="text" class="validate" name="StreetNumber2"\r\n                [ngModel]="returned_data.BillingAddress.StreetNumber2">\r\n              <label class="active" for="StreetNumber267">Street Number 2</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StreetName56" type="text" class="validate" name="StreetName"\r\n                [ngModel]="returned_data.BillingAddress.StreetName" required>\r\n              <label class="active" for="StreetName56">Street Name</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StreetType56" type="text" class="validate" name="StreetType"\r\n                [ngModel]="returned_data.BillingAddress.StreetType">\r\n              <label class="active" for="StreetType56">Street Type</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="Suburb55" type="text" class="validate" name="Suburb"\r\n                [ngModel]="returned_data.BillingAddress.Suburb" required>\r\n              <label class="active" for="Suburb55">Suburb</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="Postcode55" type="text" class="validate" name="Postcode"\r\n                [ngModel]="returned_data.BillingAddress.Postcode" required>\r\n              <label class="active" for="Postcode55">Postcode</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="StateCode55" type="text" class="validate" name="StateCode"\r\n                [ngModel]="returned_data.BillingAddress.StateCode" required>\r\n              <label class="active" for="StateCode55">StateCode</label>\r\n            </div>\r\n            <div class="input-field col s6">\r\n              <input id="Country55" type="text" class="validate" name="Country"\r\n                [ngModel]="returned_data.BillingAddress.Country">\r\n              <label class="active" for="Country55">Country</label>\r\n            </div>\r\n          </div>\r\n        </fieldset>\r\n        <div class="modal-footer">\r\n          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n          <button type="submit" class="btn">Save</button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\x3c!--End customer Modal --\x3e\r\n\r\n\x3c!-- Task Modal --\x3e\r\n<div class="modal fade" id="task" role="dialog" *ngIf="returned_data">\r\n  <div class="modal-dialog">\r\n    \x3c!-- Modal content--\x3e\r\n    <div class="modal-content">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">New Diary Task</h5>\r\n      </div>\r\n      <form ngNativeValidate class="newNote" #addtask="ngForm" (ngSubmit)="newTask(addtask.value);addtask.reset();">\r\n        <div class="row customer_edit">\r\n          <div class="input-field col s12">\r\n            <input class="addTask" id="CustomerIdTask" type="text" disabled\r\n              value="Customer name: {{returned_data.FirstName}} {{returned_data.LastName}}">\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input class="addTask" id="CustomerIdTask" type="text" style="\r\n                font-style: italic !important;" disabled\r\n              value=\'You will be reminded 2 days before the Due Date. Due Date can be edited in "Diary Tasks".\'>\r\n          </div>\r\n          <div class="input-field col s4">\r\n            <input class="addTask" id="CustomerIdTask" type="text" disabled value="Customer Id: {{returned_data.Id}}">\r\n          </div>\r\n          <div class="input-field col s8">\r\n            <input class="addTask" id="CustomerIdTask" type="text" disabled value="Created by: {{agentEmail}}">\r\n          </div>\r\n          <div class="input-field col s4">\r\n            <kendo-datepicker [(ngModel)]="DueDate" #dateModel="ngModel" required name="DueDate" [format]="\'dd-MM-yyyy\'"\r\n              placeholder="Due date" [min]="currentDateToday"></kendo-datepicker>\r\n          </div>\r\n          <div class="input-field col s8">\r\n            <textarea placeholder="Enter Task" [(ngModel)]="DiaryTasks" id="DiaryTasks"\r\n              class="materialize-textarea validate" name="DiaryTasks" required></textarea>\r\n            <label for="DiaryTasks"></label>\r\n          </div>\r\n\r\n        </div>\r\n        <div class="modal-footer">\r\n          <button type="submit" class="btn">Add</button>\r\n          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</div>\r\n\x3c!-- End Task Modal --\x3e\r\n\r\n\x3c!-- Task Modal --\x3e\r\n<div class="modal fade" id="taskList" role="dialog">\r\n  <div class="modal-dialog modal-md" style="width: 85%">\r\n    \x3c!-- Modal content--\x3e\r\n    <div class="modal-content">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Task List</h5>\r\n      </div>\r\n\r\n      <kendo-grid [kendoGridBinding]="gridData" [pageSize]="25" [pageable]="true" [height]="500" [sortable]="true"\r\n        filterable="menu" (edit)="editHandlerTask($event)" (cancel)="cancelHandlerTask($event)"\r\n        (save)="saveHandlerTask($event)" (remove)="removeHandlerTask($event)" (add)="addHandlerTask($event)"\r\n        [resizable]="true">\r\n        <kendo-grid-column field="Id" title="Id" [hidden]="true"></kendo-grid-column>\r\n        <kendo-grid-column field="ReminderDate" filter="date" [editor]="\'date\'" title="Reminder Date" format="{0:d}"\r\n          [width]="145" [resizable]="false"></kendo-grid-column>\r\n        <kendo-grid-column field="DueDate" filter="date" [editor]="\'date\'" title="Due Date" [width]="145"\r\n          [resizable]="false" format="{0:d}"></kendo-grid-column>\r\n        <kendo-grid-column field="DiaryTasks" title="Tasks" [width]="350" [minResizableWidth]="300">\r\n          <ng-template kendoGridEditTemplate let-column="column" let-formGroup="formGroup" let-isNew="isNew">\r\n            <input #input class="k-textbox" [formControl]="formGroup.get(column.field)">\r\n            <kendo-popup [anchor]="input"\r\n              *ngIf="formGroup.get(column.field).invalid && !(isNew && formGroup.get(column.field).untouched)"\r\n              popupClass="k-widget k-tooltip k-tooltip-validation k-invalid-msg">\r\n              <span class="k-icon k-i-warning"></span>\r\n              Diary Tasks name is required\r\n            </kendo-popup>\r\n          </ng-template>\r\n\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="CustomerId" title="Customer Id" [width]="120" [resizable]="false">\r\n          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n            <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n          </ng-template>\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="Status" title="Status" [width]="125" [resizable]="false">\r\n          <ng-template kendoGridCellTemplate let-dataItem>\r\n            {{category(dataItem.Status)?.StatusName}}\r\n          </ng-template>\r\n          <ng-template kendoGridEditTemplate let-dataItem="dataItem" let-column="column" let-formGroup="formGroup">\r\n            <kendo-dropdownlist #ddl="popupAnchor" popupAnchor [data]="categories" textField="StatusName"\r\n              valueField="Id" [valuePrimitive]="true" [formControl]="formGroup.get(\'Status\')">\r\n            </kendo-dropdownlist>\r\n            <kendo-popup [anchor]="ddl.element"\r\n              *ngIf="formGroup.get(column.field).invalid && !(isNew && formGroup.get(column.field).untouched)"\r\n              popupClass="k-widget k-tooltip k-tooltip-validation k-invalid-msg">\r\n              <span class="k-icon k-i-warning"></span>\r\n              Status is required\r\n            </kendo-popup>\r\n          </ng-template>\r\n        </kendo-grid-column>\r\n        <kendo-grid-command-column title="Action" [width]="140" [resizable]="false">\r\n          <ng-template kendoGridCellTemplate let-isNew="isNew">\r\n            <button kendoGridEditCommand class="k-primary editBtn">Edit</button>\r\n            <button kendoGridSaveCommand class="k-primary updateBtn" [disabled]="formGroup?.invalid">{{ isNew ? \'Add\' :\r\n              \'Update\'\r\n              }}\r\n            </button>\r\n            <button kendoGridCancelCommand\r\n              class="k-primary cancelBtn">{{ isNew ? \'Discard changes\' : \'Cancel\' }}</button>\r\n          </ng-template>\r\n        </kendo-grid-command-column>\r\n      </kendo-grid>\r\n      <div *ngIf="loadingTask" class="k-i-loading"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\x3c!-- End Task Modal --\x3e\r\n\r\n\x3c!-- Log Model --\x3e\r\n<div class="modal fade" id="log_files" role="dialog">\r\n  <div class="modal-dialog modal-md">\r\n    <div class="modal-content">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Log Files</h5>\r\n      </div>\r\n      <kendo-grid [kendoGridBinding]="logData" [scrollable]="true" [selectable]="true" [resizable]="false"\r\n        [sortable]="true" height="550">\r\n        <kendo-grid-column field="AccessDate" title="Access Date" [width]="150" class="header_bold"></kendo-grid-column>\r\n        <kendo-grid-column field="AgentEmail" title="Accessed By" class="header_bold"></kendo-grid-column>\r\n      </kendo-grid>\r\n      <div *ngIf="loadingLogs" class="k-i-loading"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\x3c!--New ticket modal --\x3e\r\n\r\n<div class="modal ticketClass" *ngFor="let ticketContent of TicketData" id=ticketdetail{{ticketContent.TicketId}}\r\n  role="dialog">\r\n  <div class="modal-dialog modal-lg">\r\n    <div class="modal-content">\r\n      <div class="modal-header" style="padding: 0">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h4 class="modal-title" style="font-size:1.5rem">Ticket# {{ticketContent.TicketNumber}}</h4>\r\n      </div>\r\n      <kendo-tabstrip>\r\n        <kendo-tabstrip-tab [title]="\'Post Reply\'" [selected]="true">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="replynotes" filterable="menu" [scrollable]="true" [selectable]="true"\r\n              [resizable]="false" [sortable]="true" height="400">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal"></div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Internal Notes\'" *ngIf="roleAuthorizationProvisioning">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="internalreplynotes" filterable="menu" [scrollable]="true"\r\n              [selectable]="true" [resizable]="false" [sortable]="true" height="400">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal"></div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Edit Ticket\'" *ngIf="roleCustNote">\r\n          <ng-template kendoTabContent>\r\n            <form ngNativeValidate class="k-form-inline" #EditOrder="ngForm"\r\n              (ngSubmit)="actionTicket(ticketContent,EditOrder.value);EditOrder.reset();">\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Type</span>\r\n                <kendo-dropdownlist [data]="listTicketType" name="listTicketType" required\r\n                  [(ngModel)]="selectedtickettype"></kendo-dropdownlist>\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Status</span>\r\n                <kendo-dropdownlist *ngIf="resolve" [data]="resolveStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n                <kendo-dropdownlist *ngIf="!resolve" [data]="listStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Note</span>\r\n                <textarea style="height: 20rem !important" [(ngModel)]="PostInternalNote" name="PostInternalNote"\r\n                  required type="text" [(value)]="PostInternalNote"></textarea>\r\n              </label>\r\n\r\n              <div class="text-right">\r\n                <button type="button" class="k-button" (click)="close()">Cancel</button>\r\n                <button type="submit" class="k-button k-primary">Submit</button>\r\n              </div>\r\n            </form>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n      </kendo-tabstrip>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class="modal fade" id="new_note" role="dialog">\r\n  <div class="modal-dialog">\r\n    \x3c!-- Modal content--\x3e\r\n    <div class="modal-content">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h4 class="modal-title">Add new note</h4>\r\n      </div>\r\n      <form ngNativeValidate class="newNote" #addNewNote="ngForm"\r\n        (ngSubmit)="newNote(addNewNote.value);addNewNote.reset()">\r\n\r\n        <div class="row creditForm">\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Call Type:</label>\r\n            <div class="input-field inline">\r\n              <kendo-dropdownlist class="form-control-static creditClass" name="CallType" [data]="callTypeDesc"\r\n                [(ngModel)]="CallType" required>\r\n              </kendo-dropdownlist>\r\n            </div>\r\n          </div>\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Notes:</label>\r\n            <div class="">\r\n              <textarea [(ngModel)]="Notes" id="Notes" class="materialize-textarea validate" name="Notes"\r\n                required></textarea>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="modal-footer">\r\n          <button type="submit" class="btn">Add</button>\r\n          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class="modal fade" id="addCredit" role="dialog" *ngIf="returned_data">\r\n  <div class="modal-dialog modal-md">\r\n    \x3c!-- Modal content--\x3e\r\n    <div class="modal-content">\r\n      <div class="modal-header">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">Add Credits/Debits</h5>\r\n      </div>\r\n      <form ngNativeValidate class="newNote" #addCredit="ngForm"\r\n        (ngSubmit)="newCredit(addCredit.value);addCredit.reset()">\r\n        <div hidden class="control-label col s12">\r\n          Customer Id:\r\n          <div class="input-field inline">\r\n            <input class="addTask" id="CustomerIdCredit" type="text" [(ngModel)]="CustomerId" name="CustomerId">\r\n          </div>\r\n        </div>\r\n        <p style="color: red">{{errorMsgcredit}}</p>\r\n        <div class="row creditForm">\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Type:</label>\r\n            <div class="input-field inline">\r\n              <kendo-dropdownlist class="form-control-static creditClass" name="IsCredit" [data]="creditType"\r\n                (selectionChange)="creditTypeChange($event)" [defaultItem]="ctypedefault" [textField]="\'category\'"\r\n                [valueField]="\'category\'" [(ngModel)]="ctypedefault" required>\r\n              </kendo-dropdownlist>\r\n            </div>\r\n          </div>\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Desc:</label>\r\n            <div class="input-field inline">\r\n              <kendo-dropdownlist class="form-control-static creditClass" name="Description" [data]="creditDesc"\r\n                [(ngModel)]="Description" required>\r\n              </kendo-dropdownlist>\r\n            </div>\r\n          </div>\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Reason:</label>\r\n            <div class="input-field inline">\r\n              <kendo-dropdownlist class="form-control-static creditClass" name="Reason" [data]="creditReason"\r\n                [(ngModel)]="Reason" required>\r\n              </kendo-dropdownlist>\r\n            </div>\r\n          </div>\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Amount:</label>\r\n            <div class="input-field inline">\r\n              <input *ngIf="roleAuthorization30Credit" type="number" class="form-control-static creditClass1" step="any"\r\n                name="TotalAmount" [(ngModel)]="TotalAmount" max="30" required />\r\n              <input *ngIf="roleAuthorization100Credit" type="number" class="form-control-static creditClass1"\r\n                step="any" name="TotalAmount" [(ngModel)]="TotalAmount" required />\r\n              \x3c!-- <input *ngIf="roleAuthorizationMore100Credit" type="number" class="form-control-static creditClass1" step="any"\r\n                name="TotalAmount" [(ngModel)]="TotalAmount" required /> --\x3e\r\n            </div>\r\n          </div>\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Comments:</label>\r\n            <div class="input-field inline">\r\n              <textarea class="form-control-static creditClass2" name="Comment" [(ngModel)]="Comment"></textarea>\r\n            </div>\r\n          </div>\r\n          <div class="control-label col s12">\r\n            <label class="labelName">\r\n              Authorised By:</label>\r\n            <div class="input-field inline">\r\n              <kendo-dropdownlist class="form-control-static creditClass" name="ApprovedBy" [data]="creditApprovedlist"\r\n                [(ngModel)]="ApprovedBy" required>\r\n              </kendo-dropdownlist>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="modal-footer">\r\n          <button type="submit" class="btn">Add</button>\r\n          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\r\n        </div>\r\n\r\n      </form>\r\n      <div *ngIf="loading" class="k-i-loading"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="updateErr" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Success" *ngIf="creditsucc" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly close the ticket raised for the credit/debit !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n\r\n<kendo-dialog title="Success" *ngIf="openedUsage" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">No Data to download</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n\r\n<kendo-grid #RadiusTable="kendoGrid" [data]="sessionData" style="display: none">\r\n  <kendo-grid-column field="LogDate" title="Date" width="150"></kendo-grid-column>\r\n  <kendo-grid-column field="LogType" title="Type" width="100"></kendo-grid-column>\r\n  <kendo-grid-column field="AvcNumber" title="AVC" width="150"></kendo-grid-column>\r\n  <kendo-grid-column field="LogData" title="Logs" width="700"></kendo-grid-column>\r\n  <kendo-grid-excel fileName="Radius Logs.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #SessionReportTable="kendoGrid" [data]="dataDaily" [scrollable]="true" [height]="200" [sortable]="true"\r\n  [sort]="sort" (sortChange)="sortChange($event)" [resizable]="false" style="display: none">\r\n  <kendo-grid-column field="Date" title="Date" class="header_bold"></kendo-grid-column>\r\n  <kendo-grid-column field="Upload" title="Upload (GB)" class="header_bold">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Download" title="Download (GB)" class="header_bold">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Total" title="Total Usage (GB)" class="header_bold">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Session Reports.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Session Reports.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #SessionData="kendoGrid" [kendoGridBinding]="sessionData" style="display: none">\r\n  <kendo-grid-column field="StartTime" [locked]="true" title="Start Time" width="145"></kendo-grid-column>\r\n  <kendo-grid-column field="StopTime" title="Stop Time" width="145"></kendo-grid-column>\r\n  <kendo-grid-column field="SessionTime" title="Session Time" width="145"></kendo-grid-column>\r\n  <kendo-grid-column field="InputOctets" title="Upload (MB)" width="100"></kendo-grid-column>\r\n  <kendo-grid-column field="OutputOctets" title="Download (MB)" width="100"></kendo-grid-column>\r\n  <kendo-grid-column field="MacAddress" title="MAC" width="145"></kendo-grid-column>\r\n  <kendo-grid-column field="FramedIpAddress" title="IP Address" width="145"></kendo-grid-column>\r\n  <kendo-grid-column field="TerminateCause" title="Terminate Cause" width="145"></kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Network Data.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Network Data.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n\x3c!-- <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog> --\x3e\r\n\r\n<kendo-dialog title="Please confirm" *ngIf="specialrecorddialogOpened" (close)="specialrecordaction(\'no\',shapeItem)"\r\n  [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Are you sure you want to continue?</p>\r\n  <kendo-dialog-actions>\r\n    <button kendoButton class="confirmDialog" (click)="specialrecordaction(\'no\',shapeItem)">No</button>\r\n    <button kendoButton class="confirmDialog" (click)="specialrecordaction(\'yes\',shapeItem)" primary="true">Yes</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Please confirm" *ngIf="extendPayment" (close)="extendPaymentDueDate(\'no\')" [minWidth]="250"\r\n  [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Are you sure you want to {{extensionVal}} payment extension?\r\n  </p>\r\n  <kendo-dialog-actions>\r\n    <button kendoButton class="confirmDialog" (click)="extendPaymentDueDate(\'no\')">No</button>\r\n    <button kendoButton class="confirmDialog" (click)="extendPaymentDueDate(\'yes\')" primary="true">Yes</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Please confirm" *ngIf="blockrecorddialogOpened" (close)="blockrecordaction(\'no\',blockItem)"\r\n  [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Are you sure you want to continue?</p>\r\n  <kendo-dialog-actions>\r\n    <button kendoButton class="confirmDialog" (click)="blockrecordaction(\'no\',blockItem)">No</button>\r\n    <button kendoButton class="confirmDialog" (click)="blockrecordaction(\'yes\',blockItem)" primary="true">Yes</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n\r\n\x3c!-- Dialog for TIO / Dispute --\x3e\r\n<kendo-dialog title="Please confirm" *ngIf="tiocomplaintSpecialRecordsDialog" (close)="otherSpecialRecord(false)"\r\n  [minWidth]="250" [width]="450">\r\n  <p style="text-align: center;" *ngIf="tioTrue">(Kindly raise a tio ticket.)</p>\r\n  <p style="text-align: center;" *ngIf="!tioTrue">(Kindly close the tio ticket.)</p>\r\n  <p style="text-align: center;">Are you sure you want to continue?</p>\r\n  <kendo-dialog-actions>\r\n    <button kendoButton class="confirmDialog" (click)="otherSpecialRecord(false)">No</button>\r\n    \x3c!-- <button kendoButton class="confirmDialog" (click)="hidedialog()" primary="true" data-toggle="modal"\r\n      [attr.data-target]="\'#tio\' + returned_data.Id" data-position="bottom" data-delay="50"\r\n      data-tooltip="Edit" data-value="">Yes</button> --\x3e\r\n    <button kendoButton class="confirmDialog" (click)="otherSpecialRecord(true)">Yes</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Please confirm" *ngIf="complaintSpecialRecordsDialog" (close)="otherSpecialRecord(false)"\r\n  [minWidth]="250" [width]="450">\r\n  <p style="text-align: center;" *ngIf="disputeTrue">(Kindly raise a dispute ticket.)</p>\r\n  <p style="text-align: center;" *ngIf="!disputeTrue">(Kindly close the dispute ticket.)</p>\r\n  <p style="text-align: center;">Are you sure you want to continue?</p>\r\n  <kendo-dialog-actions>\r\n    <button kendoButton class="confirmDialog" (click)="otherSpecialRecord(false)">No</button>\r\n    <button kendoButton class="confirmDialog" (click)="otherSpecialRecord(true)">Yes</button>\r\n    \x3c!-- <button kendoButton class="confirmDialog" (click)="hidedialog()" primary="true" data-toggle="modal"\r\n      [attr.data-target]="\'#dispute\' + returned_data.Id" data-position="bottom" data-delay="50"\r\n      data-tooltip="Edit" data-value="">Yes</button> --\x3e\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Please confirm" *ngIf="otherSpecialRecordsDialog" (close)="otherSpecialRecord(false)"\r\n  [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Are you sure you want to continue?</p>\r\n  <kendo-dialog-actions>\r\n    <button kendoButton class="confirmDialog" (click)="otherSpecialRecord(false)">No</button>\r\n    <button kendoButton class="confirmDialog" (click)="otherSpecialRecord(true)" primary="true">Yes</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n\r\n<kendo-dialog title="Error" *ngIf="errorrecorddialogOpened" (close)="specialcomplaintrecordaction(\'no\')"\r\n  [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Sorry! Operation cannot be performed - {{shapeerror1}}</p>\r\n</kendo-dialog>\r\n\r\n<kendo-dialog title="Error" *ngIf="opened" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Something went wrong ! Ticket cannot be created. Kindly\r\n    contact\r\n    administrator.</p>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="ticketopened" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Something went wrong ! Unable to fetch tickets.\r\n    {{ticketerror}}\r\n    Error !</p>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="ticketpost" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Something went wrong ! Unable to edit ticket.\r\n    {{ticketerror}}\r\n  </p>\r\n</kendo-dialog>'},"C/um":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},C62N:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-filtercell-wrapper{white-space:normal}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.k-state-selected{padding:5px;background:#dcdbec}tr :hover{cursor:pointer}strong{color:#000;font-weight:700}.internal-notes{font-weight:700;font-size:1.3rem}.note-border{font-size:11px}.note-head{font-size:10px}.note-body{font-size:10.5px}.btn-sm{background:#ff7743!important;padding:4px 5px;color:#fff!important}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743!important}.btn-fix-dashboard{float:none;height:18px!important;line-height:2px!important;padding:4px 12px!important;padding-bottom:6px!important;font-size:12px!important;letter-spacing:.5px!important}.user-view{padding:12px 32px 0}.agent_name{float:left;padding-right:5px}.email{line-height:24px}.email,.side-nav .user-view .email{font-size:12px}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{padding:0 32px}.sidenav-footer{bottom:0;margin-bottom:0;padding:0}.sidenav-footer .row{margin-bottom:0}.sidenav-footer .row .social-icons a{opacity:.5;padding:0;text-align:center}.sidenav-footer .row .social-icons a:hover{background-color:inherit;opacity:1}.cyan{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important}.note-desc div{text-align:left}a{cursor:pointer}.side-nav.fixed{height:100%}ul>li:last-child{position:inherit;bottom:0}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{margin-left:15px}.note-desc{text-align:left!important}.k-grid-content{overflow-y:scroll!important}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block).leftTitle{width:6.8em!important}.modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},D18n:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,'/** \r\n * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               \r\n * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      \r\n *                                                                                                                                                                                                      \r\n * Kendo UI commercial licenses may be obtained at                                                                                                                                                      \r\n * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  \r\n * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n\r\n */.fake{color:red}.k-common-test-class{opacity:0}.k-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.k-floatwrap:after,.k-grid-toolbar:after,.k-slider-items:after{content:"";display:block;clear:both;visibility:hidden;height:0;overflow:hidden}.k-floatwrap,.k-grid-toolbar,.k-slider-items{display:inline-block;display:block}.k-autocomplete,.k-autocomplete.k-state-hover,.k-block,.k-button,.k-draghandle,.k-dropdown-wrap,.k-dropdown-wrap.k-state-hover,.k-grid-header,.k-grouping-header,.k-header,.k-link.k-state-hover,.k-numeric-wrap,.k-numeric-wrap.k-state-hover,.k-pager-wrap,.k-picker-wrap,.k-picker-wrap.k-state-hover,.k-tabstrip-items .k-item,.k-textbox,.k-textbox:hover,.k-toolbar,.k-tooltip{background-repeat:repeat;background-position:0}.k-link:hover{text-decoration:none}.k-state-highlight>.k-link{color:inherit}.k-button,.k-input[type=number],.k-input[type=text],.k-picker-wrap .k-input,.k-textbox,.k-textbox>input{font-size:100%;font-family:inherit;border-style:solid;border-width:1px;-webkit-appearance:none}.k-block,.k-draghandle,.k-inline-block,.k-widget{border-style:solid;border-width:1px;-webkit-appearance:none}.k-block,.k-widget{line-height:normal;outline:0}.k-list-filter ::-ms-clear,.k-widget ::-ms-clear{width:0;height:0}.k-block{padding:2px}.k-button,.k-button-bare{display:inline-block;margin:0;padding:2px 7px 2px;font-family:inherit;line-height:1.72em;text-align:center;cursor:pointer;text-decoration:none}.k-button-bare.k-state-disabled,.k-button-bare.k-state-disabled:active,.k-button-bare.k-state-disabled:hover,.k-button-bare[disabled],.k-button.k-state-disabled,.k-button.k-state-disabled:active,.k-button.k-state-disabled:hover,.k-button[disabled],.k-state-disabled .k-button,.k-state-disabled .k-button-bare,.k-state-disabled .k-button-bare:active,.k-state-disabled .k-button-bare:hover,.k-state-disabled .k-button:active,.k-state-disabled .k-button:hover{cursor:default}a.k-button,a.k-button-bare{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none}.k-ff input.k-button{padding-bottom:.37em;padding-top:.37em}.button.k-button-bare::-moz-focus-inner,button.k-button::-moz-focus-inner,input.k-button-bare::-moz-focus-inner,input.k-button::-moz-focus-inner{padding:0;border:0}a.k-button-expand{display:block}button.k-button-expand,input[type=button].k-button-expand,input[type=reset].k-button-expand,input[type=submit].k-button-expand{width:100%}body .k-button-icon,body .k-split-button-arrow{padding-left:.4em;padding-right:.4em}.k-button-icontext{overflow:visible}.k-toolbar .k-button-icontext{padding-right:.8em}.k-button-icontext .k-icon,.k-button-icontext .k-image,.k-button-icontext .k-sprite{margin-right:3px;margin-right:.3rem;margin-left:-3px;margin-left:-.3rem}.k-button.k-button-icontext .k-icon,.k-button.k-button-icontext .k-image{vertical-align:text-top}html body .k-button-bare{background:0 0!important;color:inherit;border-width:0;opacity:.7;-webkit-box-shadow:none;box-shadow:none}html body .k-button-bare,html body .k-button-bare.k-state-active,html body .k-button-bare.k-state-active:hover,html body .k-button-bare.k-state-hover,html body .k-button-bare:active,html body .k-button-bare:hover{color:inherit}html body .k-button-bare .k-state-focused,html body .k-button-bare:focus{background:0 0;-webkit-box-shadow:none!important;box-shadow:none!important;border-color:transparent;opacity:.8}html body .k-button-bare.k-state-active,html body .k-button-bare.k-state-hover,html body .k-button-bare:active,html body .k-button-bare:hover{opacity:1}html body .k-button-bare.k-upload-button:hover{color:inherit}.k-link{cursor:pointer;outline:0;text-decoration:none}.k-grid-header span.k-link{cursor:default}.k-state-disabled,.k-state-disabled .k-button,.k-state-disabled .k-draghandle,.k-state-disabled .k-icon,.k-state-disabled .k-link,.k-state-disabled .k-upload-button input{cursor:default!important;outline:0}@media print{.k-state-disabled,.k-state-disabled .k-input{opacity:1!important}}.k-state-error{border-style:ridge}.k-state-empty{font-style:italic}.k-icon,.k-sprite,.k-tool-icon{display:inline-block;width:16px;height:16px;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center;-ms-high-contrast-adjust:none}.k-button-bare .k-font-icon{overflow:visible}.k-icon.k-i-none{background-image:none!important}.k-ie8 .k-icon,.k-ie8 .k-sprite,.k-ie8 .k-tool-icon,:root *>.k-icon,:root *>.k-sprite,:root *>.k-tool-icon{vertical-align:middle}.k-icon,.k-sprite{background-color:transparent}.k-numerictextbox .k-select .k-link span.k-i-arrow-n{background-position:0 -3px}.k-numerictextbox .k-select .k-link span.k-i-arrow-s{background-position:0 -35px}.k-state-selected .k-i-arrow-n{background-position:-16px 0}.k-button:active .k-state-selected .k-i-arrow-n,.k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n,.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-n,.k-state-hover>*>.k-state-selected .k-i-arrow-n,.k-state-hover>.k-state-selected .k-i-arrow-n,.k-textbox:hover .k-state-selected .k-i-arrow-n{background-position:-32px 0}.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n{background-position:-16px -3px}.k-state-selected .k-i-arrow-s{background-position:-16px -32px}.k-button:active .k-state-selected .k-i-arrow-s,.k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s,.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-s,.k-state-hover>*>.k-state-selected .k-i-arrow-s,.k-state-hover>.k-state-selected .k-i-arrow-s,.k-textbox:hover .k-state-selected .k-i-arrow-s{background-position:-32px -32px}.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s{background-position:-16px -35px}.k-grid-header th>.k-link:hover span.k-i-arrow-n{background-position:0 0}.k-grid-header th>.k-link:hover span.k-i-arrow-s{background-position:0 -32px}.k-group-indicator .k-link:hover span.k-i-sarrow-n,.k-group-indicator .k-link:hover span.k-si-arrow-n{background-position:0 -129px}.k-group-indicator .k-link:hover span.k-i-sarrow-s,.k-group-indicator .k-link:hover span.k-si-arrow-s{background-position:0 -159px}.k-group-indicator .k-button:hover span.k-group-delete,.k-group-indicator .k-button:hover span.k-i-group-delete{background-position:-32px -16px}.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar{background-position:-32px -176px}.k-i-arrow-n{background-position:0 0}.k-button:active .k-i-arrow-n,.k-button:not(.k-state-disabled):hover .k-i-arrow-n,.k-link:not(.k-state-disabled):hover>.k-i-arrow-n,.k-state-hover>*>.k-i-arrow-n,.k-state-hover>.k-i-arrow-n,.k-textbox:hover .k-i-arrow-n{background-position:-16px 0}.k-i-arrow-e{background-position:0 -16px}.k-button:active .k-i-arrow-e,.k-button:not(.k-state-disabled):hover .k-i-arrow-e,.k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-state-hover>*>.k-i-arrow-e,.k-state-hover>.k-i-arrow-e,.k-textbox:hover .k-i-arrow-e{background-position:-16px -16px}.k-rtl .k-i-arrow-w{background-position:0 -16px}.k-rtl .k-button:active .k-i-arrow-w,.k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w,.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-rtl .k-state-hover>*>.k-i-arrow-w,.k-rtl .k-state-hover>.k-i-arrow-w,.k-rtl .k-textbox:hover .k-i-arrow-w{background-position:-16px -16px}.k-i-arrow-s{background-position:0 -32px}.k-button:active .k-i-arrow-s,.k-button:not(.k-state-disabled):hover .k-i-arrow-s,.k-link:not(.k-state-disabled):hover>.k-i-arrow-s,.k-state-hover>*>.k-i-arrow-s,.k-state-hover>.k-i-arrow-s,.k-textbox:hover .k-i-arrow-s{background-position:-16px -32px}.k-i-arrow-w{background-position:0 -48px}.k-button:active .k-i-arrow-w,.k-button:not(.k-state-disabled):hover .k-i-arrow-w,.k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-state-hover>*>.k-i-arrow-w,.k-state-hover>.k-i-arrow-w,.k-textbox:hover .k-i-arrow-w{background-position:-16px -48px}.k-rtl .k-i-arrow-e{background-position:0 -48px}.k-rtl .k-button:active .k-i-arrow-e,.k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e,.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-rtl .k-state-hover>*>.k-i-arrow-e,.k-rtl .k-state-hover>.k-i-arrow-e,.k-rtl .k-textbox:hover .k-i-arrow-e{background-position:-16px -48px}.k-i-seek-n{background-position:0 -64px}.k-button:active .k-i-seek-n,.k-button:not(.k-state-disabled):hover .k-i-seek-n,.k-link:not(.k-state-disabled):hover>.k-i-seek-n,.k-state-hover>*>.k-i-seek-n,.k-state-hover>.k-i-seek-n,.k-textbox:hover .k-i-seek-n{background-position:-16px -64px}.k-i-seek-e{background-position:0 -80px}.k-button:active .k-i-seek-e,.k-button:not(.k-state-disabled):hover .k-i-seek-e,.k-link:not(.k-state-disabled):hover>.k-i-seek-e,.k-state-hover>*>.k-i-seek-e,.k-state-hover>.k-i-seek-e,.k-textbox:hover .k-i-seek-e{background-position:-16px -80px}.k-rtl .k-i-seek-w{background-position:0 -80px}.k-rtl .k-button:active .k-i-seek-w,.k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w,.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-w,.k-rtl .k-state-hover>*>.k-i-seek-w,.k-rtl .k-state-hover>.k-i-seek-w,.k-rtl .k-textbox:hover .k-i-seek-w{background-position:-16px -80px}.k-i-seek-s{background-position:0 -96px}.k-button:active .k-i-seek-s,.k-button:not(.k-state-disabled):hover .k-i-seek-s,.k-link:not(.k-state-disabled):hover>.k-i-seek-s,.k-state-hover>*>.k-i-seek-s,.k-state-hover>.k-i-seek-s,.k-textbox:hover .k-i-seek-s{background-position:-16px -96px}.k-i-seek-w{background-position:0 -112px}.k-button:active .k-i-seek-w,.k-button:not(.k-state-disabled):hover .k-i-seek-w,.k-link:not(.k-state-disabled):hover>.k-i-seek-w,.k-state-hover>*>.k-i-seek-w,.k-state-hover>.k-i-seek-w,.k-textbox:hover .k-i-seek-w{background-position:-16px -112px}.k-rtl .k-i-seek-e{background-position:0 -112px}.k-rtl .k-button:active .k-i-seek-e,.k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e,.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-e,.k-rtl .k-state-hover>*>.k-i-seek-e,.k-rtl .k-state-hover>.k-i-seek-e,.k-rtl .k-textbox:hover .k-i-seek-e{background-position:-16px -112px}.k-i-sarrow-n,.k-si-arrow-n{background-position:0 -129px}.k-button:active .k-i-sarrow-n,.k-button:active .k-si-arrow-n,.k-button:not(.k-state-disabled):hover .k-i-sarrow-n,.k-button:not(.k-state-disabled):hover .k-si-arrow-n,.k-link:not(.k-state-disabled):hover>.k-i-sarrow-n,.k-link:not(.k-state-disabled):hover>.k-si-arrow-n,.k-state-hover>*>.k-i-sarrow-n,.k-state-hover>*>.k-si-arrow-n,.k-state-hover>.k-i-sarrow-n,.k-state-hover>.k-si-arrow-n,.k-textbox:hover .k-i-sarrow-n,.k-textbox:hover .k-si-arrow-n{background-position:-16px -129px}.k-i-sarrow-e,.k-si-arrow-e{background-position:0 -144px}.k-button:active .k-i-sarrow-e,.k-button:active .k-si-arrow-e,.k-button:not(.k-state-disabled):hover .k-i-sarrow-e,.k-button:not(.k-state-disabled):hover .k-si-arrow-e,.k-link:not(.k-state-disabled):hover>.k-i-sarrow-e,.k-link:not(.k-state-disabled):hover>.k-si-arrow-e,.k-state-hover>*>.k-i-sarrow-e,.k-state-hover>*>.k-si-arrow-e,.k-state-hover>.k-i-sarrow-e,.k-state-hover>.k-si-arrow-e,.k-textbox:hover .k-i-sarrow-e,.k-textbox:hover .k-si-arrow-e{background-position:-16px -144px}.k-i-sarrow-s,.k-si-arrow-s{background-position:0 -159px}.k-button:active .k-i-sarrow-s,.k-button:active .k-si-arrow-s,.k-button:not(.k-state-disabled):hover .k-i-sarrow-s,.k-button:not(.k-state-disabled):hover .k-si-arrow-s,.k-link:not(.k-state-disabled):hover>.k-i-sarrow-s,.k-link:not(.k-state-disabled):hover>.k-si-arrow-s,.k-state-hover>*>.k-i-sarrow-s,.k-state-hover>*>.k-si-arrow-s,.k-state-hover>.k-i-sarrow-s,.k-state-hover>.k-si-arrow-s,.k-textbox:hover .k-i-sarrow-s,.k-textbox:hover .k-si-arrow-s{background-position:-16px -159px}.k-i-sarrow-w,.k-si-arrow-w{background-position:0 -176px}.k-button:active .k-i-sarrow-w,.k-button:active .k-si-arrow-w,.k-button:not(.k-state-disabled):hover .k-i-sarrow-w,.k-button:not(.k-state-disabled):hover .k-si-arrow-w,.k-link:not(.k-state-disabled):hover>.k-i-sarrow-w,.k-link:not(.k-state-disabled):hover>.k-si-arrow-w,.k-state-hover>*>.k-i-sarrow-w,.k-state-hover>*>.k-si-arrow-w,.k-state-hover>.k-i-sarrow-w,.k-state-hover>.k-si-arrow-w,.k-textbox:hover .k-i-sarrow-w,.k-textbox:hover .k-si-arrow-w{background-position:-16px -176px}.k-i-arrowhead-n{background-position:0 -256px}.k-button:active .k-i-arrowhead-n,.k-button:not(.k-state-disabled):hover .k-i-arrowhead-n,.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-n,.k-state-hover>*>.k-i-arrowhead-n,.k-state-hover>.k-i-arrowhead-n,.k-textbox:hover .k-i-arrowhead-n{background-position:-16px -256px}.k-i-arrowhead-e{background-position:0 -272px}.k-button:active .k-i-arrowhead-e,.k-button:not(.k-state-disabled):hover .k-i-arrowhead-e,.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-e,.k-state-hover>*>.k-i-arrowhead-e,.k-state-hover>.k-i-arrowhead-e,.k-textbox:hover .k-i-arrowhead-e{background-position:-16px -272px}.k-i-arrowhead-s{background-position:0 -288px}.k-button:active .k-i-arrowhead-s,.k-button:not(.k-state-disabled):hover .k-i-arrowhead-s,.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-s,.k-state-hover>*>.k-i-arrowhead-s,.k-state-hover>.k-i-arrowhead-s,.k-textbox:hover .k-i-arrowhead-s{background-position:-16px -288px}.k-i-arrowhead-w{background-position:0 -304px}.k-button:active .k-i-arrowhead-w,.k-button:not(.k-state-disabled):hover .k-i-arrowhead-w,.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-w,.k-state-hover>*>.k-i-arrowhead-w,.k-state-hover>.k-i-arrowhead-w,.k-textbox:hover .k-i-arrowhead-w{background-position:-16px -304px}.k-i-expand,.k-i-plus,.k-i-plus-disabled,.k-plus,.k-plus-disabled{background-position:0 -192px}.k-button:active .k-i-expand,.k-button:active .k-i-plus,.k-button:active .k-i-plus-disabled,.k-button:active .k-plus,.k-button:active .k-plus-disabled,.k-button:not(.k-state-disabled):hover .k-i-expand,.k-button:not(.k-state-disabled):hover .k-i-plus,.k-button:not(.k-state-disabled):hover .k-i-plus-disabled,.k-button:not(.k-state-disabled):hover .k-plus,.k-button:not(.k-state-disabled):hover .k-plus-disabled,.k-link:not(.k-state-disabled):hover>.k-i-expand,.k-link:not(.k-state-disabled):hover>.k-i-plus,.k-link:not(.k-state-disabled):hover>.k-i-plus-disabled,.k-link:not(.k-state-disabled):hover>.k-plus,.k-link:not(.k-state-disabled):hover>.k-plus-disabled,.k-state-hover>*>.k-i-expand,.k-state-hover>*>.k-i-plus,.k-state-hover>*>.k-i-plus-disabled,.k-state-hover>*>.k-plus,.k-state-hover>*>.k-plus-disabled,.k-state-hover>.k-i-expand,.k-state-hover>.k-i-plus,.k-state-hover>.k-i-plus-disabled,.k-state-hover>.k-plus,.k-state-hover>.k-plus-disabled,.k-textbox:hover .k-i-expand,.k-textbox:hover .k-i-plus,.k-textbox:hover .k-i-plus-disabled,.k-textbox:hover .k-plus,.k-textbox:hover .k-plus-disabled{background-position:-16px -192px}.k-i-expand-w,.k-rtl .k-i-expand,.k-rtl .k-i-plus,.k-rtl .k-i-plus-disabled,.k-rtl .k-plus,.k-rtl .k-plus-disabled{background-position:0 -208px}.k-button:active .k-i-expand-w,.k-button:active .k-rtl .k-i-expand,.k-button:active .k-rtl .k-i-plus,.k-button:active .k-rtl .k-i-plus-disabled,.k-button:active .k-rtl .k-plus,.k-button:active .k-rtl .k-plus-disabled,.k-button:not(.k-state-disabled):hover .k-i-expand-w,.k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand,.k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus,.k-button:not(.k-state-disabled):hover .k-rtl .k-i-plus-disabled,.k-button:not(.k-state-disabled):hover .k-rtl .k-plus,.k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled,.k-link:not(.k-state-disabled):hover>.k-i-expand-w,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-expand,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-plus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-plus-disabled,.k-link:not(.k-state-disabled):hover>.k-rtl .k-plus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-plus-disabled,.k-state-hover>*>.k-i-expand-w,.k-state-hover>*>.k-rtl .k-i-expand,.k-state-hover>*>.k-rtl .k-i-plus,.k-state-hover>*>.k-rtl .k-i-plus-disabled,.k-state-hover>*>.k-rtl .k-plus,.k-state-hover>*>.k-rtl .k-plus-disabled,.k-state-hover>.k-i-expand-w,.k-state-hover>.k-rtl .k-i-expand,.k-state-hover>.k-rtl .k-i-plus,.k-state-hover>.k-rtl .k-i-plus-disabled,.k-state-hover>.k-rtl .k-plus,.k-state-hover>.k-rtl .k-plus-disabled,.k-textbox:hover .k-i-expand-w,.k-textbox:hover .k-rtl .k-i-expand,.k-textbox:hover .k-rtl .k-i-plus,.k-textbox:hover .k-rtl .k-i-plus-disabled,.k-textbox:hover .k-rtl .k-plus,.k-textbox:hover .k-rtl .k-plus-disabled{background-position:-16px -208px}.k-i-collapse,.k-i-minus,.k-i-minus-disabled,.k-minus,.k-minus-disabled{background-position:0 -224px}.k-button:active .k-i-collapse,.k-button:active .k-i-minus,.k-button:active .k-i-minus-disabled,.k-button:active .k-minus,.k-button:active .k-minus-disabled,.k-button:not(.k-state-disabled):hover .k-i-collapse,.k-button:not(.k-state-disabled):hover .k-i-minus,.k-button:not(.k-state-disabled):hover .k-i-minus-disabled,.k-button:not(.k-state-disabled):hover .k-minus,.k-button:not(.k-state-disabled):hover .k-minus-disabled,.k-link:not(.k-state-disabled):hover>.k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-i-minus,.k-link:not(.k-state-disabled):hover>.k-i-minus-disabled,.k-link:not(.k-state-disabled):hover>.k-minus,.k-link:not(.k-state-disabled):hover>.k-minus-disabled,.k-state-hover>*>.k-i-collapse,.k-state-hover>*>.k-i-minus,.k-state-hover>*>.k-i-minus-disabled,.k-state-hover>*>.k-minus,.k-state-hover>*>.k-minus-disabled,.k-state-hover>.k-i-collapse,.k-state-hover>.k-i-minus,.k-state-hover>.k-i-minus-disabled,.k-state-hover>.k-minus,.k-state-hover>.k-minus-disabled,.k-textbox:hover .k-i-collapse,.k-textbox:hover .k-i-minus,.k-textbox:hover .k-i-minus-disabled,.k-textbox:hover .k-minus,.k-textbox:hover .k-minus-disabled{background-position:-16px -224px}.k-i-collapse-w,.k-rtl .k-i-collapse,.k-rtl .k-i-minus,.k-rtl .k-i-minus-disabled,.k-rtl .k-minus,.k-rtl .k-minus-disabled{background-position:0 -240px}.k-button:active .k-i-collapse-w,.k-button:active .k-rtl .k-i-collapse,.k-button:active .k-rtl .k-i-minus,.k-button:active .k-rtl .k-i-minus-disabled,.k-button:active .k-rtl .k-minus,.k-button:active .k-rtl .k-minus-disabled,.k-button:not(.k-state-disabled):hover .k-i-collapse-w,.k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse,.k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus,.k-button:not(.k-state-disabled):hover .k-rtl .k-i-minus-disabled,.k-button:not(.k-state-disabled):hover .k-rtl .k-minus,.k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled,.k-link:not(.k-state-disabled):hover>.k-i-collapse-w,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-minus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-minus-disabled,.k-link:not(.k-state-disabled):hover>.k-rtl .k-minus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-minus-disabled,.k-state-hover>*>.k-i-collapse-w,.k-state-hover>*>.k-rtl .k-i-collapse,.k-state-hover>*>.k-rtl .k-i-minus,.k-state-hover>*>.k-rtl .k-i-minus-disabled,.k-state-hover>*>.k-rtl .k-minus,.k-state-hover>*>.k-rtl .k-minus-disabled,.k-state-hover>.k-i-collapse-w,.k-state-hover>.k-rtl .k-i-collapse,.k-state-hover>.k-rtl .k-i-minus,.k-state-hover>.k-rtl .k-i-minus-disabled,.k-state-hover>.k-rtl .k-minus,.k-state-hover>.k-rtl .k-minus-disabled,.k-textbox:hover .k-i-collapse-w,.k-textbox:hover .k-rtl .k-i-collapse,.k-textbox:hover .k-rtl .k-i-minus,.k-textbox:hover .k-rtl .k-i-minus-disabled,.k-textbox:hover .k-rtl .k-minus,.k-textbox:hover .k-rtl .k-minus-disabled{background-position:-16px -240px}.k-edit,.k-i-edit,.k-i-pencil{background-position:-32px 0}.k-button:active .k-edit,.k-button:active .k-i-edit,.k-button:active .k-i-pencil,.k-button:not(.k-state-disabled):hover .k-edit,.k-button:not(.k-state-disabled):hover .k-i-edit,.k-button:not(.k-state-disabled):hover .k-i-pencil,.k-link:not(.k-state-disabled):hover>.k-edit,.k-link:not(.k-state-disabled):hover>.k-i-edit,.k-link:not(.k-state-disabled):hover>.k-i-pencil,.k-state-hover>*>.k-edit,.k-state-hover>*>.k-i-edit,.k-state-hover>*>.k-i-pencil,.k-state-hover>.k-edit,.k-state-hover>.k-i-edit,.k-state-hover>.k-i-pencil,.k-textbox:hover .k-edit,.k-textbox:hover .k-i-edit,.k-textbox:hover .k-i-pencil{background-position:-48px 0}.k-delete,.k-group-delete,.k-i-close,.k-i-delete,.k-i-group-delete{background-position:-32px -16px}.k-button:active .k-delete,.k-button:active .k-group-delete,.k-button:active .k-i-close,.k-button:active .k-i-delete,.k-button:active .k-i-group-delete,.k-button:not(.k-state-disabled):hover .k-delete,.k-button:not(.k-state-disabled):hover .k-group-delete,.k-button:not(.k-state-disabled):hover .k-i-close,.k-button:not(.k-state-disabled):hover .k-i-delete,.k-button:not(.k-state-disabled):hover .k-i-group-delete,.k-link:not(.k-state-disabled):hover>.k-delete,.k-link:not(.k-state-disabled):hover>.k-group-delete,.k-link:not(.k-state-disabled):hover>.k-i-close,.k-link:not(.k-state-disabled):hover>.k-i-delete,.k-link:not(.k-state-disabled):hover>.k-i-group-delete,.k-state-hover>*>.k-delete,.k-state-hover>*>.k-group-delete,.k-state-hover>*>.k-i-close,.k-state-hover>*>.k-i-delete,.k-state-hover>*>.k-i-group-delete,.k-state-hover>.k-delete,.k-state-hover>.k-group-delete,.k-state-hover>.k-i-close,.k-state-hover>.k-i-delete,.k-state-hover>.k-i-group-delete,.k-textbox:hover .k-delete,.k-textbox:hover .k-group-delete,.k-textbox:hover .k-i-close,.k-textbox:hover .k-i-delete,.k-textbox:hover .k-i-group-delete{background-position:-48px -16px}.k-si-close{background-position:-160px -80px}.k-button:active .k-si-close,.k-button:not(.k-state-disabled):hover .k-si-close,.k-link:not(.k-state-disabled):hover>.k-si-close,.k-state-hover>*>.k-si-close,.k-state-hover>.k-si-close,.k-textbox:hover .k-si-close{background-position:-176px -80px}.k-multiselect .k-delete,.k-multiselect .k-i-delete{background-position:-160px -80px}.k-multiselect .k-state-hover .k-delete,.k-multiselect .k-state-hover .k-i-delete{background-position:-176px -80px}.k-i-insert,.k-i-tick,.k-i-update,.k-insert,.k-update{background-position:-32px -32px}.k-button:active .k-i-insert,.k-button:active .k-i-tick,.k-button:active .k-i-update,.k-button:active .k-insert,.k-button:active .k-update,.k-button:not(.k-state-disabled):hover .k-i-insert,.k-button:not(.k-state-disabled):hover .k-i-tick,.k-button:not(.k-state-disabled):hover .k-i-update,.k-button:not(.k-state-disabled):hover .k-insert,.k-button:not(.k-state-disabled):hover .k-update,.k-link:not(.k-state-disabled):hover>.k-i-insert,.k-link:not(.k-state-disabled):hover>.k-i-tick,.k-link:not(.k-state-disabled):hover>.k-i-update,.k-link:not(.k-state-disabled):hover>.k-insert,.k-link:not(.k-state-disabled):hover>.k-update,.k-state-hover>*>.k-i-insert,.k-state-hover>*>.k-i-tick,.k-state-hover>*>.k-i-update,.k-state-hover>*>.k-insert,.k-state-hover>*>.k-update,.k-state-hover>.k-i-insert,.k-state-hover>.k-i-tick,.k-state-hover>.k-i-update,.k-state-hover>.k-insert,.k-state-hover>.k-update,.k-textbox:hover .k-i-insert,.k-textbox:hover .k-i-tick,.k-textbox:hover .k-i-update,.k-textbox:hover .k-insert,.k-textbox:hover .k-update{background-position:-48px -32px}.k-check:checked,.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{background-position:-32px -32px}.k-button:active .k-check:checked,.k-button:active .k-mobile-list .k-edit-field [type=checkbox],.k-button:active .k-mobile-list .k-edit-field [type=radio],.k-button:not(.k-state-disabled):hover .k-check:checked,.k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox],.k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio],.k-link:not(.k-state-disabled):hover>.k-check:checked,.k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=checkbox],.k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=radio],.k-state-hover>*>.k-check:checked,.k-state-hover>*>.k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>*>.k-mobile-list .k-edit-field [type=radio],.k-state-hover>.k-check:checked,.k-state-hover>.k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>.k-mobile-list .k-edit-field [type=radio],.k-textbox:hover .k-check:checked,.k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox],.k-textbox:hover .k-mobile-list .k-edit-field [type=radio]{background-position:-48px -32px}.k-cancel,.k-denied,.k-i-cancel,.k-i-denied{background-position:-32px -48px}.k-button:active .k-cancel,.k-button:active .k-denied,.k-button:active .k-i-cancel,.k-button:active .k-i-denied,.k-button:not(.k-state-disabled):hover .k-cancel,.k-button:not(.k-state-disabled):hover .k-denied,.k-button:not(.k-state-disabled):hover .k-i-cancel,.k-button:not(.k-state-disabled):hover .k-i-denied,.k-link:not(.k-state-disabled):hover>.k-cancel,.k-link:not(.k-state-disabled):hover>.k-denied,.k-link:not(.k-state-disabled):hover>.k-i-cancel,.k-link:not(.k-state-disabled):hover>.k-i-denied,.k-state-hover>*>.k-cancel,.k-state-hover>*>.k-denied,.k-state-hover>*>.k-i-cancel,.k-state-hover>*>.k-i-denied,.k-state-hover>.k-cancel,.k-state-hover>.k-denied,.k-state-hover>.k-i-cancel,.k-state-hover>.k-i-denied,.k-textbox:hover .k-cancel,.k-textbox:hover .k-denied,.k-textbox:hover .k-i-cancel,.k-textbox:hover .k-i-denied{background-position:-48px -48px}.k-add,.k-i-add,.k-i-plus{background-position:-32px -64px}.k-button:active .k-add,.k-button:active .k-i-add,.k-button:active .k-i-plus,.k-button:not(.k-state-disabled):hover .k-add,.k-button:not(.k-state-disabled):hover .k-i-add,.k-button:not(.k-state-disabled):hover .k-i-plus,.k-link:not(.k-state-disabled):hover>.k-add,.k-link:not(.k-state-disabled):hover>.k-i-add,.k-link:not(.k-state-disabled):hover>.k-i-plus,.k-state-hover>*>.k-add,.k-state-hover>*>.k-i-add,.k-state-hover>*>.k-i-plus,.k-state-hover>.k-add,.k-state-hover>.k-i-add,.k-state-hover>.k-i-plus,.k-textbox:hover .k-add,.k-textbox:hover .k-i-add,.k-textbox:hover .k-i-plus{background-position:-48px -64px}.k-filter,.k-i-filter,.k-i-funnel{background-position:-32px -80px}.k-button:active .k-filter,.k-button:active .k-i-filter,.k-button:active .k-i-funnel,.k-button:not(.k-state-disabled):hover .k-filter,.k-button:not(.k-state-disabled):hover .k-i-filter,.k-button:not(.k-state-disabled):hover .k-i-funnel,.k-link:not(.k-state-disabled):hover>.k-filter,.k-link:not(.k-state-disabled):hover>.k-i-filter,.k-link:not(.k-state-disabled):hover>.k-i-funnel,.k-state-hover>*>.k-filter,.k-state-hover>*>.k-i-filter,.k-state-hover>*>.k-i-funnel,.k-state-hover>.k-filter,.k-state-hover>.k-i-filter,.k-state-hover>.k-i-funnel,.k-textbox:hover .k-filter,.k-textbox:hover .k-i-filter,.k-textbox:hover .k-i-funnel{background-position:-48px -80px}.k-clear-filter,.k-i-clear-filter,.k-i-funnel-clear{background-position:-32px -96px}.k-button:active .k-clear-filter,.k-button:active .k-i-clear-filter,.k-button:active .k-i-funnel-clear,.k-button:not(.k-state-disabled):hover .k-clear-filter,.k-button:not(.k-state-disabled):hover .k-i-clear-filter,.k-button:not(.k-state-disabled):hover .k-i-funnel-clear,.k-link:not(.k-state-disabled):hover>.k-clear-filter,.k-link:not(.k-state-disabled):hover>.k-i-clear-filter,.k-link:not(.k-state-disabled):hover>.k-i-funnel-clear,.k-state-hover>*>.k-clear-filter,.k-state-hover>*>.k-i-clear-filter,.k-state-hover>*>.k-i-funnel-clear,.k-state-hover>.k-clear-filter,.k-state-hover>.k-i-clear-filter,.k-state-hover>.k-i-funnel-clear,.k-textbox:hover .k-clear-filter,.k-textbox:hover .k-i-clear-filter,.k-textbox:hover .k-i-funnel-clear{background-position:-48px -96px}.k-i-lock{background-position:-64px 0}.k-button:active .k-i-lock,.k-button:not(.k-state-disabled):hover .k-i-lock,.k-link:not(.k-state-disabled):hover>.k-i-lock,.k-state-hover>*>.k-i-lock,.k-state-hover>.k-i-lock,.k-textbox:hover .k-i-lock{background-position:-80px 0}.k-i-unlock{background-position:-64px -16px}.k-button:active .k-i-unlock,.k-button:not(.k-state-disabled):hover .k-i-unlock,.k-link:not(.k-state-disabled):hover>.k-i-unlock,.k-state-hover>*>.k-i-unlock,.k-state-hover>.k-i-unlock,.k-textbox:hover .k-i-unlock{background-position:-80px -16px}.k-i-refresh{background-position:-32px -112px}.k-button:active .k-i-refresh,.k-button:not(.k-state-disabled):hover .k-i-refresh,.k-link:not(.k-state-disabled):hover>.k-i-refresh,.k-state-hover>*>.k-i-refresh,.k-state-hover>.k-i-refresh,.k-textbox:hover .k-i-refresh{background-position:-48px -112px}.k-i-exception{background-position:-160px -304px}.k-button:active .k-i-exception,.k-button:not(.k-state-disabled):hover .k-i-exception,.k-link:not(.k-state-disabled):hover>.k-i-exception,.k-state-hover>*>.k-i-exception,.k-state-hover>.k-i-exception,.k-textbox:hover .k-i-exception{background-position:-176px -304px}.k-i-restore{background-position:-32px -128px}.k-button:active .k-i-restore,.k-button:not(.k-state-disabled):hover .k-i-restore,.k-link:not(.k-state-disabled):hover>.k-i-restore,.k-state-hover>*>.k-i-restore,.k-state-hover>.k-i-restore,.k-textbox:hover .k-i-restore{background-position:-48px -128px}.k-i-maximize{background-position:-32px -144px}.k-button:active .k-i-maximize,.k-button:not(.k-state-disabled):hover .k-i-maximize,.k-link:not(.k-state-disabled):hover>.k-i-maximize,.k-state-hover>*>.k-i-maximize,.k-state-hover>.k-i-maximize,.k-textbox:hover .k-i-maximize{background-position:-48px -144px}.k-i-minimize{background-position:-64px -288px}.k-button:active .k-i-minimize,.k-button:not(.k-state-disabled):hover .k-i-minimize,.k-link:not(.k-state-disabled):hover>.k-i-minimize,.k-state-hover>*>.k-i-minimize,.k-state-hover>.k-i-minimize,.k-textbox:hover .k-i-minimize{background-position:-80px -288px}.k-i-pin{background-position:-160px -256px}.k-button:active .k-i-pin,.k-button:not(.k-state-disabled):hover .k-i-pin,.k-link:not(.k-state-disabled):hover>.k-i-pin,.k-state-hover>*>.k-i-pin,.k-state-hover>.k-i-pin,.k-textbox:hover .k-i-pin{background-position:-176px -256px}.k-i-unpin{background-position:-160px -272px}.k-button:active .k-i-unpin,.k-button:not(.k-state-disabled):hover .k-i-unpin,.k-link:not(.k-state-disabled):hover>.k-i-unpin,.k-state-hover>*>.k-i-unpin,.k-state-hover>.k-i-unpin,.k-textbox:hover .k-i-unpin{background-position:-176px -272px}.k-i-resize-se,.k-resize-se{background-position:-32px -160px}.k-button:active .k-i-resize-se,.k-button:active .k-resize-se,.k-button:not(.k-state-disabled):hover .k-i-resize-se,.k-button:not(.k-state-disabled):hover .k-resize-se,.k-link:not(.k-state-disabled):hover>.k-i-resize-se,.k-link:not(.k-state-disabled):hover>.k-resize-se,.k-state-hover>*>.k-i-resize-se,.k-state-hover>*>.k-resize-se,.k-state-hover>.k-i-resize-se,.k-state-hover>.k-resize-se,.k-textbox:hover .k-i-resize-se,.k-textbox:hover .k-resize-se{background-position:-48px -160px}.k-i-calendar{background-position:-32px -176px}.k-button:active .k-i-calendar,.k-button:not(.k-state-disabled):hover .k-i-calendar,.k-link:not(.k-state-disabled):hover>.k-i-calendar,.k-state-hover>*>.k-i-calendar,.k-state-hover>.k-i-calendar,.k-textbox:hover .k-i-calendar{background-position:-48px -176px}.k-i-clock{background-position:-32px -192px}.k-button:active .k-i-clock,.k-button:not(.k-state-disabled):hover .k-i-clock,.k-link:not(.k-state-disabled):hover>.k-i-clock,.k-state-hover>*>.k-i-clock,.k-state-hover>.k-i-clock,.k-textbox:hover .k-i-clock{background-position:-48px -192px}.k-i-splus,.k-si-plus{background-position:-32px -208px}.k-button:active .k-i-splus,.k-button:active .k-si-plus,.k-button:not(.k-state-disabled):hover .k-i-splus,.k-button:not(.k-state-disabled):hover .k-si-plus,.k-link:not(.k-state-disabled):hover>.k-i-splus,.k-link:not(.k-state-disabled):hover>.k-si-plus,.k-state-hover>*>.k-i-splus,.k-state-hover>*>.k-si-plus,.k-state-hover>.k-i-splus,.k-state-hover>.k-si-plus,.k-textbox:hover .k-i-splus,.k-textbox:hover .k-si-plus{background-position:-48px -208px}.k-i-sminus,.k-si-minus{background-position:-32px -224px}.k-button:active .k-i-sminus,.k-button:active .k-si-minus,.k-button:not(.k-state-disabled):hover .k-i-sminus,.k-button:not(.k-state-disabled):hover .k-si-minus,.k-link:not(.k-state-disabled):hover>.k-i-sminus,.k-link:not(.k-state-disabled):hover>.k-si-minus,.k-state-hover>*>.k-i-sminus,.k-state-hover>*>.k-si-minus,.k-state-hover>.k-i-sminus,.k-state-hover>.k-si-minus,.k-textbox:hover .k-i-sminus,.k-textbox:hover .k-si-minus{background-position:-48px -224px}.k-i-search{background-position:-32px -240px}.k-button:active .k-i-search,.k-button:not(.k-state-disabled):hover .k-i-search,.k-link:not(.k-state-disabled):hover>.k-i-search,.k-state-hover>*>.k-i-search,.k-state-hover>.k-i-search,.k-textbox:hover .k-i-search{background-position:-48px -240px}.k-i-custom{background-position:-115px -113px}.k-button:active .k-i-custom,.k-button:not(.k-state-disabled):hover .k-i-custom,.k-link:not(.k-state-disabled):hover>.k-i-custom,.k-state-hover>*>.k-i-custom,.k-state-hover>.k-i-custom,.k-textbox:hover .k-i-custom{background-position:-141px -113px}.k-editor .k-i-custom{background-position:-111px -109px}.k-i-view-html,.k-viewHtml{background-position:-288px -120px}.k-i-insert-n,.k-i-insert-top,.k-insert-top{background-position:-160px -32px}.k-button:active .k-i-insert-n,.k-button:active .k-i-insert-top,.k-button:active .k-insert-top,.k-button:not(.k-state-disabled):hover .k-i-insert-n,.k-button:not(.k-state-disabled):hover .k-i-insert-top,.k-button:not(.k-state-disabled):hover .k-insert-top,.k-link:not(.k-state-disabled):hover>.k-i-insert-n,.k-link:not(.k-state-disabled):hover>.k-i-insert-top,.k-link:not(.k-state-disabled):hover>.k-insert-top,.k-state-hover>*>.k-i-insert-n,.k-state-hover>*>.k-i-insert-top,.k-state-hover>*>.k-insert-top,.k-state-hover>.k-i-insert-n,.k-state-hover>.k-i-insert-top,.k-state-hover>.k-insert-top,.k-textbox:hover .k-i-insert-n,.k-textbox:hover .k-i-insert-top,.k-textbox:hover .k-insert-top{background-position:-176px -32px}.k-i-insert-m,.k-i-insert-middle,.k-insert-middle{background-position:-160px -48px}.k-button:active .k-i-insert-m,.k-button:active .k-i-insert-middle,.k-button:active .k-insert-middle,.k-button:not(.k-state-disabled):hover .k-i-insert-m,.k-button:not(.k-state-disabled):hover .k-i-insert-middle,.k-button:not(.k-state-disabled):hover .k-insert-middle,.k-link:not(.k-state-disabled):hover>.k-i-insert-m,.k-link:not(.k-state-disabled):hover>.k-i-insert-middle,.k-link:not(.k-state-disabled):hover>.k-insert-middle,.k-state-hover>*>.k-i-insert-m,.k-state-hover>*>.k-i-insert-middle,.k-state-hover>*>.k-insert-middle,.k-state-hover>.k-i-insert-m,.k-state-hover>.k-i-insert-middle,.k-state-hover>.k-insert-middle,.k-textbox:hover .k-i-insert-m,.k-textbox:hover .k-i-insert-middle,.k-textbox:hover .k-insert-middle{background-position:-176px -48px}.k-i-insert-bottom,.k-i-insert-s,.k-insert-bottom{background-position:-160px -64px}.k-button:active .k-i-insert-bottom,.k-button:active .k-i-insert-s,.k-button:active .k-insert-bottom,.k-button:not(.k-state-disabled):hover .k-i-insert-bottom,.k-button:not(.k-state-disabled):hover .k-i-insert-s,.k-button:not(.k-state-disabled):hover .k-insert-bottom,.k-link:not(.k-state-disabled):hover>.k-i-insert-bottom,.k-link:not(.k-state-disabled):hover>.k-i-insert-s,.k-link:not(.k-state-disabled):hover>.k-insert-bottom,.k-state-hover>*>.k-i-insert-bottom,.k-state-hover>*>.k-i-insert-s,.k-state-hover>*>.k-insert-bottom,.k-state-hover>.k-i-insert-bottom,.k-state-hover>.k-i-insert-s,.k-state-hover>.k-insert-bottom,.k-textbox:hover .k-i-insert-bottom,.k-textbox:hover .k-i-insert-s,.k-textbox:hover .k-insert-bottom{background-position:-176px -64px}.k-drop-hint{background-position:0 -326px}.k-i-error,.k-i-info,.k-i-note,.k-i-success,.k-i-warning,.k-warning{background-position:-160px -240px}.k-button:active .k-i-error,.k-button:active .k-i-info,.k-button:active .k-i-note,.k-button:active .k-i-success,.k-button:active .k-i-warning,.k-button:active .k-warning,.k-button:not(.k-state-disabled):hover .k-i-error,.k-button:not(.k-state-disabled):hover .k-i-info,.k-button:not(.k-state-disabled):hover .k-i-note,.k-button:not(.k-state-disabled):hover .k-i-success,.k-button:not(.k-state-disabled):hover .k-i-warning,.k-button:not(.k-state-disabled):hover .k-warning,.k-link:not(.k-state-disabled):hover>.k-i-error,.k-link:not(.k-state-disabled):hover>.k-i-info,.k-link:not(.k-state-disabled):hover>.k-i-note,.k-link:not(.k-state-disabled):hover>.k-i-success,.k-link:not(.k-state-disabled):hover>.k-i-warning,.k-link:not(.k-state-disabled):hover>.k-warning,.k-state-hover>*>.k-i-error,.k-state-hover>*>.k-i-info,.k-state-hover>*>.k-i-note,.k-state-hover>*>.k-i-success,.k-state-hover>*>.k-i-warning,.k-state-hover>*>.k-warning,.k-state-hover>.k-i-error,.k-state-hover>.k-i-info,.k-state-hover>.k-i-note,.k-state-hover>.k-i-success,.k-state-hover>.k-i-warning,.k-state-hover>.k-warning,.k-textbox:hover .k-i-error,.k-textbox:hover .k-i-info,.k-textbox:hover .k-i-note,.k-textbox:hover .k-i-success,.k-textbox:hover .k-i-warning,.k-textbox:hover .k-warning{background-position:-176px -240px}.k-i-sort-asc{background-position:-112px -240px}.k-button:active .k-i-sort-asc,.k-button:not(.k-state-disabled):hover .k-i-sort-asc,.k-link:not(.k-state-disabled):hover>.k-i-sort-asc,.k-state-hover>*>.k-i-sort-asc,.k-state-hover>.k-i-sort-asc,.k-textbox:hover .k-i-sort-asc{background-position:-128px -240px}.k-i-sort-desc{background-position:-112px -256px}.k-button:active .k-i-sort-desc,.k-button:not(.k-state-disabled):hover .k-i-sort-desc,.k-link:not(.k-state-disabled):hover>.k-i-sort-desc,.k-state-hover>*>.k-i-sort-desc,.k-state-hover>.k-i-sort-desc,.k-textbox:hover .k-i-sort-desc{background-position:-128px -256px}.k-i-group{background-position:-112px -272px}.k-button:active .k-i-group,.k-button:not(.k-state-disabled):hover .k-i-group,.k-link:not(.k-state-disabled):hover>.k-i-group,.k-state-hover>*>.k-i-group,.k-state-hover>.k-i-group,.k-textbox:hover .k-i-group{background-position:-128px -272px}.k-i-ungroup{background-position:-112px -288px}.k-button:active .k-i-ungroup,.k-button:not(.k-state-disabled):hover .k-i-ungroup,.k-link:not(.k-state-disabled):hover>.k-i-ungroup,.k-state-hover>*>.k-i-ungroup,.k-state-hover>.k-i-ungroup,.k-textbox:hover .k-i-ungroup{background-position:-128px -288px}.k-i-columns{background-position:-112px -304px}.k-button:active .k-i-columns,.k-button:not(.k-state-disabled):hover .k-i-columns,.k-link:not(.k-state-disabled):hover>.k-i-columns,.k-state-hover>*>.k-i-columns,.k-state-hover>.k-i-columns,.k-textbox:hover .k-i-columns{background-position:-128px -304px}.k-i-hbars{background-position:-64px -32px}.k-button:active .k-i-hbars,.k-button:not(.k-state-disabled):hover .k-i-hbars,.k-link:not(.k-state-disabled):hover>.k-i-hbars,.k-state-hover>*>.k-i-hbars,.k-state-hover>.k-i-hbars,.k-textbox:hover .k-i-hbars{background-position:-80px -32px}.k-i-vbars{background-position:-64px -48px}.k-button:active .k-i-vbars,.k-button:not(.k-state-disabled):hover .k-i-vbars,.k-link:not(.k-state-disabled):hover>.k-i-vbars,.k-state-hover>*>.k-i-vbars,.k-state-hover>.k-i-vbars,.k-textbox:hover .k-i-vbars{background-position:-80px -48px}.k-i-sum{background-position:-64px -64px}.k-button:active .k-i-sum,.k-button:not(.k-state-disabled):hover .k-i-sum,.k-link:not(.k-state-disabled):hover>.k-i-sum,.k-state-hover>*>.k-i-sum,.k-state-hover>.k-i-sum,.k-textbox:hover .k-i-sum{background-position:-80px -64px}.k-i-pdf{background-position:-64px -80px}.k-button:active .k-i-pdf,.k-button:not(.k-state-disabled):hover .k-i-pdf,.k-link:not(.k-state-disabled):hover>.k-i-pdf,.k-state-hover>*>.k-i-pdf,.k-state-hover>.k-i-pdf,.k-textbox:hover .k-i-pdf{background-position:-80px -80px}.k-i-excel{background-position:-64px -96px}.k-button:active .k-i-excel,.k-button:not(.k-state-disabled):hover .k-i-excel,.k-link:not(.k-state-disabled):hover>.k-i-excel,.k-state-hover>*>.k-i-excel,.k-state-hover>.k-i-excel,.k-textbox:hover .k-i-excel{background-position:-80px -96px}.k-i-rotatecw{background-position:-64px -112px}.k-button:active .k-i-rotatecw,.k-button:not(.k-state-disabled):hover .k-i-rotatecw,.k-link:not(.k-state-disabled):hover>.k-i-rotatecw,.k-state-hover>*>.k-i-rotatecw,.k-state-hover>.k-i-rotatecw,.k-textbox:hover .k-i-rotatecw{background-position:-80px -112px}.k-i-rotateccw{background-position:-64px -128px}.k-button:active .k-i-rotateccw,.k-button:not(.k-state-disabled):hover .k-i-rotateccw,.k-link:not(.k-state-disabled):hover>.k-i-rotateccw,.k-state-hover>*>.k-i-rotateccw,.k-state-hover>.k-i-rotateccw,.k-textbox:hover .k-i-rotateccw{background-position:-80px -128px}.k-i-undo{background-position:-64px -160px}.k-button:active .k-i-undo,.k-button:not(.k-state-disabled):hover .k-i-undo,.k-link:not(.k-state-disabled):hover>.k-i-undo,.k-state-hover>*>.k-i-undo,.k-state-hover>.k-i-undo,.k-textbox:hover .k-i-undo{background-position:-80px -160px}.k-i-redo{background-position:-64px -144px}.k-button:active .k-i-redo,.k-button:not(.k-state-disabled):hover .k-i-redo,.k-link:not(.k-state-disabled):hover>.k-i-redo,.k-state-hover>*>.k-i-redo,.k-state-hover>.k-i-redo,.k-textbox:hover .k-i-redo{background-position:-80px -144px}.k-i-shape{background-position:-64px -176px}.k-button:active .k-i-shape,.k-button:not(.k-state-disabled):hover .k-i-shape,.k-link:not(.k-state-disabled):hover>.k-i-shape,.k-state-hover>*>.k-i-shape,.k-state-hover>.k-i-shape,.k-textbox:hover .k-i-shape{background-position:-80px -176px}.k-i-connector{background-position:-64px -192px}.k-button:active .k-i-connector,.k-button:not(.k-state-disabled):hover .k-i-connector,.k-link:not(.k-state-disabled):hover>.k-i-connector,.k-state-hover>*>.k-i-connector,.k-state-hover>.k-i-connector,.k-textbox:hover .k-i-connector{background-position:-80px -192px}.k-i-kpi{background-position:-64px -208px}.k-button:active .k-i-kpi,.k-button:not(.k-state-disabled):hover .k-i-kpi,.k-link:not(.k-state-disabled):hover>.k-i-kpi,.k-state-hover>*>.k-i-kpi,.k-state-hover>.k-i-kpi,.k-textbox:hover .k-i-kpi{background-position:-80px -208px}.k-i-dimension{background-position:-64px -224px}.k-button:active .k-i-dimension,.k-button:not(.k-state-disabled):hover .k-i-dimension,.k-link:not(.k-state-disabled):hover>.k-i-dimension,.k-state-hover>*>.k-i-dimension,.k-state-hover>.k-i-dimension,.k-textbox:hover .k-i-dimension{background-position:-80px -224px}.k-file,.k-i-file{background-position:0 0}.k-button:active .k-file,.k-button:active .k-i-file,.k-button:not(.k-state-disabled):hover .k-file,.k-button:not(.k-state-disabled):hover .k-i-file,.k-link:not(.k-state-disabled):hover>.k-file,.k-link:not(.k-state-disabled):hover>.k-i-file,.k-state-hover>*>.k-file,.k-state-hover>*>.k-i-file,.k-state-hover>.k-file,.k-state-hover>.k-i-file,.k-textbox:hover .k-file,.k-textbox:hover .k-i-file{background-position:-16px 0}.k-addfolder,.k-i-add-folder,.k-i-folder-add{background-position:-32px -272px}.k-button:active .k-addfolder,.k-button:active .k-i-add-folder,.k-button:active .k-i-folder-add,.k-button:not(.k-state-disabled):hover .k-addfolder,.k-button:not(.k-state-disabled):hover .k-i-add-folder,.k-button:not(.k-state-disabled):hover .k-i-folder-add,.k-link:not(.k-state-disabled):hover>.k-addfolder,.k-link:not(.k-state-disabled):hover>.k-i-add-folder,.k-link:not(.k-state-disabled):hover>.k-i-folder-add,.k-state-hover>*>.k-addfolder,.k-state-hover>*>.k-i-add-folder,.k-state-hover>*>.k-i-folder-add,.k-state-hover>.k-addfolder,.k-state-hover>.k-i-add-folder,.k-state-hover>.k-i-folder-add,.k-textbox:hover .k-addfolder,.k-textbox:hover .k-i-add-folder,.k-textbox:hover .k-i-folder-add{background-position:-48px -272px}.k-goup,.k-i-folder-up,.k-i-go-up{background-position:-32px -288px}.k-button:active .k-goup,.k-button:active .k-i-folder-up,.k-button:active .k-i-go-up,.k-button:not(.k-state-disabled):hover .k-goup,.k-button:not(.k-state-disabled):hover .k-i-folder-up,.k-button:not(.k-state-disabled):hover .k-i-go-up,.k-link:not(.k-state-disabled):hover>.k-goup,.k-link:not(.k-state-disabled):hover>.k-i-folder-up,.k-link:not(.k-state-disabled):hover>.k-i-go-up,.k-state-hover>*>.k-goup,.k-state-hover>*>.k-i-folder-up,.k-state-hover>*>.k-i-go-up,.k-state-hover>.k-goup,.k-state-hover>.k-i-folder-up,.k-state-hover>.k-i-go-up,.k-textbox:hover .k-goup,.k-textbox:hover .k-i-folder-up,.k-textbox:hover .k-i-go-up{background-position:-48px -288px}.k-i-more{background-position:-64px -32px}.k-button:active .k-i-more,.k-button:not(.k-state-disabled):hover .k-i-more,.k-link:not(.k-state-disabled):hover>.k-i-more,.k-state-hover>*>.k-i-more,.k-state-hover>.k-i-more,.k-textbox:hover .k-i-more{background-position:-80px -32px}.k-i-gantt-toggle{background-position:-64px -240px}.k-button:active .k-i-gantt-toggle,.k-button:not(.k-state-disabled):hover .k-i-gantt-toggle,.k-link:not(.k-state-disabled):hover>.k-i-gantt-toggle,.k-state-hover>*>.k-i-gantt-toggle,.k-state-hover>.k-i-gantt-toggle,.k-textbox:hover .k-i-gantt-toggle{background-position:-80px -240px}.k-file>.k-icon{background-position:-115px -91px}.k-image{border:0}.k-breadcrumbs:hover .k-i-arrow-n{background-position:0 0}.k-breadcrumbs:hover .k-i-arrow-e{background-position:0 -16px}.k-gantt-views>.k-current-view>.k-link:after,.k-pager-numbers .k-current-page .k-link:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view .k-link:after{background-position:0 -32px}.k-button:active .k-gantt-views>.k-current-view>.k-link:after,.k-button:active .k-pager-numbers .k-current-page .k-link:after,.k-button:active .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view .k-link:after,.k-button:not(.k-state-disabled):hover .k-gantt-views>.k-current-view>.k-link:after,.k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after,.k-button:not(.k-state-disabled):hover .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view .k-link:after,.k-link:not(.k-state-disabled):hover>.k-gantt-views>.k-current-view>.k-link:after,.k-link:not(.k-state-disabled):hover>.k-pager-numbers .k-current-page .k-link:after,.k-link:not(.k-state-disabled):hover>.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view .k-link:after,.k-state-hover>*>.k-gantt-views>.k-current-view>.k-link:after,.k-state-hover>*>.k-pager-numbers .k-current-page .k-link:after,.k-state-hover>*>.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view .k-link:after,.k-state-hover>.k-gantt-views>.k-current-view>.k-link:after,.k-state-hover>.k-pager-numbers .k-current-page .k-link:after,.k-state-hover>.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view .k-link:after,.k-textbox:hover .k-gantt-views>.k-current-view>.k-link:after,.k-textbox:hover .k-pager-numbers .k-current-page .k-link:after,.k-textbox:hover .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view .k-link:after{background-position:-16px -32px}html .k-success-colored{color:#507f50;border-color:#d0dfd0;background-color:#f0fff0}html .k-info-colored{color:#50607f;border-color:#d0d9df;background-color:#f0f9ff}html .k-error-colored{color:#7f5050;border-color:#dfd0d0;background-color:#fff0f0}.k-inline-block{padding:0 2px}.k-i-loading,.k-loading,.k-loading-image{background-color:transparent;background-repeat:no-repeat;background-position:50%}.k-loading-image,.k-loading-mask,.k-loading-text{position:absolute}.k-loading-mask{z-index:100}.k-loading-mask .k-loading-progress{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.k-loading-text{text-indent:-4000px;text-align:center}.k-loading-color,.k-loading-image{width:100%;height:100%}.k-loading-image{top:0;left:0;z-index:2}.k-loading-color{filter:alpha(opacity=30);opacity:.3}.k-content-frame{border:0;width:100%;height:100%}.k-pane>.k-splitter-overlay{filter:alpha(opacity=0);opacity:0;position:absolute}.k-drag-clue{position:absolute;z-index:10003;border-style:solid;border-width:1px;font-size:.9em;padding:.2em .4em;white-space:nowrap;cursor:default}.k-drag-status{margin-top:-3px;margin-right:4px;vertical-align:middle}.k-reorder-cue{position:absolute;width:1px;overflow:visible}.k-reorder-cue .k-icon{position:absolute;left:-4px;width:8px;height:4px}.k-reorder-cue .k-i-arrow-s{top:-4px;background-position:-4px -166px}.k-reorder-cue .k-i-arrow-n{bottom:-4px;background-position:-4px -134px}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{top:0;right:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}@media only screen and (-webkit-min-device-pixel-ratio:2){body .k-touch-scrollbar{height:12px;width:12px;border-radius:7px}}.k-virtual-scrollable-wrap{overflow-x:auto}.k-current-time{background:red;position:absolute}.k-current-time-arrow-down{border-top:4px solid red;border-right:4px solid transparent}.k-current-time-arrow-down,.k-current-time-arrow-left{width:0;height:0;background:0 0;border-bottom:4px solid transparent;border-left:4px solid transparent}.k-current-time-arrow-left{border-top:4px solid transparent;border-right:4px solid red}.k-current-time-arrow-right{width:0;height:0;background:0 0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid red;border-right:4px solid transparent}.k-animation-container,.k-animation-container *,.k-animation-container :after,.k-block .k-header,.k-list-container,.k-widget,.k-widget *,.k-widget :before{-webkit-box-sizing:content-box;box-sizing:content-box}.input-group .form-control,.k-autocomplete,.k-block,.k-button,.k-button-bare,.k-edit-cell .k-widget,.k-grid-edit-row .k-widget,.k-grid-edit-row .text-box,.k-tabstrip>.k-content>.km-scroll-container,.k-textbox,.km-actionsheet>li,.km-shim,div.k-window-content{-webkit-box-sizing:border-box;box-sizing:border-box}.form-control.k-widget{padding:0}a.k-button-bare:hover,a.k-button:hover{text-decoration:none}.km-widget,.km-widget *{background-clip:border-box}.k-radio,input.k-checkbox{display:inline;opacity:0;width:0;margin:0;-webkit-appearance:none;overflow:hidden}.k-ff .k-radio,.k-ff input.k-checkbox{position:absolute}.k-checkbox-label{position:relative;padding-left:1.5em;vertical-align:middle;line-height:.875em;cursor:pointer}.k-checkbox-label:before{content:"";position:absolute;top:0;left:0;border-width:1px;border-style:solid;width:1em;height:1em;font-size:1em;line-height:1em;text-align:center}.k-checkbox:indeterminate+.k-checkbox-label:after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-width:1px;border-style:solid;width:8px;height:8px;font-size:1em;text-align:center;content:" ";margin-left:-2px}.k-checkbox:checked+.k-checkbox-label:before{content:"\\2713"}.k-checkbox:disabled+.k-checkbox-label{cursor:auto}.k-radio-label{position:relative;padding-left:1.5em;vertical-align:middle;line-height:.875em;cursor:pointer}.k-radio-label:before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-style:solid}.k-radio:checked+.k-radio-label:after{content:"";width:10px;height:10px;position:absolute;top:3px;left:3px}.k-radio:disabled+.k-radio-label{cursor:auto}.k-ie8 .k-radio,.k-ie8 input.k-checkbox{display:inline-block;width:auto}.k-ie8 .k-checkbox-label,.k-ie8 .k-radio-label{padding-left:0}.k-ie8 .k-checkbox-label:before,.k-ie8 .k-radio-label:after,.k-ie8 .k-radio-label:before{display:none}.k-rtl .k-checkbox-label,.k-rtl .k-radio-label{padding-right:1.5em}.k-rtl .k-checkbox-label:before,.k-rtl .k-radio-label:before{right:0}.k-rtl .k-radio:checked+.k-radio-label:after{right:3px}input.k-checkbox+label{-webkit-user-select:none}.k-pdf-export-shadow{position:absolute;overflow:hidden;left:-15000px;width:14400px}.km-native-scroller{overflow:auto;-webkit-overflow-scrolling:touch;-ms-touch-action:pan-x pan-y;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-scroll-snap-type:proximity}.k-rpanel-left{-webkit-transform:translateX(-100%) translateZ(0);transform:translateX(-100%) translateZ(0);left:0}.k-rpanel-right{-webkit-transform:translateX(100%) translateZ(0);transform:translateX(100%) translateZ(0);right:0}.k-rpanel-left,.k-rpanel-right{position:fixed;display:block;overflow:auto;min-width:320px;height:100%;top:0}.k-rpanel-left.k-rpanel-expanded,.k-rpanel-right.k-rpanel-expanded{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}.k-rpanel-left+*,.k-rpanel-right+*{overflow:auto}.k-rpanel-top{position:static;max-height:0}.k-rpanel-top.k-rpanel-expanded{max-height:568px;overflow:visible!important}.k-edit-form{margin:0;padding:0}.k-window>div.k-popup-edit-form{padding:1em 0}.k-grid-edit-row .k-edit-form td{border-bottom-width:0}.k-edit-form-container{position:relative;width:400px}.k-edit-form-container .editor-label,.k-edit-label{float:left;clear:both;width:30%;padding:.4em 0 1em;margin-left:2%;text-align:right}.k-edit-field,.k-edit-form-container .editor-field{float:right;clear:right;width:60%;margin-right:2%;padding:0 0 .6em}.k-edit-field>input[type=checkbox],.k-edit-field>input[type=radio]{margin-top:.4em}.k-edit-form-container .k-button{margin:0 .16em}.k-edit-field>.k-button:first-child,.k-edit-field>input[type=checkbox]:first-child,.k-edit-field>input[type=radio]:first-child,.k-edit-field>label:first-child>input[type=checkbox]{margin-left:0}.k-edit-form-container .k-edit-buttons{clear:both;text-align:right;border-width:1px 0 0;border-style:solid;position:relative;bottom:-1em;padding:.6em}div.k-window{display:inline-block;position:absolute;z-index:10001;border-style:solid;border-width:1px;padding-top:2em}.k-block>.k-header,.k-window-titlebar{position:absolute;width:100%;height:1.1em;border-bottom-style:solid;border-bottom-width:1px;margin-top:-2em;padding:.4em 0;font-size:1.2em;white-space:nowrap;min-height:16px}.k-block>.k-header{position:relative;margin:-2px 0 10px -2px;padding:.3em 2px}.k-window-title{position:absolute;left:.44em;right:.44em;overflow:hidden;cursor:default;text-overflow:ellipsis}.k-window-title .k-image{margin:0 5px 0 0;vertical-align:middle}div.k-window-titleless{padding-top:0}div.k-window-content{position:relative;height:100%;padding:.58em;overflow:auto;outline:0}div.k-window-iframecontent{padding:0;overflow:visible}.k-window-content>.km-scroll-container{height:100%}.k-window-titlebar .k-window-actions{position:absolute;top:0;right:.3em;padding-top:.3em;white-space:nowrap}.k-window-titlebar .k-window-action{display:inline-block;width:16px;height:16px;padding:2px;text-decoration:none;vertical-align:middle;opacity:.7}.k-window-titlebar .k-state-hover{border-style:solid;border-width:1px;padding:1px;opacity:1}.k-window-action .k-icon{margin:0;vertical-align:top}.k-window>.k-resize-handle{position:absolute;z-index:1;background-color:#fff;font-size:0;line-height:6px;filter:alpha(opacity=0);opacity:0;zoom:1}.k-resize-n{top:-3px;left:0;width:100%;height:6px;cursor:n-resize}.k-resize-e{top:0;right:-3px;width:6px;height:100%;cursor:e-resize}.k-resize-s{bottom:-3px;left:0;width:100%;height:6px;cursor:s-resize}.k-resize-w{top:0;left:-3px;width:6px;height:100%;cursor:w-resize}.k-resize-se{bottom:-3px;right:-3px;width:16px;height:16px;cursor:se-resize}.k-resize-sw{bottom:-3px;left:-3px;width:6px;height:6px;cursor:sw-resize}.k-resize-ne{right:-3px;cursor:ne-resize}.k-resize-ne,.k-resize-nw{top:-3px;width:6px;height:6px}.k-resize-nw{left:-3px;cursor:nw-resize}.k-overlay{position:fixed;top:0;left:0;z-index:10001;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);opacity:.5}.k-window .k-overlay{position:absolute;width:100%;height:100%;background-color:#fff;filter:alpha(opacity=0);opacity:0}.k-action-buttons{clear:both;text-align:right;border-width:1px 0 0;border-style:solid;position:relative;bottom:-1em;padding:.6em;margin:0 -1em}.k-action-buttons .k-button{display:inline-block;margin:0 0 0 6px;min-width:75px}.k-tabstrip{margin:0;padding:0;zoom:1;position:relative}.k-tabstrip-items{padding:.3em .3em 0}.k-tabstrip-scrollable .k-tabstrip-items{white-space:nowrap;overflow:hidden}.k-tabstrip>.k-button{position:absolute;top:.4em;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-tabstrip-bottom>.k-button{top:auto;bottom:.4em}.k-tabstrip-prev{left:.4em}.k-tabstrip-next{right:.4em}.k-panelbar .k-tabstrip-items .k-item,.k-tabstrip-items .k-item{list-style-type:none;display:inline-block;position:relative;border-style:solid;border-width:1px 1px 0;margin:0 -1px 0 0;padding:0;vertical-align:top}.k-panelbar .k-tabstrip-items .k-state-active,.k-tabstrip-items .k-state-active,.k-tabstrip-items .k-tab-on-top{margin-bottom:-1px;padding-bottom:1px}.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active,.k-tabstrip-top .k-tabstrip-items .k-state-active{border-bottom-width:1px;margin-bottom:-2px;padding-bottom:0}.k-tabstrip-items .k-tab-on-top{z-index:1}.k-panelbar .k-tabstrip-items .k-link,.k-tabstrip-items .k-link{display:inline-block;border-bottom-width:0;padding:.5em .92em}.k-panelbar .k-tabstrip-items .k-icon,.k-tabstrip-items .k-icon{margin:-1px 4px 0 -3px;vertical-align:top}.k-panelbar .k-tabstrip-items .k-item .k-image,.k-panelbar .k-tabstrip-items .k-item .k-sprite,.k-tabstrip-items .k-item .k-image,.k-tabstrip-items .k-item .k-sprite{margin:-3px 3px 0 -6px;vertical-align:middle}.k-tabstrip-items .k-loading{top:0;left:0;height:0;width:20%;position:absolute;background:0 0;border-top:1px solid transparent;border-color:inherit;-webkit-transition:width .2s linear;transition:width .2s linear;-webkit-transition:"width 200ms linear";transition:"width 200ms linear";-webkit-animation:k-tab-loader 1s ease-in-out infinite;animation:k-tab-loader 1s ease-in-out infinite}.k-tabstrip-items .k-progress{-webkit-animation:none;animation:none}.k-tabstrip-items .k-loading.k-complete{width:100%;-webkit-animation:none;animation:none}.k-panelbar .k-tabstrip>.k-content,.k-tabstrip>.k-content{position:static;border-style:solid;border-width:1px;margin:0 .286em .3em;padding:.92em;zoom:1}.k-tabstrip>.k-content{display:none;overflow:auto}.k-tabstrip>.k-content.km-scroll-wrapper{padding:0}.k-tabstrip>.k-content>.km-scroll-container{padding:.3em .92em}@-webkit-keyframes k-tab-loader{0%{left:0}50%{left:80%}to{left:0}}@keyframes k-tab-loader{0%{left:0}50%{left:80%}to{left:0}}.k-tabstrip-left>div.k-content,.k-tabstrip-right>div.k-content{margin:.286em .3em}.k-tabstrip-left>.k-tabstrip-items .k-item,.k-tabstrip-right>.k-tabstrip-items .k-item{display:block;margin-bottom:-1px}.k-tabstrip-left>.k-tabstrip-items .k-link,.k-tabstrip-right>.k-tabstrip-items .k-link{display:block}.k-panelbar .k-tabstrip-left>.k-tabstrip-items .k-state-active,.k-panelbar .k-tabstrip-right>.k-tabstrip-items .k-state-active,.k-tabstrip-left>.k-tabstrip-items .k-state-active,.k-tabstrip-left>.k-tabstrip-items .k-tab-on-top,.k-tabstrip-right>.k-tabstrip-items .k-state-active,.k-tabstrip-right>.k-tabstrip-items .k-tab-on-top{margin-bottom:-1px;padding-bottom:0}.k-tabstrip-left>.k-tabstrip-items{float:left;padding:.25em 0 .3em .3em}.k-tabstrip-left>.k-tabstrip-items .k-item{border-width:1px 0 1px 1px;border-radius:3px 0 0 3px}.k-tabstrip-left>.k-tabstrip-items .k-state-active{border-width:1px 0 1px 1px}.k-panelbar .k-tabstrip-left>.k-tabstrip-items .k-state-active,.k-tabstrip-left>.k-tabstrip-items .k-state-active,.k-tabstrip-left>.k-tabstrip-items .k-tab-on-top{margin-right:-2px;padding-right:1px}.k-tabstrip-right>.k-tabstrip-items{float:right;padding:.25em .3em .3em 0}.k-tabstrip-right>.k-tabstrip-items .k-item{border-width:1px 1px 1px 0;border-radius:0 3px 3px 0}.k-tabstrip-right>.k-tabstrip-items .k-state-active{border-width:1px 1px 1px 0}.k-panelbar .k-tabstrip-right>.k-tabstrip-items .k-state-active,.k-tabstrip-right>.k-tabstrip-items .k-state-active,.k-tabstrip-right>.k-tabstrip-items .k-tab-on-top{margin-left:-1px;padding-left:1px}.k-tabstrip-bottom>.k-tabstrip-items{margin-top:-1px;padding:0 .3em .3em}.k-panelbar .k-tabstrip-bottom>.k-content,.k-tabstrip-bottom>.k-content{margin:.3em .286em 0;z-index:1;position:relative}.k-tabstrip-bottom>.k-tabstrip-items .k-item{border-width:0 1px 1px;border-radius:0 0 4px 4px}.k-tabstrip-bottom>.k-tabstrip-items .k-state-active{margin-bottom:0;padding-bottom:0}.k-tabstrip-bottom>.k-content{min-height:100px}.k-tabstrip-bottom>.k-tabstrip-items .k-loading{top:auto;bottom:0}.k-panelbar{zoom:1}.k-panel>.k-item,.k-panelbar>.k-item{list-style-type:none;display:block;border-width:0;margin:0;zoom:1;border-radius:0}.k-panelbar .k-link>.k-image,.k-panelbar .k-link>.k-sprite{float:left;margin-top:4px;margin-right:5px;vertical-align:middle}.k-panel>.k-item>.k-link,.k-panelbar>.k-item>.k-link{display:block;position:relative;border-bottom-style:solid;border-bottom-width:1px;padding:0 1em;line-height:2.34em;text-decoration:none;zoom:1}.k-panelbar-collapse,.k-panelbar-expand{position:absolute;top:50%;right:4px;margin-top:-8px}.k-panelbar .k-content,.k-panelbar .k-panel{position:relative;border-bottom-style:solid;border-bottom-width:1px;margin:0;padding:0;zoom:1}.k-panel>.k-item>.k-link{border-bottom:0;font-size:.95em;line-height:2.2}.k-panel .k-panel>.k-item>.k-link{padding-left:2em}.k-panel .k-panel,.k-panelbar .k-i-seek-e .k-link{border-bottom:0}.k-menu{cursor:default}.k-menu,.k-menu .k-menu-group{list-style:none;margin:0;padding:0;zoom:1}.k-menu:after{content:"";display:block;width:99%;height:0;float:inherit;clear:both}.k-menu .k-item{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-menu .k-item div{-webkit-user-select:default;-moz-user-select:default;-ms-user-select:default;user-select:default}.k-menu .k-item .k-item,ul.k-menu-vertical>.k-item{display:block;float:none;border-width:0}.k-menu .k-image,.k-menu .k-item>.k-link>.k-icon,.k-menu .k-sprite{margin:-2px 4px 0 -4px;vertical-align:middle}.k-menu .k-item>.k-link>.k-icon{margin:-2px 0 0}.k-menu .k-item>.k-link{display:block;padding:.5em 1.1em .4em;line-height:1.34em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-menu .k-menu-group{display:none;border-style:solid;border-width:1px;overflow:visible;white-space:nowrap}.k-menu .k-menu-group>.k-item{display:block;border-width:0}.k-menu .k-item,.k-widget.k-menu-horizontal>.k-item{position:relative;float:left;border-style:solid;border-width:0 1px 0 0;vertical-align:top;zoom:1;-webkit-box-sizing:content-box;box-sizing:content-box}.k-context-menu.k-menu-vertical>.k-item>.k-link,.k-menu .k-menu-group .k-item>.k-link{padding:.28em 1.8em .38em .9em}.k-context-menu.k-menu-horizontal>.k-separator{display:none}.k-context-menu.k-menu-horizontal>.k-item{-webkit-box-sizing:border-box;box-sizing:border-box}.k-context-menu.k-menu-horizontal>.k-last{border:0}.k-menu .k-item>.k-link>.k-i-arrow-s{margin-right:-8px}.k-menu .k-item>.k-link>.k-i-arrow-e{position:absolute;top:50%;margin-top:-8px;right:2px;right:.2rem}.k-menu .k-animation-container{border:0}.k-menu .k-animation-container,.k-menu .k-menu-group{position:absolute;left:0}.k-menu-vertical .k-animation-container,.k-menu-vertical .k-menu-group,.k-menu .k-animation-container .k-animation-container,.k-menu .k-menu-group .k-menu-group{top:0;left:0}.k-menu .k-animation-container .k-menu-group{top:auto;left:auto;margin-left:-1px}.k-menu .k-animation-container,.k-popup .k-animation-container{margin-top:-1px;padding-left:1px}.k-ie .k-menu .k-animation-container,.k-ie .k-popup .k-animation-container{margin-top:-2px}.k-popup .k-animation-container .k-popup{margin-left:-1px}ul.k-menu .k-separator{padding:.25em 0;height:100%;width:1px;font-size:0;line-height:0;border-width:0 1px 0 0}.k-menu .k-menu-group .k-separator,ul.k-menu-vertical .k-separator{padding:0;height:1px;width:100%;border-width:1px 0 0}.k-context-menu{border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-grid,.k-listview{position:relative;zoom:1}.k-grid table{width:100%;margin:0;max-width:none;border-collapse:separate;border-spacing:0;empty-cells:show;border-width:0;outline:0}.k-header.k-drag-clue{overflow:hidden}.k-filter-row th,.k-grid-header th.k-header{overflow:hidden;border-style:solid;border-width:0 0 1px 1px;padding:.5em .6em .4em .6em;font-weight:400;white-space:nowrap;text-overflow:ellipsis;text-align:left}.k-grid-header th.k-header{vertical-align:bottom}.k-filtercell,.k-filtercell .k-widget,.k-filtercell>span{display:block;width:auto}.k-filtercell>span{padding-right:4.8em;position:relative;min-height:2em;line-height:2em}.k-filtercell>.k-operator-hidden{padding-right:2.3em}.k-filter-row .k-dropdown-operator,.k-filtercell>span>.k-button{position:absolute;top:0;right:0}.k-filter-row .k-dropdown-operator{width:2.1em;right:2.5em}.k-filtercell>span>label{vertical-align:middle}.k-filter-row label>input[type=radio]{vertical-align:middle;position:relative;bottom:2px}.k-ie10 .k-grid-header a:active{background-color:transparent}.k-grid-header th.k-header>.k-link{display:block;min-height:18px;line-height:18px;margin:-.5em -.6em -.4em 0;padding:.5em .6em .4em 0;overflow:hidden;text-overflow:ellipsis}.k-grid-header th.k-with-icon .k-link{margin-right:18px}.k-grid-header th.k-header .k-icon{position:static}.k-grid-header th>.k-link>.k-icon{vertical-align:text-top}.k-grid .k-state-hover{cursor:pointer}.k-grid-column-resizing,.k-grid-column-resizing .k-button,.k-grid-column-resizing .k-grid-filter,.k-grid-column-resizing .k-grid-toolbar,.k-grid-column-resizing .k-link{cursor:col-resize}.k-grid td{border-style:solid;border-width:0 0 0 1px;padding:.4em .6em;overflow:hidden;line-height:1.6em;vertical-align:middle;text-overflow:ellipsis}.k-grid .k-grouping-row td,.k-grid .k-hierarchy-cell{overflow:visible}.k-grid-edit-row td{text-overflow:clip}.k-grid-edit-row .k-textbox,.k-grid-edit-row .text-box{margin-top:0;margin-bottom:0}.k-grid-footer-wrap,.k-grid-header-wrap{position:relative;width:100%;overflow:hidden;border-style:solid;border-width:0 1px 0 0;zoom:1}div.k-grid-footer,div.k-grid-header{padding-right:17px;border-bottom-style:solid;border-bottom-width:1px;zoom:1}.k-grid-header-locked>table,.k-grid-header-wrap>table{margin-bottom:-1px}.k-grid-content{position:relative;width:100%;overflow:auto;overflow-x:auto;overflow-y:scroll;zoom:1;min-height:0}.k-mobile .k-grid tbody{-webkit-backface-visibility:hidden}.k-mobile .k-grid-backface tbody{-webkit-backface-visibility:visible}.k-grid-content-expander{position:absolute;visibility:hidden;height:1px}.k-grid-norecords{width:100%;height:100%;text-align:center}.k-grid-norecords-template{width:20em;height:4em;line-height:4em;vertical-align:middle;margin:0 auto}.k-grid-content>.k-grid-norecords>.k-grid-norecords-template{top:50%;left:50%;margin-left:-10em;margin-top:-2em;position:absolute}@media print{.k-grid{height:auto!important}.k-grid-header{padding:0!important}.k-grid-content,.k-grid-header-wrap{overflow:visible;height:auto!important}}.k-grid .k-scrollbar{-ms-overflow-style:scrollbar}.k-virtual-scrollable-wrap{height:100%;overflow-y:hidden;position:relative}.k-grid-content-locked>table,.k-grid-content table,.k-grid-footer table,.k-grid-header table{table-layout:fixed}.k-grid-lockedcolumns{white-space:nowrap}.k-grid-content,.k-grid-content-locked,.k-pager-wrap{white-space:normal}.k-grid-content-locked,.k-grid-footer-locked,.k-grid-header-locked{display:inline-block;vertical-align:top;overflow:hidden;position:relative;border-style:solid;border-width:0 1px 0 0}.k-grid-content-locked+.k-grid-content,.k-grid-footer-locked+.k-grid-footer-wrap,.k-grid-header-locked+.k-grid-header-wrap{display:inline-block;vertical-align:top}.k-grid-toolbar{border-style:solid;border-width:1px 0 0}.k-filter-row>th:first-child,.k-grid-header th.k-header:first-child,.k-grid tbody td:first-child,.k-grid tfoot td:first-child{border-left-width:0}.k-grid-header th.k-header.k-first{border-left-width:1px}.k-grid-toolbar:first-child,.k-grouping-header+.k-grid-toolbar{border-width:0 0 1px}.k-footer-template td{border-style:solid;border-width:1px 0 0 1px}.k-group-footer td{border-style:solid;border-width:1px 0}.k-group-footer .k-group-cell+td{border-left-width:1px}.k-grid-footer{border-style:solid;border-width:1px 0 0}.k-grid-footer td{border-top-width:0}.k-grid-footer>td{border-top-width:1px}.k-pager-wrap{clear:both;overflow:hidden;position:relative;border-style:solid;border-width:1px;line-height:2em;padding:.333em 0 .333em .25em}.k-grid-pager{border-width:1px 0 0}.k-grid .k-pager-numbers,.k-pager-numbers .k-link,.k-pager-numbers .k-state-selected{display:inline-block;vertical-align:top;margin-right:1px}.k-pager-numbers{margin:0 2px}.k-pager-numbers .k-state-selected{vertical-align:top}.k-pager-numbers .k-current-page{display:none}.k-pager-input,.k-pager-numbers li{float:left}.k-grid .k-pager-numbers{float:left;cursor:default}.k-widget.k-grid .k-pager-numbers{position:relative}.k-pager-info{float:right;padding:0 1.333em}.k-pager-numbers .k-link{text-decoration:none}.k-pager-numbers .k-link,.k-pager-numbers .k-state-selected,.k-pager-wrap>.k-link{min-width:2em}.k-pager-wrap>.k-link{float:left;margin:0 .08333em;height:2em;line-height:2em;border-radius:1.0833em;cursor:pointer;text-align:center}.k-pager-wrap>a.k-state-disabled:hover{background:0 0;cursor:default}.k-pager-numbers .k-link{text-align:center;line-height:2em;border-radius:1.0833em}.k-pager-numbers .k-link,.k-pager-wrap>.k-link{border-style:solid;border-width:1px}.k-pager-wrap .k-pager-refresh{float:right;margin-right:.5em;border-width:0;border-radius:0}.k-pager-numbers .k-state-selected{border-style:solid;border-width:1px;text-align:center;border-radius:1.0833em}.k-pager-wrap .k-textbox{width:3.333em}.k-pager-wrap .k-dropdown{width:4.5em}.k-pager-refresh{float:right}.k-pager-input,.k-pager-sizes{padding:0 1.4166em}.k-pager-sizes{display:inline-block;padding-top:1px}.k-pager-sizes .k-widget.k-dropdown{margin-top:-2px}.k-pager-wrap .k-textbox,.k-pager-wrap .k-widget{margin:0 .4em 0}.k-header>.k-grid-filter,.k-header>.k-header-column-menu{float:right;margin:-.5em -.6em -.4em 0;padding:.5em .2em .4em;position:relative;z-index:1}.k-grid .k-animation-container{position:absolute}.k-filter-menu{padding:.5em}.k-list-filter,form.k-filter-menu .k-textbox,form.k-filter-menu .k-widget{display:block}form.k-filter-menu .k-textbox{width:100%;margin-bottom:3px}.k-filter-help-text,.k-filter-menu .k-textbox,.k-filter-menu .k-widget{margin:.19em 0 0}.k-filter-menu span.k-filter-and{width:6em;margin:.5em 0 .5em}.k-filter-menu .k-button{width:48%;margin:.5em 4% 0 0}.k-filter-menu .k-button+.k-button{margin-right:0}.k-filter-menu .k-filter-selected-items{font-weight:700;margin:.5em}.k-multicheck-wrap{overflow:auto;overflow-x:hidden;white-space:nowrap;max-height:300px}.k-multicheck-wrap .k-item{line-height:2.2em}.k-grouping-row .k-icon{margin:-3px 4px 0 2px}.k-grouping-row p{display:inline-block;vertical-align:middle;margin-left:-.6em;padding:0 .6em}.k-grouping-row+tr td{border-top-width:1px}.k-grouping-row+tr .k-group-cell,.k-grouping-row .k-group-cell{border-top-width:0;text-overflow:none}.k-grid .k-hierarchy-cell+td{border-left-width:0}.k-grid .k-group-col,.k-grid .k-hierarchy-col{width:27px}.k-grouping-header{border-bottom-style:solid;border-bottom-width:1px;line-height:2}.k-grouping-dropclue{position:absolute;width:6px;height:25px;background-repeat:no-repeat;background-position:-165px -148px}.k-grouping-header .k-group-indicator{display:inline-block;border-style:solid;border-width:1px;margin:0 3px;padding:.15em .15em .15em .4em;line-height:1.5em}.k-grouping-header .k-link{display:inline-block;border-width:0;padding:0;line-height:normal;text-decoration:none}.k-grouping-header .k-button{border:0;padding:0;background:0 0;line-height:1}.k-grouping-header .k-link .k-icon{margin:0 0 0 -3px}.k-grouping-header .k-button .k-icon{margin:0 0 0 3px}.k-grouping-header .k-button,.k-grouping-header a{display:inline-block;vertical-align:middle}.k-dirty-cell:before{content:"\\A0";display:inline-block;width:0;float:left}.k-dirty{position:absolute;width:0;height:0;border-style:solid;border-width:3px;border-color:red transparent transparent red;margin:-.45em 0 0 -.6em;padding:0;overflow:hidden;vertical-align:top}.k-grid-toolbar,.k-grouping-header{margin:0;padding:.22em .2em .28em;cursor:default}.k-grid .k-edit-container{padding:0}.k-grid .field-validation-error{display:block}.k-grid .input-validation-error{border-style:ridge;border-color:red;background-color:pink}.k-grid-toolbar .k-button{vertical-align:middle}.k-grid-actions{display:inline-block}.k-grid .k-button{margin:0 .16em}.k-grid tbody .k-button,.k-ie8 .k-grid tbody button.k-button{min-width:64px}.k-grid tbody button.k-button{min-width:78px}html body .k-grid tbody .k-button-icon{width:auto;min-width:0}.k-detail-row{position:relative}.k-grid .k-detail-cell{overflow:visible}.k-grid .k-edit-cell{padding:0 .3em;white-space:nowrap}.k-grid .k-edit-cell .k-tooltip{white-space:normal}.k-edit-cell>.k-textbox,.k-edit-cell>.k-widget,.k-grid-edit-row>td>.k-textbox,.k-grid-edit-row>td>.k-widget,.k-grid-edit-row>td>.text-box{width:100%}html .k-edit-cell .k-tooltip,html .k-grid-edit-row .k-tooltip{width:auto;max-width:300px}.k-edit-cell input[type=checkbox]{margin-left:.6em}.k-grid tbody td>.k-grid-delete{margin-top:-.2em;margin-bottom:-.2em}.k-grid-resize-indicator{position:absolute;width:2px;background-color:#aaa}.k-grid-header .k-resize-handle,.k-grid>.k-resize-handle{position:absolute;height:25px;cursor:col-resize;z-index:2}.k-marquee{position:absolute;z-index:100000}.k-marquee-color,.k-marquee-text{position:absolute;top:0;left:0;width:100%;height:100%}.k-marquee-color{filter:alpha(opacity=60);opacity:.6}.k-ie9 .k-column-menu{width:160px}.k-ie8 .k-grid-filter,.k-ie8 .k-header-column-menu{font-size:100%}.k-column-menu{min-width:160px}.k-column-menu .k-sprite{margin-right:10px}.k-column-menu>.k-menu{border-width:0}.k-column-menu .k-calendar .k-link{white-space:normal}.k-columns-item .k-group{max-height:200px;overflow:auto}.k-pdf-export-shadow .k-grid{float:left;width:auto!important}.k-pdf-export-shadow .k-grid,.k-pdf-export-shadow .k-grid-content,.k-pdf-export-shadow .k-grid-content-locked{height:auto!important;overflow:visible}.k-pdf-export-shadow .k-grid-content-locked+.k-grid-content,.k-pdf-export-shadow .k-grid-footer-locked+.k-grid-footer-wrap,.k-pdf-export-shadow .k-grid-header-locked+.k-grid-header-wrap{width:auto!important}.k-pdf-export-shadow .k-grid-footer,.k-pdf-export-shadow .k-grid-header{padding:0!important}.k-loading-pdf-mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}.k-loading-pdf-mask .k-loading-color{filter:alpha(opacity=50);opacity:.5}.k-loading-pdf-mask .k-loading-pdf-progress{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.k-pdf-export .k-loading-pdf-mask{display:none}.k-autofitting{width:auto!important;table-layout:auto!important}.k-autofitting td,.k-autofitting th.k-header{white-space:nowrap!important}.k-autofitting .k-detail-row{display:none!important}@media only screen and (max-width:1024px){.k-edge .k-pager-wrap,.k-ff .k-pager-wrap,.k-ie11 .k-pager-wrap,.k-safari .k-pager-wrap,.k-webkit .k-pager-wrap{overflow:visible;min-height:2.1em}.k-edge .k-pager-input,.k-edge .k-pager-wrap .k-pager-nav,.k-ff .k-pager-input,.k-ff .k-pager-wrap .k-pager-nav,.k-ie11 .k-pager-input,.k-ie11 .k-pager-wrap .k-pager-nav,.k-safari .k-pager-input,.k-safari .k-pager-wrap .k-pager-nav,.k-webkit .k-pager-input,.k-webkit .k-pager-wrap .k-pager-nav{display:inline-block;vertical-align:top}.k-edge .k-grid .k-pager-numbers,.k-edge .k-pager-numbers,.k-ff .k-grid .k-pager-numbers,.k-ff .k-pager-numbers,.k-ie11 .k-grid .k-pager-numbers,.k-ie11 .k-pager-numbers,.k-safari .k-grid .k-pager-numbers,.k-safari .k-pager-numbers,.k-webkit .k-grid .k-pager-numbers,.k-webkit .k-pager-numbers{position:absolute;left:4.8em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;overflow:visible;height:auto}.k-edge .k-grid .k-pager-numbers:first-child,.k-edge .k-pager-numbers:first-child,.k-ff .k-grid .k-pager-numbers:first-child,.k-ff .k-pager-numbers:first-child,.k-ie11 .k-grid .k-pager-numbers:first-child,.k-ie11 .k-pager-numbers:first-child,.k-safari .k-grid .k-pager-numbers:first-child,.k-safari .k-pager-numbers:first-child,.k-webkit .k-grid .k-pager-numbers:first-child,.k-webkit .k-pager-numbers:first-child{left:.2em}.k-edge .k-grid .k-pager-numbers.k-state-expanded,.k-edge .k-pager-numbers.k-state-expanded,.k-ff .k-grid .k-pager-numbers.k-state-expanded,.k-ff .k-pager-numbers.k-state-expanded,.k-ie11 .k-grid .k-pager-numbers.k-state-expanded,.k-ie11 .k-pager-numbers.k-state-expanded,.k-safari .k-grid .k-pager-numbers.k-state-expanded,.k-safari .k-pager-numbers.k-state-expanded,.k-webkit .k-grid .k-pager-numbers.k-state-expanded,.k-webkit .k-pager-numbers.k-state-expanded{transform:translatey(-100%);-webkit-transform:translatey(-100%)}.k-edge .km-pane-wrapper .k-grid .k-pager-numbers,.k-edge .km-pane-wrapper .k-pager-numbers,.k-ff .km-pane-wrapper .k-grid .k-pager-numbers,.k-ff .km-pane-wrapper .k-pager-numbers,.k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,.k-ie11 .km-pane-wrapper .k-pager-numbers,.k-safari .km-pane-wrapper .k-grid .k-pager-numbers,.k-safari .km-pane-wrapper .k-pager-numbers,.k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,.k-webkit .km-pane-wrapper .k-pager-numbers{position:relative;left:50%;transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%)}.k-edge .km-pane-wrapper .k-pager-numbers .k-link,.k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,.k-edge .km-pane-wrapper .k-pager-wrap>.k-link,.k-edge .km-pane-wrapper .k-pager-wrap>.k-pager-info,.k-ff .km-pane-wrapper .k-pager-numbers .k-link,.k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,.k-ff .km-pane-wrapper .k-pager-wrap>.k-link,.k-ff .km-pane-wrapper .k-pager-wrap>.k-pager-info,.k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,.k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,.k-ie11 .km-pane-wrapper .k-pager-wrap>.k-link,.k-ie11 .km-pane-wrapper .k-pager-wrap>.k-pager-info,.k-safari .km-pane-wrapper .k-pager-numbers .k-link,.k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,.k-safari .km-pane-wrapper .k-pager-wrap>.k-link,.k-safari .km-pane-wrapper .k-pager-wrap>.k-pager-info,.k-webkit .km-pane-wrapper .k-pager-numbers .k-link,.k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,.k-webkit .km-pane-wrapper .k-pager-wrap>.k-link,.k-webkit .km-pane-wrapper .k-pager-wrap>.k-pager-info{padding-top:0;padding-bottom:0}.k-edge .k-rtl .k-grid .k-pager-numbers,.k-edge .k-rtl .k-pager-numbers,.k-ff .k-rtl .k-grid .k-pager-numbers,.k-ff .k-rtl .k-pager-numbers,.k-ie11 .k-rtl .k-grid .k-pager-numbers,.k-ie11 .k-rtl .k-pager-numbers,.k-safari .k-rtl .k-grid .k-pager-numbers,.k-safari .k-rtl .k-pager-numbers,.k-webkit .k-rtl .k-grid .k-pager-numbers,.k-webkit .k-rtl .k-pager-numbers{left:auto;right:4.8em;width:4.5em}.k-edge .k-rtl .k-grid .k-pager-numbers:first-child,.k-edge .k-rtl .k-pager-numbers:first-child,.k-ff .k-rtl .k-grid .k-pager-numbers:first-child,.k-ff .k-rtl .k-pager-numbers:first-child,.k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child,.k-ie11 .k-rtl .k-pager-numbers:first-child,.k-safari .k-rtl .k-grid .k-pager-numbers:first-child,.k-safari .k-rtl .k-pager-numbers:first-child,.k-webkit .k-rtl .k-grid .k-pager-numbers:first-child,.k-webkit .k-rtl .k-pager-numbers:first-child{left:auto;right:.2em}.k-edge .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,.k-edge .k-rtl .km-pane-wrapper .k-pager-numbers,.k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,.k-ff .k-rtl .km-pane-wrapper .k-pager-numbers,.k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,.k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers,.k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,.k-safari .k-rtl .km-pane-wrapper .k-pager-numbers,.k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,.k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers{right:5.8em}.k-edge .k-grid .k-pager-numbers .k-current-page,.k-edge .k-pager-numbers .k-current-page,.k-ff .k-grid .k-pager-numbers .k-current-page,.k-ff .k-pager-numbers .k-current-page,.k-ie11 .k-grid .k-pager-numbers .k-current-page,.k-ie11 .k-pager-numbers .k-current-page,.k-safari .k-grid .k-pager-numbers .k-current-page,.k-safari .k-pager-numbers .k-current-page,.k-webkit .k-grid .k-pager-numbers .k-current-page,.k-webkit .k-pager-numbers .k-current-page{display:block;border-left:0}.k-edge .k-grid .k-pager-number.k-state-expanded .k-current-page,.k-edge .k-pager-numbers.k-state-expanded .k-current-page,.k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page,.k-ff .k-pager-numbers.k-state-expanded .k-current-page,.k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page,.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,.k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page,.k-safari .k-pager-numbers.k-state-expanded .k-current-page,.k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page,.k-webkit .k-pager-numbers.k-state-expanded .k-current-page{transform:translatey(100%);-webkit-transform:translatey(100%)}.k-edge .k-pager-numbers li:not(.k-current-page),.k-ff .k-pager-numbers li:not(.k-current-page),.k-ie11 .k-pager-numbers li:not(.k-current-page),.k-safari .k-pager-numbers li:not(.k-current-page),.k-webkit .k-pager-numbers li:not(.k-current-page){display:none}.k-edge .k-pager-numbers .k-current-page .k-link,.k-ff .k-pager-numbers .k-current-page .k-link,.k-ie11 .k-pager-numbers .k-current-page .k-link,.k-safari .k-pager-numbers .k-current-page .k-link,.k-webkit .k-pager-numbers .k-current-page .k-link{width:3.2em;padding:0 .429em 0 .714em;border-radius:1.0833em}.k-edge .k-pager-numbers+.k-link,.k-ff .k-pager-numbers+.k-link,.k-ie11 .k-pager-numbers+.k-link,.k-safari .k-pager-numbers+.k-link,.k-webkit .k-pager-numbers+.k-link{margin-left:4.8em}.k-edge .k-rtl .k-pager-numbers+.k-link,.k-ff .k-rtl .k-pager-numbers+.k-link,.k-ie11 .k-rtl .k-pager-numbers+.k-link,.k-safari .k-rtl .k-pager-numbers+.k-link,.k-webkit .k-rtl .k-pager-numbers+.k-link{margin-right:5.1em;margin-left:0}.k-edge .k-pager-numbers .k-link,.k-edge .k-pager-numbers .k-state-selected,.k-ff .k-pager-numbers .k-link,.k-ff .k-pager-numbers .k-state-selected,.k-ie11 .k-pager-numbers .k-link,.k-ie11 .k-pager-numbers .k-state-selected,.k-safari .k-pager-numbers .k-link,.k-safari .k-pager-numbers .k-state-selected,.k-webkit .k-pager-numbers .k-link,.k-webkit .k-pager-numbers .k-state-selected{display:block;margin-right:0;padding:1px 5px 1px 5px;text-align:left}.k-edge .k-pager-numbers.k-state-expanded,.k-ff .k-pager-numbers.k-state-expanded,.k-ie11 .k-pager-numbers.k-state-expanded,.k-safari .k-pager-numbers.k-state-expanded,.k-webkit .k-pager-numbers.k-state-expanded{-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px 2px 0}.k-edge .k-pager-numbers.k-state-expanded .k-current-page,.k-ff .k-pager-numbers.k-state-expanded .k-current-page,.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,.k-safari .k-pager-numbers.k-state-expanded .k-current-page,.k-webkit .k-pager-numbers.k-state-expanded .k-current-page{margin:-2em -3px 0;padding:0}.k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,.k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,.k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link,.k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link{border-radius:0 0 1.0833em 1.0833em}.k-edge .k-pager-numbers.k-state-expanded li,.k-ff .k-pager-numbers.k-state-expanded li,.k-ie11 .k-pager-numbers.k-state-expanded li,.k-safari .k-pager-numbers.k-state-expanded li,.k-webkit .k-pager-numbers.k-state-expanded li{display:inline-block}}@media only screen and (max-width:640px){.k-edge .k-pager-info,.k-ff .k-pager-info,.k-ie11 .k-pager-info,.k-safari .k-pager-info,.k-webkit .k-pager-info{display:none}}@media only screen and (max-width:480px){.k-edge .k-pager-sizes,.k-ff .k-pager-sizes,.k-ie11 .k-pager-sizes,.k-safari .k-pager-sizes,.k-webkit .k-pager-sizes{display:none}}.k-treelist .k-status{padding:.4em .6em;line-height:1.6em}.k-treelist .k-status .k-loading{vertical-align:baseline;margin-right:5px}.k-treelist tr.k-hidden{display:none}.k-treelist.k-treelist-dragging,.k-treelist.k-treelist-dragging .k-state-hover{cursor:default}.k-treelist .k-drop-hint{position:absolute;z-index:10000;visibility:hidden;width:80px;height:5px;margin-top:-3px;background-color:transparent;background-repeat:no-repeat}.k-drag-separator{display:inline-block;border-right:1px solid;height:1em;vertical-align:top;margin:0 .5em}.k-gantt{white-space:nowrap;position:relative}.k-gantt-layout{display:inline-block;white-space:normal;vertical-align:top}.k-gantt .k-splitbar{position:relative;cursor:e-resize;width:5px;border-width:0 1px;background-repeat:repeat-y}.k-gantt .k-gantt-layout th{vertical-align:bottom}.k-gantt td{overflow:hidden;white-space:nowrap;vertical-align:top}.k-gantt .k-grid .k-edit-cell{vertical-align:middle}.k-gantt-timeline>.k-timeline,.k-gantt-treelist>.k-treelist{border-width:0;height:100%}.k-gantt-toolbar{border-style:solid;border-width:0 0 1px;line-height:2.4em;padding:.5em}.k-gantt-layout+.k-gantt-toolbar{border-width:1px 0 0}.k-gantt-actions,.k-gantt-toolbar>ul{float:left;margin-right:.6em}.k-gantt-actions>.k-button{margin-right:.5em;vertical-align:top}.k-gantt-toolbar>.k-gantt-views{float:right;margin-right:0}.k-gantt-toolbar>.k-gantt-views>li.k-current-view{display:none}.k-gantt-toolbar>ul>li{display:inline-block;border-style:solid;border-width:1px 1px 1px 0}.k-gantt-toolbar>ul>li:first-child+li{border-left-width:1px}.k-gantt-toolbar .k-link{display:inline-block;padding:0 1.1em}.k-gantt-toolbar li:first-child+li,.k-gantt-toolbar li:first-child+li>.k-link{border-top-left-radius:4px;border-bottom-left-radius:4px}.k-gantt-toolbar li:last-child,.k-gantt-toolbar li:last-child>.k-link{border-top-right-radius:4px;border-bottom-right-radius:4px}.k-gantt-toolbar li.k-button{line-height:inherit;padding-top:0;padding-bottom:0}.k-gantt-treelist .k-grid-header tr{height:5em}.k-gantt .k-treelist .k-grid-header{padding:0!important}.k-gantt .k-treelist .k-grid-content{overflow-y:hidden;overflow-x:scroll}.k-treelist-group>tr>span{font-weight:700}.k-treelist-group .k-widget{font-weight:400}.k-gantt-timeline .k-grid-header tr{height:2.5em}.k-gantt-tasks{position:relative}.k-gantt-rows tr,.k-gantt-tasks tr,.k-gantt .k-grid-content tr{height:2.3em}.k-gantt .k-gantt-tasks td:after{content:"\\A0"}.k-gantt-timeline{background:0 0}.k-gantt-columns,.k-gantt-dependencies,.k-gantt-rows{position:absolute;top:0;left:0}.k-gantt-tables{position:relative}.k-gantt .k-timeline .k-grid-content{overflow-x:scroll}.k-gantt .k-gantt-timeline th{text-align:center}.k-gantt .k-gantt-timeline tr:first-child th{border-bottom-width:1px}.k-task-summary{height:10px;display:inline-block;vertical-align:top;margin-top:3px}.k-task-summary-complete{height:10px;position:relative;z-index:2}.k-task-summary-progress{height:15px;overflow:hidden}.k-task-summary-complete:after,.k-task-summary-complete:before,.k-task-summary:after,.k-task-summary:before{content:"";position:absolute;top:0;width:0;height:0;border-style:solid;border-width:8px;border-color:transparent}.k-task-summary-complete:before,.k-task-summary:before{left:0;border-left-color:inherit}.k-task-summary-complete:after,.k-task-summary:after{right:0;border-right-color:inherit}.k-line-h,.k-line-v{position:absolute}.k-line-h{height:2px}.k-line-v{width:2px}.k-arrow-e,.k-arrow-w{position:absolute;top:-4px;width:0;height:0;border-style:solid;border-width:5px}.k-arrow-e{right:-6px;border-right-color:transparent}.k-arrow-e,.k-arrow-w{border-top-color:transparent;border-bottom-color:transparent}.k-arrow-w{left:-6px;border-left-color:transparent}.k-task-milestone{width:13px;height:13px;margin-top:3px;border-style:solid;border-width:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.k-ie8 .k-task-milestone{margin-left:1px}.k-gantt .k-gantt-tasks .k-button-icon,.k-gantt .k-gantt-treelist .k-button{padding-top:0;padding-bottom:0}.k-gantt .k-gantt-tasks .k-button-icon{margin-top:4px}.k-gantt .k-gantt-treelist .k-button{margin-top:-4px;margin-bottom:-2px}.k-gantt .k-gantt-tasks .k-button-icon{padding-left:2px;padding-right:2px}.k-gantt .k-gantt-tasks .k-button .k-icon,.k-gantt .k-gantt-treelist .k-button .k-icon{vertical-align:text-top}.k-rel .k-button-icon{position:absolute;left:200px}.k-rel{position:relative;height:0;top:-.3em}.k-task-wrap{position:absolute;padding:0 23px 5px;margin:-1px -23px 0;z-index:2}.k-line.k-state-selected,.k-task-wrap:hover{z-index:3}.k-milestone-wrap{margin:0 -13px 0 -27px}.k-task-content{position:relative;z-index:2}.k-task-complete{position:absolute;top:0;bottom:0;left:0;width:20%;z-index:1}.k-task-dot{position:absolute;top:0;width:16px;height:16px;line-height:16px;display:none;cursor:pointer}.k-task-dot.k-state-hover{background-color:transparent}.k-task-single+.k-task-dot,.k-task-single+.k-task-dot+.k-task-dot{top:.2em}.k-task-wrap-active .k-task-dot,.k-task-wrap:hover .k-task-dot{display:block}.k-task-dot:before{content:"\\A0";display:inline-block;width:0;height:16px}.k-task-dot:after{content:"";display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:4px;margin-left:4px}.k-task-dot.k-state-hover:after,.k-task-dot:hover:after,.k-task-wrap-active .k-task-dot:after{border-style:solid;border-width:1px;margin-left:3px}.k-task-start{left:0}.k-task-end{right:0}.k-task-single{border-style:solid;border-width:1px;text-align:left;overflow:hidden;cursor:default;min-height:1.3em;white-space:nowrap}.k-task-template{padding:.2em 1.4em .2em .6em;line-height:normal}.k-task-actions,.k-task-content>.k-link{position:absolute;top:0;right:4px;white-space:nowrap}.k-task-actions{z-index:1}.k-task-actions:first-child{position:static;float:left;margin:4px 2px 0 4px}.k-webkit .k-task-actions:first-child{margin-top:3px}.k-task-actions:first-child>.k-link{display:inline-block}.k-task-delete{display:none}.k-task-wrap-active .k-task-delete,.k-task-wrap:hover .k-task-delete{display:inline-block}.k-task-single .k-resize-handle{position:absolute;visibility:hidden;z-index:2;height:auto}.k-task-single:hover .k-resize-handle,.k-task-wrap-active .k-resize-handle{visibility:visible}.k-task-single .k-resize-handle:after{content:"";position:absolute;filter:alpha(opacity=50);opacity:.5}.k-task-content>.k-resize-e{right:0;top:0;bottom:0;width:.4em}.k-task-content>.k-resize-w{left:0;top:0;bottom:0;width:.4em}.k-task-content>.k-resize-e:after,.k-task-content>.k-resize-w:after{left:1px;top:50%;margin-top:-.7em;height:1.4em;width:1px}.k-task-content>.k-resize-e:after{left:auto;right:1px}.k-task-draghandle{position:absolute;bottom:0;width:0;height:0;margin-left:16px;border-width:5px;border-style:solid;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;display:none;cursor:e-resize}.k-task-wrap-active .k-task-draghandle,.k-task-wrap:hover .k-task-draghandle{display:block}.k-dependency-hint{z-index:4}.k-gantt-rowheight .k-task-dot,.k-gantt-rowheight .k-task-milestone,.k-gantt-rowheight .k-task-single+.k-task-dot,.k-gantt-rowheight .k-task-single+.k-task-dot+.k-task-dot,.k-gantt-rowheight .k-task-summary{top:50%}.k-gantt-rowheight .k-task-milestone,.k-gantt-rowheight .k-task-summary{margin-top:-6px}.k-gantt-rowheight .k-task-dot,.k-gantt-rowheight .k-task-single+.k-task-dot,.k-gantt-rowheight .k-task-single+.k-task-dot+.k-task-dot{margin-top:-11px}.k-gantt-rowheight .k-task-single{height:98%}.k-ie .k-gantt-rowheight .k-task-single{height:99%}.k-gantt-rowheight .k-task-content{height:100%}.k-gantt-rowheight .k-task-content>.k-resize-e:after,.k-gantt-rowheight .k-task-content>.k-resize-w:after{top:0;margin-top:0;height:100%}.k-task-details{padding:.4em;text-align:left;white-space:nowrap}.k-task-details>strong{font-size:120%;display:block}.k-task-pct{margin:.5em 0 .1em;font-size:170%}.k-task-details>ul{line-height:1.2}.k-resources-wrap{position:absolute;z-index:2;zoom:1;margin-left:20px;margin-top:-2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-resources-wrap .k-resource{margin:0 5px}.k-gantt-edit-form>.k-edit-form-container{width:430px}.k-gantt-edit-form>.k-resources-form-container{width:506px}.k-resources-form-container>.k-grid{margin:0 .9em}.k-gantt-edit-form>.k-edit-form-container .k-numerictextbox,.k-gantt-edit-form>.k-edit-form-container .k-textbox{width:15em}.k-gantt-edit-form .k-edit-buttons .k-gantt-delete,.k-pdf-export-shadow .k-gantt{float:left}.k-pdf-export-shadow .k-gantt,.k-pdf-export-shadow .k-gantt-timeline,.k-pdf-export-shadow .k-gantt .k-grid-content{width:auto!important;height:auto!important;overflow:visible!important}.k-pdf-export-shadow .k-gantt-treelist{height:auto!important;overflow:visible!important}.k-pdf-export-shadow .k-gantt-timeline .k-grid-header{padding:0!important}.k-pdf-export-shadow .k-gantt .k-splitbar,.k-pdf-export-shadow .k-pdf-export{display:none}button.k-gantt-toggle{display:none;float:left;margin-right:.5em}.k-rtl button.k-gantt-toggle{float:right;margin-right:0;margin-left:.5em}@media only screen and (max-width:1024px){.k-gantt-toolbar>ul.k-gantt-views{position:absolute;right:6px;top:6px;z-index:10000}.k-rtl .k-gantt-toolbar>ul.k-gantt-views{right:auto;left:6px}.k-gantt-toolbar>ul.k-gantt-views>li:not(.k-current-view){display:none}.k-gantt-toolbar>ul.k-gantt-views>li.k-current-view{display:block;border-width:1px}.k-rtl .k-gantt-toolbar>ul.k-gantt-views>li.k-current-view{text-align:left;padding-left:1em}.k-gantt-toolbar>ul.k-gantt-views>li.k-current-view>.k-link{display:block;position:relative;padding-right:2.5em;padding-left:1em}.k-rtl .k-gantt-toolbar>ul.k-gantt-views>li.k-current-view>.k-link{padding-left:0}.k-gantt-toolbar>ul.k-gantt-views>li.k-current-view>.k-link:after{display:block;content:"";position:absolute;top:50%;margin-top:-.6em;right:.333em;width:16px;height:16px}.k-gantt-toolbar>ul.k-gantt-views.k-state-expanded>li,.k-gantt-toolbar>ul.k-gantt-views.k-state-expanded>li:first-child+li{display:block;border:0;border-radius:0}.k-gantt-toolbar>ul.k-gantt-views.k-state-expanded{border:1px solid #c5c5c5;background-color:#fff;background-image:none;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.k-rtl .k-gantt-toolbar>ul.k-gantt-views.k-state-expanded{text-align:left}}@media only screen and (max-width:480px){button.k-gantt-toggle{display:inline-block}.k-gantt-create span+span,.k-gantt-pdf span+span{display:none}.k-gantt-create .k-icon,.k-gantt-pdf .k-icon{margin:0}.k-gantt .k-splitbar{display:none;width:0;border-width:0}.k-gantt .k-gantt-treelist{display:none;max-width:0}.k-gantt .k-treelist .k-grid-content{overflow-y:scroll}.k-gantt .k-gantt-timeline{width:100%}}.k-pivot{position:relative}.k-pivot-toolbar{padding:.2em;border-bottom-width:1px;border-bottom-style:solid}.k-pivot .k-pivot-toolbar{padding:.6em}.k-pivot-toolbar .k-button{margin-right:.4em;line-height:1.2em;font-size:.9em;text-align:left;position:relative;padding:.3em 5em .3em .3em}.k-field-actions{position:absolute;right:2px;top:3px}.k-pivot .k-grid td{white-space:nowrap}.k-pivot-layout{border-spacing:0;table-layout:auto}.k-pivot-layout>tbody>tr>td{vertical-align:top;padding:0}.k-pivot td{vertical-align:top}.k-pivot-rowheaders>.k-grid,.k-pivot-table>.k-grid{border-width:0}.k-pivot-rowheaders>.k-grid td:first-child,.k-pivot-table .k-grid-header .k-header.k-first{border-left-width:1px}.k-pivot-rowheaders>.k-grid td.k-first{border-left-width:0}.k-pivot-rowheaders>.k-grid{overflow:hidden}.k-pivot-table{border-left-width:1px;border-left-style:solid}.k-pivot-table .k-grid-header-wrap>table{height:100%}.k-pivot .k-grid-header .k-header{vertical-align:top}.k-header.k-alt,td.k-alt{font-weight:700}.k-header.k-alt{background-image:none}.k-pivot-layout .k-grid td{border-bottom-width:1px}.k-pivot-layout .k-grid-footer>td{border-top-width:0}.k-pivot-filter-window .k-treeview{max-height:600px}.k-fieldselector .k-edit-buttons{bottom:auto}.k-fieldselector .k-edit-label{width:16%}.k-fieldselector .k-edit-field{width:77%}.k-fieldselector .k-edit-field>.k-textbox,.k-fieldselector .k-edit-field>.k-widget{width:99%}.k-fieldselector .k-edit-buttons>input,.k-fieldselector .k-edit-buttons>label{float:left;margin-top:.4em}.k-fieldselector p{margin:0 0 .2em .5em;text-transform:uppercase}.k-fieldselector p .k-icon{margin:0 5px 0 0}.k-fieldselector .k-columns{border-style:solid;border-width:0}.k-fieldselector .k-columns>div{overflow:auto;padding:.6em;border-style:solid;border-width:0 0 0 1px;float:left;width:45%}.k-fieldselector .k-columns>div:first-child{border-width:0;margin-right:-1px}.k-fieldselector .k-columns>div+div{float:right;border-width:0}.k-fieldselector div.k-treeview{border-width:0;margin-right:-1px;padding-left:4px;overflow:visible}.k-fieldselector .k-list-container{margin-left:.5em;margin-bottom:1em;padding:.2em 0 0;border-style:solid;border-width:1px}.k-fieldselector .k-list{padding-bottom:2em}.k-fieldselector .k-list li.k-item{padding:.3em 3.3em .3em .3em;margin:0 .2em .2em;position:relative;font-size:.9em;line-height:1.2em;min-height:1em}.k-i-kpi-decrease{background-position:0 0}.k-i-kpi-denied{background-position:-16px 0}.k-i-kpi-equal{background-position:-32px 0}.k-i-kpi-hold{background-position:-48px 0}.k-i-kpi-increase{background-position:-64px 0}.k-i-kpi-open{background-position:-80px 0}.k-pdf-export-shadow .k-pivot .k-grid-content{overflow:visible!important}.k-pdf-export-shadow .k-pivot .k-grid-content,.k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid{height:100%!important}.k-pdf-export-shadow .k-pivot .k-grid-header{padding-right:0!important}.k-pdf-export-shadow .k-pivot{width:auto!important;height:auto!important}.k-pdf-export-shadow .k-pivot .k-grid-content>table,.k-pdf-export-shadow .k-pivot .k-grid-header-wrap>table{width:100%!important;height:auto!important}.k-calendar{position:relative;display:inline-block;width:16.917em;overflow:hidden}.k-calendar .k-link,.k-calendar td{text-decoration:none}.k-calendar .k-action-link{text-decoration:underline}.k-calendar .k-footer,.k-calendar .k-header{position:relative;text-align:center;zoom:1}.k-widget.k-calendar .k-nav-next,.k-widget.k-calendar .k-nav-prev{position:absolute;top:.16666em;line-height:1.8333em;height:1.8333em}.k-widget.k-calendar .k-nav-prev{left:1%}.k-widget.k-calendar .k-nav-next{right:1%}.k-calendar .k-content{float:left;border-spacing:0;width:100%;height:14.167em;border-width:0;margin:0;table-layout:fixed;outline:0}.k-calendar .k-content,.k-calendar .k-content th{text-align:right}.k-calendar .k-animation-container .k-content{height:100%}.k-widget.k-calendar .k-nav-fast{display:inline-block;width:75%;height:1.8333em;line-height:1.8333em;margin:.16666em -.08333em .3333em 0}.k-calendar .k-header .k-icon{vertical-align:middle}.k-calendar .k-header .k-link.k-nav-next,.k-calendar .k-header .k-link.k-nav-prev{height:1.8333em;width:1.8333em}.k-calendar th{border-bottom-style:solid;border-bottom-width:1px;padding:.4em .45em .4em .1em;font-weight:400;cursor:default}.k-calendar td{padding:.08333em;cursor:pointer}.k-calendar .k-state-focus{border-style:dotted;border-width:.08333em;padding:0}.k-calendar .k-content .k-link{display:block;overflow:hidden;min-height:1.8333em;line-height:1.8333em;padding:0 .45em 0 .1em}.k-calendar .k-meta-view .k-link{padding:.25em 0 .3em;text-align:center}.k-calendar .k-footer{clear:both}.k-calendar .k-footer .k-nav-today,.k-calendar .k-footer>.k-state-disabled{display:block;height:100%;padding:.5em 0}.k-calendar .k-nav-today:hover{text-decoration:underline}div.k-treeview{border-width:0;background:0 0;overflow:auto;white-space:nowrap}.k-treeview .k-item{display:block;border-width:0;margin:0;padding:0 0 0 16px}.k-treeview .k-content,.k-treeview .k-item>.k-group,.k-treeview>.k-group{margin:0;padding:0;background:0 0;list-style-type:none;position:relative}.k-treeview .k-checkbox,.k-treeview .k-icon,.k-treeview .k-image,.k-treeview .k-in,.k-treeview .k-sprite{display:inline-block;vertical-align:top}.k-treeview .k-checkbox{margin-top:.2em}.k-treeview .k-icon,.k-treeview .k-in{vertical-align:middle}.k-treeview .k-request-retry{vertical-align:baseline}.k-treeview .k-i-collapse,.k-treeview .k-i-expand,.k-treeview .k-i-minus,.k-treeview .k-i-minus-disabled,.k-treeview .k-i-plus,.k-treeview .k-i-plus-disabled,.k-treeview .k-minus,.k-treeview .k-minus-disabled,.k-treeview .k-plus,.k-treeview .k-plus-disabled{margin-top:.25em;margin-left:-16px;cursor:pointer}.k-treeview .k-i-minus-disabled,.k-treeview .k-i-plus-disabled,.k-treeview .k-minus-disabled,.k-treeview .k-plus-disabled{cursor:default}.k-treeview .k-image,.k-treeview .k-sprite{margin-right:3px}.k-treeview .k-in{margin:1px 0 1px .16666em;padding:1px .3333em 1px .25em;line-height:1.3333em;text-decoration:none;border-style:solid;border-width:1px}.k-treeview span.k-in{cursor:default}.k-treeview .k-drop-hint{position:absolute;z-index:10000;visibility:hidden;width:80px;height:5px;margin-top:-3px;background-color:transparent;background-repeat:no-repeat}.k-toolbar .k-split-button,span.k-colorpicker,span.k-combobox,span.k-datepicker,span.k-datetimepicker,span.k-dropdown,span.k-numerictextbox,span.k-timepicker{background-image:none}.k-autocomplete,.k-colorpicker,.k-combobox,.k-datepicker,.k-datetimepicker,.k-dropdown,.k-numerictextbox,.k-selectbox,.k-textbox,.k-timepicker,.k-toolbar .k-split-button{position:relative;display:inline-block;width:12.4em;overflow:visible;border-width:0;vertical-align:middle}.k-autocomplete>.k-i-close,.k-combobox>.k-dropdown-wrap>.k-i-close,.k-multiselect>.k-multiselect-wrap>.k-i-close{display:none;position:absolute;right:0}.k-autocomplete>.k-i-close,.k-combobox>.k-dropdown-wrap>.k-i-close{bottom:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.k-ie8 .k-autocomplete>.k-i-close,.k-ie8 .k-combobox>.k-dropdown-wrap>.k-i-close{margin-top:-8px}.k-combobox>.k-dropdown-wrap>.k-i-close{font-size:100%;right:2.4em}.k-multiselect>.k-multiselect-wrap>.k-i-close{top:6px}.k-autocomplete>.k-i-close,.k-multiselect>.k-multiselect-wrap>.k-i-close{margin-right:6px}.k-autocomplete.k-state-focused>.k-i-close,.k-autocomplete.k-state-hover>.k-i-close,.k-combobox>.k-dropdown-wrap.k-state-focused>.k-i-close,.k-combobox>.k-dropdown-wrap.k-state-hover>.k-i-close{display:inline-block;outline:0}.k-autocomplete>.k-i-close.k-loading-hidden,.k-combobox>.k-dropdown-wrap>.k-i-close.k-loading-hidden{display:none}.k-multiselect.k-state-focused>.k-multiselect-wrap>.k-i-close,.k-multiselect.k-state-hover>.k-multiselect-wrap>.k-i-close{display:inline-block;outline:0}.k-autocomplete.k-state-border-down>.k-i-close,.k-combobox>.k-dropdown-wrap.k-state-border-down>.k-i-close{margin-top:-1px}.k-filter-menu .k-autocomplete,.k-filter-menu .k-combobox,.k-filter-menu .k-datepicker,.k-filter-menu .k-datetimepicker,.k-filter-menu .k-dropdown,.k-filter-menu .k-numerictextbox,.k-filter-menu .k-textbox,.k-filter-menu .k-timepicker{width:13.2em}.k-autocomplete,.k-colorpicker,.k-combobox,.k-datepicker,.k-datetimepicker,.k-dropdown,.k-numerictextbox,.k-selectbox,.k-timepicker,.k-toolbar .k-split-button{white-space:nowrap}.k-colorpicker,.k-toolbar .k-split-button{width:auto}.k-datetimepicker{width:15em}.k-autocomplete,.k-numeric-wrap,.k-picker-wrap{position:relative;cursor:default}.k-dropdown-wrap{position:relative}.k-dropdown-wrap,.k-numeric-wrap,.k-picker-wrap{display:block}.k-block,.k-content,.k-grid,.k-header-column-menu,.k-panelbar,.k-slider,.k-splitter,.k-treeview,.k-widget{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.k-block,.k-calendar,.k-grid-header .k-link,.k-header-column-menu,.k-pager-wrap,.k-slider,.k-splitbar,.k-treeview{-webkit-touch-callout:none}.k-list-scroller{position:relative;overflow:auto}.k-popup.k-calendar-container,.k-popup.k-list-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:2px;border-width:1px;border-style:solid}.k-autocomplete.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-list-container.k-state-border-down,.k-numeric-wrap.k-state-border-down,.k-picker-wrap.k-state-border-down{border-bottom-width:0;padding-bottom:1px}.k-list-container .km-scroll-container{padding-bottom:6px}.k-autocomplete,.k-dropdown-wrap,.k-numeric-wrap,.k-picker-wrap,.k-textbox{border-width:1px;border-style:solid;padding:0 1.9em 0 0}.k-numeric-wrap.k-expand-padding{padding-right:0}.k-autocomplete,.k-textbox{padding:0}.k-textbox.k-space-left{padding-left:1.9em}.k-textbox.k-space-right{padding-right:1.9em}.k-textbox .k-icon{top:50%;margin:-8px 0 0;position:absolute}.k-space-left .k-icon{left:3px}.k-space-right .k-icon{right:3px}span.k-textbox:after{content:"\\A0";display:block;height:.4px;overflow:hidden}.k-autocomplete,.k-dropdown-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-numeric-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-picker-wrap.k-state-hover{-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out,-webkit-box-shadow .15s ease-out;-webkit-transition:"box-shadow .15s ease-out";transition:"box-shadow .15s ease-out"}.k-combobox .k-input,.k-numeric-wrap .k-input,.k-picker-wrap .k-input,.k-textbox>input{width:100%;vertical-align:top}.k-dropdown-wrap .k-input,.k-numeric-wrap .k-input,.k-picker-wrap .k-input,.k-selectbox .k-input{font-family:inherit;border-width:0;outline:0}.k-dropdown .k-input,.k-selectbox .k-input{background:0 0}.k-dropdown-wrap .k-select,.k-numeric-wrap .k-select,.k-picker-wrap .k-select{position:absolute;top:0;right:0;display:inline-block;vertical-align:top;text-decoration:none}.k-combobox .k-select,.k-numeric-wrap .k-select,.k-picker-wrap .k-select{border-style:solid;border-width:0 0 0 1px;border-color:inherit}span.k-datetimepicker .k-select,span.k-datetimepicker .k-select+.k-select{right:0}.k-autocomplete .k-input,.k-textbox>input{display:block}.k-dropdown .k-select,.k-selectbox .k-select{overflow:hidden;border:0;text-decoration:none;font:inherit;color:inherit}.k-dropdown .k-input,.k-selectbox .k-input{display:block;overflow:hidden;text-overflow:ellipsis}.k-autocomplete .k-input,.k-dropdown-wrap .k-input,.k-numeric-wrap .k-input,.k-picker-wrap .k-input,.k-selectbox .k-input,.k-textbox>input{height:1.65em;line-height:1.65em;padding:.177em 0;text-indent:.33em;border:0;margin:0}.k-combobox .k-dropdown-wrap:before,.k-numeric-wrap:before,.k-picker-wrap:before{content:"\\A0";display:inline-block;width:0;height:1.65em;padding-bottom:.3em}.k-webkit .k-combobox .k-dropdown-wrap:before,.k-webkit .k-numeric-wrap:before,.k-webkit .k-picker-wrap:before{padding-bottom:.38em}.km.root .k-combobox .k-dropdown-wrap:before,.km.root .k-numeric-wrap:before,.km.root .k-picker-wrap:before{content:none}.k-combobox .k-input,.k-numeric-wrap .k-input,.k-picker-wrap .k-input{display:inline}.k-dropdown-wrap .k-select,.k-numeric-wrap .k-select,.k-picker-wrap .k-select{min-height:1.65em;line-height:2em;vertical-align:middle;-moz-box-sizing:border-box;text-align:center;width:1.9em;height:100%}.k-numeric-wrap .k-select{padding:0}body .k-datetimepicker .k-select{border-radius:0}.k-combobox .k-select,.k-dropdown,.k-selectbox .k-icon{cursor:pointer}.k-popup{border-style:solid;border-width:1px}.k-list-optionlabel,.k-popup .k-item{cursor:default}.k-popup .k-calendar{border:0}.k-list{height:auto}.k-nodata{min-height:138px;width:100%;display:table;text-transform:uppercase;font-size:.85em;font-weight:lighter}.k-nodata>div{display:table-cell;text-align:center;vertical-align:middle;padding:11px}.k-fieldselector .k-list .k-item,.k-list-optionlabel,.k-popup .k-list .k-item,.k-popup>.k-group-header,.k-popup>.k-virtual-wrap>.k-group-header{padding:1px 5px 1px 5px;line-height:1.8em;min-height:1.8em}.k-popup .k-list .k-item{border-width:1px;border-style:solid;border-color:transparent;padding:0 4px}.k-popup .k-list .k-item>.k-group{top:-1px}.k-group-header+div>.k-list>.k-item.k-first:before{content:" ";display:block;border-top-width:1px;border-top-style:solid;position:absolute;top:-1px;left:0;right:0}.k-popup>.k-group-header,.k-popup>.k-virtual-wrap>.k-group-header{padding-right:22px}.k-overflow-container .k-item{padding:1px}.k-overflow-container .k-button.k-state-disabled,.k-overflow-container .k-button.k-state-disabled:hover,.k-overflow-container>.k-state-disabled .k-button{border:0;background:0 0}.k-fieldselector .k-list .k-item,.k-list-optionlabel.k-state-focused,.k-list-optionlabel.k-state-selected,.k-overflow-container .k-state-focused,.k-overflow-container .k-state-hover,.k-overflow-container .k-state-selected,.k-popup .k-list .k-state-focused,.k-popup .k-list .k-state-hover,.k-popup .k-list .k-state-selected{padding:0 4px;border-width:1px;border-style:solid}.k-list-filter{position:relative;margin-bottom:2px}.k-list-filter>.k-textbox{padding-right:20px;width:100%}.k-list-filter>.k-icon{position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.km-root .k-list-filter>.k-textbox{padding-left:0;padding-right:0;border-left-width:0;border-right-width:0}.k-multiselect-wrap{position:relative;border-width:0;border-style:solid;border-radius:4px;border-color:#c5c5c5;background-color:#fff;min-height:2.04em}.k-multiselect-wrap .k-input{background-color:transparent;height:1.31em;line-height:1.31em;padding:.18em 0;text-indent:.33em;border:0;margin:1px 0 0;float:left}.k-multiselect-wrap .k-input::-ms-clear{display:none}.k-multiselect-wrap li{margin:1px 0 1px 1px;padding:.1em 1.6em .1em .4em;line-height:1.5em;float:left;position:relative}.k-autocomplete .k-i-loading,.k-autocomplete .k-loading,.k-multiselect .k-i-loading,.k-multiselect .k-loading{position:absolute;right:3px;bottom:4px}.k-multiselect .k-loading-hidden{visibility:hidden}.k-multiselect-wrap .k-select{position:absolute;top:0;bottom:0;right:0;padding:.1em .2em}.k-datetimepicker .k-picker-wrap{padding-right:3.8em}.k-datetimepicker .k-select{width:3.8em}.k-datetimepicker .k-picker-wrap .k-icon{margin:0 2px}.k-picker-wrap .k-icon{cursor:pointer}.k-button,.k-datepicker,.k-datetimepicker,.k-textbox,.k-timepicker{display:inline-block;vertical-align:middle}.k-picker-wrap .k-input{margin:0}.k-time-popup .k-item{padding:1px 3px}.k-input{padding:.25em 0}.k-input,.k-textbox>input{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.k-textbox{outline:0}input.k-textbox,textarea.k-textbox{padding:2px .3em}input.k-textbox{height:2.13em;text-indent:.33em;line-height:1.6em}.k-ie input.k-textbox{text-indent:.165em}.k-ff input.k-textbox{height:2.17em}textarea.k-textbox{height:auto}span.k-numerictextbox{background-color:transparent}.k-numerictextbox .k-input{margin:0}.k-numerictextbox .k-link{display:block;height:1em;line-height:1em;vertical-align:middle;border-width:0;padding:0}.k-numerictextbox .k-icon{height:11px}.k-numeric-wrap .k-input::-webkit-inner-spin-button{-webkit-appearance:none}.k-colorpicker .k-picker-wrap{line-height:2em}.k-colorpicker .k-selected-color{vertical-align:top;line-height:0;display:inline-block;height:2em;width:2em}.k-colorpicker .k-tool-icon{position:relative;top:-2px;display:inline-block;padding:3px 3px 2px;font-size:0;line-height:0;margin-right:3px;margin-left:2px;margin-bottom:3px;background-repeat:no-repeat;vertical-align:middle;width:16px;height:16px;-ms-high-contrast-adjust:none}.k-colorpicker .k-tool-icon .k-selected-color{display:block;height:3px;width:16px;position:absolute;left:3px;bottom:-3px;border-radius:0!important}.k-colorpicker .k-select{cursor:pointer}.k-disabled-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.5;filter:alpha(opacity=50)}.k-colorpalette{position:relative;line-height:0;border-width:0;display:inline-block}.k-colorpalette .k-palette{border-collapse:collapse;position:relative;width:100%;height:100%}.k-colorpalette .k-item{width:14px;height:14px;overflow:hidden;-ms-high-contrast-adjust:none}.k-colorpalette .k-item.k-state-selected,.k-colorpalette .k-item.k-state-selected:hover{z-index:100;background:0 0;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px hsla(0,0%,100%,.45);box-shadow:0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px hsla(0,0%,100%,.45);position:relative}.k-colorpalette .k-item:hover{z-index:101;position:relative;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.3);box-shadow:0 1px 3px 1px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.3)}.k-flatcolorpicker{position:relative;display:inline-block;width:250px;padding-bottom:5px}div.k-flatcolorpicker{background-color:transparent;background-image:none}.k-flatcolorpicker .k-selected-color input.k-color-value{font-family:Consolas,Ubuntu Mono,Lucida Console,Courier New,monospace;padding:.75em .3em .65em 1em;border:0;margin:0;width:70%}.k-flatcolorpicker .k-hsv-rectangle{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pinch-zoom double-tap-zoom}.k-flatcolorpicker .k-hsv-rectangle .k-draghandle{cursor:pointer;position:absolute;z-index:10;left:50%;top:50%;width:8px;height:8px;border:1px solid #eee;margin-left:-5px;margin-top:-5px;border-radius:6px;-webkit-box-shadow:0 1px 2px #444;box-shadow:0 1px 2px #444;background:0 0}.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus,.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover{background:0 0;border-color:#fff;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000}.k-flatcolorpicker .k-hsv-rectangle.k-dragging,.k-flatcolorpicker .k-hsv-rectangle.k-dragging *{cursor:none}.k-flatcolorpicker .k-slider-horizontal{height:20px;width:90%;margin:0 5%}.k-flatcolorpicker .k-slider-horizontal .k-slider-track{-webkit-box-shadow:0 1px 0 #fff,0 -1px 0 #999;box-shadow:0 1px 0 #fff,0 -1px 0 #999}.k-flatcolorpicker .k-hue-slider,.k-flatcolorpicker .k-transparency-slider{display:block}.k-flatcolorpicker .k-hue-slider .k-slider-selection,.k-flatcolorpicker .k-transparency-slider .k-slider-selection{background:0 0}.k-flatcolorpicker .k-hue-slider .k-draghandle,.k-flatcolorpicker .k-transparency-slider .k-draghandle{background:0 0;border:3px solid #eee;margin-top:1px;height:8px;width:8px;-webkit-box-shadow:0 1px 4px #444;box-shadow:0 1px 4px #444}.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus,.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover{background:0 0;border-color:#fff;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;border-width:2px;padding:1px}.k-flatcolorpicker .k-hue-slider .k-slider-track{background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));background:linear-gradient(90deg,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004)}.k-flatcolorpicker .k-controls{margin-top:10px;margin-bottom:5px;text-align:center;font-size:90%}.k-flatcolorpicker .k-controls .k-button{width:6em}.k-flatcolorpicker .k-hsv-gradient{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),to(#000)),-webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,transparent 0,#000),linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));height:180px;margin-bottom:5px}.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)}.k-ie9 .k-flatcolorpicker .k-hsv-gradient{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)}.k-ie8 .k-flatcolorpicker .k-hsv-gradient{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#00ffffff",GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#ff000000",GradientType=0)}table.k-editor{width:100%;height:250px;table-layout:fixed;border-style:solid;border-width:1px;border-collapse:separate;border-spacing:4px;font-size:100%;vertical-align:top;position:relative}.k-editor-inline{border-width:2px;padding:.3em .5em;word-wrap:break-word;overflow:auto;position:relative}.k-editortoolbar-dragHandle{cursor:move;padding-left:0;padding-right:3px;-webkit-box-shadow:none!important;box-shadow:none!important}.k-editor-widget>.k-window-content{overflow:hidden}.k-editor .k-editor-toolbar-wrap{border:0;padding:0}.k-editor-toolbar{margin:0;padding:.1em 0;list-style-type:none;line-height:1.3em;cursor:default;word-wrap:break-word}.k-editor-toolbar li{display:inline-block;vertical-align:middle}.k-edge .k-editor-toolbar,.k-ff .k-editor-toolbar,.k-ie9 .k-editor-toolbar,.k-webkit .k-editor-toolbar{padding:0}.k-edge .k-editor-toolbar li,.k-ff .k-editor-toolbar li,.k-ie9 .k-editor-toolbar li,.k-ie10 .k-editor-toolbar li,.k-safari .k-editor-toolbar li,.k-webkit .k-editor-toolbar li{display:inline-block;padding:.1em 0}.k-editor-toolbar .k-editor-widget,.k-editor-toolbar>li{margin-right:6px}.k-group-start.k-group-end .k-editor-widget{margin-right:0}.k-editor-toolbar .k-editor-dropdown{position:relative}.k-select-overlay{-webkit-appearance:none;opacity:0;z-index:11000;top:0;left:0;position:absolute;height:26px;width:100%;margin:-4px 0 0}.k-editor-toolbar .k-separator{position:relative;top:1px;border-style:solid;border-width:0 1px 0 0;margin:0 .3em 0 .1em;padding:0 0 0 1px;font-size:1.3em}.k-editor-toolbar .k-break{display:block;height:1px;font-size:0;line-height:0}.k-editor-toolbar .k-colorpicker,.k-editor-toolbar .k-combobox,.k-editor-toolbar .k-dropdown,.k-editor-toolbar .k-selectbox{vertical-align:middle}.k-button-group{white-space:nowrap}.k-button-group .k-tool{display:inline-block;vertical-align:middle;margin:1px 0;width:2em;height:2em;line-height:2em}.k-button-group .k-tool-icon{width:24px;height:24px;vertical-align:middle;-ms-high-contrast-adjust:none}.k-i-move{background-position:-160px -288px}.k-bold,.k-i-bold{background-position:-240px 0}.k-state-hover .k-bold,.k-state-hover .k-i-bold,.k-state-selected .k-bold,.k-state-selected .k-i-bold{background-position:-264px 0}.k-i-italic,.k-italic{background-position:-240px -24px}.k-state-hover .k-i-italic,.k-state-hover .k-italic,.k-state-selected .k-i-italic,.k-state-selected .k-italic{background-position:-264px -24px}.k-i-underline,.k-underline{background-position:-240px -48px}.k-state-hover .k-i-underline,.k-state-hover .k-underline,.k-state-selected .k-i-underline,.k-state-selected .k-underline{background-position:-264px -48px}.k-i-strikethrough,.k-strikethrough{background-position:-240px -72px}.k-state-hover .k-i-strikethrough,.k-state-hover .k-strikethrough,.k-state-selected .k-i-strikethrough,.k-state-selected .k-strikethrough{background-position:-264px -72px}.k-foreColor{background-position:-240px -96px}.k-state-hover .k-foreColor,.k-state-selected .k-foreColor{background-position:-264px -96px}.k-backColor{background-position:-240px -120px}.k-state-hover .k-backColor,.k-state-selected .k-backColor{background-position:-264px -120px}.k-colorpicker .k-foreColor{background-position:-240px -96px}.k-colorpicker .k-backColor{background-position:-240px -120px}.k-i-align-left,.k-i-justify-left,.k-justifyLeft{background-position:-240px -144px}.k-state-hover .k-i-align-left,.k-state-hover .k-i-justify-left,.k-state-hover .k-justifyLeft,.k-state-selected .k-i-align-left,.k-state-selected .k-i-justify-left,.k-state-selected .k-justifyLeft{background-position:-264px -144px}.k-i-align-center,.k-i-justify-center,.k-justifyCenter{background-position:-240px -168px}.k-state-hover .k-i-align-center,.k-state-hover .k-i-justify-center,.k-state-hover .k-justifyCenter,.k-state-selected .k-i-align-center,.k-state-selected .k-i-justify-center,.k-state-selected .k-justifyCenter{background-position:-264px -168px}.k-i-align-right,.k-i-justify-right,.k-justifyRight{background-position:-240px -192px}.k-state-hover .k-i-align-right,.k-state-hover .k-i-justify-right,.k-state-hover .k-justifyRight,.k-state-selected .k-i-align-right,.k-state-selected .k-i-justify-right,.k-state-selected .k-justifyRight{background-position:-264px -192px}.k-i-align-justify,.k-i-justify-full,.k-justifyFull{background-position:-240px -216px}.k-state-hover .k-i-align-justify,.k-state-hover .k-i-justify-full,.k-state-hover .k-justifyFull,.k-state-selected .k-i-align-justify,.k-state-selected .k-i-justify-full,.k-state-selected .k-justifyFull{background-position:-264px -216px}.k-i-insert-unordered-list,.k-i-unordered-list,.k-insertUnorderedList{background-position:-240px -264px}.k-state-hover .k-i-insert-unordered-list,.k-state-hover .k-i-unordered-list,.k-state-hover .k-insertUnorderedList,.k-state-selected .k-i-insert-unordered-list,.k-state-selected .k-i-unordered-list,.k-state-selected .k-insertUnorderedList{background-position:-264px -264px}.k-i-insert-ordered-list,.k-i-ordered-list,.k-insertOrderedList{background-position:-240px -288px}.k-state-hover .k-i-insert-ordered-list,.k-state-hover .k-i-ordered-list,.k-state-hover .k-insertOrderedList,.k-state-selected .k-i-insert-ordered-list,.k-state-selected .k-i-ordered-list,.k-state-selected .k-insertOrderedList{background-position:-264px -288px}.k-i-indent,.k-indent,.k-rtl .k-i-outdent,.k-rtl .k-outdent{background-position:-288px 0}.k-state-hover .k-i-indent,.k-state-hover .k-indent,.k-state-hover .k-rtl .k-i-outdent,.k-state-hover .k-rtl .k-outdent,.k-state-selected .k-i-indent,.k-state-selected .k-indent,.k-state-selected .k-rtl .k-i-outdent,.k-state-selected .k-rtl .k-outdent{background-position:-312px 0}.k-i-outdent,.k-outdent,.k-rtl .k-i-indent,.k-rtl .k-indent{background-position:-288px -24px}.k-state-hover .k-i-outdent,.k-state-hover .k-outdent,.k-state-hover .k-rtl .k-i-indent,.k-state-hover .k-rtl .k-indent,.k-state-selected .k-i-outdent,.k-state-selected .k-outdent,.k-state-selected .k-rtl .k-i-indent,.k-state-selected .k-rtl .k-indent{background-position:-312px -24px}.k-createLink,.k-i-create-link{background-position:-288px -48px}.k-state-hover .k-createLink,.k-state-hover .k-i-create-link,.k-state-selected .k-createLink,.k-state-selected .k-i-create-link{background-position:-312px -48px}.k-unlink{background-position:-288px -72px}.k-state-hover .k-unlink,.k-state-selected .k-unlink{background-position:-312px -72px}.k-i-insert-image,.k-insertImage{background-position:-288px -96px}.k-state-hover .k-i-insert-image,.k-state-hover .k-insertImage,.k-state-selected .k-i-insert-image,.k-state-selected .k-insertImage{background-position:-312px -96px}.k-i-insert-file,.k-insertFile{background-position:-288px -216px}.k-state-hover .k-i-insert-file,.k-state-hover .k-insertFile,.k-state-selected .k-i-insert-file,.k-state-selected .k-insertFile{background-position:-312px -216px}.k-i-subscript,.k-subscript{background-position:-288px -144px}.k-state-hover .k-i-subscript,.k-state-hover .k-subscript,.k-state-selected .k-i-subscript,.k-state-selected .k-subscript{background-position:-312px -144px}.k-i-superscript,.k-superscript{background-position:-288px -168px}.k-state-hover .k-i-superscript,.k-state-hover .k-superscript,.k-state-selected .k-i-superscript,.k-state-selected .k-superscript{background-position:-312px -168px}.k-cleanFormatting,.k-i-clean-formatting{background-position:-288px -192px}.k-state-hover .k-cleanFormatting,.k-state-hover .k-i-clean-formatting,.k-state-selected .k-cleanFormatting,.k-state-selected .k-i-clean-formatting{background-position:-312px -192px}.k-createTable,.k-i-create-table{background-position:-192px 0}.k-state-hover .k-createTable,.k-state-hover .k-i-create-table,.k-state-selected .k-createTable,.k-state-selected .k-i-create-table{background-position:-216px 0}.k-addColumnLeft,.k-i-add-column-left{background-position:-192px -24px}.k-state-hover .k-addColumnLeft,.k-state-hover .k-i-add-column-left,.k-state-selected .k-addColumnLeft,.k-state-selected .k-i-add-column-left{background-position:-216px -24px}.k-addColumnRight,.k-i-add-column-right{background-position:-192px -48px}.k-state-hover .k-addColumnRight,.k-state-hover .k-i-add-column-right,.k-state-selected .k-addColumnRight,.k-state-selected .k-i-add-column-right{background-position:-216px -48px}.k-addRowAbove,.k-i-add-row-above{background-position:-192px -72px}.k-state-hover .k-addRowAbove,.k-state-hover .k-i-add-row-above,.k-state-selected .k-addRowAbove,.k-state-selected .k-i-add-row-above{background-position:-216px -72px}.k-addRowBelow,.k-i-add-row-below{background-position:-192px -96px}.k-state-hover .k-addRowBelow,.k-state-hover .k-i-add-row-below,.k-state-selected .k-addRowBelow,.k-state-selected .k-i-add-row-below{background-position:-216px -96px}.k-deleteRow,.k-i-delete-row{background-position:-192px -120px}.k-state-hover .k-deleteRow,.k-state-hover .k-i-delete-row,.k-state-selected .k-deleteRow,.k-state-selected .k-i-delete-row{background-position:-216px -120px}.k-deleteColumn,.k-i-delete-column{background-position:-192px -144px}.k-state-hover .k-deleteColumn,.k-state-hover .k-i-delete-column,.k-state-selected .k-deleteColumn,.k-state-selected .k-i-delete-column{background-position:-216px -144px}.k-i-merge-cells,.k-mergeCells{background-position:-192px -168px}.k-state-hover .k-i-merge-cells,.k-state-hover .k-mergeCells,.k-state-selected .k-i-merge-cells,.k-state-selected .k-mergeCells{background-position:-216px -168px}.k-i-pdf,.k-pdf{background-position:-288px -240px}.k-state-hover .k-i-pdf,.k-state-hover .k-pdf,.k-state-selected .k-i-pdf,.k-state-selected .k-pdf{background-position:-312px -240px}.k-i-print,.k-print{background-position:-288px -264px}.k-state-hover .k-i-print,.k-state-hover .k-print,.k-state-selected .k-i-print,.k-state-selected .k-print{background-position:-312px -264px}.k-i-table-wizard,.k-i-table-wizard-insert{background-position:-192px -192px}.k-state-hover .k-i-table-wizard,.k-state-hover .k-i-table-wizard-insert,.k-state-selected .k-i-table-wizard,.k-state-selected .k-i-table-wizard-insert{background-position:-216px -192px}.k-fontName{width:110px}.k-fontSize{width:124px}.k-formatBlock{width:147px}.k-editortoolbar-dragHandle{float:left;margin:1px 0 0}.k-editor-toolbar .k-button-group{padding:1px}.k-editor .k-editor-toolbar .k-row-break{display:block;height:0;font-size:0;line-height:0}.k-button-group .k-tool{border-style:solid;border-width:1px;margin-right:-1px}.k-button-group .k-tool.k-state-hover,.k-button-group .k-tool:focus{position:relative;z-index:1}.k-rtl .k-button-group .k-tool{border-style:solid;border-width:1px}.k-button-group .k-tool.k-group-end{border-right-width:1px}.k-rtl .k-button-group .k-tool.k-group-end{border-left-width:1px}.k-button-group .k-state-disabled{display:none}.k-button-group .k-state-active,.k-button-group .k-state-hover{vertical-align:middle}.k-button-group .k-state-disabled{filter:alpha(opacity=30);opacity:.3}.k-editor .k-editable-area{width:100%;height:100%;border-style:solid;border-width:1px;outline:0}.k-editor .k-content{display:block;width:100%;height:100%;border:0;margin:0;padding:0;background:#fff}.k-editor .k-tool{outline:0}.k-editor iframe.k-content{display:inline;vertical-align:top}.k-editor .k-raw-content{border:0;margin:0;padding:0}.k-editor-dialog .k-editor-textarea,.k-editor .k-raw-content{font-size:inherit;font-family:consolas,courier new,monospace}.k-editor-dialog{padding:1em;width:400px}.k-editor-dialog .k-edit-label{width:25%}.k-editor-dialog .k-edit-field{width:66%}.k-editor-dialog .k-edit-field .k-textbox{width:96%}.k-viewhtml-dialog{width:auto}.k-filebrowser-dialog{width:auto;min-width:350px}.k-filebrowser-dialog .k-filebrowser{margin:0 1em 0}.k-filebrowser-dialog .k-edit-label{width:18%}.k-filebrowser-dialog .k-edit-field{width:75%}.k-filebrowser-dialog .k-edit-field .k-textbox{width:70%}#k-editor-image-height,#k-editor-image-width{width:5em}.k-editor-dialog .k-button{display:inline-block}.k-editor-dialog .k-editor-textarea{width:600px;height:350px;padding:.2em .2em .2em .4em;border-width:1px;border-style:solid;overflow:auto}.k-button-wrapper .k-link:hover{text-decoration:underline}.k-ct-popup{width:180.4px;padding:.65em .5em .5em}.k-ct-popup .k-status{margin:.3em 0}.k-ct-cell{border-width:1px;border-style:solid;width:18px;height:18px;margin:1px;vertical-align:top;display:inline-block;overflow:hidden;-ms-high-contrast-adjust:none}.k-editor .k-resize-handle{position:absolute;padding:5px;right:0;bottom:0}.k-editor .k-overlay{position:absolute;background-color:#fff;opacity:0}.k-toolbar-resizable{min-height:2.4375em;position:relative}.k-overflow-tools{position:absolute;right:0;top:0}.k-editor-overflow-popup .k-tool{width:auto;height:auto;display:block;text-align:left;text-decoration:initial;border:0;padding-right:.5em;margin:0;padding:0 6px}.k-editor-overflow-popup .k-tool.k-state-disabled,.k-editor-toolbar .k-tool-text{display:none}.k-table-resize-handle{position:absolute;width:5px;height:5px;background-color:#fff;border:1px solid #000;z-index:100}.k-table-resize-handle:hover{background-color:#000}.k-table-resize-handle.k-resize-east{cursor:e-resize}.k-table-resize-handle.k-resize-north{cursor:n-resize}.k-table-resize-handle.k-resize-northeast{cursor:ne-resize}.k-table-resize-handle.k-resize-northwest{cursor:nw-resize}.k-table-resize-handle.k-resize-south{cursor:s-resize}.k-table-resize-handle.k-resize-southeast{cursor:se-resize}.k-table-resize-handle.k-resize-southwest{cursor:sw-resize}.k-table-resize-handle.k-resize-west{cursor:w-resize}.k-editor-inline .k-column-resize-handle{position:absolute;height:14px;width:10px;cursor:col-resize;z-index:100}.k-editor-inline .k-column-resize-handle .k-column-resize-marker{width:2px;height:100%;margin:0 auto;background-color:#00b0ff;display:none;opacity:.8}.k-table.k-table-resizing{opacity:.6}.k-row-resize-handle{display:table;position:absolute;cursor:row-resize;z-index:100}.k-row-resize-marker-wrapper{display:table-cell;height:100%;margin:0;padding:0;vertical-align:middle}.k-row-resize-marker{margin:0;padding:0;width:100%;height:2px;background-color:#00b0ff;opacity:.8;display:none}.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content{overflow:hidden;min-width:325px;width:24em;padding:1em 0}.k-editor-dialog .k-tabstrip{margin:-1.333em 0 0}.k-editor-dialog .k-root-tabs{margin:-1em -1em -1.5em;padding:.5em 1em 0;border-width:0}.k-editor-dialog ul.k-tabstrip-items{padding:.5em 1em 0;border-width:0 0 1px;border-style:solid}ul.k-tabstrip-items .k-loading{border-top-width:0}.k-editor-dialog .k-tabstrip:focus{-webkit-box-shadow:none;box-shadow:none}.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content{overflow:hidden;min-height:440px;height:35em;margin:0;padding:1em .5em 0;border-width:0}.k-editor-dialog .k-edit-field .k-numerictextbox{width:10.6em;margin:0 .35714285em 0 0}.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox+.k-dropdown{width:4em}.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown,.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox{width:15em}.k-editor-table-wizard-dialog .k-numerictextbox+.k-dropdown{width:5.35714285em}.k-editor-dialog textarea.k-textbox{height:14.28571428em}.k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align{width:4em}.k-popup.k-list-container.k-align{padding:0;text-align:center}.k-align-group{vertical-align:text-top}.k-popup.k-align .k-list .k-item{display:inline-block;width:2.57142857em;height:2.57142857em;margin:0;padding:0;border:0;border-radius:0}.k-popup.k-align .k-list .k-font-icon{vertical-align:bottom;vertical-align:-webkit-baseline-middle}.k-popup.k-align .k-list .k-item:last-child{width:auto;display:block;border-width:1px 0 0;border-style:solid}.k-popup.k-align .k-list .k-item:before{width:2.57142857em;height:2.57142857em;line-height:2.57142857em}.k-animation-container .k-editor-toolbar{text-align:center;line-height:1.3em}.k-animation-container .k-editor-toolbar .k-tool{display:inline-block;height:24px;padding:0 .5em;text-decoration:none;font-size:.85em;color:inherit}.k-animation-container .k-editor-toolbar .k-i-table-wizard-insert{width:24px;height:24px}.k-animation-container .k-editor-toolbar .k-tool-text{display:inline;vertical-align:sub}.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons{padding:1em .8em;margin:.5em 0 0}.k-notification-wrap{padding:.6em .5em;cursor:default;position:relative;white-space:nowrap}.k-notification-button .k-notification-wrap{padding-right:20px}.k-notification-wrap>.k-i-erorr,.k-notification-wrap>.k-i-info,.k-notification-wrap>.k-i-note,.k-notification-wrap>.k-i-success,.k-notification-wrap>.k-i-warning{vertical-align:text-bottom;margin-right:4px}.k-notification-wrap>.k-i-close{position:absolute;top:7px;right:4px;display:none}.k-notification-button .k-notification-wrap>.k-i-close{display:block}.k-progressbar{display:inline-block;position:relative;vertical-align:middle;border-radius:4px}.k-progressbar-horizontal{width:27em;height:1.9em}.k-progressbar-vertical{width:1.9em;height:27em}.k-progressbar>.k-state-selected{position:absolute;border-style:solid;border-width:1px;overflow:hidden}.k-progressbar-horizontal>.k-state-selected,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected{left:-1px;right:auto;top:-1px;height:100%;border-radius:4px 0 0 4px}.k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected,.k-rtl .k-progressbar-horizontal>.k-state-selected{left:auto;right:-1px;border-radius:0 4px 4px 0}.k-progressbar-vertical>.k-state-selected{left:-1px;bottom:-1px;width:100%;border-radius:0 0 4px 4px}.k-progressbar-vertical.k-progressbar-reverse>.k-state-selected{bottom:auto;top:-1px;border-radius:4px 4px 0 0}.k-progressbar>.k-state-selected.k-complete,.k-rtl .k-progressbar>.k-state-selected.k-complete{border-radius:4px}.k-progressbar>.k-reset{list-style:none;margin:0;padding:0;position:absolute;left:-1px;top:-1px;width:100%;height:100%;border-radius:4px;white-space:nowrap}.k-progressbar-horizontal .k-item{display:inline-block;height:100%;border-style:solid;margin-left:-1px}.k-progressbar-horizontal .k-item.k-first{margin-left:0}.k-progressbar-horizontal .k-item.k-last{border-right-width:0}.k-progressbar-horizontal .k-item,.k-progressbar-horizontal.k-progressbar-reverse .k-item,.k-rtl .k-progressbar-horizontal .k-item,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item{border-width:1px 0 1px 1px}.k-progressbar-horizontal .k-first,.k-rtl .k-progressbar-horizontal .k-last,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last{border-top-left-radius:4px;border-bottom-left-radius:4px;border-left-width:1px}.k-progressbar-horizontal .k-last,.k-rtl .k-progressbar-horizontal .k-first{border-top-right-radius:4px;border-bottom-right-radius:4px}.k-progressbar-horizontal .k-last.k-state-selected,.k-progressbar-horizontal.k-progressbar-reverse .k-last,.k-rtl .k-progressbar-horizontal .k-first{border-right-width:1px}.k-progressbar-vertical .k-item{width:100%;border-style:solid;border-width:1px 1px 0 1px;margin-top:-1px}.k-progressbar-vertical .k-item.k-first{margin-top:0}.k-progressbar-vertical li.k-item.k-last{border-bottom-width:0}.k-progressbar-vertical .k-first{border-top-left-radius:4px;border-top-right-radius:4px}.k-progressbar-vertical .k-last{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom-width:1px}.k-progressbar-vertical.k-progressbar-reverse .k-item{border-width:0 1px 1px 1px}.k-progressbar-vertical.k-progressbar-reverse .k-first{border-top-width:1px}.k-progress-status-wrap{position:absolute;top:-1px;border:1px solid transparent;line-height:2em;width:100%;height:100%}.k-progress-status-wrap,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap{left:-1px;right:auto;text-align:right}.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap,.k-rtl .k-progressbar-horizontal .k-progress-status-wrap{left:auto;right:-1px;text-align:left}.k-progressbar-vertical .k-progress-status-wrap{top:auto;bottom:-1px}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap{bottom:auto;top:-1px}.k-progress-status{display:inline-block;padding:0 .5em;min-width:10px;white-space:nowrap}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status{position:absolute;bottom:0;left:0}.k-progressbar-vertical .k-progress-status{-webkit-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%);-webkit-transform-origin:0 0;transform-origin:0 0}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status{-webkit-transform:rotate(90deg) translateX(-100%);transform:rotate(90deg) translateX(-100%);-webkit-transform-origin:0 100%;transform-origin:0 100%}.k-ie8 .k-progressbar-vertical .k-progress-status{-webkit-writing-mode:bt-lr;-ms-writing-mode:bt-lr;writing-mode:bt-lr;padding:.5em 0}div.k-slider{position:relative;border-width:0;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-slider-vertical{width:26px;height:200px}.k-slider-horizontal{display:inline-block;width:200px;height:26px}.k-slider-wrap{width:100%;height:100%}.k-grid .k-slider .k-button,.k-slider .k-button{position:absolute;top:0;width:24px;min-width:0;height:24px;margin:0;padding:0;outline:0}.k-slider .k-button .k-icon{margin-top:3px;vertical-align:top}.k-state-disabled .k-slider-wrap{filter:alpha(opacity=60);opacity:.6}.k-state-disabled .k-slider-wrap .k-slider-items{color:#333}.k-slider .k-button-decrease{left:0}.k-grid .k-slider-vertical .k-button-decrease,.k-slider-vertical .k-button-decrease{top:auto;bottom:0}.k-slider .k-button-increase{right:0}.k-slider-track,.k-slider .k-icon,.k-slider .k-tick{cursor:pointer}.k-slider-selection,.k-slider-track{position:absolute;margin:0;padding:0}.k-slider-horizontal .k-slider-selection,.k-slider-horizontal .k-slider-track{top:50%;left:0;height:8px;margin-top:-4px;background-repeat:repeat-x}.k-slider-horizontal .k-slider-buttons .k-slider-track{left:34px}.k-slider-vertical .k-slider-selection,.k-slider-vertical .k-slider-track{left:50%;bottom:0;width:8px;margin-left:-4px;background-repeat:repeat-y}.k-slider-vertical .k-slider-buttons .k-slider-track{bottom:34px}.k-draghandle{position:absolute;background-repeat:no-repeat;background-color:transparent;text-indent:-3333px;overflow:hidden;text-decoration:none;text-align:center;outline:0}.k-slider-horizontal .k-draghandle{top:-4px;width:13px;height:14px}.k-slider-vertical .k-draghandle{left:-4px;width:14px;height:13px}.k-slider-buttons .k-slider-items{margin-left:34px}.k-slider-horizontal .k-slider-items{height:100%}.k-slider-vertical .k-slider-items{padding-top:1px}.k-slider-vertical .k-slider-buttons .k-slider-items{padding-top:0;margin:0;padding-top:35px}.k-slider .k-tick{position:relative;margin:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:50%}.k-slider-horizontal .k-tick{float:left;height:100%;text-align:center;background-position:center -92px}.k-slider-horizontal .k-slider-topleft .k-tick{background-position:center -122px}.k-slider-horizontal .k-slider-bottomright .k-tick{background-position:center -152px}.k-slider-horizontal .k-tick-large{background-position:center -2px}.k-slider-horizontal .k-slider-topleft .k-tick-large{background-position:center -32px}.k-slider-horizontal .k-slider-bottomright .k-tick-large{background-position:center -62px}.k-slider-vertical .k-tick{background-position:-92px}.k-slider-vertical .k-slider-topleft .k-tick{background-position:-122px}.k-slider-vertical .k-slider-bottomright .k-tick{background-position:-152px}.k-slider-vertical .k-tick-large{background-position:-2px}.k-slider-vertical .k-slider-topleft .k-tick-large{background-position:-32px}.k-slider-vertical .k-slider-bottomright .k-tick-large{background-position:-62px}.k-slider-horizontal .k-first{background-position:0 -92px}.k-slider-horizontal .k-tick-large.k-first{background-position:0 -2px}.k-slider-horizontal .k-slider-topleft .k-first{background-position:0 -122px}.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first{background-position:0 -32px}.k-slider-horizontal .k-slider-bottomright .k-first{background-position:0 -152px}.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first{background-position:0 -62px}.k-slider-horizontal .k-last{background-position:100% -92px}.k-slider-horizontal .k-tick-large.k-last{background-position:100% -2px}.k-slider-horizontal .k-slider-topleft .k-last{background-position:100% -122px}.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last{background-position:100% -32px}.k-slider-horizontal .k-slider-bottomright .k-last{background-position:100% -152px}.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last{background-position:100% -62px}.k-slider-vertical .k-first{background-position:-92px 100%}.k-slider-vertical .k-tick-large.k-first{background-position:-2px 100%}.k-slider-vertical .k-slider-topleft .k-first{background-position:-122px 100%}.k-slider-vertical .k-slider-topleft .k-tick-large.k-first{background-position:-32px 100%}.k-slider-vertical .k-slider-bottomright .k-first{background-position:-152px 100%}.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first{background-position:-62px 100%}.k-slider-vertical .k-last{background-position:-92px 0}.k-slider-vertical .k-tick-large.k-last{background-position:-2px 0}.k-slider-vertical .k-slider-topleft .k-last{background-position:-122px 0}.k-slider-vertical .k-slider-topleft .k-tick-large.k-last{background-position:-32px 0}.k-slider-vertical .k-slider-bottomright .k-last{background-position:-152px 0}.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last{background-position:-62px 0}.k-slider-vertical .k-tick{text-align:right}.k-slider-vertical .k-slider-topleft .k-tick{text-align:left}.k-slider .k-label{position:absolute;white-space:nowrap;font-size:.92em}.k-slider-horizontal .k-label{left:0;width:100%;line-height:1}.k-slider-horizontal .k-first .k-label{left:-50%}.k-slider-horizontal .k-last .k-label{left:auto;right:-50%}.k-slider-horizontal .k-label{bottom:-1.2em}.k-slider-horizontal .k-slider-topleft .k-label{top:-1.2em}.k-slider-vertical .k-label{left:120%;display:block;text-align:left}.k-slider-vertical .k-last .k-label{top:-.5em}.k-slider-vertical .k-first .k-label{bottom:-.5em}.k-slider-vertical .k-slider-topleft .k-label{left:auto;right:120%}.k-slider-tooltip{top:-4444px}.k-scheduler-footer,.k-scheduler-toolbar{border-style:solid;line-height:28px;padding:6px}.k-scheduler-toolbar{position:relative;border-width:0 0 1px}.k-edit-field.k-scheduler-toolbar{border-width:0;padding-top:0;padding-left:0;padding-right:0}.k-scheduler-header{text-align:center}.k-scheduler-footer{border-width:1px 0 0}.k-scheduler-toolbar>ul{float:right}.k-scheduler-toolbar>ul:first-child{float:left}.k-scheduler-toolbar>.k-scheduler-tools{float:left;margin-bottom:.5em}.k-scheduler-tools+.k-scheduler-navigation{float:left;clear:left}.k-scheduler-footer>ul>li,.k-scheduler-toolbar>ul>li{display:inline-block;border-style:solid;border-width:1px 1px 1px 0}.k-scheduler .k-scheduler-toolbar .k-nav-current,.k-scheduler .k-scheduler-toolbar .k-scheduler-tools>li{border-width:0}.k-scheduler-toolbar>ul.k-scheduler-views>li:first-child+li,.k-scheduler-toolbar>ul>li:first-child{border-left-width:1px}.k-scheduler div.k-scheduler-footer ul li{margin-right:.6em;border-width:1px}.k-scheduler-footer .k-link,.k-scheduler-toolbar .k-link{display:inline-block;padding:0 1.1em}.k-scheduler-toolbar .k-nav-next .k-link,.k-scheduler-toolbar .k-nav-prev .k-link{padding-left:.6em;padding-right:.6em}.k-scheduler-toolbar .k-nav-current .k-link{padding:0}.k-scheduler-toolbar .k-nav-current{margin:0 1.1em}.k-scheduler .k-nav-current>.k-state-active,.k-scheduler div.k-scheduler-toolbar>ul>li.k-nav-current{background:0 0}.k-scheduler-phone .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation{width:100%;text-align:center}.k-scheduler-phone .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation>li{background:0 0;border:0}.k-scheduler-phone .k-toolbar .k-nav-next{float:right}.k-scheduler-phone .k-toolbar .k-nav-prev{float:left}.k-scheduler-footer .k-icon,.k-scheduler-toolbar .k-i-calendar{margin:-2px 6px 0 0}.k-scheduler-header,.k-scheduler-header-wrap{overflow:hidden}.k-scheduler-header-wrap{position:relative;border-style:solid;border-width:0}.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap{border-right-width:1px}.k-scheduler-content,.k-scheduler-times{position:relative}.k-scheduler-times{overflow:hidden;border-style:solid;border-width:0}.k-scheduler-content{overflow:auto}.k-scheduler-layout,.k-scheduler-table{border-spacing:0;width:100%;margin:0;border-collapse:separate}.k-scheduler-layout>tbody>tr>td{padding:0;vertical-align:top}.k-safari .k-scheduler-layout>tbody>tr>td+td{width:100%}.k-scheduler-table{table-layout:fixed;max-width:none}.k-scheduler-times .k-scheduler-table{table-layout:auto}.k-scheduler-monthview .k-scheduler-content .k-scheduler-table{height:100%}.k-scheduler-table td,.k-scheduler-table th{height:1.5em;padding:.334em .5em;font-size:100%}.k-scheduler .k-scheduler-table td,.k-scheduler .k-scheduler-table th{-webkit-box-sizing:content-box;box-sizing:content-box}.k-scheduler-monthview .k-hidden,.k-scheduler-monthview .k-hidden>div{width:0!important;overflow:hidden!important}.k-scheduler-monthview .k-hidden{padding-left:0!important;padding-right:0!important;border-right-width:0!important}.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times{margin-right:1px}.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times .k-hidden{height:auto}.k-scheduler-monthview .k-hidden,.k-scheduler-monthview .k-scheduler-table td{height:80px;text-align:right}.k-scheduler-phone .k-scheduler-monthview .k-hidden,.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td{height:40px}.k-scheduler-layout tr+tr .k-scheduler-times th:last-child,.k-scheduler-table td,.k-slot-cell{vertical-align:top}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td{text-align:center;vertical-align:middle}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span{font-size:1.5em}.k-scheduler-header th{overflow:hidden;text-overflow:ellipsis}.k-scheduler-header th,.k-scheduler-table td{border-style:solid;border-width:0 0 1px 1px}.k-scheduler-header th:first-child,.k-scheduler-table td:first-child{border-left-width:0}.k-scheduler-agendaview .k-scheduler-table td:first-child{border-left-width:1px}.k-scheduler-agendaview .k-scheduler-table td.k-first{border-left-width:0}.k-scheduler-layout tr+tr .k-scheduler-table>tbody>tr:last-child>td,.k-scheduler-layout tr+tr .k-scheduler-times tr:last-child>th,.k-scheduler-table>tbody>tr>.k-last{border-bottom-width:0}.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table>tbody>tr>td.k-last,.k-scrollbar-h .k-scheduler-content .k-scheduler-table>tbody>tr:last-child>td,.k-scrollbar-h tr+tr .k-scheduler-times{border-bottom-width:1px}.k-scheduler-times th{text-align:right;padding-right:.6em;border-style:solid;border-width:0 1px 1px 0;border-color:transparent;white-space:nowrap}.k-scheduler-layout tr+tr .k-scheduler-times th{border-bottom-color:transparent}.k-scheduler-layout tr+tr .k-scheduler-times th.k-scheduler-times-all-day,.k-scheduler-layout tr+tr .k-scheduler-times th.k-slot-cell{border-bottom-color:inherit}.k-scheduler .k-middle-row td{border-bottom-style:dotted}.k-scheduler-now-arrow,.k-scheduler-now-line{position:absolute}.k-scheduler-now-arrow{width:0;height:0;border:5px solid transparent;left:0}.k-scheduler-now-line{left:5px;right:0;height:1px}.k-task{position:relative}div.k-more-events{text-align:center;font-size:18px;line-height:1.2;padding:0}.k-more-events>span{display:block;margin-top:-.6em}.k-event,.k-more-events{position:absolute;border-style:solid;border-width:1px;text-align:left;overflow:hidden}.k-event{cursor:default;min-height:1.3em}.k-event-drag-hint{filter:alpha(opacity=60);opacity:.6;cursor:-webkit-grabbing;cursor:-moz-grabbing}.k-scheduler-header .k-event{white-space:nowrap}.k-event-template{padding:.3em 1.4em .3em .6em}.k-event-time{display:none;padding-bottom:0;font-size:.9em}.k-event-drag-hint .k-event-time{display:block}.k-event-actions,.k-event>.k-link,.k-task>.k-link{position:absolute;top:3px;right:4px;white-space:nowrap}.k-event-actions{z-index:1}.k-scheduler-agendaview .k-task>.k-link{top:0;right:0}.k-event-actions:first-child{position:static;float:left;margin:4px 2px 0 4px}.k-webkit .k-event-actions:first-child{margin-top:3px}.k-event-actions:first-child>.k-link{display:inline-block}.k-event-delete{display:none}.k-event:hover .k-event-delete,tr:hover>td>.k-task .k-event-delete{display:inline-block}.k-event .k-event-bottom-actions,.k-event .k-event-top-actions{position:absolute;top:0;left:0;width:100%;text-align:center}.k-event .k-event-bottom-actions{top:auto;bottom:0}.k-event .k-resize-handle,.k-scheduler-mobile .k-event:hover .k-resize-handle{position:absolute;visibility:hidden;z-index:2}.k-event-active .k-resize-handle,.k-event:hover .k-resize-handle,.k-scheduler-mobile .k-event-active:hover .k-resize-handle{visibility:visible}.k-event .k-resize-handle:after{content:"";position:absolute;filter:alpha(opacity=50);opacity:.5}.k-scheduler-mobile .k-event .k-resize-handle:after{-webkit-filter:none;filter:none;opacity:1}.k-event>.k-resize-n{top:0;left:0;right:0;height:.4em}.k-event>.k-resize-s{bottom:0;left:0;right:0;height:.4em}.k-event>.k-resize-e{right:0;top:0;bottom:0;width:.4em}.k-event>.k-resize-w{left:0;top:0;bottom:0;width:.4em}.k-event>.k-resize-n:after,.k-event>.k-resize-s:after{top:1px;left:50%;margin-left:-1em;width:2em;height:1px}.k-event>.k-resize-s:after{top:auto;bottom:1px}.k-event>.k-resize-e:after,.k-event>.k-resize-w:after{left:1px;top:50%;margin-top:-.7em;height:1.4em;width:1px}.k-event>.k-resize-e:after{left:auto;right:1px}.k-scheduler-mobile .k-event>.k-resize-n,.k-scheduler-mobile .k-event>.k-resize-s{height:.6em}.k-scheduler-mobile .k-event>.k-resize-e,.k-scheduler-mobile .k-event>.k-resize-w{width:.6em}.k-scheduler-mobile .k-event>.k-resize-n:after,.k-scheduler-mobile .k-event>.k-resize-s:after{top:0;margin-left:-3em;width:4em;height:.6em}.k-scheduler-mobile .k-event>.k-resize-s:after{bottom:0}.k-scheduler-mobile .k-event>.k-resize-e:after,.k-scheduler-mobile .k-event>.k-resize-w:after{left:0;margin-top:-.7em;height:1.4em;width:.6em}.k-scheduler-mobile .k-event>.k-resize-e:after{right:0}.k-scheduler-mobile .k-event>.k-resize-n:after{border-radius:0 0 4px 4px}.k-scheduler-mobile .k-event>.k-resize-s:after{border-radius:4px 4px 0 0}.k-scheduler-mobile .k-event>.k-resize-w:after{border-radius:0 4px 4px 0}.k-scheduler-mobile .k-event>.k-resize-e:after{border-radius:4px 0 0 4px}.k-scheduler-phone .k-scheduler-monthview .k-events-container{position:absolute;text-align:center;height:6px;line-height:6px}.k-scheduler-phone .k-scheduler-monthview .k-event{position:static;display:inline-block;width:4px;height:4px;min-height:0;margin:1px}.k-scheduler-marquee{border-style:solid;border-width:0}.k-scheduler-marquee.k-first:before,.k-scheduler-marquee.k-last:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:3px}div.k-scheduler-marquee:before{top:0;left:0;border-right-color:transparent;border-bottom-color:transparent}div.k-scheduler-marquee:after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent}.k-scheduler-marquee .k-label-top{position:absolute;top:.3em;left:.8em;font-size:.8em}.k-scheduler-marquee .k-label-bottom{position:absolute;bottom:.3em;right:.81em;font-size:.8em}.k-scheduler-quickedit .k-textbox{width:200px}.k-tooltip-bottom{text-align:left}.k-tooltip-bottom .k-button{float:left;margin-right:.3em}.k-tooltip-bottom .k-quickedit-details{float:right;margin-right:0}.k-scheduler-agendaview .k-scheduler-table td,.k-scheduler-agendaview .k-scheduler-table th{text-align:left}.k-scheduler-groupcolumn,.k-scheduler-times .k-slot-cell{width:6em}.k-scheduler-datecolumn{width:12em}.k-scheduler-timecolumn{width:11em}.k-scheduler-timecolumn>div{position:relative;vertical-align:top}.k-webkit .k-scheduler-timecolumn>div>.k-icon{vertical-align:top}.k-scheduler-timecolumn>div>.k-i-arrow-e{position:absolute;right:-4px}.k-scheduler-timecolumn .k-i-arrow-w{margin-left:-4px}.k-scheduler-mark{display:inline-block;width:1em;height:1em;vertical-align:middle;margin-right:.5em}.k-scheduler-agendaday{float:left;margin:0 .2em 0 0;font-size:3em;font-weight:400}.k-scheduler-agendaweek{display:block;margin:.4em 0 0;font-size:1.1em;font-style:normal}.k-scheduler-agendadate{font-size:.8em}.k-scheduler-timecolumn{white-space:nowrap}.k-scheduler-edit-form .k-edit-form-container,.k-scheduler-timezones .k-edit-form-container{width:520px}.k-scheduler-edit-form .k-edit-label{width:17%}.k-scheduler-edit-form .k-edit-field{width:77%}.k-scheduler-edit-form .k-textbox[name=title],.k-scheduler-edit-form textarea.k-textbox{width:100%}.k-scheduler-edit-form textarea.k-textbox{min-height:4em;resize:vertical}.k-scheduler-edit-form>.k-edit-box:first-child .k-datetimepicker{margin-right:1em}.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons{clear:right;margin-right:2%;margin-left:2%;padding:0 0 .6em}.k-edit-box{float:left}.k-edit-box+.k-edit-box{float:right}.k-scheduler-edit-form label+input{margin-left:1em}.k-edit-field>ul.k-reset>li{margin:.2em 0 .4em;line-height:2.4}.k-edit-field>ul.k-reset.k-toolbar>li{margin:0}.k-edit-field>ul.k-reset .k-widget{margin-left:.8em}.k-edit-field>ul.k-reset .k-numerictextbox,.k-edit-field span.k-recur-interval{width:5em}.k-edit-field>ul.k-reset .k-datepicker,.k-edit-field>ul.k-reset .k-dropdown,div[name=recurrenceRule]>.k-dropdown{width:9em}.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete{float:left}.k-popup-message{margin:0;padding:1em 0 2em;text-align:center}.k-scheduler-timezones .k-dropdown:first-child{width:100%}.k-scheduler-timezones .k-dropdown+.k-dropdown{margin:.5em 0 .7em}.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-scheduler-toolbar li.k-nav-current .k-sm-date-format{display:none}.k-scheduler-refresh{float:right;padding:0 .5em}@media only screen and (max-width:1024px){.k-edge .k-scheduler-toolbar>ul.k-scheduler-views,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views{position:absolute;right:6px;top:6px;z-index:10000}.k-edge .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views,.k-ff .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views,.k-ie11 .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views,.k-safari .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views,.k-webkit .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views{right:auto;left:6px}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li:not(.k-current-view),.k-edge .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li:not(.k-current-view),.k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li:not(.k-current-view),.k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li:not(.k-current-view),.k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li:not(.k-current-view),.k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format{display:none}.k-edge .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format{display:inline}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view{display:block;border-width:1px}.k-edge .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ff .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ie11 .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-safari .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-webkit .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view{text-align:left;padding-left:1em}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link{display:block;position:relative;padding-right:2.5em;padding-left:1em}.k-edge .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ff .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ie11 .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-safari .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-webkit .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link{padding-left:0}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after{display:block;content:"";position:absolute;top:50%;margin-top:-.6em;right:.333em;width:1.333em;height:1.333em}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-edge .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li:first-child+li,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li:first-child+li,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li:first-child+li,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li:first-child+li,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li:first-child+li{display:block;border:0;border-radius:0}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{border:1px solid #c5c5c5;background-color:#fff;background-image:none;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.k-edge .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ff .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ie11 .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-safari .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-webkit .k-rtl .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{text-align:left}}@media only screen and (max-width:480px){.k-edge .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,.k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format{display:none}.k-edge .k-scheduler-timecolumn,.k-ff .k-scheduler-timecolumn,.k-ie11 .k-scheduler-timecolumn,.k-safari .k-scheduler-timecolumn,.k-webkit .k-scheduler-timecolumn{width:5em}.k-edge .k-scheduler-datecolumn,.k-ff .k-scheduler-datecolumn,.k-ie11 .k-scheduler-datecolumn,.k-safari .k-scheduler-datecolumn,.k-webkit .k-scheduler-datecolumn{width:6em;overflow:hidden}.k-edge .k-scheduler-datecolumn>div,.k-edge .k-scheduler-timecolumn>div,.k-ff .k-scheduler-datecolumn>div,.k-ff .k-scheduler-timecolumn>div,.k-ie11 .k-scheduler-datecolumn>div,.k-ie11 .k-scheduler-timecolumn>div,.k-safari .k-scheduler-datecolumn>div,.k-safari .k-scheduler-timecolumn>div,.k-webkit .k-scheduler-datecolumn>div,.k-webkit .k-scheduler-timecolumn>div{white-space:normal}}.k-scheduler-pdf-export{overflow:hidden}.k-pdf-export-shadow .k-scheduler,.k-scheduler-pdf-export .k-scheduler-content,.k-scheduler-pdf-export .k-scheduler-times{height:auto!important;overflow:visible!important}.k-scheduler-pdf-export .k-scheduler-header{padding:0!important}.k-scheduler-pdf-export .k-scheduler-header-wrap{border-width:0!important}.k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table,.k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table{width:100%!important}.k-tooltip{position:absolute;z-index:12000;border-style:solid;border-width:0;padding:5px 5px 5px 6px;background-repeat:repeat-x;min-width:20px;text-align:center}.k-tooltip-button{text-align:right;height:0}.k-tooltip-content{height:100%}.k-tooltip-closable .k-tooltip-content{padding-right:20px}span.k-tooltip{position:static;display:inline-block;border-width:1px;padding:2px 5px 1px 6px}.k-invalid-msg{display:none}.k-callout{position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.k-callout-n{top:-12px;left:50%}.k-callout-w{top:50%;left:-12px}.k-callout-s{left:50%;bottom:-12px}.k-callout-e{top:50%;right:-12px}.k-slider-tooltip .k-callout-n,.k-slider-tooltip .k-callout-s{margin-left:-6px}.k-slider-tooltip .k-callout-e,.k-slider-tooltip .k-callout-w{margin-top:-6px}.k-tooltip-validation .k-warning{vertical-align:text-top;margin-right:3px}.k-tooltip-validation{z-index:9999}.k-toolbar{position:relative;display:block;vertical-align:middle;line-height:2.9em}.k-overflow-container .k-button .k-icon,.k-overflow-container .k-button .k-sprite,.k-toolbar .k-button .k-icon,.k-toolbar .k-button .k-sprite{vertical-align:middle;margin-top:-7px;margin-bottom:-5px}.k-toolbar .k-input{line-height:inherit;height:inherit;padding-top:2px;padding-bottom:2px}.k-toolbar .k-input:before{content:"\\A0";display:inline-block;width:0}.k-ie .k-toolbar .k-input{height:1.65em}.k-toolbar .k-combobox .k-dropdown-wrap:before,.k-toolbar .k-numeric-wrap:before,.k-toolbar .k-picker-wrap:before{display:none}.k-overflow-container .k-sprite{margin-left:-4px}.k-toolbar-resizable{overflow:hidden;white-space:nowrap}.k-toolbar>.k-align-left{float:none}.k-toolbar>.k-align-right{float:right}.k-toolbar .k-button,.k-toolbar>*{display:inline-block;vertical-align:middle;line-height:1.72em}.k-toolbar .k-separator{border-width:0 0 0 1px;border-style:solid;width:1px;line-height:inherit}.k-toolbar .k-button-group{list-style-type:none}.k-toolbar .k-button-group>li{display:inline-block}.k-toolbar .k-button-group .k-button{margin:0 0 0 -1px;border-radius:0}.k-toolbar .k-button,.k-toolbar .k-button-group,.k-toolbar .k-separator,.k-toolbar .k-split-button,.k-toolbar .k-textbox,.k-toolbar .k-widget,.k-toolbar label{margin:0 .2em;line-height:1.72em;vertical-align:middle}.k-toolbar .k-split-button{padding-left:0}.k-toolbar .k-button-group .k-group-start,.k-toolbar .k-split-button .k-button{margin:0}.k-toolbar .k-split-button .k-split-button-arrow{margin:0 0 0 -1px}.k-toolbar .k-overflow-anchor{border-width:0 0 0 1px;border-style:solid;height:3em;width:3em;line-height:inherit;padding:0 .5em;margin:0;position:relative;float:right;border-radius:0}.k-overflow-container .k-item{float:none;border:0}.k-overflow-container .k-separator{border-width:0 0 1px;border-style:solid;height:1px;line-height:0;font-size:0;padding:0}.k-overflow-container .k-overflow-button,.k-split-container .k-button{text-align:left;display:block;background:0 0;border-color:transparent;white-space:nowrap}.k-split-container{margin-top:-1px}.k-overflow-container .k-button-group{padding:0}.k-overflow-container .k-button-group>li{display:block}.k-overflow-container .k-overflow-group{border-width:1px 0;border-style:solid;border-radius:0;padding:2px 0;margin:1px 0}.k-overflow-container .k-overflow-hidden{display:none}.k-overflow-container .k-overflow-group+.k-overflow-group,.k-overflow-container .k-separator+.k-overflow-group,.k-overflow-container .k-toolbar-first-visible{border-top:0;margin-top:0;padding-top:1px}.k-overflow-container .k-overflow-group+.k-separator{display:none}.k-overflow-container .k-toolbar-last-visible{border-bottom:0;margin-bottom:0;padding-bottom:1px}.k-splitter{position:relative;height:300px}.k-pane>.k-splitter{border-width:0;overflow:hidden}.k-splitter .k-pane{overflow:hidden}.k-splitter .k-scrollable{overflow:auto}.k-splitter .k-pane-loading{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.k-ghost-splitbar,.k-splitbar{position:absolute;border-style:solid;font-size:0;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-splitter .k-ghost-splitbar-horizontal,.k-splitter .k-splitbar-horizontal{top:0;width:5px;border-width:0 1px;background-repeat:repeat-y}.k-ghost-splitbar-vertical,.k-splitbar-vertical{left:0;height:5px;border-width:1px 0;background-repeat:repeat-x}.k-splitbar-draggable-horizontal{cursor:w-resize}.k-splitbar-draggable-vertical{cursor:n-resize}.k-splitbar .k-resize-handle{display:none}.k-restricted-size-horizontal,.k-restricted-size-vertical{background-color:red}.k-splitbar-horizontal .k-icon{position:absolute;top:50%;width:5px;height:20px;margin-top:-10px}.k-collapse-next,.k-collapse-prev,.k-expand-next,.k-expand-prev{cursor:pointer}.k-splitbar-horizontal .k-collapse-prev{margin-top:-31px}.k-splitbar-horizontal .k-collapse-next{margin-top:11px}.k-splitbar-static-horizontal{width:1px}.k-splitbar-static-vertical{height:1px}.k-splitbar-vertical .k-icon{position:absolute;left:50%;width:20px;height:5px;margin-left:-10px}.k-splitbar-vertical .k-collapse-prev{margin-left:-31px}.k-splitbar-vertical .k-collapse-next{margin-left:11px}.k-splitbar-draggable-horizontal .k-resize-handle,.k-splitbar-draggable-vertical .k-resize-handle{display:inline-block}.k-splitbar-horizontal .k-resize-handle{background-position:-165px -6px}.k-splitbar-horizontal-hover>.k-resize-handle{background-position:-181px -6px}.k-splitbar-horizontal .k-collapse-prev,.k-splitbar-horizontal .k-expand-next{background-position:-6px -174px}.k-splitbar-horizontal-hover>.k-collapse-prev,.k-splitbar-horizontal-hover>.k-expand-next{background-position:-22px -174px}.k-splitbar-horizontal .k-collapse-next,.k-splitbar-horizontal .k-expand-prev{background-position:-5px -142px}.k-splitbar-horizontal-hover>.k-collapse-next,.k-splitbar-horizontal-hover>.k-expand-prev{background-position:-21px -142px}.k-splitbar-vertical .k-resize-handle{background-position:-38px -309px}.k-splitbar-vertical-hover>.k-resize-handle{background-position:-70px -309px}.k-splitbar-vertical .k-collapse-prev,.k-splitbar-vertical .k-expand-next{background-position:2px -134px}.k-splitbar-vertical-hover>.k-collapse-prev,.k-splitbar-vertical-hover>.k-expand-next{background-position:-14px -134px}.k-splitbar-vertical .k-collapse-next,.k-splitbar-vertical .k-expand-prev{background-position:2px -165px}.k-splitbar-vertical-hover>.k-collapse-next,.k-splitbar-vertical-hover>.k-expand-prev{background-position:-14px -165px}.k-splitter-resizing{overflow:hidden}html .k-upload{position:relative}.k-dropzone em,.k-upload-button{vertical-align:middle}.k-dropzone,.k-file{position:relative}.k-dropzone{border-style:solid;border-width:0;padding:.8em;background-color:transparent}.k-dropzone em{visibility:hidden;margin-left:.6em}.k-dropzone-active em{visibility:visible}.k-upload-button{position:relative;overflow:hidden;direction:ltr}.k-upload .k-upload-button{min-width:7.167em}.k-ie8 .k-upload-button,.k-ie9 .k-upload-button,.k-upload-sync .k-upload-button{margin:.8em}.k-upload-button input{position:absolute;bottom:0;right:0;z-index:1;font:170px monospace!important;filter:alpha(opacity=0);opacity:0;margin:0;padding:0;cursor:pointer}.k-upload-files{line-height:2.66;border-style:solid;border-width:1px 0 0;padding-bottom:5px}.k-upload-files .k-button{padding:0}.k-upload-status .k-warning{display:none}.k-upload-status-total .k-icon{display:inline-block;margin-right:4px}.k-dropzone .k-upload-status-total{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.k-upload .k-clear-selected,.k-upload .k-upload-selected{display:inline-block;width:50%;margin:0;line-height:1em;padding:1.214em 0;border:0}.k-upload .k-upload-selected{border-left-width:1px;border-left-style:solid;margin-left:-1px}.k-upload .k-clear-selected{border-radius:0 0 0 4px}.k-upload .k-upload-selected{border-radius:0 0 4px 0}.k-upload-files~.k-clear-selected,.k-upload-files~.k-upload-selected{margin-top:-5px}.k-upload .k-fail{background-position:-161px -111px}.k-i-srefresh,.k-si-refresh{background-position:-160px -128px}.k-button:active .k-i-srefresh,.k-button:active .k-si-refresh,.k-button:not(.k-state-disabled):hover .k-i-srefresh,.k-button:not(.k-state-disabled):hover .k-si-refresh,.k-link:not(.k-state-disabled):hover>.k-i-srefresh,.k-link:not(.k-state-disabled):hover>.k-si-refresh,.k-state-hover>*>.k-i-srefresh,.k-state-hover>*>.k-si-refresh,.k-state-hover>.k-i-srefresh,.k-state-hover>.k-si-refresh,.k-textbox:hover .k-i-srefresh,.k-textbox:hover .k-si-refresh{background-position:-176px -128px}.k-i-stick,.k-si-tick,.k-success{background-position:-160px -96px}.k-button:active .k-i-stick,.k-button:active .k-si-tick,.k-button:active .k-success,.k-button:not(.k-state-disabled):hover .k-i-stick,.k-button:not(.k-state-disabled):hover .k-si-tick,.k-button:not(.k-state-disabled):hover .k-success,.k-link:not(.k-state-disabled):hover>.k-i-stick,.k-link:not(.k-state-disabled):hover>.k-si-tick,.k-link:not(.k-state-disabled):hover>.k-success,.k-state-hover>*>.k-i-stick,.k-state-hover>*>.k-si-tick,.k-state-hover>*>.k-success,.k-state-hover>.k-i-stick,.k-state-hover>.k-si-tick,.k-state-hover>.k-success,.k-textbox:hover .k-i-stick,.k-textbox:hover .k-si-tick,.k-textbox:hover .k-success{background-position:-176px -96px}.k-i-scancel,.k-si-cancel{background-position:-160px -112px}.k-button:active .k-i-scancel,.k-button:active .k-si-cancel,.k-button:not(.k-state-disabled):hover .k-i-scancel,.k-button:not(.k-state-disabled):hover .k-si-cancel,.k-link:not(.k-state-disabled):hover>.k-i-scancel,.k-link:not(.k-state-disabled):hover>.k-si-cancel,.k-state-hover>*>.k-i-scancel,.k-state-hover>*>.k-si-cancel,.k-state-hover>.k-i-scancel,.k-state-hover>.k-si-cancel,.k-textbox:hover .k-i-scancel,.k-textbox:hover .k-si-cancel{background-position:-176px -112px}.k-file{border-style:solid;border-width:0 0 1px;padding:.65em .17em .65em 1em}.k-file .k-icon{position:relative}.k-file>.k-icon{background-position:-112px -288px}.k-button:active .k-file>.k-icon,.k-button:not(.k-state-disabled):hover .k-file>.k-icon,.k-link:not(.k-state-disabled):hover>.k-file>.k-icon,.k-state-hover>*>.k-file>.k-icon,.k-state-hover>.k-file>.k-icon,.k-textbox:hover .k-file>.k-icon{background-position:-128px -288px}.k-file-extension-wrapper,.k-file-invalid-extension-wrapper,.k-file-name-size-wrapper,.k-multiple-files-extension-wrapper,.k-multiple-files-invalid-extension-wrapper{display:inline-block}.k-file-extension-wrapper,.k-file-invalid-extension-wrapper,.k-multiple-files-extension-wrapper,.k-multiple-files-invalid-extension-wrapper{position:relative;width:24px;height:34px;border-width:2px;border-style:solid;vertical-align:top;font-size:.57em;text-transform:uppercase}.k-file-invalid-extension-wrapper,.k-multiple-files-invalid-extension-wrapper{font-size:1.2em}.k-multiple-files-extension-wrapper,.k-multiple-files-invalid-extension-wrapper{margin-top:4px}.k-file-state{visibility:hidden}.k-file-name-size-wrapper{vertical-align:middle;margin-left:1em}.k-file-extension-wrapper:before,.k-file-invalid-extension-wrapper:before,.k-multiple-files-extension-wrapper:after,.k-multiple-files-extension-wrapper:before,.k-multiple-files-invalid-extension-wrapper:after,.k-multiple-files-invalid-extension-wrapper:before{position:absolute;content:"";display:inline-block;border-style:solid}.k-file-extension-wrapper:before,.k-file-invalid-extension-wrapper:before,.k-multiple-files-extension-wrapper:before,.k-multiple-files-invalid-extension-wrapper:before{top:-1px;right:-1px;width:0;height:0;border-width:6px;margin-top:-1px;margin-right:-1px}.k-multiple-files-extension-wrapper:after,.k-multiple-files-invalid-extension-wrapper:after{top:-6px;left:-6px;width:15px;height:35px;border-width:2px 0 0 2px}.k-file-extension,.k-file-invalid-icon{position:absolute;bottom:0;line-height:normal}.k-file-extension{margin-left:.4em;margin-bottom:.3em;overflow:hidden;text-overflow:ellipsis;max-width:100%}.k-file-invalid-icon{margin-left:5px}.k-file-information,.k-file-name,.k-file-size,.k-file-validation-message{display:block}.k-file-name{position:relative;min-width:10em;max-width:16.667em;vertical-align:middle;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-file-information,.k-file-size,.k-file-validation-message{font-size:.78em;line-height:1.5em}.k-file-information,.k-file-validation-message{line-height:1.5em}.k-file-size{line-height:1.2em}.k-upload-status{position:absolute;right:10px;top:0}.k-upload-status .k-button{vertical-align:text-bottom}.k-dropzone .k-upload-status{line-height:2.4}.k-upload-pct{margin-right:.75em}.k-ie8 .k-upload-status-total{line-height:29px}.k-ie8 .k-upload-status-total,.k-ie9 .k-upload-status-total{top:1.5em}.k-ie8 .k-upload-status-total>.k-icon,.k-ie9 .k-upload-status-total>.k-icon{margin-top:-3px}.k-upload-action{line-height:normal}.k-progress{position:absolute;bottom:0;left:0;height:2px}.k-file-invalid>.k-progress{width:100%}.k-upload-selected{min-width:7.167em;margin:.25em 0 0;-webkit-box-sizing:content-box;box-sizing:content-box}.k-upload-cancel,.k-upload-selected{margin-bottom:.8em}.k-upload-selected{margin-left:.8em;margin-right:.2em}.k-rtl .k-file-extension-wrapper{margin-left:14px}.k-mediaplayer{position:relative}.k-mediaplayer>iframe,.k-mediaplayer>video{vertical-align:top}.k-mediaplayer .k-mediaplayer-titlebar,.k-mediaplayer .k-mediaplayer-toolbar{z-index:2}.k-mediaplayer .k-mediaplayer-overlay{z-index:1;width:100%;height:100%;position:absolute}.k-mediaplayer-titlebar{position:absolute;top:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),color-stop(80%,rgba(0,0,0,.05)),to(transparent));background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.05) 80%,transparent);color:#fff;padding:12px 12px 30px}.k-mediaplayer-toolbar{position:absolute;bottom:0;left:0;right:0;padding:0;border-width:0}html .k-mediaplayer-toolbar .k-button-bare{padding-left:9px;padding-right:9px}.k-mediaplayer-toolbar div.k-mediaplayer-volume{margin:2px 6px 0}.k-mediaplayer-toolbar .k-slider-selection,.k-mediaplayer-toolbar .k-slider-track{border-radius:0}.k-mediaplayer-toolbar .k-mediaplayer-seekbar{position:absolute;top:-17px;left:0;right:0;margin:0;width:auto}.k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-slider-track{width:100%!important}.k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.k-mediaplayer-toolbar .k-mediaplayer-seekbar .k-draghandle.k-state-selected,.k-mediaplayer-toolbar .k-mediaplayer-seekbar:hover .k-draghandle{opacity:1}.k-mediaplayer-toolbar .k-mediaplayer-quality{width:auto;padding:0;background:none transparent}.k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap{border:0 none;-webkit-box-shadow:none;box-shadow:none;padding:0;background:none transparent;color:inherit}.k-mediaplayer-toolbar .k-mediaplayer-quality .k-input{display:none}.k-mediaplayer-toolbar .k-mediaplayer-quality .k-select{position:relative;width:auto;min-height:0;line-height:inherit}.k-mediaplayer-toolbar .k-align-right{line-height:inherit}.k-mediaplayer-toolbar .k-align-right>*{display:inline-block}.k-mediaplayer-currenttime{display:inline-block;margin-top:2px}.k-quality-list{width:80px!important;margin-left:-32px!important}.k-toolbar-wrap .k-dropzone em,.k-toolbar-wrap .k-upload-files{display:none}.k-toolbar-wrap .k-dropzone{border:0;padding:0}.k-toolbar-wrap .k-dropzone-active{text-align:center}.k-toolbar-wrap .k-dropzone-active em{display:inline;margin:0;font-size:5em;font-style:normal}.k-toolbar-wrap .k-dropzone-active .k-upload-button{display:none}.k-filebrowser-dropzone{z-index:10010;filter:alpha(opacity=40);opacity:.4;position:fixed}.k-search-wrap{position:relative;float:right;width:20%;padding:0}.k-search-wrap label{position:absolute;top:0;left:4px;line-height:20px;font-style:italic}.k-search-wrap input.k-input{padding-left:0;padding-right:0}.k-search-wrap .k-search{position:absolute;top:4px;right:2px;margin:0}.k-breadcrumbs{position:relative;float:left;width:79%}.k-breadcrumbs-wrap{position:absolute;top:3px;left:0;z-index:1;padding-left:5px;line-height:18px}.k-breadcrumbs>.k-input{width:100%;font-size:inherit;font-family:inherit;border:0}.k-breadcrumbs-wrap .k-icon,.k-breadcrumbs .k-link{margin-top:0;text-decoration:none;vertical-align:middle;position:static}.k-breadcrumbs .k-link:hover{text-decoration:underline}.k-filebrowser .k-breadcrumbs .k-i-seek-w{text-decoration:none;cursor:default}.k-filebrowser .k-filebrowser-toolbar{border-style:solid;border-width:1px;margin:8px 0 0;padding:.25em;line-height:23px;white-space:nowrap}.k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled{display:none}.k-filebrowser .k-toolbar-wrap{float:left}.k-filebrowser .k-tiles-arrange{float:right}.k-filebrowser .k-tiles-arrange .k-dropdown{width:75px}.k-filebrowser .k-upload{float:left;z-index:10010;border-width:0;background-color:transparent}.k-filebrowser .k-upload .k-upload-status{display:none}.k-filebrowser .k-upload .k-upload-button{width:auto;margin-left:0;vertical-align:top}.k-filebrowser .k-upload .k-icon{vertical-align:bottom}.k-tiles{clear:both;height:390px;border-style:solid;border-width:1px;border-top-width:0;margin:0 0 1.4em;padding:9px;overflow:auto;line-height:1.2}.k-tile{float:left;width:223px;height:88px;overflow:hidden;border-style:solid;border-width:1px;margin:1px;padding:0 0 4px;background-position:0 100px;background-repeat:repeat-x;cursor:pointer}.k-tiles li.k-state-hover,.k-tiles li.k-state-selected{background-position:0}.k-filebrowser .k-thumb{float:left;display:inline;width:80px;height:80px;margin:4px 10px 0 4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-filebrowser .k-file{width:80px;height:80px}.k-filebrowser .k-image{margin:2px 0 0 2px}.k-filebrowser .k-folder{width:80px;height:80px;background-position:0 -200px;background-repeat:no-repeat}.k-filebrowser .k-loading{margin:35px 0 0 33px}.k-tile input,.k-tile strong{margin:10px 0 4px;font-weight:400}.k-tile strong{float:left;width:120px;overflow:hidden;text-overflow:ellipsis}.k-tile input{width:100px}.k-tile input,.k-tile strong{display:block}.k-tile .k-filesize{display:inline-block}.k-filebrowser .k-form-text-row{text-align:right}.k-filebrowser .k-form-text-row label{width:14%}.k-filebrowser .k-form-text-row input{width:80%}.k-tile-empty{margin:160px 0 0}.k-tile-empty .k-dialog-upload{font-weight:700;font-size:120%}.k-tile-empty strong{display:block;margin:0 0 .2em;font-size:3em;font-weight:400}.k-tile-empty,.k-tile-empty .k-button-wrapper{text-align:center}.k-chart,.k-gauge,.k-sparkline,.k-stockchart{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.k-chart,.k-stockchart{height:400px}.k-stockchart,div.k-chart,div.k-gauge,span.k-sparkline{background-color:transparent}.k-gauge{text-align:left;position:relative}.k-baseline-marker{zoom:1;*display:inline}.k-chart-tooltip{border-radius:4px;padding:6px;white-space:nowrap;z-index:12000;line-height:normal;background-repeat:repeat-x;background-position:0 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);color:#fff}.k-chart-tooltip-inverse{color:#000}.k-chart-tooltip table{border-spacing:0;border-collapse:collapse}.k-chart-tooltip th{width:auto;text-align:center;padding:1px}.k-chart-tooltip td{width:auto;text-align:left;padding:.1em .2em}.k-selector{position:absolute;-webkit-transform:translateZ(0)}.k-selection{border-width:1px;border-style:solid;border-color:#d2d2d2;border-bottom:0}.k-selection,.k-selection-bg{position:absolute;height:100%}.k-selection-bg{width:100%;background-color:#fff;background-color:hsla(0,0%,100%,.01);filter:alpha(opacity=1)}.k-handle{background:#d2d2d2;width:7px;height:26px;cursor:e-resize;z-index:1;border-radius:6px;position:absolute}.k-handle div{width:100%;height:100%;background-color:transparent}.k-leftHandle{left:-4px}.k-rightHandle{right:-4px}.k-leftHandle div{margin:-20px 0 0 -15px;padding:40px 30px 0 0}.k-leftHandle.k-handle-active div{margin-left:-40px;padding-right:55px}.k-rightHandle div{margin:-20px 0 0 -15px;padding:40px 0 0 30px}.k-rightHandle.k-handle-active div{padding-left:55px}.k-mask{background-color:#fff;filter:alpha(opacity=80);opacity:.8}.k-border,.k-mask{position:absolute;height:100%}.k-border{background:#d2d2d2;width:1px}.k-navigator-hint div{position:absolute}.k-navigator-hint .k-scroll{position:absolute;height:4px;border-radius:4px;background:#d2d2d2}.k-navigator-hint .k-tooltip{margin-top:20px;min-width:160px;opacity:1;text-align:center;border:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);background:#fff}.k-sparkline,.k-sparkline span{display:inline-block;vertical-align:top}.k-sparkline span{height:100%;width:100%}.k-diagram,.k-map{height:600px}.k-diagram .km-scroll-wrapper,.k-map .km-scroll-wrapper{padding-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-diagram .km-scroll-container,.k-diagram .km-scroll-wrapper,.k-map .km-scroll-container,.k-map .km-scroll-wrapper{position:absolute;width:100%;height:100%}.k-diagram .k-layer,.k-map .k-layer{position:absolute;left:0;top:0}.k-diagram .km-touch-scrollbar,.k-map .km-touch-scrollbar{display:none}.k-map .k-marker{position:absolute;width:28px;height:40px;margin:-40px 0 0 -14px;cursor:pointer}.k-map .k-marker-pin{background-position:0 40px}.k-map .k-marker-pin-target{background-position:0 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.k-map .k-marker{width:56px;height:80px;margin:-80px 0 0 -28px}.k-map .k-marker-pin{background-position:0 80px}}.k-map .k-pos-top{top:0}.k-map .k-pos-bottom{bottom:0}.k-map .k-pos-left{left:0}.k-map .k-pos-right{right:0}.k-map-controls{position:absolute}.k-map-controls.k-pos-left .k-widget:first-child{margin-right:0}.k-map-controls.k-pos-right .k-widget:first-child{margin-left:0}.k-navigator{width:50px;height:50px;margin:20px;border-radius:80px;position:relative;display:inline-block;vertical-align:middle}.k-pdf-export .k-navigator{display:none}.k-navigator>button{border-color:transparent;background:0 0}div.k-navigator>.k-button{margin:0;padding:0;line-height:10px;border-radius:16px;position:absolute;font-size:1px;line-height:1px}div.k-navigator .k-navigator-n{top:2px;left:50%;margin-left:-9px}div.k-navigator .k-navigator-e{right:2px;top:50%;margin-top:-9px}div.k-navigator .k-navigator-s{bottom:2px;left:50%;margin-left:-9px}div.k-navigator .k-navigator-w{left:2px;top:50%;margin-top:-9px}.k-map .k-attribution{background-color:hsla(0,0%,100%,.8);font-size:10px;padding:2px 4px;z-index:1000}.k-zoom-control{margin:14px;vertical-align:middle}.k-pdf-export .k-zoom-control{display:none}.k-button-wrap{border-radius:4px;display:inline-block}.k-button-wrap .k-button{position:relative;font:700 17px/1.18 monospace}.k-buttons-horizontal :first-child{border-radius:4px 0 0 4px}.k-buttons-horizontal :first-child+.k-zoom-in{border-radius:0;margin-left:-1px}.k-buttons-horizontal .k-zoom-out{border-radius:0 4px 4px 0;margin-left:-1px}.k-button-wrap .k-button:hover{z-index:1}.k-buttons-vertical .k-button{display:block}.k-buttons-vertical :first-child{border-radius:4px 4px 0 0}.k-buttons-vertical .k-zoom-out{border-radius:0 0 4px 4px;margin-top:-1px}.k-zoom-text{margin:0;width:4.3em;vertical-align:top}.k-rtl .k-buttons-horizontal :first-child{border-radius:0 4px 4px 0}.k-rtl .k-buttons-horizontal :first-child+.k-zoom-in{border-radius:0;margin-left:0;margin-right:-1px}.k-rtl .k-buttons-horizontal .k-zoom-out{border-radius:4px 0 0 4px;margin-left:0;margin-right:-1px}.k-diagram{height:600px}.k-diagram .km-scroll-wrapper{width:100%;height:100%;position:relative}.k-canvas-container{width:100%;height:100%}.k-diagram img{-webkit-box-sizing:content-box;box-sizing:content-box}.k-treemap{overflow:hidden;height:400px}.k-treemap-tile{-webkit-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:1px;position:absolute;margin:-1px 0 0 -1px;overflow:hidden}.k-treemap-tile.k-leaf{padding:.6em}.k-treemap-wrap.k-last>.k-treemap-tile{padding:.3em}.k-treemap-tile.k-state-hover,.k-treemap-tile.k-state-hover:hover{z-index:2;background-image:none}.k-treemap>.k-treemap-tile{position:relative;height:100%}.k-treemap-title{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;line-height:2.42em;height:2.42em;padding:0 .6em;white-space:nowrap}.k-treemap-wrap .k-treemap-title{border-width:0 0 1px;border-style:solid}.k-treemap-wrap{position:absolute;top:0;left:0;bottom:0;right:0}.k-treemap-title+.k-treemap-wrap{top:2.42em}.k-treemap-title-vertical{-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;position:absolute;top:0;bottom:0;width:2.42em;line-height:2.42em;overflow:hidden;padding:.6em 0;white-space:nowrap}.k-treemap-title-vertical>div{position:absolute;top:0;right:1.23em;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.k-treemap-title-vertical+.k-treemap-wrap{left:2.42em}.km-pane,.km-pane-wrapper,.km-root{width:100%;height:100%;-ms-touch-action:none;-ms-content-zooming:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.km-pane-wrapper{position:absolute;width:100%;height:100%}.km-pane,.km-shim{font-family:sans-serif}.km-pane{overflow-x:hidden}.km-view{top:0;left:0;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;vertical-align:top}.k-ff .km-pane,.k-ff .km-view{overflow:hidden}.k-ff18 .km-pane,.k-ff18 .km-view,.k-ff19 .km-pane,.k-ff19 .km-view,.k-ff20 .km-pane,.k-ff20 .km-view,.k-ff21 .km-pane,.k-ff21 .km-view{position:relative}.k-ff .km-view{display:-moz-inline-box;display:-webkit-box;display:-ms-flexbox;display:flex}.km-content{min-height:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-align:stretch;display:block;width:auto;overflow:hidden;position:relative}.km-actionsheet>li{list-style-type:none;padding:inherit 1em;line-height:2em}.km-actionsheet{padding:0;margin:0}.km-shim{left:0;bottom:0;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10001}.km-actionsheet-wrapper,.km-shim .k-animation-container{width:100%;-webkit-box-shadow:none;box-shadow:none;border:0}.km-shim .k-animation-container{width:auto}.km-pane-wrapper .k-grid-column-menu>.km-header,.km-pane-wrapper .k-grid-edit-form>.km-header,.km-pane-wrapper .k-grid-filter-menu>.km-header,.km-pane-wrapper .k-scheduler-edit-form>.km-header{border-style:solid;border-width:1px;padding:.3em .6em;text-align:center;width:auto;line-height:2em}.k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-footer,.k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-toolbar{line-height:2em}.km-pane-wrapper .k-grid-edit-form .k-multiselect,.km-pane-wrapper .k-scheduler-edit-form .k-multiselect{width:15em}.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap,.km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap{display:block}.km-pane-wrapper .k-grid-column-menu .k-done,.km-pane-wrapper .k-grid-edit-form .k-grid-update,.km-pane-wrapper .k-grid-filter-menu .k-submit,.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update{float:right}.km-pane-wrapper .k-grid-edit-form .k-grid-cancel,.km-pane-wrapper .k-grid-filter-menu .k-cancel,.km-pane-wrapper .k-grid-filter-menu .k-i-cancel,.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel{float:left}.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete,:not(.km-pane)>.km-shim .km-actionsheet .k-button{display:block;text-align:center}:not(.km-pane)>.km-shim .km-actionsheet .k-button{font-size:1.4em;margin:.3em 1em}:not(.km-pane)>.km-shim .km-actionsheet-title{text-align:center;line-height:3em;margin-bottom:-.3em}:not(.km-pane)>.km-shim>.k-animation-container{margin:0!important;padding:0!important;left:0!important}.km-pane-wrapper>div.km-pane{-webkit-box-shadow:none;box-shadow:none;font-weight:400}.km-pane-wrapper .k-grid-column-menu .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-edit-form .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-filter-menu .km-content>.km-scroll-container,.km-pane-wrapper .k-popup-edit-form .km-content>.km-scroll-container{position:absolute;width:100%;min-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-mobile-list .k-edit-field{width:74%}.km-pane-wrapper .k-grid-edit-form .k-edit-form-container,.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form{width:auto}.km-pane-wrapper .k-filter-menu .k-button{width:100%;margin:0}.k-grid-mobile{border-width:0}.k-grid-mobile .k-resize-handle-inner{position:absolute;top:50%;margin-top:-10px;left:-7px;width:17px;height:17px;border-style:solid;border-width:2px;border-radius:10px}.k-grid-mobile .k-resize-handle-inner:before{content:"";position:absolute;top:50%;margin-top:-3px;left:1px;width:6px;height:6px;background-position:-5px -53px}.k-grid-mobile .k-resize-handle-inner:after{content:"";position:absolute;top:50%;margin-top:-3px;right:1px;width:6px;height:6px;background-position:-5px -21px}.km-pane-wrapper .km-pane *{background-clip:border-box}.km-pane-wrapper .k-mobile-list ul,.km-pane-wrapper .km-pane .k-mobile-list{padding:0;margin:0;list-style-type:none;border-radius:0;background:0 0}.km-pane-wrapper .km-switch{top:50%;right:.8rem;position:absolute;margin-top:-1.1rem}.km-pane-wrapper .k-mobile-list .k-state-disabled{opacity:1}.km-pane-wrapper .k-mobile-list .k-state-disabled>*{opacity:.7}.km-pane-wrapper .k-mobile-list .k-edit-label,.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-item>.k-label,.km-pane-wrapper .k-mobile-list .k-item>.k-link{display:block;position:relative;list-style-type:none;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5em 0 .5em 1em;font-size:1em}.km-pane-wrapper .k-edit-form-container,.km-pane-wrapper .k-scheduler-edit-form .km-scroll-container{padding-top:1em;width:100%}.km-pane-wrapper .k-mobile-list .k-edit-label{position:absolute;margin:0;float:none;clear:none;width:100%}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label label{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.1em 0;margin:0}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label,.km-pane-wrapper .k-mobile-list .k-item{font-size:1em;line-height:1.6em;overflow:hidden}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label{width:100%;float:none;clear:none;min-height:2.7em}.km-pane-wrapper .k-grid-delete .k-icon,.km-pane-wrapper .k-grid-edit .k-icon,.km-pane-wrapper .k-grid-toolbar .k-icon,.km-pane-wrapper .km-header .k-icon{display:none}.km-pane-wrapper .k-mobile-list .k-edit-field{padding:.5em 0}.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar{padding:.3em 0}.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li{line-height:2em}.km-pane-wrapper .k-mobile-list .k-item>*{line-height:normal}.km-pane-wrapper .k-mobile-list .k-button-container,.km-pane-wrapper .k-mobile-list .k-edit-buttons{-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5em 1em;margin:0}.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child,.km-pane-wrapper .k-mobile-list .k-filter-help-text>li>.k-link,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper .k-mobile-list>ul>li>.k-link{display:block;padding:.2em 1em;font-size:.95em;position:-webkit-sticky;margin:0;font-weight:400;line-height:2em;background:0 0;border-top:1em solid transparent}.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3){position:relative}.km-pane-wrapper .k-mobile-list .k-item:first-child{border-top:0}.km-pane-wrapper .k-mobile-list .k-item:last-child{border-bottom:0}.km-pane-wrapper .k-mobile-list .k-item>.k-label,.km-pane-wrapper .k-mobile-list .k-item>.k-link{line-height:inherit;text-decoration:none;margin:-.5em 0 -.5em -1em}.k-check[type=checkbox],.k-check[type=radio],.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio],.km-pane-wrapper .k-mobile-list .k-label .k-check,.km-pane-wrapper .k-mobile-list .k-link .k-check{border:0;font-size:inherit;width:13px;height:13px;margin:.26em 1em .26em 0}.k-ie .k-mobile-list .k-edit-field [type=checkbox],.k-ie .k-mobile-list .k-edit-field [type=radio],.k-ie .km-pane-wrapper .k-icon,.k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check,.k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check{font-size:inherit;text-indent:-9999px;width:1.01em;height:1em}.km-pane-wrapper .k-column-menu .k-label .k-check{height:16px;width:16px}.km-pane-wrapper .k-edit-field>:not([type=checkbox]):not([type=radio]):not(.k-button),.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]),.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .km-pane .k-mobile-list textarea{text-indent:0;font-size:1em;line-height:1.6em;vertical-align:middle;height:auto;padding:0;border:0;margin:0;background:0 0;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.km-pane-wrapper .k-mobile-list .k-widget{border:0;border-radius:0}.k-ie .km-pane-wrapper .k-mobile-list .k-widget{height:auto}.km-pane-wrapper .k-mobile-list .k-widget .k-input,.km-pane-wrapper .k-mobile-list .k-widget .k-state-default{border:0;background:0 0}.km-pane-wrapper .k-edit-field>:not([type=checkbox]):not([type=radio]):not(.k-button),.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.km-pane-wrapper :not(.k-state-default):not(.k-pager-input)>input:not([type=checkbox]):not([type=radio]){width:80%;padding:.6em 0;margin:-.5em 0}.km-pane-wrapper .k-mobile-list .k-edit-field>*,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .km-pane .k-mobile-list input,.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .km-pane .k-mobile-list textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;float:right;z-index:1;position:relative}.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right{padding:10px;border-radius:0}.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right>input{float:none;width:100%;padding:1px 0;margin:0;border-radius:3px;text-indent:30px;border-width:1px;border-style:solid}.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon{position:absolute;left:20px;z-index:1}.km-pane-wrapper .k-scheduler-views{width:18em}.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar{background:0 0;border:0;-webkit-box-shadow:none;box-shadow:none;padding:.5em 1em}.km-pane-wrapper #recurrence .k-scheduler-navigation{width:100%}.km-pane-wrapper .k-mobile-list .k-scheduler-navigation,.km-pane-wrapper .k-scheduler-views{display:table;table-layout:fixed}.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li,.km-pane-wrapper .k-scheduler-views li{display:table-cell;text-align:center}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check{margin:0;padding-left:1em;-webkit-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:first-child{margin-top:-.5em}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:last-child{margin-bottom:-.5em}.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check{text-indent:1em}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button{margin-left:20%;float:left}.km-pane-wrapper .k-mobile-list .k-dropdown-wrap,.km-pane-wrapper .k-mobile-list .k-numeric-wrap,.km-pane-wrapper .k-mobile-list .k-picker-wrap{position:static;-webkit-box-shadow:none;box-shadow:none}.km-pane-wrapper .k-mobile-list .k-datepicker .k-select,.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select,.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select{position:absolute;top:0;right:0;line-height:normal}.km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before,.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before{content:"\\A0";display:inline-block;width:0;height:100%;vertical-align:middle}.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link{height:50%}.km-pane-wrapper .k-edit-form-container .k-button,.km-pane-wrapper .k-grid .k-button{margin:0}.km-pane-wrapper .k-edit-form-container .k-button+.k-button,.km-pane-wrapper .k-grid .k-button+.k-button{margin:0 0 0 .18em}.km-pane-wrapper .k-pager-numbers .k-link,.km-pane-wrapper .k-pager-numbers .k-state-selected,.km-pane-wrapper .k-pager-wrap>.k-link{width:2.4em;height:2.4em;line-height:2.1em;border-radius:2em;-webkit-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-pager-numbers .k-link,.km-pane-wrapper .k-pager-numbers .k-state-selected{width:auto;line-height:2.2em;padding:0 .86em;min-width:.7em}.km-pane-wrapper .k-pager-wrap{line-height:2.4em}@media (max-width:1024px){.km-pane-wrapper .k-pager-nav+.k-pager-nav~.k-pager-nav{position:absolute;right:.3em;top:.3em}.km-pane-wrapper .k-pager-nav:first-child+.k-pager-nav+.k-pager-nav,.km-pane-wrapper .k-pager-wrap .k-pager-numbers+.k-pager-nav{right:3em}.km-pane-wrapper .k-pager-info,.km-pane-wrapper .k-pager-refresh{display:none}}@media (-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px),(max-width:699px){.km-pane-wrapper .k-edit-field>:not([type=checkbox]):not([type=radio]):not(.k-button),.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.km-pane-wrapper :not(.k-state-default):not(.k-pager-input)>input:not([type=checkbox]):not([type=radio]){width:50%}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button{margin-left:50%}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-timezone-button{margin-left:1em}.km-pane-wrapper .k-nav-today a{padding-left:.6em;padding-right:.6em}.km-pane-wrapper li.k-nav-current{margin-left:0;margin-right:0}.km-pane-wrapper .k-pager-wrap{position:relative}.km-pane-wrapper .k-pager-numbers{width:auto;display:block;overflow:hidden;margin-right:5.5em;float:none;text-overflow:ellipsis;height:2.4em;text-align:center}.km-pane-wrapper .k-pager-numbers li{float:none;display:inline-block}.km-pane-wrapper .k-pager-nav{float:left}}.km-pane-wrapper .k-mobile-list .k-edit-field>*>select:not([multiple]),.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check,.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check{width:100%}.km-scroll-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-collapse:separate;-webkit-transform:translatez(0)}.k-widget .km-scroll-wrapper{position:relative;padding-bottom:0}.km-touch-scrollbar{position:absolute;visibility:hidden;z-index:200000;height:.3em;width:.3em;background-color:rgba(0,0,0,.7);opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;-webkit-transition:"opacity 0.3s linear";transition:"opacity 0.3s linear"}.km-vertical-scrollbar{height:100%;right:2px;top:2px}.km-horizontal-scrollbar{width:100%;left:2px;bottom:2px}@media only screen and (max-width:1024px){.k-scheduler-toolbar>ul.k-scheduler-views{position:absolute;right:6px;top:6px;z-index:10000}.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views{right:auto;left:6px}.k-scheduler-toolbar>ul.k-scheduler-views>li:not(.k-current-view),.k-scheduler-toolbar li.k-nav-current .k-lg-date-format{display:none}.k-scheduler-toolbar li.k-nav-current .k-sm-date-format{display:inline}.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view{display:block;border-width:1px}.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view{text-align:left;padding-left:1em}.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link{display:block;position:relative;padding-right:2.5em;padding-left:1em;-webkit-box-sizing:border-box;box-sizing:border-box}.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link{padding-left:0}.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after{display:block;content:"";position:absolute;top:50%;margin-top:-.6em;right:.333em;width:1.333em;height:1.333em}.k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li:first-child+li{display:block;border:0;border-radius:0}.k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{border:1px solid #c5c5c5;background-color:#fff;background-image:none;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{text-align:left}}.k-fx-end .k-fx-current,.k-fx-end .k-fx-next{-webkit-transition:all .35s ease-out;transition:all .35s ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden,.k-fx-hidden *{visibility:hidden!important}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{-webkit-transform:scale(0)!important;transform:scale(0)!important}.k-fx-zoom.k-fx-end .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current,.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:scale(1)!important;transform:scale(1)!important}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:scale(0)!important;transform:scale(0)!important}.k-fx-fade.k-fx-start .k-fx-next{will-change:opacity;opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{will-change:opacity;opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-next .km-header{-webkit-transition:all .35s ease-out;transition:all .35s ease-out}.k-fx-slide.k-fx-start .k-fx-next .km-content{will-change:transform;-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-start .k-fx-next .km-footer,.k-fx-slide.k-fx-start .k-fx-next .km-header{will-change:opacity;opacity:0}.k-fx-slide.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-next .km-header{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{will-change:transform;-webkit-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{-webkit-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header{will-change:opacity;opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header{opacity:0}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header{opacity:1}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{-webkit-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{-webkit-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;-webkit-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0);transform:translatex(0)}.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next,.k-fx.k-fx-overlay.k-fx-start .k-fx-next{will-change:transform;-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{-webkit-transform:translatey(100%);transform:translatey(100%)}.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{-webkit-transform:translatey(-100%);transform:translatey(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:none;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;-webkit-transform:none;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);transform:translatex(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);transform:translatex(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{-webkit-transform:translatey(100%);transform:translatey(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{-webkit-transform:translatey(-100%);transform:translatey(-100%)}.k-virtual-wrap{position:relative}.k-virtual-wrap .k-list.k-virtual-list{height:auto}.k-virtual-content{overflow-y:scroll;-webkit-overflow-scrolling:touch;position:relative}.k-virtual-list>.k-virtual-content{position:absolute;top:0}.k-virtual-list>.k-virtual-content,.k-virtual-option-label{width:100%;margin:0;padding:0;list-style-type:none}.k-virtual-wrap>.k-virtual-header{text-align:right}.k-popup .k-item.k-first{position:relative}.k-virtual-content>.k-virtual-list>.k-virtual-item{position:absolute;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap}.k-popup .k-list .k-item>.k-group,.k-popup>.k-group-header,.k-popup>.k-virtual-wrap>.k-group-header{text-transform:uppercase;font-size:.857em}.k-popup .k-list .k-item>.k-group{position:absolute;top:0;right:0;padding:0 .5em;line-height:1.8}.k-popup .k-state-hover>.k-group{right:-1px}.k-group-header+.k-list>.k-item.k-first,.k-static-header+.k-list>.k-item.k-first,.k-virtual-item.k-first{border-top-style:solid;border-top-width:1px;padding-top:0}.k-popup>.k-group-header,.k-popup>.k-virtual-wrap>.k-group-header{text-align:right}.k-i-arrow-n:before{content:"\\E600"}.k-i-arrow-e:before{content:"\\E601"}.k-i-arrow-s:before{content:"\\E602"}.k-i-arrow-w:before{content:"\\E603"}.k-i-seek-n:before{content:"\\E604"}.k-i-seek-e:before{content:"\\E605"}.k-i-seek-s:before{content:"\\E606"}.k-i-seek-w:before{content:"\\E607"}.k-i-sarrow-n:before{content:"\\E608"}.k-i-sarrow-e:before{content:"\\E609"}.k-i-sarrow-s:before{content:"\\E60A"}.k-i-sarrow-w:before{content:"\\E60B"}.k-i-expand-n:before{content:"\\E60C"}.k-i-expand-e:before{content:"\\E60D"}.k-i-expand-s:before{content:"\\E60E"}.k-i-expand-w:before{content:"\\E60F"}.k-i-collapse-ne:before{content:"\\E610"}.k-i-collapse-se:before{content:"\\E611"}.k-i-collapse-sw:before{content:"\\E612"}.k-i-collapse-nw:before{content:"\\E613"}.k-i-resize-ne:before{content:"\\E614"}.k-i-resize-se:before{content:"\\E615"}.k-i-resize-sw:before{content:"\\E616"}.k-i-resize-nw:before{content:"\\E617"}.k-i-arrowhead-n:before{content:"\\E618"}.k-i-arrowhead-e:before{content:"\\E619"}.k-i-arrowhead-s:before{content:"\\E61A"}.k-i-arrowhead-w:before{content:"\\E61B"}.k-i-pencil:before{content:"\\E61C"}.k-i-x:before{content:"\\E61D"}.k-i-checkmark:before{content:"\\E61E"}.k-i-deny:before{content:"\\E61F"}.k-i-trash:before{content:"\\E620"}.k-i-plus:before{content:"\\E621"}.k-i-splus:before{content:"\\E622"}.k-i-minus:before{content:"\\E623"}.k-i-sminus:before{content:"\\E624"}.k-i-filter:before{content:"\\E625"}.k-i-filter-clear:before{content:"\\E626"}.k-i-refresh:before{content:"\\E627"}.k-i-refresh-clear:before{content:"\\E628"}.k-i-restore:before{content:"\\E629"}.k-i-maximize:before{content:"\\E62A"}.k-i-minimize:before{content:"\\E62B"}.k-i-pin:before{content:"\\E62C"}.k-i-unpin:before{content:"\\E62D"}.k-i-calendar:before{content:"\\E62E"}.k-i-clock:before{content:"\\E62F"}.k-i-search:before{content:"\\E630"}.k-i-zoom-in:before{content:"\\E631"}.k-i-zoom-out:before{content:"\\E632"}.k-i-print:before{content:"\\E633"}.k-i-folder-add:before{content:"\\E634"}.k-i-folder-up:before{content:"\\E635"}.k-i-folder-open:before{content:"\\E634"}.k-i-insert-image:before{content:"\\E636"}.k-i-image:before{content:"\\E637"}.k-i-insert-file:before{content:"\\E638"}.k-i-file:before{content:"\\E639"}.k-i-files:before{content:"\\E63A"}.k-i-pdf:before{content:"\\E63B"}.k-i-pdfa:before{content:"\\E68D"}.k-i-xls:before{content:"\\E63C"}.k-i-xlsa:before{content:"\\E63D"}.k-i-lock:before{content:"\\E63E"}.k-i-unlock:before{content:"\\E63F"}.k-i-rows:before{content:"\\E640"}.k-i-columns:before{content:"\\E641"}.k-i-hamburger:before{content:"\\E642"}.k-i-vbars:before{content:"\\E643"}.k-i-hbars:before{content:"\\E644"}.k-i-move:before{content:"\\E645"}.k-i-group:before{content:"\\E646"}.k-i-ungroup:before{content:"\\E647"}.k-i-dimension:before{content:"\\E648"}.k-i-connector:before{content:"\\E649"}.k-i-kpi:before{content:"\\E64A"}.k-i-undo:before{content:"\\E64B"}.k-i-redo:before{content:"\\E64C"}.k-i-undo-large:before{content:"\\E64D"}.k-i-redo-large:before{content:"\\E64E"}.k-i-rotate-ccw:before{content:"\\E64F"}.k-i-rotate-cw:before{content:"\\E650"}.k-i-cut:before{content:"\\E651"}.k-i-copy:before{content:"\\E652"}.k-i-paste:before{content:"\\E653"}.k-i-bold:before{content:"\\E654"}.k-i-italic:before{content:"\\E655"}.k-i-underline:before{content:"\\E656"}.k-i-strike-through:before{content:"\\E657"}.k-i-text:before{content:"\\E658"}.k-i-font-size:before{content:"\\E68E"}.k-i-font-family:before{content:"\\E68F"}.k-i-fx:before{content:"\\E659"}.k-i-subscript:before{content:"\\E65A"}.k-i-superscript:before{content:"\\E65B"}.k-i-background:before{content:"\\E65C"}.k-i-sum:before{content:"\\E65D"}.k-i-increase-decimal:before{content:"\\E65E"}.k-i-decrease-decimal:before{content:"\\E65F"}.k-i-justify-left:before{content:"\\E660"}.k-i-justify-center:before{content:"\\E661"}.k-i-justify-right:before{content:"\\E662"}.k-i-justify-full:before{content:"\\E663"}.k-i-justify-clear:before{content:"\\E664"}.k-i-align-top:before{content:"\\E665"}.k-i-align-middle:before{content:"\\E666"}.k-i-align-bottom:before{content:"\\E667"}.k-i-indent:before{content:"\\E668"}.k-i-outdent:before{content:"\\E669"}.k-i-insert-n:before{content:"\\E66A"}.k-i-insert-m:before{content:"\\E66B"}.k-i-insert-s:before{content:"\\E66C"}.k-i-insert-unordered-list:before{content:"\\E66D"}.k-i-insert-ordered-list:before{content:"\\E66E"}.k-i-sort-asc:before{content:"\\E66F"}.k-i-sort-desc:before{content:"\\E670"}.k-i-unsort:before{content:"\\E671"}.k-i-hyperlink:before{content:"\\E672"}.k-i-hyperlink-remove:before{content:"\\E673"}.k-i-clearformat:before{content:"\\E674"}.k-i-html:before{content:"\\E675"}.k-i-exception:before{content:"\\E676"}.k-i-custom:before{content:"\\E677"}.k-i-cog:before{content:"\\E678"}.k-i-create-table:before{content:"\\E679"}.k-i-add-column-left:before{content:"\\E67A"}.k-i-add-column-right:before{content:"\\E67B"}.k-i-delete-column:before{content:"\\E67C"}.k-i-add-row-above:before{content:"\\E67D"}.k-i-add-row-below:before{content:"\\E67E"}.k-i-delete-row:before{content:"\\E67F"}.k-i-merge-cells:before{content:"\\E680"}.k-i-normal-layout:before{content:"\\E681"}.k-i-page-layout:before{content:"\\E682"}.k-i-all-borders:before{content:"\\E683"}.k-i-inside-borders:before{content:"\\E684"}.k-i-inside-horizontal-borders:before{content:"\\E685"}.k-i-inside-vertical-borders:before{content:"\\E686"}.k-i-outside-borders:before{content:"\\E687"}.k-i-top-border:before{content:"\\E688"}.k-i-right-border:before{content:"\\E689"}.k-i-bottom-border:before{content:"\\E68A"}.k-i-left-border:before{content:"\\E68B"}.k-i-no-borders:before{content:"\\E68C"}.k-i-merge-horizontally:before{content:"\\E690"}.k-i-merge-vertically:before{content:"\\E691"}.k-i-text-wrap:before{content:"\\E692"}.k-i-dollar:before{content:"\\E693"}.k-i-percent:before{content:"\\E694"}.k-i-freeze-col:before{content:"\\E695"}.k-i-freeze-row:before{content:"\\E696"}.k-i-freeze-panes:before{content:"\\E697"}.k-i-format-number:before{content:"\\E698"}.k-i-reset-color:before{content:"\\E900"}.k-i-file-horizontal:before{content:"\\E901"}.k-i-folder:before{content:"\\E902"}.k-i-folder-open:before{content:"\\E903"}.k-i-table-align-top-left:before{content:"\\E904"}.k-i-table-align-top-center:before{content:"\\E905"}.k-i-table-align-top-right:before{content:"\\E906"}.k-i-table-align-middle-left:before{content:"\\E907"}.k-i-table-align-middle-center:before{content:"\\E908"}.k-i-table-align-middle-right:before{content:"\\E909"}.k-i-table-align-bottom-left:before{content:"\\E90A"}.k-i-table-align-bottom-center:before{content:"\\E90B"}.k-i-table-align-bottom-right:before{content:"\\E90C"}.k-i-table-align-remove:before{content:"\\E90D"}.k-i-fullscreen-enter:before{content:"\\E90E"}.k-i-fullscreen-exit:before{content:"\\E90F"}.k-i-volume-low:before{content:"\\E910"}.k-i-volume-high:before{content:"\\E911"}.k-i-volume-mute:before{content:"\\E912"}.k-i-play:before{content:"\\E913"}.k-i-pause:before{content:"\\E914"}.k-i-stop:before{content:"\\E915"}.k-i-HD:before{content:"\\E916"}.k-i-subtitles:before{content:"\\E917"}.k-i-playlist:before{content:"\\E918"}.k-spreadsheet{width:800px;height:600px;position:relative;border-width:1px;border-style:solid;cursor:default}.k-spreadsheet .k-spreadsheet-pane{padding-right:1px;position:absolute;border-width:1px;border-style:solid;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.k-spreadsheet .k-spreadsheet-pane.k-top{border-top-width:0}.k-spreadsheet .k-spreadsheet-pane.k-left{border-left-width:0}.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell{position:absolute;white-space:pre;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:1px;background-clip:padding-box}.k-spreadsheet .k-spreadsheet-haxis,.k-spreadsheet .k-spreadsheet-vaxis{position:absolute;border-style:solid}.k-spreadsheet .k-spreadsheet-vaxis{top:0;border-width:0 0 0 1px}.k-spreadsheet .k-spreadsheet-haxis{left:0;border-width:1px 0 0}.k-spreadsheet .k-filter-range,.k-spreadsheet .k-spreadsheet-selection{border-width:1px;border-style:solid;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.k-spreadsheet .k-spreadsheet-active-cell{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.k-spreadsheet .k-spreadsheet-action-bar{border-width:0 0 1px;border-style:solid;position:relative;font-size:12px;font-family:Arial,Verdana,sans-serif;display:table;width:100%}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar,.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor{display:table-cell}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor{position:relative;vertical-align:top;border-width:0 1px 0 0;border-style:solid}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox{width:9.5em;border-radius:0;border-color:transparent}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap{border-radius:0;border-color:transparent;background:0 0;-webkit-box-shadow:none;box-shadow:none}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input{border-radius:0}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select{border-radius:0;margin:-1px -1px -1px 0;padding:1px 1px 1px 0}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar{width:100%;padding-left:31px}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar:before{background-image:none;font-family:KendoUIGlyphs;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:1.3em;line-height:1;opacity:1;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\E659";display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-width:0 1px 0 0;border-style:solid;width:24px;margin-left:-24px}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input{overflow:hidden}.k-spreadsheet .k-spreadsheet-formula-input{outline:0;border-width:0;height:26px;line-height:20px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:pre;padding:3px .5em 0}.k-spreadsheet .k-spreadsheet-cell-editor{position:absolute;display:none;padding:0 3px;line-height:20px;z-index:2000;overflow:hidden}.k-spreadsheet>.k-spreadsheet-view{position:relative;font-size:12px;font-family:Arial,Verdana,sans-serif}.k-spreadsheet .k-tabstrip-wrapper{position:relative;line-height:1.7em}.k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items{padding:.3em 0 0}.k-spreadsheet .k-spreadsheet-quick-access-toolbar{display:inline-block;position:absolute;z-index:1;top:0;left:0;padding:.3em .3em 0}.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button{padding:.3em;line-height:1.4em}.k-spreadsheet .k-filter-wrapper,.k-spreadsheet .k-merged-cells-wrapper,.k-spreadsheet .k-selection-wrapper,.k-spreadsheet .k-spreadsheet-row-header{position:relative}.k-spreadsheet .k-spreadsheet-column-header{position:absolute}.k-spreadsheet .k-spreadsheet-sheets-bar{border-width:1px 0 0}.k-spreadsheet .k-vertical-align-center{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.k-spreadsheet .k-vertical-align-bottom{position:relative;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-spreadsheet .k-dirty{position:absolute;top:0;right:0;margin:-2px 0 0 -7px;border-width:4px;border-color:red red transparent transparent}.k-spreadsheet .k-single-selection:after{content:" ";height:6px;width:6px;position:absolute;display:block;bottom:0;right:0;border-radius:50%;margin-bottom:-5px;margin-right:-5px;border-width:1px;border-style:solid;z-index:100;cursor:crosshair}.k-spreadsheet .k-spreadsheet-edit-container .k-single-selection:after{display:none}.k-spreadsheet .k-auto-fill,.k-spreadsheet .k-auto-fill-punch{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.k-spreadsheet .k-auto-fill{border-width:1px;border-style:solid;cursor:crosshair}.k-spreadsheet-names-popup .k-item,.k-spreadsheet .k-auto-fill-wrapper{position:relative}.k-spreadsheet-names-popup .k-icon{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:.7;cursor:pointer}.k-spreadsheet-names-popup .k-icon:hover{opacity:1}.k-horizontal-resize{cursor:col-resize}.k-vertical-resize{cursor:row-resize}.k-merged-cells-wrapper,.k-selection-wrapper,.k-spreadsheet-active-cell,.k-spreadsheet-data{cursor:cell}.k-horizontal-resize .k-merged-cells-wrapper,.k-horizontal-resize .k-selection-wrapper,.k-horizontal-resize .k-spreadsheet-active-cell,.k-horizontal-resize .k-spreadsheet-data{cursor:col-resize}.k-vertical-resize .k-merged-cells-wrapper,.k-vertical-resize .k-selection-wrapper,.k-vertical-resize .k-spreadsheet-active-cell,.k-vertical-resize .k-spreadsheet-data{cursor:row-resize}.k-font-icon,.k-font-icon.k-icon,.k-font-icon.k-tool-icon{font-family:KendoUIGlyphs;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:1.3em;line-height:1;opacity:1;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none;font-size:16px}.k-spreadsheet .k-colorpicker .k-tool-icon{overflow:visible}.k-button.k-custom-color,.k-button.k-reset-color{display:block;width:100%;border-radius:0;border:none;text-align:left;line-height:2em}.k-spreadsheet-colorpicker .k-colorpalette{border:1px solid #dbdbdb;border-left:none;border-right:none;padding:.4em}.k-spreadsheet-filter{position:absolute;cursor:pointer}.k-spreadsheet-sample{float:right}.k-spreadsheet-clipboard,.k-spreadsheet-clipboard-paste{position:absolute;opacity:0;top:0;left:0;overflow:hidden;padding:0;margin:0;border:0;width:1px;height:1px;-webkit-box-sizing:border-box;box-sizing:border-box}textarea.k-spreadsheet-clipboard{position:fixed}.k-spreadsheet-top-corner{position:absolute;top:0;left:0;z-index:10000;border-width:0 1px 1px 0;border-style:solid}.k-spreadsheet-top-corner:after{content:"";display:block;width:0;height:0;overflow:hidden;position:absolute;bottom:0;right:0;border-width:6px;border-style:solid}.k-spreadsheet-scroller{width:100%;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;position:absolute;z-index:1}.k-spreadsheet-fixed-container{position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-spreadsheet-view-size{position:relative}.k-spreadsheet-column-header,.k-spreadsheet-row-header{text-align:center}.k-spreadsheet-column-header .k-spreadsheet-cell,.k-spreadsheet-row-header .k-spreadsheet-cell{border-style:solid;border-width:0 1px 1px 0}div.k-spreadsheet-window{padding:1.167em .75em .75em}.k-spreadsheet-window .k-edit-form-container{width:100%}.k-spreadsheet-window .k-root-tabs{border-width:0;margin:-1em -1em 0;padding:.5em 1em 0}.k-spreadsheet-window .k-root-tabs .k-loading{display:none}.k-spreadsheet-window .k-list-wrapper{padding:.15em 0;border-width:1px;border-style:solid;height:190px}.k-spreadsheet-window .k-list .k-item{border-radius:0;padding:.5em .6em .4em .6em;cursor:pointer;line-height:1.1em}.k-spreadsheet-window .k-format-filter{width:100%}.k-spreadsheet-window .k-format-filter+.k-group-header+.k-list-wrapper{margin-top:1em}.k-spreadsheet-window .k-action-buttons{padding:1em}.k-spreadsheet-window .k-edit-label{width:27%;margin:0 0 0 .75em}.k-spreadsheet-window .k-edit-field{width:67%;margin:0 .917em 0 0}.k-spreadsheet-window .k-edit-field>.k-radio-label{margin-right:1.25em;vertical-align:baseline}.k-spreadsheet-window .k-edit-field>.k-radio-label:after,.k-spreadsheet-window .k-edit-field>.k-radio-label:before{margin-top:-1px}.k-spreadsheet-window .k-edit-field,.k-spreadsheet-window .k-edit-label{padding:0;line-height:3em}.k-spreadsheet-window .k-edit-field .k-dropdown,.k-spreadsheet-window .k-edit-field .k-textbox{width:100%}.k-spreadsheet-window .export-config{border-width:1px 0 0;border-style:solid;padding:1em;margin:0 -1em}.k-spreadsheet-window .export-config .k-edit-field{width:40%;float:left;margin-left:30px}.k-spreadsheet-window .k-edit-field>input[type=radio]{display:inline;opacity:0;width:0;margin:0}.k-spreadsheet-window .k-edit-field>.k-orientation-label{position:relative;display:inline-block;text-align:center;width:28px;height:28px;line-height:28px;border-width:1px;border-style:solid}.k-spreadsheet-window .k-edit-field>.k-orientation-label:before{font-family:KendoUIGlyphs;font-size:16px}.k-spreadsheet-window .k-orientation-portrait-label:before{content:"\\E639"}.k-spreadsheet-window .k-orientation-landscape-label:before{content:"\\E901"}.k-spreadsheet-window .k-page-orientation{position:absolute;right:4em;top:22%;width:64px;height:92px;border-width:1px;border-style:solid}.k-spreadsheet-window .k-page-orientation:before{position:absolute;top:0;right:0;content:"";display:inline-block;width:0;height:0;border-width:3px;border-style:solid;margin-top:-1px;margin-right:-1px}.k-spreadsheet-window .k-page-landscape{top:26%;width:92px;height:64px}.k-spreadsheet-window .k-margins-horizontal{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:62px;border-width:1px 0;border-style:solid}.k-spreadsheet-window .k-margins-vertical{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:34px;height:100%;border-width:0 1px;border-style:solid}.k-spreadsheet-window .k-page-landscape .k-margins-horizontal{height:34px}.k-spreadsheet-window .k-page-landscape .k-margins-vertical{width:62px}.k-spreadsheet-window .export-config:after,.k-spreadsheet-window>div:after{content:" ";display:block;clear:both;height:0}.k-spreadsheet-format-cells .k-spreadsheet-preview{font-weight:700;text-align:center;font-size:1.16em;line-height:3.64em;margin:0 -.863em .72em;border-style:solid;border-width:1px 0}.k-spreadsheet-border-palette{width:153px}.k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button{-webkit-box-sizing:border-box;box-sizing:border-box;width:20%}.k-spreadsheet-border-palette .k-colorpalette{vertical-align:bottom}.k-spreadsheet-popup .k-separator{width:1px;height:1.8em;vertical-align:middle;display:inline-block}.k-spreadsheet-popup .k-colorpalette{vertical-align:top}.k-spreadsheet-popup .k-button.k-button-icon{padding:.6em;border-width:0;border-radius:0}.k-spreadsheet-popup .k-button.k-button-icontext{display:block;text-align:left;text-transform:none;padding:.3em 1.5em .3em .9em;border-width:0;border-radius:0}.k-spreadsheet-filter-menu{width:280px}.k-spreadsheet-filter-menu>.k-menu{border-width:0}.k-spreadsheet-filter-menu>.k-menu .k-link{padding-left:26px}.k-spreadsheet-filter-menu>.k-menu .k-icon.k-font-icon{margin-left:-26px;width:26px}.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper{height:200px;overflow-y:scroll;overflow-x:auto;border-width:1px;border-style:solid}.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview{overflow:visible;padding:6px 7px}.k-spreadsheet-filter-menu .k-details{border-top-width:1px;border-top-style:solid;padding:4px 0}.k-spreadsheet-filter-menu .k-details-summary{cursor:pointer;line-height:26px}.k-spreadsheet-filter-menu .k-details-summary .k-icon{margin:0 5px}.k-spreadsheet-filter-menu .k-details-content{padding:0 8px 0 26px}.k-spreadsheet-filter-menu .k-details-content>.k-textbox,.k-spreadsheet-filter-menu .k-details-content>.k-widget{width:100%;margin-bottom:3px}.k-spreadsheet-filter-menu .k-details-content .k-space-right{background-image:none}.k-spreadsheet-filter-menu .k-details-content .k-filter-and{width:75px;margin:8px 0}.k-spreadsheet-filter-menu .k-action-buttons{border-top-width:0;margin:8px;padding:0;position:static}.k-resize-handle,.k-resize-hint{position:absolute}.k-resize-hint-handle{width:100%;height:20px}.k-resize-hint-marker{width:2px;height:100%;margin:0 auto}.k-resize-hint-vertical .k-resize-hint-handle{height:100%;width:20px;float:left}.k-resize-hint-vertical .k-resize-hint-marker{height:2px;width:100%}.k-button.k-spreadsheet-sheets-bar-add,.k-spreadsheet-quick-access-toolbar .k-button{border-color:transparent;background-color:transparent;background-image:none}.k-spreadsheet-tabstrip{border-left-width:0;border-right-width:0;border-top-width:0}.k-spreadsheet-tabstrip>.k-content{border-left-width:0;border-right-width:0;border-bottom-width:0;margin:0;padding:0}.k-spreadsheet-tabstrip .k-loading{display:none}.k-spreadsheet-toolbar.k-toolbar{border-top-width:0;border-left-width:0;border-right-width:0}.k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor+*{margin-left:.3em}.k-spreadsheet-toolbar.k-toolbar>.k-button-group{border-width:0}.k-spreadsheet-toolbar .k-button,.k-spreadsheet-toolbar>.k-button-group,.k-spreadsheet-toolbar>.k-widget,.k-spreadsheet-toolbar>.k-widget .k-state-default:not(.k-state-hover):not(.k-state-active){margin:0;border-color:transparent;background-color:transparent;background-image:none}.k-spreadsheet-toolbar>.k-widget[data-property=fontSize]{width:75px}.k-spreadsheet-toolbar>.k-widget[data-property=format]{width:100px}.k-spreadsheet-toolbar>.k-widget[data-property=fontFamily]{width:130px}.k-spreadsheet-toolbar>.k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.k-spreadsheet-toolbar>.k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select{border-color:transparent}.k-spreadsheet-toolbar .k-separator{margin:0 3px;width:0;overflow:hidden;height:1.8em;vertical-align:middle;display:inline-block}.k-spreadsheet-formula-input>.k-syntax-bool.k-syntax-at-point,.k-spreadsheet-formula-input>.k-syntax-func.k-syntax-at-point,.k-spreadsheet-formula-input>.k-syntax-num.k-syntax-at-point,.k-spreadsheet-formula-input>.k-syntax-ref.k-syntax-at-point,.k-spreadsheet-formula-input>.k-syntax-str.k-syntax-at-point{text-decoration:underline}.k-spreadsheet-formula-input>.k-series-a,.k-spreadsheet-formula-input>.k-series-b,.k-spreadsheet-formula-input>.k-series-c,.k-spreadsheet-formula-input>.k-series-d{background-color:transparent}.k-spreadsheet-selection-highlight{border-width:1px;border-style:solid;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.k-spreadsheet-formula-list{min-width:100px}.k-spreadsheet-formula-list .k-item{padding:0 .3em;-webkit-box-shadow:none;box-shadow:none}.k-spreadsheet-sheets-bar{position:relative}.k-button.k-spreadsheet-sheets-bar-add{position:absolute;bottom:.2em;left:.4em;z-index:1}.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove{padding:0;margin:.5em .5em .5em -.5em}.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon{padding:2px;line-height:normal}.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon{margin:0}.k-spreadsheet-sheets-items-hint{margin-top:.1em;background:0 0!important;border-width:0!important}.k-spreadsheet-editor-button{position:absolute;width:20px;z-index:10;margin-left:2px;padding:0!important}.k-spreadsheet-editor-button span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hint-wrapper{margin-top:1em}.hint-wrapper:before{content:"";display:block;width:100%;height:1px;margin-left:-.917em;padding-right:.917em;padding-left:.917em}.k-edit-form-container>div:after{display:block;content:"";clear:both}.k-dialog{min-width:90px;min-height:3em;max-width:100%;max-height:100%}.k-dialog.k-window{position:fixed;padding-top:0}.k-dialog.k-dialog-centered{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.k-dialog .k-window-titlebar{position:static;margin:0;padding:.6em .8em 1em .8em;width:auto}.k-dialog .k-window-titlebar .k-dialog-title{margin:0;padding:0;width:auto;max-width:98%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2em;line-height:1.2em}.k-dialog .k-content{margin:0;padding:1.8em 1em 1.8em 1em}.k-dialog.k-dialog-titleless .k-content{padding:2.4em}.k-dialog .k-dialog-buttongroup{margin:0;padding:0}.k-dialog a.k-dialog-action.k-dialog-close{position:absolute;right:0;cursor:pointer;z-index:10000}.k-dialog a.k-dialog-action.k-dialog-close .k-font-icon{background-image:none;font-family:KendoUIGlyphs;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:1.3em;line-height:1;opacity:1;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close{right:.5em;top:1em}.k-dialog.k-alert .k-window-titlebar,.k-dialog.k-confirm .k-window-titlebar,.k-dialog.k-prompt .k-window-titlebar{background:0 0;border-bottom:none}.k-dialog.k-alert .k-content,.k-dialog.k-confirm .k-content{padding:2.4em}.k-dialog.k-prompt .k-content{padding:1.2em 1.2em .6em 1.2em}.k-dialog .k-prompt-container{width:auto;padding:.6em 1.2em 1.8em 1.2em}.k-dialog .k-prompt-container .k-textbox{width:100%}\n/** \r\n * Kendo UI v2016.3.914 (http://www.telerik.com/kendo-ui)                                                                                                                                               \r\n * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      \r\n *                                                                                                                                                                                                      \r\n * Kendo UI commercial licenses may be obtained at                                                                                                                                                      \r\n * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  \r\n * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n                                                                                                                                                                                                       \r\n\r\n*/.k-theme-test-class,.ktb-theme-id-default{opacity:0}.ktb-var-accent{color:#13688c}.ktb-var-base{color:#daecf4}.ktb-var-background{color:#fff}.ktb-var-border-radius{border-radius:4px}.ktb-var-normal-background{color:#fff}.ktb-var-normal-gradient{background-image:"";background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0))}.ktb-var-normal-text-color{color:#003f59}.ktb-var-hover-background{color:#7bd2f6}.ktb-var-hover-gradient{background-image:"";background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0))}.ktb-var-hover-text-color{color:#003f59}.ktb-var-selected-background{color:#13688c}.ktb-var-selected-gradient{background-image:"";background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23))}.ktb-var-selected-text-color{color:#fff}.ktb-var-error{color:#db4240}.ktb-var-warning{color:#ffe79e}.ktb-var-success{color:#37b400}.ktb-var-info{color:#06c}.ktb-var-series-a{color:#0069a5}.ktb-var-series-b{color:#0098ee}.ktb-var-series-c{color:#7bd2f6}.ktb-var-series-d{color:#ffb800}.ktb-var-series-e{color:#ff8517}.ktb-var-series-f{color:#e34a00}.k-grid-norecords-template{background-color:#fff;border:1px solid #bbdceb}.k-in,.k-item,.k-window-action{border-color:transparent}.k-block,.k-widget{background-color:#fff}.k-autocomplete,.k-block,.k-button-group .k-tool,.k-calendar th,.k-colorpicker .k-i-arrow-s,.k-content,.k-dropdown-wrap,.k-dropzone-active,.k-editable-area,.k-editor-dialog .k-tabstrip-items,.k-filter-row>th,.k-footer-template td,.k-grid-content-locked,.k-grid-footer,.k-grid-footer-locked,.k-grid-footer-wrap,.k-grid-header,.k-grid-header-locked,.k-grid-header-wrap,.k-grid td,.k-grid td.k-state-selected,.k-group,.k-group-footer td,.k-grouping-header,.k-grouping-header .k-group-indicator,.k-header,.k-input,.k-pager-refresh,.k-pager-wrap,.k-pager-wrap .k-link,.k-panel>.k-item>.k-link,.k-panelbar .k-content,.k-panelbar .k-panel,.k-panelbar>.k-item>.k-link,.k-popup.k-align .k-list .k-item:last-child,.k-separator,.k-slider-track,.k-splitbar,.k-state-default,.k-state-default .k-select,.k-state-disabled,.k-textbox,.k-textbox>input,.k-tiles,.k-toolbar,.k-tooltip,.k-treemap-tile,.k-upload-files,.k-widget{border-color:#bbdceb}.k-calendar th,.k-dropzone-hovered,.k-footer-template td,.k-grid-footer,.k-group,.k-group-footer td,.k-grouping-header,.k-pager-wrap,.k-toolbar,.k-widget.k-popup,.k-widget .k-status{background-color:#f5f5f5}.k-grouping-row td,.k-resize-handle-inner,td.k-group-cell{background-color:#d9ecf5}.k-list-container{border-color:#a3d0e4;background-color:#daecf4}.k-content,.k-editable-area,.k-panel>li.k-item,.k-panelbar>li.k-item,.k-tiles{background-color:#fff}.k-alt,.k-pivot-layout>tbody>tr:first-child>td:first-child,.k-resource.k-alt,.k-separator{background-color:#e6f2f8}.k-header.k-alt,.k-pivot-rowheaders .k-alt .k-alt{background-color:#c6e2ee}.k-autocomplete.k-header,.k-dropdown-wrap.k-state-active,.k-numeric-wrap.k-state-active,.k-picker-wrap.k-state-active,.k-textbox{border-color:#bbdceb;background-color:#daecf4}.k-autocomplete .k-input,.k-autocomplete.k-state-focused .k-input,.k-dropdown-wrap .k-input,.k-dropdown-wrap.k-state-focused .k-input,.k-numeric-wrap.k-state-focused .k-input,.k-picker-wrap.k-state-focused .k-input,.k-textbox>input{border-color:#bbdceb}.k-textbox>input,input.k-textbox,input.k-textbox:hover,textarea.k-textbox,textarea.k-textbox:hover{background:0 0}.k-input,.k-input[readonly],.k-multiselect-wrap,.k-textbox>input,input.k-textbox,input.k-textbox:hover,textarea.k-textbox,textarea.k-textbox:hover{background-color:#fff;color:#003f59}.k-block,.k-content,.k-dropdown .k-input,.k-popup,.k-toolbar,.k-widget{color:#003f59}.k-inverse{color:#fff}.k-block{color:#00435e}.k-link:link,.k-link:visited,.k-nav-current.k-state-hover .k-link,.k-panelbar>li>.k-link,.k-tabstrip-items .k-link{color:#003f59}.k-grid-header .k-header>.k-link,.k-header,.k-treemap-title{color:#00435e}.k-autocomplete,.k-button,.k-draghandle,.k-dropdown-wrap,.k-grid-header,.k-grouping-header,.k-header,.k-numeric-wrap,.k-pager-wrap,.k-panelbar .k-tabstrip-items .k-item,.k-picker-wrap,.k-progressbar,.k-state-highlight,.k-tabstrip-items .k-item,.k-textbox,.k-toolbar,.km-pane-wrapper>.km-pane>.km-view>.km-content{background-image:"";background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0));background-position:50% 50%;background-color:#d9ecf5}.k-block,.k-button,.k-draghandle,.k-grid-header,.k-grouping-header,.k-header,.k-pager-wrap,.k-toolbar,.k-treemap-tile,html .km-pane-wrapper .k-header{background-color:#d9ecf5}.k-mediaplayer-toolbar{background-color:hsla(0,0%,96%,.7)}.k-column-menu .k-state-active .k-sprite,.k-column-menu .k-state-hover .k-sprite,.k-icon:hover,.k-pager-numbers .k-current-page .k-link:hover:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view.k-state-hover>.k-link:after,.k-state-focused .k-icon,.k-state-hover .k-icon,.k-state-selected .k-icon{opacity:1}.k-column-menu .k-sprite,.k-icon,.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked,.k-pager-numbers .k-current-page .k-link:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,.k-state-disabled .k-icon{opacity:.9}.k-tool{border-color:transparent}.k-column-menu .k-sprite,.k-drop-hint,.k-gantt-views>.k-current-view>.k-link:after,.k-grid-mobile .k-resize-handle-inner:after,.k-grid-mobile .k-resize-handle-inner:before,.k-grouping-dropclue,.k-icon,.k-loading-image,.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked,.k-pager-numbers .k-current-page .k-link:after{background-image:""}.k-loading-color{background-color:#fff}.k-button{color:#003f59;border-color:#a3d0e4;background-color:#daecf4}.k-draghandle{border-color:#a3d0e4;background-color:#fff}.k-draghandle,.k-draghandle:hover{-webkit-box-shadow:none;box-shadow:none}.k-draghandle:hover{border-color:#8bc4dd;background-color:#7cd1f5}.k-scheduler{background-color:#fff}.k-scheduler,.k-scheduler-layout{color:#003f59}.k-scheduler-datecolumn,.k-scheduler-groupcolumn{background-color:#fff;color:#003f59}.k-scheduler-header-wrap,.k-scheduler-header th,.k-scheduler-table td,.k-scheduler-times,.k-scheduler-times th,.k-scheduler-times tr{border-color:#a3d0e4}.k-nonwork-hour{background-color:#e6f2f8}.k-gantt .k-nonwork-hour{background-color:rgba(218,236,244,.2)}.k-gantt .k-header.k-nonwork-hour{background-color:rgba(218,236,244,.15)}.k-scheduler-table .k-today,.k-today>.k-scheduler-datecolumn,.k-today>.k-scheduler-groupcolumn{background-color:#f2f8fb}.k-scheduler-now-arrow{border-left-color:#721715}.k-scheduler-now-line{background-color:#721715}.k-event,.k-task-complete{border-color:#5ec0e9;background:#1ea4dd 0 -257px repeat-x;color:#003f59}.k-event-inverse{color:#fff}.k-event.k-state-selected{background-position:0 0;-webkit-box-shadow:0 0 0 2px #003f59;box-shadow:0 0 0 2px #003f59}.k-event .k-resize-handle:after,.k-task-single .k-resize-handle:after{background-color:#003b54}.k-scheduler-marquee:after,.k-scheduler-marquee:before{border-color:#13688c}.k-panelbar .k-content,.k-panelbar .k-item,.k-panelbar .k-panel{background-color:#fff;color:#003f59;border-color:#a3d0e4}.k-panelbar>li>.k-link{color:#003f59}.k-panelbar>.k-item>.k-link{border-color:#a3d0e4}.k-panel>li.k-item{background-color:#fff}.k-active-filter,.k-state-active,.k-state-active:hover,.k-tabstrip .k-state-active{background-color:#fff;border-color:#68b1d2;color:#00435e}.k-fieldselector .k-list-container{background-color:#fff}.k-button.k-state-focused,.k-button:focus{border-color:#a3d0e4}.k-button.k-state-hover,.k-button:hover{color:#003f59;border-color:#8bc4dd;background-color:#7bd2f6}.k-button.k-state-active,.k-button:active{color:#fff;background-color:#13688c;border-color:#146b90}.k-button.k-state-active:hover,.k-button:active:hover{color:#fff;border-color:#1cb1ef;background-color:#157299}.k-button.k-state-disabled,.k-button.k-state-disabled:active,.k-button.k-state-disabled:hover,.k-button[disabled],.k-state-disabled .k-button,.k-state-disabled .k-button:active,.k-state-disabled .k-button:hover{color:#9fcee2;border-color:#a3d0e4;background-color:#daecf4;background-image:"";background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0))}.k-button:focus:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:inset 0 0 3px 1px #8bc4dd;box-shadow:inset 0 0 3px 1px #8bc4dd}.k-button:focus:active:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:inset 0 0 3px 1px #0e4a64;box-shadow:inset 0 0 3px 1px #0e4a64}.k-menu .k-state-hover>.k-state-active{background-color:transparent}.k-button-bare.k-state-focused .k-font-icon,.k-button-bare:focus .k-font-icon{text-shadow:0 0 3px currentColor}html .k-mediaplayer-toolbar .k-button-bare.k-state-active,html .k-mediaplayer-toolbar .k-button-bare.k-state-active:hover,html .k-mediaplayer-toolbar .k-button-bare:active{color:#13688c}.k-menu .k-state-selected>.k-link{color:#fff;background-color:#13688c;border-color:#146b90;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23))}.k-menu .k-link.k-state-active{background-color:#fff;border-color:#68b1d2;color:#00435e}.k-menu .k-state-hover>.k-link{color:#003f59;background-color:#7bd2f6;border-color:#8bc4dd;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0))}.k-state-highlight{background:#fff;color:#00435e}.k-grouping-row .k-state-focused,.k-state-focused{border-color:#bbdceb}.k-calendar .k-link{color:#003f59}.k-calendar .k-footer{padding:0}.k-calendar .k-footer .k-nav-today{color:#003f59;text-decoration:none;background-color:#fff}.k-calendar .k-footer .k-nav-today.k-state-hover,.k-calendar .k-footer .k-nav-today:hover{background-color:#fff;text-decoration:underline}.k-calendar .k-footer .k-nav-today:active{background-color:#fff}.k-calendar .k-link.k-nav-fast{color:#003f59}.k-calendar .k-nav-fast.k-state-hover{text-decoration:none;background-color:#7bd2f6;color:#003f59}.k-calendar .k-link.k-state-hover{border-radius:4px}.k-calendar .k-today{-webkit-box-shadow:inset 0 0 0 1px #13688c;box-shadow:inset 0 0 0 1px #13688c}.k-calendar .k-today .k-link{color:#13688c;font-weight:700}.k-calendar td.k-today.k-state-focused,.k-calendar td.k-today.k-state-focused.k-state-hover{-webkit-box-shadow:inset 0 0 3px 1px #59cfff;box-shadow:inset 0 0 3px 1px #59cfff}.k-calendar td.k-today.k-state-hover,.k-calendar td.k-today.k-state-selected{-webkit-box-shadow:none;box-shadow:none}.k-calendar td.k-today.k-state-hover .k-link{color:#003f59}.k-calendar .k-footer .k-link{border-radius:0}.k-calendar th{background-color:#f5f5f5}.k-calendar td.k-state-selected.k-state-hover{background-color:#0d6a92;background-image:none}.k-calendar td.k-state-selected .k-link,.k-calendar td.k-today.k-state-selected.k-state-hover .k-link{color:#fff}.k-calendar td.k-state-focused.k-state-selected,.k-calendar td.k-state-selected.k-state-active,.k-calendar td.k-state-selected.k-state-hover:active,.k-calendar td.k-state-selected:active{-webkit-box-shadow:inset 0 0 3px 1px #59cfff;box-shadow:inset 0 0 3px 1px #59cfff}.k-window-titlebar .k-link{border-radius:4px}.k-calendar-container.k-group{border-color:#a3d0e4}.k-draghandle.k-state-selected:hover,.k-ghost-splitbar-horizontal,.k-ghost-splitbar-vertical,.k-list>.k-state-highlight,.k-list>.k-state-selected,.k-marquee-color,.k-panel>.k-state-selected,.k-scheduler .k-scheduler-toolbar .k-state-selected,.k-scheduler .k-today.k-state-selected,.k-state-selected,.k-state-selected:link,.k-state-selected:visited{color:#fff;background-color:#13688c;border-color:#146b90}.k-group-header+.k-list>.k-item.k-first,.k-static-header+.k-list>.k-item.k-first,.k-virtual-item.k-first{border-top-color:#8bc4dd}.k-group-header+div>.k-list>.k-item.k-first:before{border-top-color:#88c5e0}.k-popup>.k-group-header,.k-popup>.k-virtual-wrap>.k-group-header{background:#8bc4dd;color:#fff}.k-popup .k-list .k-item>.k-group{background:#88c5e0;color:#fff;border-bottom-left-radius:3px}.k-popup .k-treeview .k-item>.k-group{background:0 0;color:#003f59}.k-marquee-text{color:#fff}.k-button.k-state-focused,.k-grid-header th.k-state-focused,.k-list>.k-state-focused,.k-listview>.k-state-focused,.k-state-focused,td.k-state-focused{-webkit-box-shadow:inset 0 0 3px 1px #59cfff;box-shadow:inset 0 0 3px 1px #59cfff}.k-list>.k-state-focused.k-state-selected,.k-listview>.k-state-focused.k-state-selected,.k-state-focused.k-state-selected,td.k-state-focused.k-state-selected{-webkit-box-shadow:inset 0 0 3px 1px #0e4a64;box-shadow:inset 0 0 3px 1px #0e4a64}.k-ie8 .k-button.k-state-focused,.k-ie8 .k-button:focus,.k-ie8 .k-grid-header th.k-state-focused,.k-ie8 .k-listview>.k-state-focused,.k-ie8 .k-menu li.k-state-focused,.k-ie8 .k-panelbar span.k-state-focused,.k-ie8 .k-tool.k-state-hover,.k-ie8 td.k-state-focused{background-color:#7bd2f6}.k-list-optionlabel.k-state-selected.k-state-focused,.k-list>.k-state-selected.k-state-focused{-webkit-box-shadow:none;box-shadow:none}.k-panelbar>li.k-state-default>.k-link.k-state-selected,.k-panelbar>li>.k-state-selected,.k-state-selected>.k-link{color:#fff}.k-dropdown .k-state-focused,.k-filebrowser-dropzone,.k-list>.k-state-hover,.k-mobile-list .k-edit-label.k-check:active,.k-mobile-list .k-item>.k-label:active,.k-mobile-list .k-item>.k-link:active,.k-mobile-list .k-recur-view .k-check:active,.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active,.k-pager-wrap .k-link:hover,.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,.k-splitbar-horizontal-hover:hover,.k-splitbar-vertical-hover:hover,.k-state-hover,.k-state-hover:hover{color:#003f59;background-color:#7bd2f6;border-color:#8bc4dd}.k-ie8 .k-window-titlebar .k-state-hover,.k-state-focused>.k-select,.k-state-hover>.k-select{border-color:#8bc4dd}.k-button.k-state-focused,.k-button.k-state-hover,.k-button:focus,.k-button:hover,.k-draghandle:hover,.k-other-month.k-state-hover .k-link,.k-pager-wrap .k-link:hover,.k-state-hover,.k-state-hover:hover,.k-textbox:hover,div.k-filebrowser-dropzone em{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0))}.k-pager-wrap{background-color:#d9ecf5;color:#00435e}.k-autocomplete.k-state-active,.k-button:active,.k-dropdown-wrap.k-state-active,.k-numeric-wrap.k-state-active,.k-panelbar>.k-item>.k-state-focused,.k-picker-wrap.k-state-active,.k-state-active,.k-state-active:hover,.k-state-active>.k-link{background-image:none}.k-button.k-state-active,.k-button:active,.k-draghandle.k-state-selected:hover,.k-state-selected{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23))}.k-button.k-state-active,.k-button:active,.k-draghandle.k-state-selected:hover{background-position:50% 50%}.k-tool-icon{background-image:""}.k-other-month.k-state-hover .k-link,.k-state-hover>.k-link,div.k-filebrowser-dropzone em{color:#003f59}.k-autocomplete.k-state-focused,.k-autocomplete.k-state-hover,.k-dropdown-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-numeric-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-picker-wrap.k-state-hover{background-color:#7ad2f7;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0));background-position:50% 50%;border-color:#8bc4dd}.k-dropdown .k-state-focused .k-input,.km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]),.km-pane-wrapper .k-mobile-list textarea,.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]){color:#003f59}.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0));background-position:50% 50%;background:#deeef5;border-color:#a3d0e4}.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right>input{background:#fff;border-color:#a3d0e4}.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right>input:focus{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.3);box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.k-dropdown .k-state-hover .k-input{color:#003f59}.k-state-error{border-color:#721715;background-color:#eef9fe;color:#115b7a}.k-state-disabled{opacity:.7}.k-ie8 .k-state-disabled{filter:alpha(opacity=70)}.k-loading-mask.k-state-selected,.k-tile-empty.k-state-selected{border-width:0;background-image:none;background-color:transparent}.k-dropzone .k-upload-status,.k-dropzone em,.k-other-month,.k-other-month .k-link,.k-slider .k-draghandle,.k-state-disabled,.k-state-disabled .k-button,.k-state-disabled .k-link,.k-tile-empty strong{color:#9fcee2}.k-progressbar-indeterminate{background:""}.k-progressbar-indeterminate .k-progress-status-wrap,.k-progressbar-indeterminate .k-state-selected{display:none}.k-slider-track{background-color:#bbdceb}.k-slider-selection{background-color:#13688c}.k-slider-horizontal .k-tick,.k-slider-vertical .k-tick{background-image:""}.k-widget.k-tooltip{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0));background-position:50% 50%;background-color:#d9ecf5;color:#00435e;border-color:transparent;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.3);box-shadow:0 4px 6px rgba(0,0,0,.3)}.k-widget.k-tooltip-validation{border-color:#ffe79e;background-color:#ffe79e;color:#6b5100}.input-append .k-tooltip-validation,.input-prepend .k-tooltip-validation{font-size:12px;position:relative;top:3px}.k-callout-n{border-bottom-color:#d9ecf5}.k-callout-w{border-right-color:#d9ecf5}.k-callout-s{border-top-color:#d9ecf5}.k-callout-e{border-left-color:#d9ecf5}.k-tooltip-validation .k-callout-n{border-bottom-color:#ffe79e}.k-tooltip-validation .k-callout-w{border-right-color:#ffe79e}.k-tooltip-validation .k-callout-s{border-top-color:#ffe79e}.k-tooltip-validation .k-callout-e{border-left-color:#ffe79e}.k-splitbar{background-color:#daecf4}.k-restricted-size-horizontal,.k-restricted-size-vertical{background-color:#115b7a}.k-file{background-color:#fff;border-color:#bbdceb}.k-file-progress{color:#00435e}.k-file-progress .k-progress{background-color:#06c}.k-file-success{color:#37b400}.k-file-success .k-progress{background-color:#37b400}.k-file-error{color:#db4240}.k-file-error .k-progress,.k-file-invalid .k-progress{background-color:#db4240}.k-file-extension-wrapper,.k-multiple-files-extension-wrapper{color:#9fcee2;border-color:#9fcee2}.k-file-invalid .k-file-name-invalid{color:#db4240}.k-file-invalid-extension-wrapper,.k-multiple-files-invalid-extension-wrapper{color:#db4240;border-color:#f2bdbc}.k-file-extension-wrapper:before,.k-multiple-files-extension-wrapper:before{background-color:#fff;border-color:transparent transparent #9fcee2 #9fcee2}.k-file-invalid-extension-wrapper:before,.k-multiple-files-invalid-extension-wrapper:before{background-color:#fff;border-color:transparent transparent #f2bdbc #f2bdbc}.k-multiple-files-extension-wrapper:after{border-top-color:#9fcee2;border-left-color:#9fcee2}.k-multiple-files-invalid-extension-wrapper:after{border-top-color:#f2bdbc;border-left-color:#f2bdbc}.k-file-information,.k-file-size,.k-file-validation-message{color:#9fcee2}.k-upload .k-upload-selected{color:#13688c;border-color:#bbdceb}.k-tile{border-color:#fff}.k-textbox:hover,.k-tiles li.k-state-hover{border-color:#8bc4dd}.k-tiles li.k-state-selected{border-color:#146b90}.k-filebrowser .k-tile .k-file,.k-filebrowser .k-tile .k-folder,.k-filebrowser .k-tile .k-i-file,.k-filebrowser .k-tile .k-i-folder{background-image:"";background-size:auto auto}.k-leaf,.k-leaf.k-state-hover:hover{color:#fff}.k-leaf.k-inverse,.k-leaf.k-inverse.k-state-hover:hover{color:#000}.k-button,.k-slider,.k-state-hover,.k-treeview,.k-upload,.k-widget{-webkit-box-shadow:none;box-shadow:none}.k-autocomplete.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-numeric-wrap.k-state-focused,.k-picker-wrap.k-state-focused,.k-textbox:focus{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.3);box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.k-state-active,.k-state-selected{-webkit-box-shadow:none;box-shadow:none}.k-grid tr:hover{background-color:#7ad2f7;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0));background-position:50% 50%}.k-pivot-rowheaders .k-grid tr:hover{background:0 0}.k-grid td.k-state-selected:hover,.k-grid tr.k-state-selected:hover{background-color:#0d6a92;background-image:none}.k-autocomplete.k-state-border-down,.k-autocomplete.k-state-border-up,.k-datepicker-calendar,.k-dropdown-wrap.k-state-active,.k-filebrowser .k-image,.k-grid .k-filter-options,.k-menu .k-menu-group,.k-multiselect.k-state-focused,.k-picker-wrap.k-state-active,.k-popup,.k-time-popup,.k-tooltip{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.k-treemap-tile.k-state-hover{-webkit-box-shadow:inset 0 0 0 3px #bbdceb;box-shadow:inset 0 0 0 3px #bbdceb}.k-window{border-color:rgba(0,0,0,.3);-webkit-box-shadow:1px 1px 7px 1px hsla(0,0%,50%,.3);box-shadow:1px 1px 7px 1px hsla(0,0%,50%,.3);background-color:#fff}.k-window.k-state-focused{border-color:rgba(0,0,0,.3);-webkit-box-shadow:1px 1px 7px 1px rgba(0,0,0,.3);box-shadow:1px 1px 7px 1px rgba(0,0,0,.3)}.k-window-maximized .k-window-content,.k-window-maximized .k-window-titlebar,.k-window.k-window-maximized{border-radius:0}.k-shadow{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.k-inset{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.3)}.k-editor-inline ::selection{background-color:#146b90;text-shadow:none;color:#fff}.k-editor-inline ::-moz-selection{background-color:#146b90;text-shadow:none;color:#fff}.k-widget.k-notification.k-notification-info{background-color:#06c;color:#59cfff;border-color:#0069d1}.k-widget.k-notification.k-notification-success{background-color:#37b400;color:#0099d9;border-color:#278100}.k-widget.k-notification.k-notification-warning{background-color:#ffe79e;color:#9e7700;border-color:#ffe38f}.k-widget.k-notification.k-notification-error{background-color:#db4240;color:#0099d9;border-color:#c32725}.k-gantt .k-treelist{background:#e6f2f8}.k-gantt .k-treelist .k-alt{background-color:#d2e8f2}.k-gantt .k-treelist tr:hover{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0));background-color:#88c5e0}.k-gantt .k-treelist .k-alt.k-state-selected,.k-gantt .k-treelist .k-alt.k-state-selected>td,.k-gantt .k-treelist .k-state-selected,.k-gantt .k-treelist .k-state-selected td{background-color:#13688c;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23))}.k-gantt .k-treelist .k-state-selected:hover,.k-gantt .k-treelist .k-state-selected:hover td{background-color:#0d6a92;background-image:none}.k-task-dot:after{background-color:#003f59;border-color:#003f59}.k-task-dot:hover:after{background-color:#fff}.k-task-summary{border-color:#0099d9;background:#0099d9}.k-task-milestone,.k-task-summary-complete{border-color:#003f59;background:#003f59}.k-state-selected.k-task-summary{border-color:#3ab2e4;background:#3ab2e4}.k-state-selected.k-task-milestone,.k-state-selected .k-task-summary-complete{border-color:#13688c;background:#13688c}.k-task-single{background-color:#7ecced;border-color:#5ec0e9;color:#003f59}.k-state-selected.k-task-single{border-color:#146b90}.k-line{background-color:#003f59;color:#003f59}.k-state-selected.k-line{background-color:#13688c;color:#13688c}.k-resource{background-color:#fff}.k-i-kpi-decrease,.k-i-kpi-denied,.k-i-kpi-equal,.k-i-kpi-hold,.k-i-kpi-increase,.k-i-kpi-open{background-image:""}.k-autocomplete,.k-block,.k-button,.k-calendar-container,.k-calendar .k-link,.k-calendar td,.k-colorpicker,.k-combobox,.k-datepicker,.k-datetimepicker,.k-drag-clue,.k-dropdown,.k-dropdown-wrap,.k-editor-inline,.k-gantt-views>.k-current-view,.k-grid .k-filter-options,.k-grouping-header .k-group-indicator,.k-inline-block,.k-list-container,.k-multiselect,.k-notification,.k-numeric-wrap,.k-numerictextbox,.k-picker-wrap,.k-slider-selection,.k-slider-track,.k-split-button .k-gantt-views,.k-textbox,.k-tile,.k-timepicker,.k-tooltip,.k-touch-scrollbar,.k-treeview .k-in,.k-upload,.k-window,.k-window-action,.k-window-titleless .k-window-content{border-radius:4px}.k-tool{text-align:center;vertical-align:middle}.k-tool.k-group-start,.k-toolbar .k-button-group .k-group-start,.k-toolbar .k-split-button .k-button{border-radius:4px 0 0 4px}.k-rtl .k-tool.k-group-start,.k-rtl .k-toolbar .k-button-group .k-group-start,.k-rtl .k-toolbar .k-split-button .k-button{border-radius:0 4px 4px 0}.k-toolbar .k-button-group>.k-group-end{border-radius:4px}.k-tool.k-group-end,.k-toolbar .k-button-group .k-button+.k-group-end,.k-toolbar .k-split-button .k-split-button-arrow{border-radius:0 4px 4px 0}.k-rtl .k-tool.k-group-end,.k-rtl .k-toolbar .k-button-group .k-group-end,.k-rtl .k-toolbar .k-split-button .k-split-button-arrow{border-radius:4px 0 0 4px}.k-group-start.k-group-end.k-tool{border-radius:4px}.k-autocomplete.k-state-border-up,.k-calendar-container.k-state-border-up,.k-dropdown-wrap.k-state-border-up,.k-filter-menu,.k-list-container.k-state-border-up,.k-multiselect.k-state-border-up,.k-numeric-wrap.k-state-border-up,.k-picker-wrap.k-state-border-up,.k-window-content{border-radius:0 0 4px 4px}.k-autocomplete.k-state-border-up .k-input,.k-dropdown-wrap.k-state-border-up .k-input,.k-numeric-wrap.k-state-border-up .k-input,.k-picker-wrap.k-state-border-up .k-input,.k-picker-wrap.k-state-border-up .k-selected-color{border-radius:0 0 0 4px}.k-multiselect.k-state-border-up .k-multiselect-wrap{border-radius:0 0 4px 4px}.k-autocomplete.k-state-border-down,.k-block>.k-header,.k-calendar-container.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-gantt-views.k-state-expanded,.k-gantt-views.k-state-expanded>.k-current-view,.k-list-container.k-state-border-down,.k-multiselect.k-state-border-down,.k-numeric-wrap.k-state-border-down,.k-panelbar .k-tabstrip-items .k-item,.k-picker-wrap.k-state-border-down,.k-tabstrip-items .k-item,.k-tabstrip-items .k-link,.k-window-titlebar{border-radius:4px 4px 0 0}.k-split-button.k-state-border-down>.k-button{border-radius:4px 0 0 0}.k-split-button.k-state-border-up>.k-button{border-radius:0 0 0 4px}.k-split-button.k-state-border-down>.k-split-button-arrow{border-radius:0 4px 0 0}.k-split-button.k-state-border-up>.k-split-button-arrow{border-radius:0 0 4px 0}.k-dropdown-wrap .k-input,.k-numeric-wrap .k-input,.k-picker-wrap .k-input{border-radius:3px 0 0 3px}.k-rtl .k-dropdown-wrap .k-input,.k-rtl .k-numeric-wrap .k-input,.k-rtl .k-picker-wrap .k-input{border-radius:0 3px 3px 0}.k-numeric-wrap .k-link{border-radius:0 3px 0 0}.k-numeric-wrap .k-link+.k-link{border-radius:0 0 3px 0}.k-colorpicker .k-selected-color{border-radius:3px 0 0 3px}.k-rtl .k-colorpicker .k-selected-color{border-radius:0 3px 3px 0}.k-autocomplete.k-state-border-down .k-input{border-radius:4px 4px 0 0}.k-dropdown-wrap.k-state-border-down .k-input,.k-numeric-wrap.k-state-border-down .k-input,.k-picker-wrap.k-state-border-down .k-input,.k-picker-wrap.k-state-border-down .k-selected-color{border-radius:4px 0 0 0}.k-numeric-wrap .k-link.k-state-selected{background-color:#13688c}.k-multiselect.k-state-border-down .k-multiselect-wrap{border-radius:3px 3px 0 0}.k-datetimepicker .k-select+.k-select,.k-dropdown-wrap .k-select,.k-list-container.k-state-border-right,.k-numeric-wrap .k-select,.k-picker-wrap .k-select{border-radius:0 4px 4px 0}.k-rtl .k-datetimepicker .k-select+.k-select,.k-rtl .k-dropdown-wrap .k-select,.k-rtl .k-list-container.k-state-border-right,.k-rtl .k-numeric-wrap .k-select,.k-rtl .k-picker-wrap .k-select{border-radius:4px 0 0 4px}.k-numeric-wrap.k-expand-padding .k-input{border-radius:4px}.k-autocomplete .k-input,.k-dropzone,.k-fieldselector .k-list .k-item,.k-list-optionlabel,.k-list .k-state-focused,.k-list .k-state-highlight,.k-list .k-state-hover,.k-list .k-state-selected,.k-multiselect-wrap,.k-textbox>input{border-radius:3px}.k-grid .k-slider .k-button,.k-slider .k-button{border-radius:13px}.k-draghandle{border-radius:7px}.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link,.k-scheduler-toolbar>ul li:first-child,.k-scheduler-toolbar>ul li:first-child .k-link{border-radius:4px 0 0 4px}.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link,.k-rtl .k-scheduler-toolbar>ul li:first-child,.k-rtl .k-scheduler-toolbar>ul li:first-child .k-link,.km-view.k-popup-edit-form .k-scheduler-toolbar>ul li:last-child,.km-view.k-popup-edit-form .k-scheduler-toolbar>ul li:last-child .k-link{border-radius:0 4px 4px 0}.k-edit-field>.k-scheduler-navigation,.k-scheduler-phone .k-scheduler-toolbar>ul li.k-nav-today,.k-scheduler-phone .k-scheduler-toolbar>ul li.k-nav-today .k-link{border-radius:4px}.k-scheduler-toolbar .k-nav-next,.k-scheduler-toolbar .k-nav-next .k-link,.k-scheduler-toolbar ul+ul li:last-child,.k-scheduler-toolbar ul+ul li:last-child .k-link{border-top-right-radius:4px;border-bottom-right-radius:4px}.k-rtl .k-scheduler-toolbar .k-nav-next,.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,.k-rtl .k-scheduler-toolbar ul+ul li:last-child,.k-rtl .k-scheduler-toolbar ul+ul li:last-child .k-link{border-radius:4px 0 0 4px}.k-scheduler div.k-scheduler-footer .k-link,.k-scheduler div.k-scheduler-footer ul li{border-radius:4px}.k-event,.k-event .k-link,.k-more-events,.k-task-complete,.k-task-single{border-radius:3px}.k-scheduler-mobile .k-event{border-radius:2px}.k-grid-mobile .k-column-active+th.k-header{border-left-color:#003f59}.k-ie .km-pane-wrapper .k-content,.k-ie .km-pane-wrapper .k-group,.k-ie .km-pane-wrapper .k-header,.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,.k-ie .km-pane-wrapper .k-widget,.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label,.km-pane-wrapper .k-mobile-list .k-item,html .km-pane-wrapper .km-widget{color:#003f59}@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none){div.km-pane-wrapper a{color:#003f59}}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check{background-color:#fff;border-top:1px solid #a3d0e4}.km-pane-wrapper .k-mobile-list .k-edit-field textarea{outline-width:0}.km-pane-wrapper .k-mobile-list .k-item.k-state-selected{background-color:#13688c;border-top-color:#146b90}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:first-child{border-top-color:transparent}.km-pane-wrapper .k-mobile-list .k-item:last-child{-webkit-box-shadow:inset 0 -1px 0 #a3d0e4;box-shadow:inset 0 -1px 0 #a3d0e4}.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper .k-mobile-list>ul>li>.k-link{color:#3690b7}.km-pane-wrapper .k-mobile-list>ul>li>.k-link{border-bottom:1px solid #a3d0e4}.km-pane-wrapper .k-mobile-list .k-edit-field{-webkit-box-shadow:0 1px 1px #a3d0e4;box-shadow:0 1px 1px #a3d0e4}.km-actionsheet .k-grid-delete,.km-actionsheet .k-scheduler-delete,.km-pane-wrapper .k-filter-menu .k-button[type=reset],.km-pane-wrapper .k-scheduler-delete{color:#fff;border-color:#721715;background-color:red;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.3)),to(hsla(0,0%,100%,.15)));background-image:linear-gradient(180deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.15))}.km-actionsheet .k-grid-delete:active,.km-actionsheet .k-scheduler-delete:active,.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active,.km-pane-wrapper .k-scheduler-delete:active{background-color:#900}.k-autocomplete.k-state-default,.k-dropdown-wrap.k-state-default,.k-numeric-wrap.k-state-default,.k-picker-wrap.k-state-default{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0));background-position:50% 50%;background-color:#deeef5;border-color:#a3d0e4}.k-autocomplete.k-state-hover,.k-dropdown-wrap.k-state-hover,.k-numeric-wrap.k-state-hover,.k-picker-wrap.k-state-hover{background-color:#7ad2f7;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0));background-position:50% 50%;border-color:#8bc4dd}.k-multiselect.k-header,input.k-textbox,textarea.k-textbox{border-color:#a3d0e4}.k-multiselect.k-header.k-state-hover{border-color:#8bc4dd}.k-autocomplete.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-multiselect.k-header.k-state-focused,.k-numeric-wrap.k-state-focused,.k-picker-wrap.k-state-focused{background-color:#7ad2f7;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0));background-position:50% 50%;border-color:#bdbdbd;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.3);box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.k-list-container{color:#003f59}.k-nodata{color:#9fcee2}.k-dropdown .k-input,.k-dropdown .k-state-focused .k-input,.k-menu .k-popup{color:#003f59}.k-state-default>.k-select{border-color:#a3d0e4}.k-state-hover>.k-select{border-color:#8bc4dd}.k-state-focused>.k-select{border-color:#bdbdbd}.k-tabstrip:focus{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.3);box-shadow:0 0 3px 0 rgba(0,0,0,.3)}.k-panelbar>li.k-state-default>.k-link,.k-panelbar>li.k-state-default>.k-link.k-state-hover,.k-panelbar>li.k-state-hover>.k-link,.k-tabstrip-items .k-state-default .k-link,.k-tabstrip-items .k-state-hover .k-link{color:#003f59}.k-panelbar>.k-state-focused.k-state-hover{background:#7bd2f6;-webkit-box-shadow:none;box-shadow:none}.k-tabstrip-items .k-state-default{border-color:#a3d0e4}.k-tabstrip-items .k-state-hover{border-color:#8bc4dd}.k-panelbar .k-tabstrip-items .k-state-active,.k-tabstrip-items .k-state-active{background-color:#fff;background-image:none;border-color:#68b1d2}.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active,.k-tabstrip-top .k-tabstrip-items .k-state-active{border-bottom-color:#fff}.k-tabstrip .k-content.k-state-active{background-color:#fff;color:#003f59}.k-column-menu,.k-column-menu .k-item,.k-menu.k-header,.k-menu .k-item,.k-overflow-container .k-overflow-group{border-color:#a3d0e4}.k-overflow-container .k-overflow-group{-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff,0 1px 0 #fff}.k-overflow-container .k-overflow-group+.k-overflow-group,.k-toolbar-first-visible.k-overflow-group{-webkit-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff}.k-toolbar-last-visible.k-overflow-group{-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.k-column-menu .k-separator{border-color:#a3d0e4;background-color:transparent}.k-menu .k-group{border-color:#a3d0e4}.k-grid-filter.k-state-active{background-color:#fff}.k-grid-footer td,.k-group-footer td,.k-grouping-row td{color:#003f59;border-color:#a3d0e4;font-weight:700}.k-grouping-header{color:#003f59}.k-grid td.k-state-focused{-webkit-box-shadow:inset 0 0 3px 1px #59cfff;box-shadow:inset 0 0 3px 1px #59cfff}.k-gantt-toolbar .k-state-default,.k-grid-header,.k-grid-header-wrap,.k-grid .k-grouping-header,.k-grouping-header .k-group-indicator,.k-header,.k-pager-wrap,.k-pager-wrap .k-link,.k-pager-wrap .k-textbox{border-color:#a3d0e4}.k-overflow-container .k-primary,.k-primary{color:#fff;border-color:#115e7f;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23));background-position:50% 50%;background-color:#177fab;-webkit-box-shadow:none;box-shadow:none}.k-primary.k-state-focused,.k-primary:focus{border-color:#115e7f;-webkit-box-shadow:0 0 3px 0 #13688c;box-shadow:0 0 3px 0 #13688c}.k-primary.k-state-focused,.k-primary:focus,.k-primary:hover{color:#fff;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0))}.k-primary:hover{border-color:#1cb1ef;background-color:#157299;-webkit-box-shadow:none;box-shadow:none}.k-primary:focus:active:not(.k-state-disabled):not([disabled]),.k-primary:focus:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:0 0 3px 0 #13688c;box-shadow:0 0 3px 0 #13688c}.k-primary:active{color:#fff;border-color:#146b90;background-color:#14688b}.k-primary.k-state-disabled,.k-primary.k-state-disabled:active,.k-primary.k-state-disabled:hover,.k-primary:active,.k-state-disabled .k-primary,.k-state-disabled .k-primary:active,.k-state-disabled .k-primary:hover{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23));-webkit-box-shadow:none;box-shadow:none}.k-primary.k-state-disabled,.k-primary.k-state-disabled:active,.k-primary.k-state-disabled:hover,.k-state-disabled .k-primary,.k-state-disabled .k-primary:active,.k-state-disabled .k-primary:hover{color:#e6e6e6;border-color:#e6e6e6;background-color:#1883b0}.k-pager-numbers .k-link,.k-treeview .k-in{border-color:transparent}.k-grid .k-hierarchy-cell .k-icon,.k-scheduler-table .k-icon,.k-treeview .k-icon{background-color:transparent;border-radius:4px}.k-scheduler-table .k-state-hover .k-icon{background-color:transparent}.k-button:focus,.k-split-button:focus{outline:0}.k-split-button:focus{-webkit-box-shadow:inset 0 0 4px 2px #8bc4dd;box-shadow:inset 0 0 4px 2px #8bc4dd}.k-split-button:focus>.k-button{background:0 0;border-color:#a3d0e4}.k-editor .k-tool:focus{outline:0;border-color:#a3d0e4;-webkit-box-shadow:inset 0 0 3px 1px #8bc4dd;box-shadow:inset 0 0 3px 1px #8bc4dd}.k-checkbox-label:before{border-color:#a3d0e4;background:#fff;border-radius:3px}.k-checkbox-label:hover:before,.k-checkbox:checked+.k-checkbox-label:hover:before{border-color:#7cbcd8;-webkit-box-shadow:none;box-shadow:none}.k-checkbox:checked+.k-checkbox-label:before{background-color:#fff;border-color:#abd4e6;color:#146b90}.k-checkbox-label:active:before,.k-checkbox:checked+.k-checkbox-label:active:before{-webkit-box-shadow:0 0 3px 0 #13688c;box-shadow:0 0 3px 0 #13688c;border-color:#146b90}.k-checkbox:disabled+.k-checkbox-label{color:#9fcee2}.k-checkbox:disabled+.k-checkbox-label:hover:before{-webkit-box-shadow:none;box-shadow:none}.k-checkbox:checked:disabled+.k-checkbox-label:active:before,.k-checkbox:checked:disabled+.k-checkbox-label:before,.k-checkbox:checked:disabled+.k-checkbox-label:hover:before,.k-checkbox:disabled+.k-checkbox-label:before{color:#9fcee2;background:#dff4fd;border-color:#abd4e6;border-radius:3px}.k-checkbox:focus+.k-checkbox-label:before{border-color:#146b90;-webkit-box-shadow:0 0 3px 0 #13688c;box-shadow:0 0 3px 0 #13688c}.k-checkbox:indeterminate+.k-checkbox-label:after{background-color:#146b90;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23));border-color:#146b90;border-radius:2px}.k-checkbox:indeterminate:hover+.k-checkbox-label:after{border-color:#146b90;background-color:#146b90}.k-radio-label:before{border-color:#a3d0e4;border-radius:50%;background-color:#fff;border-width:1px}.k-radio-label:hover:before,.k-radio:checked+.k-radio-label:hover:before{border-color:#7cbcd8;-webkit-box-shadow:none;box-shadow:none}.k-radio:checked+.k-radio-label:after{background-color:#157299;border-radius:50%}.k-radio-label:active:before,.k-radio:checked+.k-radio-label:active:before{border-color:#146b90;-webkit-box-shadow:0 0 3px 0 #13688c;box-shadow:0 0 3px 0 #13688c}.k-radio:disabled+.k-radio-label{color:#9fcee2}.k-radio:disabled+.k-radio-label:active:before,.k-radio:disabled+.k-radio-label:before,.k-radio:disabled+.k-radio-label:hover:after,.k-radio:disabled+.k-radio-label:hover:before{background:#dff4fd;border-color:#bfbfbf;-webkit-box-shadow:none;box-shadow:none}.k-radio:disabled:checked+.k-radio-label:after{background-color:#157299;opacity:.5}.k-radio:focus+.k-radio-label:before{border-color:#146b90;-webkit-box-shadow:0 0 3px 0 #13688c;box-shadow:0 0 3px 0 #13688c}@media only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-device-pixel-ratio:1.2){.k-callout,.k-column-menu .k-sprite,.k-drop-hint,.k-grouping-dropclue,.k-icon:not(.k-i-loading),.k-icon:not(.k-loading),.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked,.k-state-active.k-state-hover .k-tool-icon,.k-state-active .k-tool-icon,.k-state-hover .k-tool-icon,.k-state-selected.k-state-hover .k-tool-icon,.k-state-selected .k-tool-icon,.k-tool-icon{background-image:"";background-size:340px 336px}.k-dropdown-wrap .k-input,.k-numeric-wrap .k-input,.k-picker-wrap .k-input{border-radius:3px 0 0 3px}.k-i-kpi-decrease,.k-i-kpi-denied,.k-i-kpi-equal,.k-i-kpi-hold,.k-i-kpi-increase,.k-i-kpi-open{background-image:"";background-size:96px 16px}}@media screen and (-ms-high-contrast:active){.k-editor-toolbar-wrap .k-button-group .k-tool:focus,.k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused{border-color:#fff}}@media only screen and (max-width:1024px){.k-edge .k-grid .k-pager-numbers,.k-edge .k-pager-numbers,.k-ff .k-grid .k-pager-numbers,.k-ff .k-pager-numbers,.k-ie11 .k-grid .k-pager-numbers,.k-ie11 .k-pager-numbers,.k-safari .k-grid .k-pager-numbers,.k-safari .k-pager-numbers,.k-webkit .k-grid .k-pager-numbers,.k-webkit .k-pager-numbers{transform:translatey(-100%);-webkit-transform:translatey(-100%)}.k-edge .k-grid .k-pager-numbers .k-current-page,.k-edge .k-pager-numbers .k-current-page,.k-ff .k-grid .k-pager-numbers .k-current-page,.k-ff .k-pager-numbers .k-current-page,.k-ie11 .k-grid .k-pager-numbers .k-current-page,.k-ie11 .k-pager-numbers .k-current-page,.k-safari .k-grid .k-pager-numbers .k-current-page,.k-safari .k-pager-numbers .k-current-page,.k-webkit .k-grid .k-pager-numbers .k-current-page,.k-webkit .k-pager-numbers .k-current-page{transform:translatey(100%);-webkit-transform:translatey(100%)}.k-edge .k-pager-numbers .k-current-page .k-link,.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ff .k-pager-numbers .k-current-page .k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ie11 .k-pager-numbers .k-current-page .k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-safari .k-pager-numbers .k-current-page .k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-webkit .k-pager-numbers .k-current-page .k-link,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.45)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,0));background-position:50% 50%;background-color:#deeef5;border-color:#bbdceb}.k-edge .k-pager-numbers .k-current-page .k-link,.k-ff .k-pager-numbers .k-current-page .k-link,.k-ie11 .k-pager-numbers .k-current-page .k-link,.k-safari .k-pager-numbers .k-current-page .k-link,.k-webkit .k-pager-numbers .k-current-page .k-link{border-color:#a3d0e4}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view{border-radius:4px}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li{border-radius:0}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view{border-radius:3px 3px 0 0}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views li,.k-edge .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-edge .k-scheduler-toolbar>ul li:first-child,.k-edge .k-scheduler-toolbar>ul li:first-child .k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-ff .k-scheduler-toolbar>ul li:first-child,.k-ff .k-scheduler-toolbar>ul li:first-child .k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-ie11 .k-scheduler-toolbar>ul li:first-child,.k-ie11 .k-scheduler-toolbar>ul li:first-child .k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-safari .k-scheduler-toolbar>ul li:first-child,.k-safari .k-scheduler-toolbar>ul li:first-child .k-link,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-webkit .k-scheduler-toolbar>ul li:first-child,.k-webkit .k-scheduler-toolbar>ul li:first-child .k-link{border-radius:0}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-edge .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link{border-radius:0 0 3px 3px}.k-edge .k-pager-numbers .k-current-page .k-link:hover,.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,.k-ff .k-pager-numbers .k-current-page .k-link:hover,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,.k-ie11 .k-pager-numbers .k-current-page .k-link:hover,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,.k-safari .k-pager-numbers .k-current-page .k-link:hover,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,.k-webkit .k-pager-numbers .k-current-page .k-link:hover,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover{border-color:#8bc4dd;background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,0)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0));background-color:#7bd2f6}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link{color:#003f59;min-width:75px}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link{color:#003f59}.k-edge .k-pager-numbers .k-current-page .k-link:after,.k-edge .k-scheduler-views>li.k-state-selected>.k-link:after,.k-ff .k-pager-numbers .k-current-page .k-link:after,.k-ff .k-scheduler-views>li.k-state-selected>.k-link:after,.k-ie11 .k-pager-numbers .k-current-page .k-link:after,.k-ie11 .k-scheduler-views>li.k-state-selected>.k-link:after,.k-safari .k-pager-numbers .k-current-page .k-link:after,.k-safari .k-scheduler-views>li.k-state-selected>.k-link:after,.k-webkit .k-pager-numbers .k-current-page .k-link:after,.k-webkit .k-scheduler-views>li.k-state-selected>.k-link:after{display:block;content:"";position:absolute;top:50%;margin-top:-.5em;right:.333em;width:1.333em;height:1.333em}.k-edge .k-pager-numbers.k-state-expanded,.k-edge .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ff .k-pager-numbers.k-state-expanded,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ie11 .k-pager-numbers.k-state-expanded,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-safari .k-pager-numbers.k-state-expanded,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-webkit .k-pager-numbers.k-state-expanded,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{border-width:1px 1px 0 1px;border-style:solid;border-color:#a3d0e4;background-color:#d9ecf5;border-radius:4px 4px 0 0;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.k-edge .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{border-width:1px;background-image:none;border-radius:4px}.k-edge .k-pager-numbers .k-link,.k-edge .k-pager-numbers .k-state-selected,.k-ff .k-pager-numbers .k-link,.k-ff .k-pager-numbers .k-state-selected,.k-ie11 .k-pager-numbers .k-link,.k-ie11 .k-pager-numbers .k-state-selected,.k-safari .k-pager-numbers .k-link,.k-safari .k-pager-numbers .k-state-selected,.k-webkit .k-pager-numbers .k-link,.k-webkit .k-pager-numbers .k-state-selected{border-radius:3px}.k-edge .k-widget.k-grid .k-pager-nav+.k-pager-numbers,.k-ff .k-widget.k-grid .k-pager-nav+.k-pager-numbers,.k-ie11 .k-widget.k-grid .k-pager-nav+.k-pager-numbers,.k-safari .k-widget.k-grid .k-pager-nav+.k-pager-numbers,.k-webkit .k-widget.k-grid .k-pager-nav+.k-pager-numbers{position:absolute}}.k-chart .k-mask{background-color:#fff;filter:alpha(opacity=68);opacity:.68}.k-chart .k-selection{border-color:rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,.1);box-shadow:inset 0 1px 8px rgba(0,0,0,.1);-webkit-transition:-webkit-box-shadow .2s linear,border-color .2s linear;-webkit-transition:border-color .2s linear,-webkit-box-shadow .2s linear;transition:border-color .2s linear,-webkit-box-shadow .2s linear;transition:box-shadow .2s linear,border-color .2s linear;transition:box-shadow .2s linear,border-color .2s linear,-webkit-box-shadow .2s linear}.k-chart .k-selection:hover{border-color:rgba(0,0,0,.3);-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,.2);box-shadow:inset 0 3px 8px rgba(0,0,0,.2)}.k-chart .k-handle{background-color:#fcfcfc;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.k-chart .k-handle:hover{background-color:#fff;border-color:#b8b8b8;-webkit-box-shadow:0 0 0 2px hsla(20,7%,41%,.5);box-shadow:0 0 0 2px hsla(20,7%,41%,.5)}.k-chart .k-navigator-hint .k-tooltip{border:3px solid #fff;-webkit-box-shadow:0 0 0 3px rgba(0,0,0,.2);box-shadow:0 0 0 3px rgba(0,0,0,.2);background:#fff;color:#242424}.k-chart .k-navigator-hint .k-scroll{background:rgba(19,104,140,.7);height:4px}.k-map .k-marker{background-image:""}@media only screen and (-webkit-min-device-pixel-ratio:1.2),only screen and (min-device-pixel-ratio:1.2){.k-map .k-marker{background-image:""}}.k-map .k-attribution{color:#666}.k-spreadsheet-column-header,.k-spreadsheet-row-header{background-color:#fff}.k-spreadsheet-column-header,.k-spreadsheet-row-header,.k-spreadsheet-top-corner{background-color:#daecf4;background-image:none;color:#000;border-color:#8bc4dd}.k-spreadsheet-top-corner{border-color:#8bc4dd}.k-spreadsheet-top-corner:after{border-color:transparent #8bc4dd #8bc4dd transparent}.k-spreadsheet-pane{border-color:#8bc4dd}.k-spreadsheet-pane .k-spreadsheet-haxis,.k-spreadsheet-pane .k-spreadsheet-vaxis{border-color:#b3d8e8}.k-spreadsheet-pane .k-spreadsheet-column-header,.k-spreadsheet-pane .k-spreadsheet-row-header{border-color:#8bc4dd}.k-spreadsheet-pane .k-spreadsheet-merged-cell{background-color:#fff}.k-spreadsheet-pane .k-selection-full,.k-spreadsheet-pane .k-selection-partial{border-color:rgba(19,104,140,.2);background-color:rgba(19,104,140,.2)}.k-spreadsheet-pane .k-filter-range{border-color:#13688c}.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full,.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial{border-bottom-color:#13688c}.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full,.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial{border-right-color:#13688c}.k-auto-fill,.k-spreadsheet-selection{border-color:#13688c;-webkit-box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #13688c;box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #13688c}.k-spreadsheet-selection{background-color:rgba(19,104,140,.2)}.k-spreadsheet-active-cell{border-color:#13688c!important;background-color:#fff}.k-spreadsheet-active-cell.k-single{background-color:#fff}.k-spreadsheet .k-spreadsheet-action-bar{background-color:#fff;border-color:#bbdceb}.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar:before,.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor{border-color:#8bc4dd}.k-spreadsheet .k-spreadsheet-formula-input{background-color:#fff;color:#003f59}.k-spreadsheet .k-resize-handle,.k-spreadsheet .k-resize-hint-handle,.k-spreadsheet .k-resize-hint-marker,.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker{background-color:#13688c}.k-spreadsheet .k-single-selection:after{background-color:#13688c;border-color:#fff}.k-spreadsheet .k-auto-fill-punch{background-color:hsla(0,0%,100%,.5)}.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle:after{background-color:rgba(19,104,140,.5)}.k-spreadsheet-format-cells .k-spreadsheet-preview{border-color:#bbdceb}.k-spreadsheet-filter{border-radius:4px;background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #b3d8e8;box-shadow:inset 0 0 0 1px #b3d8e8}.k-spreadsheet-filter.k-state-active{color:#fff;background-color:#13688c}.k-spreadsheet-filter:hover{color:#003f59;background:#7bd2f6;border-color:#55c5f3}.k-action-window .k-action-buttons{border-color:#bbdceb}.k-spreadsheet-sample{color:#00abf2}.k-state-selected .k-spreadsheet-sample{color:inherit}.k-spreadsheet-window .k-list,.k-spreadsheet-window .k-list-wrapper{border-color:#bbdceb;border-radius:4px}.k-spreadsheet-window .export-config,.k-spreadsheet-window .k-edit-field>.k-orientation-label{border-color:#bbdceb}.k-spreadsheet-window .k-edit-field>input[type=radio]:checked+.k-orientation-label{background-image:url();background-image:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.23)));background-image:none,linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.23));background-color:#13688c;color:#fff}.k-spreadsheet-window .k-page-orientation{border-color:#a3d0e4;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.1);box-shadow:0 5px 5px 0 rgba(0,0,0,.1)}.k-spreadsheet-window .k-page-orientation:before{background:#fff;border-color:transparent;border-bottom-color:#a3d0e4;border-left-color:#a3d0e4}.k-spreadsheet-window .k-margins-horizontal,.k-spreadsheet-window .k-margins-vertical{background:0 0;border-color:#bbdceb}.k-spreadsheet-window .hint-wrapper:before{background:#bbdceb}.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button,.k-spreadsheet-toolbar>.k-button,.k-spreadsheet-toolbar>.k-button-group,.k-spreadsheet-toolbar>.k-widget{border-radius:4px}.k-spreadsheet-toolbar>.k-separator{border-color:#bbdceb}.k-spreadsheet-toolbar .k-overflow-anchor{border-radius:0}.k-spreadsheet-popup{border-radius:4px}.k-spreadsheet-popup .k-separator{background-color:#bbdceb}.k-spreadsheet-popup .k-button{background-color:transparent}.k-spreadsheet-popup .k-button:hover{background-color:#7bd2f6}.k-spreadsheet-popup .k-state-active{background-color:#13688c;color:#000}.k-spreadsheet-popup .k-state-active:hover{background-color:#0d475f}.k-spreadsheet-filter-menu .k-details{border-color:#bbdceb}.k-spreadsheet-filter-menu .k-details-content .k-space-right{background-color:#fff}.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper{background-color:#fff;border-color:#bbdceb;border-radius:4px 0 0 4px}.k-syntax-ref{color:#f82}.k-syntax-num{color:#09f}.k-syntax-func{font-weight:700}.k-syntax-str{color:#38b714}.k-syntax-error{color:red}.k-syntax-bool{color:#a9169c}.k-syntax-startexp{font-weight:700}.k-syntax-paren-match{background-color:#caf200}.k-series-a{border-color:#0069a5;background-color:rgba(0,105,165,.15)}.k-series-b{border-color:#0098ee;background-color:rgba(0,152,238,.15)}.k-series-c{border-color:#7bd2f6;background-color:rgba(123,210,246,.15)}.k-series-d{border-color:#ffb800;background-color:rgba(255,184,0,.15)}.k-series-e{border-color:#ff8517;background-color:rgba(255,133,23,.15)}.k-series-f{border-color:#e34a00;background-color:rgba(227,74,0,.15)}.k-spreadsheet-sheets-remove:hover .k-icon{color:#c22}.k-spreadsheet-formula-list .k-state-focused{background-color:#13688c;color:#fff}@media only screen and (-webkit-min-device-pixel-ratio:2){.k-icon.k-font-icon{background-image:none}}.k-spreadsheet .k-widget[data-property=fontSize]{width:60px}.k-spreadsheet .k-widget[data-property=format]{width:100px}.k-spreadsheet .k-widget[data-property=fontFamily]{width:130px}.k-spreadsheet-toolbar .k-combobox .k-input,.k-spreadsheet-toolbar .k-combobox .k-state-active .k-input,.k-spreadsheet-toolbar .k-combobox .k-state-focused .k-input,.k-spreadsheet-toolbar .k-combobox .k-state-hover .k-input{color:#003f59}.k-dialog .k-content{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.k-dialog.k-dialog-titleless .k-content{border-top-right-radius:4px;border-top-left-radius:4px}.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched{width:100%}.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button{display:inline-block;padding:.75em 0 .75em 0;border-radius:0;border-width:1px 0 1px 1px}.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:first-child{border-bottom-left-radius:4px;border-left-width:0}.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:last-child{border-bottom-right-radius:4px;border-right-width:0}.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal{width:auto;margin:0;padding:1em;text-align:right}.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button{margin-left:.5em}.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child{margin-left:0}.k-rtl .k-dialog a.k-dialog-action.k-dialog-close{left:.5em}.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:first-child{border-bottom-right-radius:4px}.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched li.k-button:last-child{border-bottom-left-radius:4px}.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal{text-align:left}.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button{margin-left:0;margin-right:.5em}.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child{margin-right:0}',""]),t.exports=t.exports.toString()},HhK4:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-grid tr:hover{cursor:pointer}.k-grid-header{padding:0!important}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.extraMargins{margin-right:10px}.k-state-selected{background-color:#bcc8f5!important;color:#000!important}.k-grid table{border-collapse:collapse!important}tr{border-bottom-color:1px solid rgba(0,0,0,.08)!important}.k-dropdown-wrap .k-input{height:calc(15px + 1.4285714286em)!important;background:#fff!important}input:not([type]){margin:0!important}.k-button{float:none!important}.k-checkbox:hover+.k-checkbox-label:before{border-color:0;background-color:0}.globalFilter .k-select{background-color:#ff7743!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743}.btn-fix{float:none;height:20px;line-height:4px;padding:7px 11px;padding-bottom:6px;font-size:10px;color:#fff!important}.k-block:disabled,.k-widget:disabled,.k-widget[disabled],[disabled].k-block{outline:none;cursor:default;opacity:.6;-webkit-filter:grayscale(.1);filter:grayscale(.1);pointer-events:none;-webkit-box-shadow:none;box-shadow:none}.modal{-webkit-box-shadow:none!important;box-shadow:none!important;background-color:transparent!important}.modal-open .modal{overflow-y:hidden!important}.k-grid-header .k-header,.k-header>.k-link{color:#000;font-weight:700;background:#fff!important}.issueBtn{height:7px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},I2Gr:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-filtercell-wrapper{white-space:normal}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.k-state-selected{padding:5px;background:#dcdbec}tr :hover{cursor:pointer}kendo-dropdownlist{display:none}strong{color:#000;font-weight:700}.internal-notes{font-weight:700;font-size:1.3rem}.note-border{font-size:11px}.note-head{font-size:10px}.note-body{font-size:10.5px}.btn-sm{background:#ff7743!important;padding:4px 5px;color:#fff!important}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743!important}.btn-fix-dashboard{float:none;height:18px!important;line-height:2px!important;padding:4px 12px!important;padding-bottom:6px!important;font-size:12px!important;letter-spacing:.5px!important}.user-view{padding:12px 32px 0}.agent_name{float:left;padding-right:5px}.email{line-height:24px}.email,.side-nav .user-view .email{font-size:12px}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{padding:0 32px}.sidenav-footer{bottom:0;margin-bottom:0;padding:0}.sidenav-footer .row{margin-bottom:0}.sidenav-footer .row .social-icons a{opacity:.5;padding:0;text-align:center}.sidenav-footer .row .social-icons a:hover{background-color:inherit;opacity:1}.cyan{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important}.note-desc div{text-align:left}a{cursor:pointer}.side-nav.fixed{height:100%}ul>li:last-child{position:inherit;bottom:0}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{margin-left:15px}.note-desc{text-align:left!important}.k-grid-content{overflow-y:scroll!important}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block).leftTitle{width:6.8em!important}.modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px}",""]),t.exports=t.exports.toString()},I3vh:function(t,e){t.exports='<app-navigation>\r\n</app-navigation>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n<div class="content" *ngIf="!showSpinnerImage">\r\n\t<form ngNativeValidate #Troubleshoot="ngForm" (ngSubmit)="Troubleshoot.reset(); showSpinnerImage = true;" class="troubleshootForm k-form-inline">\r\n\t\t<div class="container margin_top">\r\n\t\t\t<h4 class="z-depth-1 troubleshootheader">Troubleshoot</h4>\r\n\t\t\t<div class="card">\r\n\t\t\t\t<div class="card-block">\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="showme">\r\n\t\t\t\t\t\t<span class="title"> Select Service type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="TechnologyType" name="TechnologyType" type="radio" id="test1" value="FTTN">\r\n\t\t\t\t\t\t<label class="k-radio-label" for="test1">FTTN</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="TechnologyType" name="TechnologyType" type="radio" id="test2" value="FTTP">\r\n\t\t\t\t\t\t<label class="k-radio-label" for="test2">FTTP</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="TechnologyType" name="TechnologyType" type="radio" id="test3" value="FW">\r\n\t\t\t\t\t\t<label class="k-radio-label" for="test3">Fixed Wireless</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="TechnologyType" name="TechnologyType" type="radio" id="test4" value="HFC">\r\n\t\t\t\t\t\t<label class="k-radio-label" for="test4">HFC</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="TechnologyType" name="TechnologyType" type="radio" id="test5" value="ADSL">\r\n\t\t\t\t\t\t<label class="k-radio-label" for="test5">ADSL</label> \r\n\t\t\t\t\t\t\x3c!-- <i class="material-icons right-align closeForm" [routerLink]="[\'/customers\', customerId]">close</i> --\x3e\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Select Issue Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="FWIssueNoInternet" value="No Internet" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWIssueNoInternet">No Internet (Circuit Down)</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="FWIssueSlowspeed" value="Slow speed" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWIssueSlowspeed">Slow Speed</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="FWIssueDropouts" value="Dropouts" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWIssueDropouts">Dropouts</label>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> Select Issue Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="NoInternet" value="No Internet" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="NoInternet">No Internet (Circuit Down)</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="Slow speed" value="Slow speed" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Slow speed">Slow Speed</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="Dropouts" value="Dropouts" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Dropouts">Dropouts</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Select Issue Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="HFCNoInternet" value="No Internet" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoInternet">No Internet (Circuit Down)</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="HFCSlowspeed" value="Slow speed" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSlowspeed">Slow Speed</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="HFCDropouts" value="Dropouts" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCDropouts">Dropouts</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title"> Select Issue Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="ADSLNoInternet" value="No Internet" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ADSLNoInternet">No Internet (Circuit Down)</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="ADSLSlowspeed" value="Slow speed" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ADSLSlowspeed">Slow Speed</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="ADSLDropouts" value="Dropouts" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ADSLDropouts">Dropouts</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">DSL Modem Type (Make/Model)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DslModemMake" name="DslModemMake" type="text" id="ModemMakeADSLSlowspeed" value="" required class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Alternate modem tested? (Make/Model)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="AltModemTested" name="AltModemTested" type="text" id="AlternateModemMakeADSLSlowspeed" value=""\r\n\t\t\t\t\t\t required class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Has a fault been reported in the last 7 days?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultReported" name="FaultReported" type="radio" id="FaultReportedADSLSlowspeed" value="Yes" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FaultReportedADSLSlowspeed">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultReported" name="FaultReported" type="radio" id="FaultReportedADSLNoSlowspeed" value="No" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FaultReportedADSLNoSlowspeed">No</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'ADSL\' && FaultReported === \'Yes\'">\r\n\t\t\t\t\t\t<span class="title">Previous Fault ID</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultId" name="FaultId" type="number" id="PreviousFaultIdADSLSlowspeed" value="" required\r\n\t\t\t\t\t\t class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the Optus Network</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="ServiceWorkedOnNetworkBeforeADSLSlowspeed"\r\n\t\t\t\t\t\t value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ServiceWorkedOnNetworkBeforeADSLSlowspeed">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="ServiceWorkedOnNetworkBeforeADSLNoSlowspeed"\r\n\t\t\t\t\t\t value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ServiceWorkedOnNetworkBeforeADSLNoSlowspeed">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check when the client has signed up. Service activation happens after 24-48 hours after installation.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="troubleshoot(Troubleshoot.value)" class="k-button k-primary troubleshootSubmit">Raise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\r\n\t\t\t\t\t\t\tService Start Date</span>\r\n\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="ServiceStartDate" #dateModel="ngModel" required name="ServiceStartDate" placeholder="ServiceStartDate"></kendo-datepicker>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Service Order Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceOrderType" name="ServiceOrderType" type="text" id="ServiceOrderTypeADSLSlowspeed" value="" required\r\n\t\t\t\t\t\t class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">DSL Modem Type (Make/Model)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DslModemMake" name="DslModemMake" type="text" id="ModemMakeADSLDropouts" value="" required class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Alternate modem tested? (Make/Model)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="AltModemTested" name="AltModemTested" type="text" id="AlternateModemMakeADSLDropouts" value=""\r\n\t\t\t\t\t\t required class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Has a fault been reported in the last 7 days?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultReported" name="FaultReported" type="radio" id="FaultReportedADSLDropouts" value="Yes" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FaultReportedADSLDropouts">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultReported" name="FaultReported" type="radio" id="FaultReportedADSLNoDropouts" value="No" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FaultReportedADSLNoDropouts">No</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'ADSL\' && FaultReported === \'Yes\'">\r\n\t\t\t\t\t\t<span class="title">Previous Fault ID</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultId" name="FaultId" type="number" id="PreviousFaultIdADSLDropouts" value="" required\r\n\t\t\t\t\t\t class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the Optus Network</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="ServiceWorkedOnNetworkBeforeADSLDropouts"\r\n\t\t\t\t\t\t value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ServiceWorkedOnNetworkBeforeADSLDropouts">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="ServiceWorkedOnNetworkBeforeADSLNoDropouts"\r\n\t\t\t\t\t\t value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ServiceWorkedOnNetworkBeforeADSLNoDropouts">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check when the client has signed up. Service activation happens after 24-48 hours after installation.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="troubleshoot(Troubleshoot.value)" class="k-button k-primary troubleshootSubmit">Raise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\r\n\t\t\t\t\t\t\tService Start Date</span>\r\n\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="ServiceStartDate" #dateModel="ngModel" required name="ServiceStartDate" placeholder="ServiceStartDate"></kendo-datepicker>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Service Order Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceOrderType" name="ServiceOrderType" type="text" id="ServiceOrderTypeADSLDropouts" value="" required\r\n\t\t\t\t\t\t class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t\x3c!-- <label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Customer Reference</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CustomerReference" required name="CustomerReference" type="number" id="CustomerReferenceADSL" value=""\r\n\t\t\t\t\t\t required class="k-textbox">\r\n\t\t\t\t\t</label> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">DSL Modem Type (Make/Model)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DslModemMake" name="DslModemMake" type="text" id="ModemMakeADSLNoInt" value="" required class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Alternate modem tested? (Make/Model)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="AltModemTested" name="AltModemTested" type="text" id="AlternateModemMakeADSLNoInt" value="" required\r\n\t\t\t\t\t\t class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Has a fault been reported in the last 7 days</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultReported" name="FaultReported" type="radio" id="FaultReportedADSLNoInt" value="Yes" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FaultReportedADSLNoInt">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultReported" name="FaultReported" type="radio" id="FaultReportedADSLNoNoInt" value="No" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FaultReportedADSLNoNoInt">No</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\' && FaultReported === \'Yes\'">\r\n\t\t\t\t\t\t<span class="title">Previous Fault ID</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FaultId" name="FaultId" type="number" id="PreviousFaultIdADSLNoInt" value="" required\r\n\t\t\t\t\t\t class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the Optus Network</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="ServiceWorkedOnNetworkBeforeADSLNoInt"\r\n\t\t\t\t\t\t value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ServiceWorkedOnNetworkBeforeADSLNoInt">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="ServiceWorkedOnNetworkBeforeADSLNoNoInt"\r\n\t\t\t\t\t\t value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ServiceWorkedOnNetworkBeforeADSLNoNoInt">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check when the client has signed up. Service activation happens after 24-48 hours after installation.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="troubleshoot(Troubleshoot.value)" class="k-button k-primary troubleshootSubmit">Raise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\r\n\t\t\t\t\t\t\tService Start Date</span>\r\n\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="ServiceStartDate" #dateModel="ngModel" required name="ServiceStartDate" placeholder="ServiceStartDate"></kendo-datepicker>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\t\t\t\t\t\t<span class="title">Service Order Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceOrderType" name="ServiceOrderType" type="text" id="ServiceOrderTypeADSLNoInt" value="" required\r\n\t\t\t\t\t\t class="k-textbox">\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'ADSL\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title"> Select Issue Type</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="NoInternet" value="No Internet" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="NoInternet">No Internet (Circuit Down)</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="Slow speed" value="Slow speed" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Slow speed">Slow Speed</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IssueType" name="IssueType" type="radio" id="Dropouts" value="Dropouts" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Dropouts">Dropouts</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> Has the service worked before on the network?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="fttnNoInternet1" value="true"\r\n\t\t\t\t\t\t required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttnNoInternet1">Yes</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="fttnNoInternet" value="false"\r\n\t\t\t\t\t\t required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttnNoInternet">No</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check when the client has signed up. Service activation happens after 24-48 hours after installation.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value);" class="k-button k-primary">Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> Modem Connected and Turned on?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemStatus" name="ModemStatus" type="radio" id="YesModem" value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="YesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemStatus" name="ModemStatus" type="radio" id="NoModem" value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="NoModem">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemStatus === \'false\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Switch on the modem.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" class="k-button k-primary">Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> Power light status?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="PowerLightOn" value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="PowerLightOff" value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOff">Off</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tHas the service worked before on the network?\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="ServiceWorkedOnNetworkBefore"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue="true" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="ServiceWorkedOnNetworkBefore">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="fttnNoInternet" value="false"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="fttnNoInternet">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">** Check when the client has signed up. Service activation happens after 24-48 hours after installation.</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t\x3c!-- \t\t\t<div class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tModem Connected and Turned on?\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ModemStatus" name="ModemStatus" type="radio" id="YesModem" value="true" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="YesModem">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ModemStatus" name="ModemStatus" type="radio" id="NoModem" value="false" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="NoModem">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t\x3c!-- \t\t\t<div class="k-form-field" *ngIf="ModemStatus === \'false\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">** Switch on the modem.</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" *ngIf="ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPower light status?\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="PowerLightOn" value="true" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="PowerLightOn">On</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="PowerLightOff" value="false" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="PowerLightOff">Off</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLightStatus === \'false\' && ModemStatus === \'true\' && \tServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check the power cable & electrical socket.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value);" class="k-button k-primary">Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t<div class="k-form-field" *ngIf="PowerLightStatus === \'false\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title  ">** Check the power cable & electrical socket.</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> DSL light status? </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLLightOn" value="On" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLLightOff" value="Off" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLLightFlashing" value="flashing" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightFlashing">Flashing</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" >\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDSL light status?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="DSLLightOn">On</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLLightOff" value="Off" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="DSLLightOff">Off</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLLightFlashing" value="flashing" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="DSLLightFlashing">Flashing</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'flashing\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Power cycle the modem, if still light is flashing, raise it to level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="troubleshoot(Troubleshoot.value)" class="k-button k-primary troubleshootSubmit">Raise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'Off\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check the telephone cable connected from wall socket to modem. Try alternate cable in case of failure\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value);" class="k-button k-primary">Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t<div class="k-form-field" *ngIf="DSLLightStatus === \'flashing\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t** Power cycle the modem, if still light is flashing, raise it to level 2.\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname="action">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" *ngIf="DSLLightStatus === \'Off\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t** Check the telephone cable connected from wall socket to modem. Try alternate cable in case of failure\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> MODEM Make & Model </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="Netcom" value="Netcom" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Netcom">Netcom</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="BYOM" value="BYCOM" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="BYOM">BYOM</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t\t<div class="k-form-field" *ngIf="DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMODEM Make & Model\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="Netcom" value="Netcom" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="Netcom">Netcom</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="BYOM" value="BYCOM" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="BYOM">BYOM</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'BYCOM\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Direct EU to Modem guide.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value);" class="k-button k-primary ">Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t<div class="k-form-field" *ngIf="ModemMake === \'BYCOM\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">** Direct EU to Modem guide.</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t --\x3e\r\n\t\t\t\t\t\x3c!-- \t\t<div class="k-form-field" *ngIf="ModemMake === \'Netcom\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tInternet light status\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="InternetLightOn" value="true" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="InternetLightOn">On</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="InternetLightOff" value="false" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="InternetLightOff">Off</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> Internet light status </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="InternetLightOn" value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="InternetLightOff" value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightOff">Off</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="InternetLightStatus === \'false\' && ModemMake === \'Netcom\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** If Internet light is off, Reset modem, if still no internet light. Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="troubleshoot(Troubleshoot.value)" class="k-button k-primary troubleshootSubmit">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t<div class="k-form-field" *ngIf="InternetLightStatus === \'false\' && ModemMake === \'Netcom\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t** If Internet light is off, Reset modem, if still no internet light. Raise a fault to Level 2.\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light troubleshootSubmit" type="submit" (click)="troubleshoot(Troubleshoot.value)"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname="action">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" *ngIf="InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tWIFI light status\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="WIFILightStatus" name="WIFILightStatus" type="radio" id="WIFILightOn" value="true" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="WIFILightOn">On</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="WIFILightStatus" name="WIFILightStatus" type="radio" id="WIFIOff" value="false" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="WIFIOff">Off</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> WIFI light status\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="WIFILightStatus" name="WIFILightStatus" type="radio" id="WIFILightOn" value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="WIFILightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="WIFILightStatus" name="WIFILightStatus" type="radio" id="WIFIOff" value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="WIFIOff">Off</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="WIFILightStatus === \'false\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** If WIFI Light is OFF, Reset the modem, If still no WIFI light, Raise it to Level 2.\r\n\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="troubleshoot(Troubleshoot.value)" class="k-button k-primary troubleshootSubmit">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t\t\t\t\t<div class="k-form-field" *ngIf="WIFILightStatus === \'false\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t** If WIFI Light is OFF, Reset the modem, If still no WIFI light, Raise it to Level 2.\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname="action">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> Is there an in-line filter?\r\n\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOn" value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOn">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOff" value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOff">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" *ngIf="WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIs there an in-line filter?\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOn" value="true" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="filterOn">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOff" value="false" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="filterOff">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsInLineFilter === \'true\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Ask EU to remove the inline filter & connect Modem directly to wall socket.\r\n\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value)" class="k-button k-primary "> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t\t\t\t\t<div class="k-form-field" *ngIf="IsInLineFilter === \'true\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">** Ask EU to remove the inline filter & connect Modem directly to wall socket.</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title "> Is a Central Splitter installed?\r\n\r\n\r\n\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterYes" value="true"\r\n\t\t\t\t\t\t required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterNo" value="false"\r\n\t\t\t\t\t\t required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t<div class="k-form-field" *ngIf="IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIs a Central Splitter installed?\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterYes" value="true"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="SplitterYes">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterNo" value="false"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trequired/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="SplitterNo">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'true\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Ask EU to remove the central splitter & connect Modem directly to wall socket.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value)" class="k-button k-primary "> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t\t\t<div class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'true\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">** Ask EU to remove the central splitter & connect Modem directly to wall socket.</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title ">\r\n\t\t\t\t\t\t\tNumber of Sockets (Alternate connections in home)?\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="1" value="1" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="1">1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="2" value="2" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="2">2</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="3" value="3" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="3">3</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="4" value="4" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="4">4</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title ">\r\n\t\t\t\t\t\t\tHas the Modem been tested on all other sockets?\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemTested" name="ModemTested" type="radio" id="TestSocketsYes" value="true" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="TestSocketsYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemTested" name="ModemTested" type="radio" id="TestSocketsNo" value="false" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="TestSocketsNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t<div class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tHas the Modem been tested on all other sockets?\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ModemTested" name="ModemTested" type="radio" id="TestSocketsYes" value="true" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="TestSocketsYes">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input [(ngModel)]="ModemTested" name="ModemTested" type="radio" id="TestSocketsNo" value="false" required/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class="createTicket" for="TestSocketsNo">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemTested === \'false\' && IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Try testing on other sockets(if available)\r\n\r\n\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value)" class="k-button k-primary "> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t<div class="k-form-field" *ngIf="ModemTested === \'false\' && IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t** Try testing on other sockets(if available)\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light last" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemTested === \'true\' &&IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\' ">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Raise fault to level 2\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="troubleshoot(Troubleshoot.value)" class="k-button k-primary troubleshootSubmit">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- \t\t\t\t\t\t<div class="k-form-field" *ngIf="ModemTested === \'true\' &&IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && WIFILightStatus === \'true\' && InternetLightStatus === \'true\'  && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FTTN\' ">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t** Raise fault to level 2\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</h5>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class="btn waves-effect waves-light troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname="action">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div> --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title"> Service Profile\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="12" value="12/1" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="12">12/1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="25" value="25/5" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="25">25/5</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="50" value="50/20" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="50">50/20</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="100" value="100/40" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="100">100/40</label>\r\n\t\t\t\t\t</label>\r\n\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tModem Connected and turned on?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemStatus" name="ModemStatus" type="radio" id="Yes" value="true" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Yes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemStatus" name="ModemStatus" type="radio" id="No" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="No">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemStatus === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Switch on the modem.</div>\r\n\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tPower light status?\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="On" value="true" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="On">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="Off" value="false" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Off">Off</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="PowerLightStatus === \'false\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check the power cable & electrical socket.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tDSL light status\r\n\t\t\t\t\t\t</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="fttnSlowSpeedDSLOn" value="On" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttnSlowSpeedDSLOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="fttnSlowSpeedDSLOff" value="Off" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttnSlowSpeedDSLOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="fttnSlowSpeedDSLFlashing" value="flashing" required\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttnSlowSpeedDSLFlashing">Flashing</label>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'Off\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check the telephone cable connected from wall socket to modem. Try alternate cable in case of failure .</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'flashing\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Power cycle the modem, if still light is flashing, raise it to level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tInternet light status?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="Onlight" value="true" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Onlight">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="OffOnlight" value="false" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="OffOnlight">Off</label>\r\n\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="InternetLightStatus === \'false\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** If Internet light is off, Reset modem, if still no internet light. Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" (click)="troubleshoot(Troubleshoot.value)" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tMODEM Make & Model\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="Netcom" value="Netcom" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Netcom">Netcom</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="BYOM" value="BYCOM" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="BYOM">BYOM</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="ModemMake === \'BYCOM\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Direct EU to Modem guide.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs there an in-line filter?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOn" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOn">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOff" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOff">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsInLineFilter === \'true\' &&  ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Ask EU to remove the inline filter & connect Modem directly to wall socket.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs a Central Splitter installed?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterYes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterNo" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterNo">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'true\' && IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Ask EU to remove the central splitter & connect Modem directly to wall socket.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tDoes the speed vary?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="speedYes" value="Yes" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="speedYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="speedNo" value="No" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="speedNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs the End Customer running a Network ?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningNetwork" name="IsEndCustomerRunningNetwork" type="radio" id="endCustomerYes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningNetwork" name="IsEndCustomerRunningNetwork" type="radio" id="endCustomerNo" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerNo">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsEndCustomerRunningNetwork === \'true\' && IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<div class="title agentQuestions">** Do not share network.</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\'  && IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs the End Customer running P2P applications ?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningP2P" name="IsEndCustomerRunningP2P" type="radio" id="endCustomerp2p" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerp2p">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningP2P" name="IsEndCustomerRunningP2P" type="radio" id="endCustomerp2p1" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerp2p1">No</label>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsEndCustomerRunningP2P === \'true\'  && IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Do not use P2P applications.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsEndCustomerRunningP2P === \'false\'  && IsInLineFilter === \'false\' && ModemMake === \'Netcom\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemStatus === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the network?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="Yes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Yes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="No" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="No">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'" class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check when the client has signed up. Service activation happens after 24-48 hours after installation.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tMODEM Make & Model</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="Netcom" value="Netcom" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Netcom">Netcom</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="BYOM" value="BYCOM" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="BYOM">BYOM</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="ModemMake === \'BYCOM\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Direct EU to Modem guide.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tDuring what time(s) do most dropouts occur?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="1" value="Morning" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="1">Morning</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="2" value="Evening" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="2">Evening</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="3" value="Night" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="3">Night</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tDo dropouts still occur when Modem directly connected to laptop/desktop?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemDirectlyConnected" name="ModemDirectlyConnected" type="radio" id="1n" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="1n">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemDirectlyConnected" name="ModemDirectlyConnected" type="radio" id="2n" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="2n">No</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemDirectlyConnected === \'false\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="title agentQuestions">** Connect Modem directly to laptop/desktop and check.</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHow often does service drop out (e.g. every 20min)?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="10mins" value="5-10mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="10mins">5-10mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="15mins" value="10-15mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="15mins">10-15mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="20mins" value="15-20mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="20mins">15-20mins</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tPower light status\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="ONPOWER" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ONPOWER">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLightStatus" name="PowerLightStatus" type="radio" id="OFFPOWER" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="OFFPOWER">Off</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLightStatus === \'false\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check the power cable & electrical socket.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tDSL light status</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLON" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLON">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLoff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DSLLightStatus" name="DSLLightStatus" type="radio" id="DSLFLASH" value="flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLFLASH">Flashing</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'Off\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Check the telephone cable connected from wall socket to modem. Try alternate cable in case of failure .</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'flashing\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Power cycle the modem, if still light is flashing, raise it to level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tInternet light status</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="internetstatuson" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="internetstatuson">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="InternetLightStatus" name="InternetLightStatus" type="radio" id="internetstatusoff" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="internetstatusoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="InternetLightStatus === \'false\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** If Internet light is off, Reset modem, if still no internet light. Raise a fault to Level .\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs there an in-line filter?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOn" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOn">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsInLineFilter" name="IsInLineFilter" type="radio" id="filterOff" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOff">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsInLineFilter === \'true\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Ask EU to remove the inline filter & connect Modem directly to wall socket.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsInLineFilter === \'false\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs a Central Splitter installed?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterYes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsCentralSplitterInstalled" name="IsCentralSplitterInstalled" type="radio" id="SplitterNo" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="IsCentralSplitterInstalled === \'true\' && IsInLineFilter === \'false\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Ask EU to remove the central splitter & connect Modem directly to wall socket.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNumber of Sockets (Alternate connections in home)?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="one" value="1" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="one">1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="two" value="2" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="two">2</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="three" value="3" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="three">3</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NumberofSockets" name="NumberofSockets" type="radio" id="four" value="4" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="four">4</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the Modem been tested on all other sockets?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemTested" name="ModemTested" type="radio" id="TestSocketsYes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="TestSocketsYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemTested" name="ModemTested" type="radio" id="TestSocketsNo" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="TestSocketsNo">No</label>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemTested === \'true\' && IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Close if issue resolved\r\n\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemTested === \'false\' && IsCentralSplitterInstalled === \'false\' && IsInLineFilter === \'false\' && InternetLightStatus === \'true\' && DSLLightStatus === \'On\' && PowerLightStatus === \'true\' && ModemMake === \'Netcom\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTN\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise fault to level 2\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!--fttp--\x3e\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the network?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="Yes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Yes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="No" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="No">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'" class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check when the client has signed up. Service activation happens after 24-48 hours after installation.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="YesModem" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="YesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="NoModem" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="NoModem">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'false\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box, wait for 90 seconds.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title" style="font-size:14px">\r\n\t\t\t\t\t\t\tConfirm the light status on NTD Box\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tPower LED Status</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightOn" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightRed">Red</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLEDStatus === \'Off\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLEDStatus === \'Red\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/Battery backup Unit. [Optional].</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tOptical LED Status?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightOn" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightRed">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightFlashing" value="Green flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightFlashing">Green Flashing</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'Red\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\' ">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'Off\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus ===\'Green flashing\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Post successful connection, this light will flash which indicates data transfer. It is ideal behavior\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tUNID 1/2/3/4 LED Status\r\n\t\t\t\t\t\t</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="On" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="On">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="Off" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Off">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="Flashing" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Flashing">Flashing</label>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Check UNID PORT NUMBER which is activated for this connection.Connect only in UNID port number which is mentioned by ISP,\r\n\t\t\t\t\t\t\t\tif still light status doesn\u2019t change, raise a fault to Level 2 .\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'On\' || UNIDLEDStatus === \'Flashing\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - UPDATE light status/indication</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="InternetLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="InternetLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightRed">Red Solid</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="InternetLightGreen" value="Green Solid" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightGreen">Green Solid</label>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Flashing\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t** LED flashes during data transfer. It is ideal behaviour.\r\n\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Red\'  && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise fault\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Connection box is downloading an update(firmware). Wait till it turns Off .</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs there a battery back up?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IsBatteryBackUp" name="IsBatteryBackUp" type="radio" id="WIFILightOn" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="WIFILightOn">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsBatteryBackUp" name="IsBatteryBackUp" type="radio" id="WIFIOff" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="WIFIOff">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsBatteryBackUp === \'true\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs Replacement Required?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IsReplacementBackUp" name="IsReplacementBackUp" type="radio" id="ReplaceOn" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ReplaceOn">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsReplacementBackUp" name="IsReplacementBackUp" type="radio" id="ReplaceOff" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="ReplaceOff">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsReplacementBackUp === \'true\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t** Replace Battery .\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - other NBN services on the same NTD?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDOtherNBNServices" name="NTDOtherNBNServices" type="radio" id="filterOn" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOn">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDOtherNBNServices" name="NTDOtherNBNServices" type="radio" id="filterOff" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="filterOff">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tMODEM Make & Model ?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="SplitterYes" value="Netcom" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterYes">Netcom</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="SplitterNo" value="BYCOM" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="SplitterNo">BYOM</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="ModemMake === \'BYCOM\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Direct EU to Modem guide.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tPower LED Status\r\n\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemPowerLedStatus" name="ModemPowerLedStatus" type="radio" id="onled" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="onled">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemPowerLedStatus" name="ModemPowerLedStatus" type="radio" id="offled" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="offled">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemPowerLedStatus" name="ModemPowerLedStatus" type="radio" id="redled" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="redled">Red</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemPowerLedStatus === \'Red\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/Battery backup Unit. (Optional).</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemPowerLedStatus === \'Off\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check the cables & the electrical socket.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemPowerLedStatus === \'On\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tWAN</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="WAN" name="WAN" type="radio" id="1nn" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="1nn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="WAN" name="WAN" type="radio" id="2nn" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="2nn">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="WAN" name="WAN" type="radio" id="3nn" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="3nn">Red</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="WAN === \'Red\' && ModemPowerLedStatus === \'On\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise a fault to level 2\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="WAN === \'Off\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t**Confirm if the Ethernet cable is connected to the right UNID PORT on NTD box and is securely connected to WAN PORT on Modem.\r\n\t\t\t\t\t\t\t\tAlso check with alternate Ethernet cable\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="WAN === \'On\' && ModemPowerLedStatus === \'On\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tInternet\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="Internet" name="Internet" type="radio" id="serviceProfileId" value="Solid Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="serviceProfileId">Solid Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="Internet" name="Internet" type="radio" id="serviceProfileIdOff" value="Green Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="serviceProfileIdOff">Green Flashing</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="Internet === \'Green Flashing\' &&WAN === \'On\' && ModemPowerLedStatus === \'On\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t**Power cycle the modem, if still light status doesn\u2019t change to solid green, raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="Internet === \'Solid Green\' && WAN === \'On\' && ModemPowerLedStatus === \'On\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tWIFI Light Status\r\n\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="WIFILightStatus" name="WIFILightStatus" type="radio" id="1nnon" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="1nnon">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="WIFILightStatus" name="WIFILightStatus" type="radio" id="2nnoff" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="2nnoff">Off</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="WIFILightStatus === \'true\' && Internet === \'Solid Green\' && WAN === \'On\' && ModemPowerLedStatus === \'On\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="WIFILightStatus === \'false\' && Internet === \'Solid Green\' && WAN === \'On\' && ModemPowerLedStatus === \'On\' && ModemMake === \'Netcom\' && NTDLightStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** If WIFI Light is OFF, Reset the modem, If still no WIFI light, Raise it to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tService Profile\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="serviceProfileId" value="12/1" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="serviceProfileId">12/1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="serviceProfileId2" value="25/5" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="serviceProfileId2">25/5</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="serviceProfileId3" value="50/20" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="serviceProfileId3">50/20</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="serviceProfileId4" value="100/40" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="serviceProfileId4">100/40</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the network?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="Yes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Yes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="No" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="No">No</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check when the client has signed up. Service activation happens after 24-48 hours after installation.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="YesModem" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="YesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="NoModem" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="NoModem">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="NTDPowerCycle === \'false\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title" style="font-size:14px">\r\n\t\t\t\t\t\t\tConfirm the light status on NTD Box\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tPower LED Status</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightOn" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightRed">Red</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="PowerLEDStatus === \'Off\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="PowerLEDStatus === \'Red\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** If Red \u2013 Check power supply/Battery backup Unit. [Optional].</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tOptical LED Status?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightOn" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightRed">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightFlashing" value="Green flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightFlashing">Green Flashing</label>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'Red\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'Off\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus ===\'Green flashing\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Post successful connection, this light will flash which indicates data transfer. It is ideal behavior\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tUNID 1/2/3/4 LED Status\r\n\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="DSLLightOnnn" value="Green Solid" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOnnn">Green Solid</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="DSLLightOffnn" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOffnn">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="DSLLightFlashingnn" value="Orange" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightFlashingnn">Orange</label>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Orange\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Device has NIC issue.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Check UNID PORT NUMBER which is activated for this connection. Connect only in UNID port number which is mentioned by\r\n\t\t\t\t\t\t\t\tISP, if still light status doesn\u2019t change, raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs the End Customer running a Network ?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningNetwork" name="IsEndCustomerRunningNetwork" type="radio" id="endCustomerYes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningNetwork" name="IsEndCustomerRunningNetwork" type="radio" id="endCustomerNo" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsEndCustomerRunningNetwork === \'true\' && UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<div class="title agentQuestions">** Do not share network.</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tIs the End Customer running P2P applications ?\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningP2P" name="IsEndCustomerRunningP2P" type="radio" id="endCustomerP2PYes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerP2PYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="IsEndCustomerRunningP2P" name="IsEndCustomerRunningP2P" type="radio" id="endCustomerP2PrNo" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="endCustomerP2PrNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsEndCustomerRunningP2P === \'true\' && UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Do not use P2P applications.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsEndCustomerRunningP2P === \'false\' && UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IsEndCustomerRunningNetwork === \'Yes\' && IsEndCustomerRunningP2P === \'true\' && UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<div class="title agentQuestions">** Do not share network.</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the network?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="Yes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Yes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="No" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="No">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'" class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Check when the client has signed up. Service activation happens after 24-48 hours after installation\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="dropyes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="dropyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="dropno" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="dropno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'false\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tCPE/NDT - Connected and turned on?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="cpeyes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="cpeyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="cpeno" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="cpeno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="CPENDTConnectedTurnedOn === \'false\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'"\r\n\t\t\t\t\t class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Turn it ON.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tMODEM Make & Model\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="mdoemYes" value="Netcom" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="mdoemYes">Netcom</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="mdoemNo" value="BYCOM" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="mdoemNo">BYOM</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'BYCOM\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Direct EU to Modem guide</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tDuring what time(s) do most dropouts occur?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="morn" value="Morning" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="morn">Morning</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="evn" value="Evening" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="evn">Evening</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="nigh" value="Night" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="nigh">Night</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tDo dropouts still occur CPE directly connected to laptop/desktop?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemDirectlyConnected" name="ModemDirectlyConnected" type="radio" id="fttpYes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttpYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemDirectlyConnected" name="ModemDirectlyConnected" type="radio" id="fttpNo" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttpNo">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemDirectlyConnected === \'false\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="title agentQuestions">** Connect CPE directly to laptop/desktop and check.</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHow often does service drop out (e.g. every 20min)\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="10mins" value="5-10mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="10mins">5-10mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="15mins" value="10-15mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="15mins">10-15mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="20mins" value="15-20mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="20mins">15-20mins</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title" style="font-size:14px">\r\n\t\t\t\t\t\t\tConfirm the light status on NTD Box\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tPower LED Status\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightOn" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="PowerLEDStatus" name="PowerLEDStatus" type="radio" id="PowerLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="PowerLightRed">Red</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLEDStatus === \'Off\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLEDStatus === \'Red\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/Battery backup Unit. [Optional].</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tOptical LED Status?</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightOn" value="On" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOn">On</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightRed">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="OpticalLEDStatus" name="OpticalLEDStatus" type="radio" id="DSLLightFlashing" value="Green flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="DSLLightFlashing">Green Flashing</label>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'Red\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'Off\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Raise a fault to Level 2.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus ===\'Green flashing\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Post successful connection, this light will flash which indicates data transfer. It is ideal behavior\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tUNID 1/2/3/4 LED Status\r\n\t\t\t\t\t\t</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="Netcom" value="Green Solid" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Netcom">Green Solid</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="BYOM" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="BYOM">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="UNIDLEDStatus" name="UNIDLEDStatus" type="radio" id="Flashing" value="Orange" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="Flashing">Orange</label>\r\n\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Orange\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Device has NIC issue.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Off\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Check UNID PORT NUMBER which is activated for this connection. Connect only in UNID port number which is mentioned by\r\n\t\t\t\t\t\t\t\tISP, if still light status doesn\u2019t change, raise a fault to Level 2\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - UPDATE light status/indication</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="InternetLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="InternetLightRed" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightRed">Red Solid</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="InternetLightGreen" value="Green Solid" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="InternetLightGreen">Green Solid</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green Solid\' && UNIDLEDStatus === \'Green Solid\'  && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Connection box is downloading an update. Wait till it turns Off\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Red\' && UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">\r\n\t\t\t\t\t\t\t\t** Update failed to download. Try rebooting the modem. If it still does not work , raise fault.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" (click)="troubleshoot(Troubleshoot.value)" type="submit" name="action">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - other NBN services on the same NTD?\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDOtherNBNServices" name="NTDOtherNBNServices" type="radio" id="fttpdropoutN" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttpdropoutN">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDOtherNBNServices" name="NTDOtherNBNServices" type="radio" id="fttpdropoutno" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fttpdropoutno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && UNIDLEDStatus === \'Green Solid\' && OpticalLEDStatus === \'On\' && PowerLEDStatus === \'On\' && ModemMake === \'Netcom\' && CPENDTConnectedTurnedOn === \'true\' && NTDPowerCycle === \'true\' && ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FTTP\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t\x3c!-- FW --\x3e\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Modem / Router - Make & Model*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="FWNointmodem" value="Netcom" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWNointmodem">NetComm</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="FWNointmodemby" value="BYOM" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWNointmodemby">BYOM</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'BYOM\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Direct EU to Modem guide.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Date when fault first noticed*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<div class="input-field col s4">\r\n\t\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="DateFaultNoticed" #dateModel="ngModel" required name="DateFaultNoticed" placeholder="Date"></kendo-datepicker>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tHas the service worked before on the network?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="FWNOINTserviceYes"\r\n\t\t\t\t\t\t value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWNOINTserviceYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceWorkedOnNetworkBefore" name="ServiceWorkedOnNetworkBefore" type="radio" id="FWNOINTserviceNo"\r\n\t\t\t\t\t\t value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWNOINTserviceNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Check when the client has signed up. Service activation happens after 24-48 hours after installation.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<button type="submit" name="action" (click)="saveData(Troubleshoot.value);" class="k-button k-primary">Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\'  && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">Fault Description*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n\t\t\t\t\t\t/>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Serial / ALCL number?*</span>\r\n\t\t\t\t\t\t<input class="k-textbox" [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" type="text" />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="FWnointYesModem" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWnointYesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="FWnointNoModem" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWnointNoModem">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && NTDPowerCycle === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box, wait for 90 seconds.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tModem - Connected and turned on?* </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="FWnointcpeyes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWnointcpeyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="FWnointcpeno" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWnointcpeno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Connect everything and switch it ON.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> NTD - POWER light Status/Indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="fwnointLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="fwnointLightgreenpower" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointLightgreenpower">Green </label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013Status light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="fwnointlightgreenflash1" value="Flashing_Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightgreenflash1">Flashing Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="fwnointlightgreen1" value="Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightgreen1">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="fwnointlightamber" value="Amber"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightamber">Amber Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="fwnointlightred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightred">Red</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDStatusLightStatus === \'Amber\' && NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Device is starting up and installing.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDStatusLightStatus === \'Red\' && NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">System fault. Raise a fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013 Outdoor Unit light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="fwnointlightoutdoorgreen34" value="Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightoutdoorgreen34">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="fwnointlightoutdoorgreenflash33" value="Flashing_Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightoutdoorgreenflash33">Flashing Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="fwnointlightoutdoorred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightoutdoorred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="fwnointlightoutdoorredflash" value="Flashing_Red"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointlightoutdoorredflash">Flashing Red</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Flashing_Green\' && NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">No action required as flashing denotes data activity</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Red\' && NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Physical connectivity issue, raise fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Flashing_Red\' && NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Line issue. Raise fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013 Signal light status*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="fwnointsignallightred" value="Red"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointsignallightred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="fwnointsignallightAmber" value="Amber"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointsignallightAmber">Amber</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="fwnointsignallightGreen" value="Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointsignallightGreen">Green</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Additional Details(if any)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="AdditionalDetails" required name="AdditionalDetails" type="text" id="AdditionalDetail" class="k-textbox"\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> What is the Signal Strength to identify coverage between IDU/WNTD and ODU/LTE*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="fwnoint1bar" value="1bar" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnoint1bar">1 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="fwnoint2bar" value="2bar" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnoint2bar">2 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="fwnoint3bar" value="3bar" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnoint3bar">3 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="fwnointOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwnointOff">Off</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && ServiceWorkedOnNetworkBefore === \'true\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Service Profile*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWS12" value="12/1" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWS12">12/1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWS25" value="25/5" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWS25">25/5</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWS50" value="50/20" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWS50">50/20</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWS100" value="100/40" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWS100">100/40</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Modem / Router - Make & Model*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="fwmymodemn" value="Netcom" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwmymodemn">Netcomm</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="fwmymodemnb" value="BYOM" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="fwmymodemnb">BYOM</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'BYOM\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Direct EU to Modem guide.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Date when fault first noticed*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<div class="input-field col s4">\r\n\t\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="DateFaultNoticed" #dateModel="ngModel" required name="DateFaultNoticed" placeholder="Date"></kendo-datepicker>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">Fault Description*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n\t\t\t\t\t\t/>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Serial / ALCL number?*</span>\r\n\t\t\t\t\t\t<input class="k-textbox" [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" type="text" />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="FWSYesModem" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSYesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="FWSNoModem" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNoModem">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box, wait for 90 seconds.</div>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tModem Connected and turned on?* </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="FWScpeyes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWScpeyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="FWScpeno1" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWScpeno1">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Connect everything and switch it ON.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> NTD - POWER light Status/Indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="FWSpowerLightOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSpowerLightOff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="FWSpowerLightgreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSpowerLightgreen">Green </label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'true\' && NTDLightStatus === \'Off\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013Status light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWSNTDstatusgreenflash" value="Flashing_Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNTDstatusgreenflash">Flashing Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWSNTDstatusgreen" value="Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNTDstatusgreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWSNTDstatusgreenAmber34" value="Amber_FLASH"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNTDstatusgreenAmber34">Amber Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWSNTDstatusgreenRed" value="Red"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNTDstatusgreenRed">Red</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDStatusLightStatus === \'Amber_FLASH\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Device is starting up and installing.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDStatusLightStatus === \'Red\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">System fault. Raise a fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013 Outdoor2 Unit light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWSOutdoorgreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSOutdoorgreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWSOutdoorgreenflash" value="Flashing_Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSOutdoorgreenflash">Flashing Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWSOutdoorred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSOutdoorred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWSOutdoorredflash" value="Flashing_Red"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSOutdoorredflash">Flashing Red</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Flashing_Green\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">No action required as flashing denotes data activity</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Red\' &&  NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Physical connectivity issue, raise fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Flashing_Red\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Line issue. Raise fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013 Signal light status**</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="FWSNtdsignalred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNtdsignalred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="FWSNtdsignalAmber" value="Amber"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNtdsignalAmber">Amber</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="FWSNtdsignalGreen" value="Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSNtdsignalGreen">Green</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> What is the Signal Strength to identify coverage between IDU/WNTD and ODU/LTE*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWS1bar" value="1bar" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWS1bar">1 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWS2bar" value="2bar" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWS2bar">2 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWS3bar" value="3bar" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWS3bar">3 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWSoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWSoff">Off</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Service Profile*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWD12" value="12/1" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD12">12/1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWD25" value="25/5" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD25">25/5</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWD50" value="50/20" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD50">50/20</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="FWD100" value="100/40" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD100">100/40</label>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Modem / Router - Make & Model*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="FWDNetcom" value="Netcom" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNetcom">Netcomm</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="FWDBYOM" value="BYCOM" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDBYOM">BYOM</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'BYCOM\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Direct EU to Modem guide.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> During what time(s) do most dropouts occur?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="FWDmorn" value="Morning" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDmorn">Morning</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="FWDevn" value="Evening" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDevn">Evening</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="FWDnigh" value="Night" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDnigh">Night</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> How often does service drop out (e.g. every 20min) </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="FWD10mins" value="5-10mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD10mins">5-10mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="FWD15mins" value="10-15mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD15mins">10-15mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="FWD20mins" value="15-20mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD20mins">15-20mins</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title"> Date when fault first noticed*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<div class="input-field col s4">\r\n\t\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="DateFaultNoticed" #dateModel="ngModel" required name="DateFaultNoticed" placeholder="Date"></kendo-datepicker>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">Fault Description*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n\t\t\t\t\t\t/>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Serial / ALCL number?*</span>\r\n\t\t\t\t\t\t<input class="k-textbox" [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" type="text" />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="FWDYesModem" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDYesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="FWDNoModem" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNoModem">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box, wait for 90 seconds.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tModem - Connected and turned on?* </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="FWDcpeyes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDcpeyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="FWDcpeno" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDcpeno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Connect everything and switch it ON.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> NTD - POWER light Status/Indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="FWDpoweroff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDpoweroff">Off</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="FWDpowergreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDpowergreen">Green </label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013Status light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWDNtdlightgreenflash" value="Flashing_Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNtdlightgreenflash">Flashing Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWDNtdlightgreen" value="Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNtdlightgreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWDNtdlightamber" value="Amber"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNtdlightamber">Amber Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDStatusLightStatus" name="FWNTDStatusLightStatus" type="radio" id="FWDNtdlightred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNtdlightred">Red</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDStatusLightStatus === \'Amber\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Device is starting up and installing.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDStatusLightStatus === \'Red\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">System fault. Raise a fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013 Outdoor Unit3 light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWDoutgreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDoutgreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWDoutgreenflash" value="Flashing_Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDoutgreenflash">Flashing Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWDoutred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDoutred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDOutdoorStatus" name="FWNTDOutdoorStatus" type="radio" id="FWDoutredflash" value="Flashing_Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDoutredflash">Flashing Red</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Flashing_Green\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">No action required as flashing denotes data activity</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Red\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Physical connectivity issue, raise fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Flashing_Red\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Line issue. Raise fault.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary troubleshootSubmit" type="submit" name="action" (click)="troubleshoot(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tRaise Fault\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> FW NTD \u2013 Signal light status**</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="FWDNtdsignalstatred" value="Red"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNtdsignalstatred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="FWDNtdsignalstatamber" value="Amber"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNtdsignalstatamber">Amber</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="FWNTDSignalLightStatus" name="FWNTDSignalLightStatus" type="radio" id="FWDNtdsignalstatgreen" value="Green"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDNtdsignalstatgreen">Green</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="FWNTDOutdoorStatus === \'Flashing_Green\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> What is the Signal Strength to identify coverage between IDU/WNTD and ODU/LTE*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWD1bar" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD1bar">1 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWD2bar" value="Amber" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD2bar">2 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWD3bar" value="3bar" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWD3bar">3 bar</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SignalStrength" name="SignalStrength" type="radio" id="FWDOff" value="FWDOff" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="FWDOff">Off</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'FW\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t\x3c!-- HFC --\x3e\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Modem / Router - Make & Model*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="HFCNoIntNetcom" value="Netcom" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntNetcom">Netcomm</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="HFCNoIntBYOM" value="BYCOM" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntBYOM">BYOM</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'BYCOM\' &&IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Direct EU to Modem guide.\r\n\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Date when fault first noticed*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<div class="input-field col s4">\r\n\t\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="DateFaultNoticed" #dateModel="ngModel" required name="DateFaultNoticed" placeholder="Date"></kendo-datepicker>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">Fault Description*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n\t\t\t\t\t\t/>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Please provide NTD Type?*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="NTDType" name="NTDType" required />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Serial / ALCL number?*</span>\r\n\t\t\t\t\t\t<input class="k-textbox" [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" type="text" />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Please provide NTD MAC Address?*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="NTDMACAddress" name="NTDMACAddress" required />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="HFCNoIntpower" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntpower">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="HFCNoIntpowerno" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntpowerno">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box, wait for 90 seconds.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tModem - Connected and turned on?* </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="HFCNoIntcpeyes" value="true"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntcpeyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="HFCNoIntcpeno" value="false"\r\n\t\t\t\t\t\t required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntcpeno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'false\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Connect everything and switch it ON.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> NTD - POWER light Status/Indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="HFCNoIntpowerliggreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntpowerliggreen">Green </label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="HFCNoIntpowerligred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntpowerligred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="HFCNoIntpowerligoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntpowerligoff">Off</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Red\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - DS (Downstream) light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCNoIntDSyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntDSyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCNoIntDSgreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntDSgreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCNoIntDSflashing" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntDSflashing">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCNoIntDSoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntDSoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDDS === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - DS (Upstream)) light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCNoIntUSyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntUSyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCNoIntUSgreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntUSgreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCNoIntUSFlashing" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntUSFlashing">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCNoIntUSoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntUSoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDUS === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - Online light status/indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="HFCNoIntonlinesolid" value="Solid" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntonlinesolid">Solid</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="HFCNoIntonlineflash" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntonlineflash">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="HFCNoIntonlineoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntonlineoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDOnline === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - Link light status/indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCNoIntlinkyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntlinkyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCNoIntlinkGreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntlinkGreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCNoIntlinkFlashing" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntlinkFlashing">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCNoIntlinkoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCNoIntlinkoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDLink === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Additional Details\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input class="k-textbox" type="text" [(ngModel)]="AdditionalDetails" name="AdditionalDetails" />\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'No Internet\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- HFC1 --\x3e\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Service Profile*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCS12" value="12/1" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCS12">12/1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCS25" value="25/5" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCS25">25/5</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCS50" value="50/20" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCS50">50/20</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCS100" value="100/40" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCS100">100/40</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Modem / Router - Make & Model*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="HFCSNetcom" value="Netcom" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSNetcom">Netcomm</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="HFCSBYOM" value="BYCOM" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSBYOM">BYOM</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label *ngIf="ModemMake === \'BYCOM\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'" class="k-form-field">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Direct EU to Modem guide.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Date when fault first noticed*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<div class="input-field col s4">\r\n\t\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="DateFaultNoticed" #dateModel="ngModel" required name="DateFaultNoticed" placeholder="Date"></kendo-datepicker>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">Fault Description*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n\t\t\t\t\t\t/>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Please provide NTD Type?*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="NTDType" name="NTDType" required />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Serial / ALCL number?*</span>\r\n\t\t\t\t\t\t<input class="k-textbox" [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" type="text" />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType  === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Please provide NTD MAC Address?*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="NTDMACAddress" name="NTDMACAddress" required />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="HFCSYesModem" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSYesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="HFCSNoModem" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSNoModem">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box, wait for 90 seconds.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tModem - Connected and turned on?* </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="HFCScpeyes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCScpeyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="HFCScpeno" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCScpeno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'false\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Connect everything and switch it ON.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> NTD - POWER light Status/Indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="HFCSpowergreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSpowergreen">Green </label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="HFCSpowerred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSpowerred">Red</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="HFCSpoweroff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSpoweroff">Off</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Red\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - DS (Downstream) light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCSyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCSGreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSGreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCSFlashing" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSFlashing">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="HFCSOff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSOff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDDS  === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - DS (Upstream)) light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCSDyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSDyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCSDgrreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSDgrreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCSDflash" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSDflash">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="HFCSDfoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSDfoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDUS === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - Online light status/indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="HFCSonlinesolid" value="Solid" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSonlinesolid">Solid</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="HFCSonlineflash" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSonlineflash">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="HFCSonlineoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSonlineoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDOnline === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - Link light status/indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCSlinkntyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSlinkntyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCSlinkntgreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSlinkntgreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCSlinkntflash" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSlinkntflash">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="HFCSlinkntoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSlinkntoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDLink === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Has the End-Users Computer been Restarted?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="HFCSendt" value="true"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSendt">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="HFCSendtf" value="false"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCSendtf">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="EndUserComputerRestarted === \'false\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Restart computer</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Has an alternate Computer & Cables been tested?*</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="hfcs1vac" value="true" />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcs1vac">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="hfcs1vac2" value="false"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcs1vac2">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'false\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Test using alternate cable</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\r\n\t\t\t\t\t\t<span class="title"> Is slow throughput evident only during peak times ?*\r\n\t\t\t\t\t\t</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="hfcs1ev" value="true"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcs1ev">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="hfcs1ev21ev" value="false"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcs1ev21ev">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\r\n\t\t\t\t\t\t<span class="title"> Does the speed vary ?*\r\n\t\t\t\t\t\t</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcsspeedYes" value="Yes" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcsspeedYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcsspeedNo" value="No" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcsspeedNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\r\n\t\t\t\t\t\t<span class="title"> Speed Test Performed? (Please ensure that the Computer is directly connected to the NTD)</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedTest" required name="SpeedTest" type="text" class="k-textbox" />\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\r\n\t\t\t\t\t\t<span class="title"> Download speed in Kbps (Please provide at least 3)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DownloadSpeedKbps" required name="DownloadSpeedKbps" type="text" class="k-textbox" />\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\r\n\t\t\t\t\t\t<span class="title"> Upload speed in Kbps (Please provide at least 3)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="UploadSpeedKbps" required name="UploadSpeedKbps" type="text" class="k-textbox" />\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\r\n\t\t\t\t\t\t<span class="title"> TRACEROUTE PERFORMED - ALL Fault Types</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="TraceRoute" required name="TraceRoute" type="text" id="TestSocketsYes" value="Yes" class="k-textbox"\r\n\t\t\t\t\t\t/>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Additional Details(if any)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="AdditionalDetails" required name="AdditionalDetails" type="text" id="AdditionalDetail" class="k-textbox"\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ComputerCabelsTested === \'true\' && EndUserComputerRestarted === \'true\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Slow speed\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t\x3c!-- HFC2 --\x3e\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Service Profile*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCD12" value="12/1" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCD12">12/1</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCD25" value="25/5" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCD25">25/5</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCD50" value="50/20" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCD50">50/20</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceProfile" name="ServiceProfile" type="radio" id="HFCD100" value="100/40" required />\r\n\t\t\t\t\t\t<label class="k-radio-label" for="HFCD100">100/40</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Modem / Router - Make & Model*\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="hfcdNetcom" value="Netcom" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdNetcom">Netcomm</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ModemMake" name="ModemMake" type="radio" id="hfcdBYOM" value="BYCOM" required>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdBYOM">BYOM</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="ModemMake === \'BYCOM\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions"> ** Direct EU to Modem guide.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> During what time(s) do most dropouts occur?</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="hfcdmorn" value="Morning" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdmorn">Morning</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="hfcdevn" value="Evening" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdevn">Evening</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="DropOutOccur" name="DropOutOccur" type="radio" id="hfcdnigh" value="Night" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdnigh">Night</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> How often does service drop out (e.g. every 20min) </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="hfcd10mins" value="5-10mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcd10mins">5-10mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="hfcd15mins" value="10-15mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcd15mins">10-15mins</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ServiceDropOut" name="ServiceDropOut" type="radio" id="hfcd20mins" value="15-20mins" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcd20mins">15-20mins</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title"> Date when fault first noticed*\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<div class="input-field col s4">\r\n\t\t\t\t\t\t\t<kendo-datepicker [(ngModel)]="DateFaultNoticed" #dateModel="ngModel" required name="DateFaultNoticed" placeholder="Date"></kendo-datepicker>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">Fault Description*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="FaultDescription" name="FaultDescription" required\r\n\t\t\t\t\t\t/>\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Please provide NTD Type?*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="NTDType" name="NTDType" required />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Serial / ALCL number?*</span>\r\n\t\t\t\t\t\t<input class="k-textbox" [(ngModel)]="NTDSerialALCLNumber" required name="NTDSerialALCLNumber" type="text" />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">NTD - Please provide NTD MAC Address?*</span>\r\n\t\t\t\t\t\t<input type="text" id="faultdesc" value="" class="k-textbox" [(ngModel)]="NTDMACAddress" name="NTDMACAddress" required />\r\n\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tNTD - Turned off / on (power cycled) or reset?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="hfcdYesModem" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdYesModem">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDPowerCycle" name="NTDPowerCycle" type="radio" id="hfcdNoModem" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdNoModem">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDPowerCycle === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Power cycle the NTD Box, wait for 90 seconds.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title">\r\n\t\t\t\t\t\t\tModem - Connected and turned on?* </span>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="hfcdcpeyes" value="true" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdcpeyes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="CPENDTConnectedTurnedOn" name="CPENDTConnectedTurnedOn" type="radio" id="hfcdcpeno" value="false" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdcpeno">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'false\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Connect everything and switch it ON.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);">\r\n\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> NTD - POWER light Status/Indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="hfcdlightoffGreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdlightoffGreen">Green </label>\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="hfcdlightoffred" value="Red" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdlightoffred">Red</label>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="NTDLightStatus" name="NTDLightStatus" type="radio" id="hfcdlightoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdlightoff">Off</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Off\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Red\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">** Check power supply/socket. Fix the power issue.</div>\r\n\t\t\t\t\t\t\t<button class="k-button k-primary" type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - DS (Downstream) light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="hfcddownyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcddownyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="hfcddowngrn" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcddowngrn">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="hfcddownflash" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcddownflash">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDDS" name="HFCNTDDS " type="radio" id="hfcddownoff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcddownoff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDDS  === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - DS (Upstream)) light status?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="hfcdupyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdupyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="hfcdupgrn" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdupgrn">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="hfcdupred" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdupred">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDUS" name="HFCNTDUS" type="radio" id="hfcdupredof" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdupredof">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDUS === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - Online light status/indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="hfcdonlisolid" value="Solid" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdonlisolid">Solid</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="hfcdonlisolidfl" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdonlisolidfl">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDOnline" name="HFCNTDOnline" type="radio" id="hfcdonlisolidfloff" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdonlisolidfloff">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDOnline === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> HFC NTD - Link light status/indication?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="hfcdlinkyellow" value="Yellow" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdlinkyellow">Yellow</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="hfcdlinkyellowtGreen" value="Green" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdlinkyellowtGreen">Green</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="hfcdlinkredn" value="Flashing" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdlinkredn">Flashing</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="HFCNTDLink" name="HFCNTDLink" type="radio" id="hfcdlinkrednof" value="Off" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdlinkrednof">Off</label>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="HFCNTDLink === \'Off\' && NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<div class="title agentQuestions">Reset/Reboot modem & try to connect.</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Has the End-Users Computer been Restarted?*</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="hfcdd1com" value="true"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdd1com">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="EndUserComputerRestarted" required name="EndUserComputerRestarted" type="radio" id="hfcdd21com" value="false"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdd21com">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Has an alternate Computer & Cables been tested?*</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="hfc1231vac" value="true"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfc1231vac">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="ComputerCabelsTested" required name="ComputerCabelsTested" type="radio" id="hfc1231vac2" value="false"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfc1231vac2">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Is slow throughput evident only during peak times ?*\r\n\t\t\t\t\t\t</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="hfc1231ev" value="true"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfc1231ev">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SlowThroughputPeakTimes" required name="SlowThroughputPeakTimes" type="radio" id="hfc12321ev" value="false"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfc12321ev">No</label>\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Does the speed vary ?*\r\n\t\t\t\t\t\t</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcdrspeedYes" value="Yes" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdrspeedYes">Yes</label>\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedVary" name="SpeedVary" type="radio" id="hfcdrspeedNo" value="No" required/>\r\n\t\t\t\t\t\t<label class="k-radio-label" for="hfcdrspeedNo">No</label>\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Speed Test Performed? (Please ensure that the Computer is directly connected to the NTD)</span>\r\n\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="SpeedTest" required name="SpeedTest" type="text" class="k-textbox" />\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Download speed in Kbps (Please provide at least 3)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="DownloadSpeedKbps" required name="DownloadSpeedKbps" type="text" class="k-textbox" />\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Upload speed in Kbps (Please provide at least 3)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="UploadSpeedKbps" required name="UploadSpeedKbps" type="text" class="k-textbox" />\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> TRACEROUTE PERFORMED - ALL Fault Types</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="TraceRoute" required name="TraceRoute" type="text" class="k-textbox" />\r\n\r\n\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<span class="title"> Additional Details(if any)</span>\r\n\r\n\t\t\t\t\t\t<input [(ngModel)]="AdditionalDetails" required name="AdditionalDetails" type="text" id="AdditionalDetail" class="k-textbox"\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t<label class="k-form-field" *ngIf="NTDLightStatus === \'Green\' && CPENDTConnectedTurnedOn === \'true\' && IssueType === \'Dropouts\' && TechnologyType === \'HFC\'">\r\n\r\n\t\t\t\t\t\t<div class="text-right">\r\n\t\t\t\t\t\t\t<button class="k-button k-primary " type="submit" name="action" (click)="saveData(Troubleshoot.value);"> Submit\r\n\t\t\t\t\t\t\t\t<i class="material-icons right">send</i>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t</form>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n\t<p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n\t<kendo-dialog-actions>\r\n\t  <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n\t</kendo-dialog-actions>\r\n  </kendo-dialog>\r\n  <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n\t<p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n\t<kendo-dialog-actions>\r\n\t  <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n\t</kendo-dialog-actions>\r\n  </kendo-dialog>'},I5YX:function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n  <div class="card z-depth-4 tickets_padding">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        Completed Orders\r\n      </h4>\r\n\r\n    </div>\r\n    <kendo-grid [style.height.vh]="87" [kendoGridBinding]="allFutureData" [pageSize]="25" [pageable]="true"\r\n      [sortable]="true" [scrollable]="true" [resizable]="true" [selectable]="true" filterable="menu" class="test">\r\n      <kendo-grid-column field="BillingId" title="Customer Id" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.BillingId]">{{dataItem.BillingId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OrderedDate" filter="date" width="120" [resizable]="false" format="{0:d}"\r\n        title="Ordered Date" [filterable]="true">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Name" title="Full Name" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="LocId" title="Location Id" [filterable]="true" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Address" title="Address" [minResizableWidth]="200" [style]="{\'white-space\': \'normal\'}">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Status" title="Status" [filterable]="true" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Type" title="Type" [filterable]="true" width="100" [resizable]="false">\r\n      </kendo-grid-column>\r\n    </kendo-grid>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},JUqi:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".spinner{margin:150px 40%;width:50px;height:40px;text-align:center;font-size:10px}.spinner>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}",""]),t.exports=t.exports.toString()},JX4k:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},JeuK:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"body{background:#e8e8ee;height:800px}h5{margin-top:100px;text-align:center;font-size:1rem}.card{height:500px;-webkit-box-shadow:0 2px 2px 0 #333;box-shadow:0 2px 2px 0 #333}.card .card-content{padding:10px 24px;height:180px}.btn,.card .card-content{background:#789;color:#fff}input{color:#000}.agent_portal{text-align:center}body{background:url(http://cdn.wallpapersafari.com/13/6/Mpsg2b.jpg);margin:0;background-size:100% 110%}a,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.login{margin:0 auto;max-width:500px}.login-header{color:#fff;text-align:center;font-size:300%}.login-form{border:.5px solid #fff;background:#4facff;border-radius:10px;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}.login-form h3{text-align:left;margin-left:40px;color:#fff}.login-form{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:15px;padding-bottom:10%;margin:5% auto;text-align:center}.login input[type=password],.login input[type=text]{max-width:400px;width:80%;line-height:3em;margin:1em 2em;border-radius:5px;border:2px solid #f2f2f2;outline:none;padding-left:10px}.login-form input[type=button]{height:30px;width:100px;background:#fff;border:1px solid #f2f2f2;border-radius:20px;color:#708090;text-transform:uppercase;cursor:pointer}img.center{display:block;margin-top:30px;margin-left:auto;margin-right:auto;height:100px;width:120px}.sign-up{color:#f2f2f2;margin-left:-70%;cursor:pointer;text-decoration:underline}.extra_padding{padding-right:235px;padding-top:120px}.no-access{color:#e86850;margin:20px 0 20px -57%}.no-access,.try-again{text-decoration:underline;cursor:pointer}.try-again{color:#f2f2f2}.error-code{color:#dd5661}.row .col.s4{width:42.333333%}.row .col.offset-s4{margin-left:12.3333333333%}.form-horizontal{margin-top:50px}@media screen and (max-width:900px){.row .col.offset-s4{margin-left:0}.row .col.s4{width:100%}}",""]),t.exports=t.exports.toString()},Jp6u:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<ul class="nav nav-tabs tabs tabs-fixed-width tab-demo z-depth-1">\r\n  <li class="tab"><a class="active" routerLink="/salesdashboard">SALES</a></li>\r\n  <li class="tab"><a routerLink="/operations-dashboard">OPERATIONS</a></li>\r\n  <li class="tab"><a routerLink="/ticketdashboard">TICKETS</a></li>\r\n  <li class="tab"><a routerLink="/provisioningdashboard">PROVISIONING</a></li>\r\n  <li class="tab"><a routerLink="/financedashboard">FINANCE</a></li>\r\n</ul>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n\r\n<div class="padding_tables content" style="padding: 0px !important" *ngIf="!showSpinnerImage">\r\n  <div class="header">\r\n    <h3 class="title" style="text-align: left !important">\r\n      SALES OVERVIEW\r\n    </h3>\r\n  </div>\r\n  <div class="row first_row">\r\n    <div class="col s12 no_margins">\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                  color: #271960;">\r\n          <h4 class="title">\r\n            TOTAL SALES\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{totalCustomerCounter}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                    color: #271960; ">\r\n          <h4 class="title">\r\n            NBN\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{nbnCustomerCounter}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                      color: #271960;">\r\n          <h4 class="title">\r\n            ADSL\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{adslCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                    color: #271960;">\r\n          <h4 class="title">\r\n            FTTP Customers\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{fttpCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                      color: #271960;">\r\n          <h4 class="title">\r\n            FTTN Customers\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{fttnCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                        color: #271960;">\r\n          <h4 class="title">\r\n            HFC Customers\r\n          </h4>\r\n\r\n          <div class="content cardContent">\r\n            {{hfcCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                          color: #271960;">\r\n          <h4 class="title">\r\n            FW Customers\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{fwCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                          color: #271960;">\r\n          <h4 class="title">\r\n            FTTC Customers\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{fttcCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                          color: #271960;">\r\n          <h4 class="title">\r\n            HWB Customers\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{hwbCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s1 no_margins">\r\n        <div class="card  z-depth-4" style="background: #fff;\r\n                          color: #271960;">\r\n          <h4 class="title">\r\n            MBB Customers\r\n          </h4>\r\n          <div class="content cardContent">\r\n            {{mbbCustomerCountRound}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="col s12 m4 ">\r\n      <div class="card  z-depth-4">\r\n        <kendo-chart [seriesColors]="[\'#2196F3\',\'#4CAF50\']">\r\n          <kendo-chart-legend position="bottom" orientation="horizontal">\r\n          </kendo-chart-legend>\r\n          <kendo-chart-tooltip format="{0}">\r\n          </kendo-chart-tooltip>\r\n          <kendo-chart-category-axis>\r\n            <kendo-chart-category-axis-item>\r\n              <kendo-chart-category-axis-item-labels rotation="-50">\r\n              </kendo-chart-category-axis-item-labels>\r\n            </kendo-chart-category-axis-item>\r\n          </kendo-chart-category-axis>\r\n          <kendo-chart-series>\r\n            <kendo-chart-title text="Sales By Week"></kendo-chart-title>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-series-item name="This Week" type="column" [gap]="2" [spacing]=".25" [data]="thisWeekSale"\r\n              categoryField="Day" field="SaleCount">\r\n              <kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n            <kendo-chart-series-item name="Last Week" type="column" [data]="lastWeekSale" categoryField="Day"\r\n              field="SaleCount">\r\n              <kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n          </kendo-chart-series>\r\n        </kendo-chart>\r\n      </div>\r\n    </div>\r\n    <div class="col s12 m4 ">\r\n      <div class="card  z-depth-4">\r\n        <kendo-chart *ngIf="cancelReport" [seriesColors]="[\'#f44336\',\'#607D8B\']">\r\n          <kendo-chart-legend position="bottom" orientation="horizontal">\r\n          </kendo-chart-legend>\r\n          <kendo-chart-tooltip format="{0}">\r\n          </kendo-chart-tooltip>\r\n\r\n\r\n          <kendo-chart-category-axis>\r\n            <kendo-chart-category-axis-item>\r\n              <kendo-chart-category-axis-item-labels rotation="-50">\r\n              </kendo-chart-category-axis-item-labels>\r\n            </kendo-chart-category-axis-item>\r\n          </kendo-chart-category-axis>\r\n          <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n          </kendo-chart-axis-defaults>\r\n          <kendo-chart-series>\r\n            <kendo-chart-title text="Cancellations By Week"></kendo-chart-title>\r\n            <kendo-chart-series-item type="column" name="This Week" [gap]="2" [spacing]=".25"\r\n              [data]="thisWeekCancelSale" categoryField="Day" field="CancellationCount">\r\n              <kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n            <kendo-chart-series-item type="column" name="Last Week" [data]="lastWeekCancelSale" categoryField="Day"\r\n              field="CancellationCount">\r\n              <kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n\r\n          </kendo-chart-series>\r\n        </kendo-chart>\r\n      </div>\r\n    </div>\r\n    <div class="col s12 m4">\r\n      <div class="card  z-depth-4">\r\n        <kendo-chart [seriesColors]="[\'#2196F3\',\'#4CAF50\']">\r\n          <kendo-chart-legend position="bottom" orientation="horizontal">\r\n          </kendo-chart-legend>\r\n          <kendo-chart-tooltip format="{0}">\r\n          </kendo-chart-tooltip>\r\n          <kendo-chart-category-axis>\r\n            <kendo-chart-category-axis-item>\r\n              <kendo-chart-category-axis-item-labels rotation="-50">\r\n              </kendo-chart-category-axis-item-labels>\r\n            </kendo-chart-category-axis-item>\r\n          </kendo-chart-category-axis>\r\n          <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n          </kendo-chart-axis-defaults>\r\n          <kendo-chart-series>\r\n            <kendo-chart-title text="Sales Trend Analysis"></kendo-chart-title>\r\n            <kendo-chart-series-item type="column" name="This Week" [gap]="2" [spacing]=".25"\r\n              [data]="thisWeekProductSale" categoryField="ServiceClassByType" field="Count">\r\n              <kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n            <kendo-chart-series-item type="column" name="Last Week" [data]="lastWeekProductSale"\r\n              categoryField="ServiceClassByType" field="Count">\r\n              <kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n\r\n          </kendo-chart-series>\r\n        </kendo-chart>\r\n      </div>\r\n      \x3c!-- <p class="boldfirst">Sales Trend Analysis</p>\r\n          <table class="table table-striped">\r\n            <thead class="colourbg">\r\n              <tr>\r\n                <th>Product Type</th>\r\n                <th>This Week</th>\r\n                <th>Last Week</th>\r\n                <th>Highlights</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr>\r\n                <td>FTTP</td>\r\n                <td>{{currfttpprod}}</td>\r\n                <td>{{fttpprod}}</td>\r\n                <td *ngIf="currfttpprod > fttpprod">{{fttphigh}}%\r\n                  <i class="material-icons greenarr">arrow_upward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/up.png">\r\n                </td>\r\n                <td *ngIf="currfttpprod < fttpprod">{{fttphigh}}%\r\n                  <i class="material-icons redarr">arrow_downward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/down.png">\r\n                </td>\r\n                <td *ngIf="currfttpprod == fttpprod">0%</td>\r\n              </tr>\r\n              <tr>\r\n                <td>FTTN</td>\r\n                <td>{{currfttnprod}}</td>\r\n                <td>{{fttnprod}}</td>\r\n                <td *ngIf="currfttnprod > fttnprod">{{fttnhigh}}%\r\n                  <i class="material-icons greenarr">arrow_upward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/up.png">\r\n                </td>\r\n                <td *ngIf="currfttnprod < fttnprod">{{fttnhigh}}%\r\n                  <i class="material-icons redarr">arrow_downward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/down.png">\r\n                </td>\r\n                <td *ngIf="currfttnprod == fttnprod">0%</td>\r\n              </tr>\r\n              <tr>\r\n                <td>FW</td>\r\n                <td>{{currFWprod}}</td>\r\n                <td>{{FWprod}}</td>\r\n                <td *ngIf="currFWprod > FWprod">{{fwhigh}}%\r\n                  <i class="material-icons greenarr">arrow_upward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/up.png">\r\n                </td>\r\n                <td *ngIf="currFWprod < FWprod">{{fwhigh}}%\r\n                  <i class="material-icons redarr">arrow_downward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/down.png">\r\n                </td>\r\n                <td *ngIf="currFWprod == FWprod">0%</td>\r\n              </tr>\r\n              <tr>\r\n                <td>Satellite</td>\r\n                <td>{{currsatelliteprod}}</td>\r\n                <td>{{satelliteprod}}</td>\r\n                <td *ngIf="currsatelliteprod > satelliteprod">{{sathigh}}%\r\n                  <i class="material-icons greenarr">arrow_upward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/up.png">\r\n                </td>\r\n                <td *ngIf="currsatelliteprod < satelliteprod">{{sathigh}}%\r\n                  <i class="material-icons redarr">arrow_downward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/down.png">\r\n                </td>\r\n                <td *ngIf="currsatelliteprod == satelliteprod">0%</td>\r\n              </tr>\r\n              <tr>\r\n                <td>HFC</td>\r\n                <td>{{currhfcprod}}</td>\r\n                <td>{{hfcprod}}</td>\r\n                <td *ngIf="currhfcprod > hfcprod">{{hfcphigh}}%\r\n                  <i class="material-icons greenarr">arrow_upward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/up.png">\r\n                </td>\r\n                <td *ngIf="currhfcprod < hfcprod">{{hfcphigh}}%\r\n                  <i class="material-icons redarr">arrow_downward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/down.png">\r\n                </td>\r\n                <td *ngIf="currhfcprod == hfcprod">0%</td>\r\n              </tr>\r\n              <tr>\r\n                <td>FTTC</td>\r\n                <td>{{currFTTCprod}}</td>\r\n                <td>{{FTTCprod}}</td>\r\n                <td *ngIf="currFTTCprod > FTTCprod">{{fttchigh}}%\r\n                  <i class="material-icons greenarr">arrow_upward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/up.png">\r\n                </td>\r\n                <td *ngIf="currFTTCprod < FTTCprod">{{fttchigh}}%\r\n                  <i class="material-icons redarr">arrow_downward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/down.png">\r\n                </td>\r\n                <td *ngIf="currFTTCprod == FTTCprod">0%</td>\r\n              </tr>\r\n              <tr>\r\n                <td>ADSL</td>\r\n                <td>{{currAdslprod}}</td>\r\n                <td>{{Adslprod}}</td>\r\n                <td *ngIf="currAdslprod > Adslprod">{{adslhigh}}%\r\n                  <i class="material-icons greenarr">arrow_upward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/up.png">\r\n                </td>\r\n                <td *ngIf="currAdslprod < Adslprod">{{adslhigh}}%\r\n                  <i class="material-icons redarr">arrow_downward</i>\r\n                  <img class="material-icons excel" src="../../assets/images/down.png">\r\n                </td>\r\n                <td *ngIf="currAdslprod == Adslprod">0%</td>\r\n              </tr>\r\n            </tbody>\r\n          </table> --\x3e\r\n    </div>\r\n    <div class="col s12 m4">\r\n      <div class="card  z-depth-4">\r\n        <kendo-chart *ngIf="ServiceTypeData.length >= 1" style="height: 385px !important">\r\n\r\n          <kendo-chart-title style="font-weight: 700" text="Order status"></kendo-chart-title>\r\n          <kendo-chart-tooltip format="{0}">\r\n          </kendo-chart-tooltip>\r\n          <kendo-chart-category-axis>\r\n            <kendo-chart-category-axis-item>\r\n              <kendo-chart-category-axis-item-labels rotation="-50">\r\n              </kendo-chart-category-axis-item-labels>\r\n            </kendo-chart-category-axis-item>\r\n          </kendo-chart-category-axis>\r\n          <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n          </kendo-chart-axis-defaults>\r\n          <kendo-chart-series>\r\n            <kendo-chart-series-item type="column" [data]="ServiceTypeData" categoryField="kind" field="share"\r\n              colorField="color">\r\n              <kendo-chart-series-item-labels format="{0}">\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n          </kendo-chart-series>\r\n          <kendo-chart-legend [visible]="false"></kendo-chart-legend>\r\n        </kendo-chart>\r\n      </div>\r\n    </div>\r\n    <div class="col s12 m4">\r\n      <div class="card  z-depth-4">\r\n        <kendo-chart [seriesColors]="[\'#4CAF50\']" [categoryAxis]="{ categories: categoriesListName }">\r\n          <kendo-chart-title text="Sales by month"></kendo-chart-title>\r\n          <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>\r\n          <kendo-chart-tooltip format="{0}"></kendo-chart-tooltip>\r\n          <kendo-chart-category-axis>\r\n            <kendo-chart-category-axis-item>\r\n              <kendo-chart-category-axis-item-labels rotation="-50">\r\n              </kendo-chart-category-axis-item-labels>\r\n            </kendo-chart-category-axis-item>\r\n          </kendo-chart-category-axis>\r\n          <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n          </kendo-chart-axis-defaults>\r\n          <kendo-chart-series>\r\n            <kendo-chart-series-item type="line" [data]="series" categoryField="Month" field="SaleCount">\r\n              <kendo-chart-series-item-labels format="{0}">\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n          </kendo-chart-series>\r\n          <kendo-chart-legend [visible]="false"></kendo-chart-legend>\r\n        </kendo-chart>\r\n      </div>\r\n    </div>\r\n    <div class="col s12 m4">\r\n      <div class="card  z-depth-4">\r\n        <kendo-chart>\r\n          <ng-template kendoChartDonutCenterTemplate>\r\n            <h4 style="color: #000">{{totalCustomerCounter}}</h4>\r\n          </ng-template>\r\n          <kendo-chart-title text="Sales by tech"></kendo-chart-title>\r\n          <kendo-chart-category-axis>\r\n            <kendo-chart-category-axis-item>\r\n              <kendo-chart-category-axis-item-labels rotation="-50">\r\n              </kendo-chart-category-axis-item-labels>\r\n            </kendo-chart-category-axis-item>\r\n          </kendo-chart-category-axis>\r\n          <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n          </kendo-chart-axis-defaults>\r\n          <kendo-chart-series>\r\n            <kendo-chart-series-item type="donut" [data]="techPieTypeData" categoryField="kind" field="share"\r\n              colorField="color">\r\n              <kendo-chart-series-item-labels position="outsideEnd" [content]="labelContent" color="#000"\r\n                background="none">\r\n              </kendo-chart-series-item-labels>\r\n            </kendo-chart-series-item>\r\n          </kendo-chart-series>\r\n          <kendo-chart-legend [visible]="false"></kendo-chart-legend>\r\n        </kendo-chart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},MX8g:function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n\r\n  <div class="card z-depth-4 tickets_padding">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        My Notes\r\n      </h4>\r\n    </div>\r\n    <kendo-grid [style.height.vh]="87" [data]="gridData" [skip]="state.skip" [sort]="state.sort" [filter]="state.filter"\r\n      [sortable]="true" [pageSize]="10" [pageable]="true" filterable="menu" (dataStateChange)="dataStateChange($event)"\r\n      [selectable]="true" (selectionChange)="onSelect($event)" [resizable]="false">\r\n      <kendo-grid-column field="CustomerId" title="Customer Id" [filterable]="true" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Created" title="Created On" width="145" [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="FullName" title="Name" width="200" [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Notes" title="Notes">\r\n      </kendo-grid-column>\r\n      <ng-template kendoGridDetailTemplate let-dataItem>\r\n        <section *ngIf="dataItem.Notes">\r\n          <div [innerHtml]="dataItem.Notes | safe: \'html\'" style="text-align:initial; white-space: normal">\r\n          </div>\r\n        </section>\r\n      </ng-template>\r\n    </kendo-grid>\r\n    <div *ngIf="loadingGrid" class="k-i-loading"></div>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>'},MdiR:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},MrkO:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},Msll:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.tickettopicentersub{font-size:medium;color:#000;margin:0}.comm{margin-top:1em}.comms-customerid{padding:.3rem}.modal-lg{width:67rem!important}",""]),t.exports=t.exports.toString()},OiZA:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".edit-ticket textarea{height:14rem}select{display:inherit!important}label{font-size:1rem;letter-spacing:.25px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},Pr2P:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},Psob:function(t,e){t.exports="<app-navigation></app-navigation>\r\n\r\n<div>\r\n  <router-outlet></router-outlet>\r\n</div>"},Pxts:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".dashboard{padding-left:2%}#searchUsers{width:50%;border:1px solid #228b22;margin-top:20px;padding-left:10px;background:#fff;display:block;margin-right:auto;margin-left:auto}tr{cursor:pointer}.tickets_padding{font-size:12px}.k-grid-content{overflow-y:scroll!important}.filterBtn{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important;color:#fff;padding:0 5px;float:right!important}.filterBtn i{font-size:1.8rem;line-height:30px}.filterBtn:hover{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important;color:#fff;padding:0 5px}.orderChart{height:490px!important}.piesale{height:30em!important}.monthChart{height:435px!important}.btn-type{margin-bottom:0!important}.grid-wrapper{position:relative}.k-grid tbody td{white-space:nowrap;height:10px}.padding_tables{padding:20px}",""]),t.exports=t.exports.toString()},RzM0:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Finance/ShapedUserReport.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Finance/ShapedUserReport.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},"S//X":function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n  <div class="card z-depth-4 tickets_padding">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        Order Issues\r\n      </h4>\r\n\r\n    </div>\r\n    <kendo-grid [style.height.vh]="87" [kendoGridBinding]="newOrders" [pageSize]="25" [pageable]="true"\r\n      [sortable]="true" [scrollable]="true" [resizable]="true" [selectable]="true" filterable="menu" class="test"\r\n      (edit)="open($event)">\r\n      <kendo-grid-column field="BillingId" title="Customer Id" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.BillingId]">{{dataItem.BillingId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OrderedDate" filter="date" width="120" [resizable]="false" format="{0:d}"\r\n        title="Ordered Date" [filterable]="true">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Name" title="Full Name" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="LocId" title="Location Id" [filterable]="true" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Address" title="Address" [minResizableWidth]="200" [style]="{\'white-space\': \'normal\'}">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Status" title="Status" [filterable]="true" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Type" title="Type" [filterable]="true" width="100" [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-command-column *ngIf="roleAuthorizationProvisioning" title="Action" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          <button kendoGridEditCommand class="btn-sm btn waves-effect waves-light btn-fix">Raise ticket</button>\r\n          <button class="btn-sm btn waves-effect waves-light btn-fix issueBtn" (click)="edit(dataItem)"\r\n            target="_blank">Edit</button>\r\n        </ng-template>\r\n      </kendo-grid-command-column>\r\n    </kendo-grid>\r\n    <div *ngIf="loadingGrid" class="k-i-loading"></div>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Raise ticket" *ngIf="dialogOpened" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n\r\n      <form class="k-form" #CreateTicket="ngForm" (ngSubmit)="action(CreateTicket.value,\'yes\');CreateTicket.reset()">\r\n        <legend style="text-align:center">Sumo Operations</legend>\r\n        <div class="control-label col s12">\r\n          <label>\r\n            Select topic</label>\r\n          <div class="">\r\n            <select style="display:block" [(ngModel)]="topicId" (change)="topicChange(topicId)" name="topicId">\r\n              <option [ngValue]="undefined" selected>Select topic</option>\r\n              <option *ngFor="let sub of TechSupportL3Sub" value="{{sub.value}}">\r\n                {{ sub.category }}\r\n              </option>\r\n            </select>\r\n          </div>\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="topicId && !billingEnquiry">\r\n          <label>\r\n            Select subject</label>\r\n          <select style="display:block" [(ngModel)]="subject" (change)="optionChange()" name="subject">\r\n            <option [ngValue]="undefined" selected>Select subject</option>\r\n            <option *ngFor="let sub of TechSupportSub" value="{{sub.value}}">\r\n              {{ sub.category }}\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="billingEnquiry">\r\n          <label>\r\n            Enter subject</label>\r\n          <input class="textareainput" type=text [(ngModel)]="subject" id="subject" name="subject" required />\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="topicId">\r\n          <label>\r\n            Enter message</label>\r\n          <textarea [(ngModel)]="message" name="message" class="k-textarea"></textarea> </div>\r\n\r\n        <div class="text-right" *ngIf="topicId">\r\n          <button type="button" class="k-button" (click)="close(\'dialog\')">Cancel</button>\r\n          <button type="submit" class="k-button k-primary">Submit</button>\r\n        </div>\r\n      </form>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>'},T0LN:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="row extra_padding">\r\n  <div class="col s6 offset-s2">\r\n    <div class="card" style="box-shadow: 0 2px 3px 0 #333;width: 125%">\r\n      <div class="card-content" style="background: white; color: #000">\r\n        <div class="card-title">\r\n          <h4>Place Order</h4>\r\n        </div>\r\n        <form [formGroup]="myForm" (ngSubmit)="submit()">\r\n          <div class="form-group">\r\n            <label class="control-label col-sm-2">Customer Id:</label>\r\n            <div class="col-sm-10">\r\n              <input disabled type="text" formControlName="CustomerId" value="{{CustomerId}}" class="form-control">\r\n            </div>\r\n          </div>\r\n          <div class="form-group">\r\n            <label class="control-label col-sm-2">LOC ID:</label>\r\n            <div class="col-sm-10">\r\n              <input disabled type="text" formControlName="LocId" class="form-control">\r\n            </div>\r\n          </div>\r\n          <div class="form-group">\r\n            <label class="control-label col-sm-2">Customer Reference:</label>\r\n            <div class="col-sm-10">\r\n              <input type="text" formControlName="CustomerReference" class="form-control">\r\n            </div>\r\n          </div>\r\n          <div formArrayName="items">\r\n            <div class="form-group" *ngIf="myDataForm">\r\n              <label class="control-label col-sm-2">Data Products:</label>\r\n              <div class="">\r\n                <table>\r\n                  <thead>\r\n                    <th>Data Plan</th>\r\n                    <th>FNN</th>\r\n                    <th>Is FNN Active</th>\r\n                    <th>Quantity</th>\r\n                    <th>Delete</th>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr *ngFor="let item of myDataForm.get(\'items\').controls; let i=index" [formGroup]="item">\r\n                      <td>\r\n                        <kendo-dropdownlist [attr.id]="\'Product\'+i" formControlName="Product" *ngIf="dataProducts"\r\n                          [data]="dataProducts" [textField]="\'InternalName\'" [defaultItem]="defaultItem"\r\n                          [valueField]="\'InternalName\'" (valueChange)="valueDataChange($event)"\r\n                          (selectionChange)="selectionChange($event)">\r\n                        </kendo-dropdownlist>\r\n                      </td>\r\n                      <td>\r\n                        <input type="text" class="form-control" [attr.id]="\'FNN\'+i" formControlName="FNN">\r\n                      </td>\r\n                      <td>\r\n                        <input type="checkbox" [attr.id]="\'IsActiveFnn\'+i" class="k-checkbox"\r\n                          formControlName="IsActiveFnn">\r\n                      </td>\r\n                      <td style="width: 15px">\r\n                        <input type="number" class="form-control" [attr.id]="\'Quantity\'+i" formControlName="Quantity">\r\n                      </td>\r\n                      <td>\r\n                        <i class="material-icons delete-credit" (click)="myDataForm.get(\'items\').removeAt(i)">delete</i>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                  <button type="button" class="btn btn-link sub"\r\n                    (click)="myDataForm.get(\'items\').push(buildDataItem(\'\'))">Add Data item</button>\r\n\r\n                  \x3c!-- <button type="button" class="btn btn-link" ></button> --\x3e\r\n                </table>\r\n              </div>\r\n            </div>\r\n\r\n            \x3c!-- <div > --\x3e\r\n            \x3c!-- <h6 class="add-products">Data Products</h6> --\x3e\r\n\r\n            \x3c!-- <div class="form-group row" *ngFor="let item of myDataForm.get(\'items\').controls; let i=index" [formGroup]="item">\r\n      \r\n              <div class="col-sm-5">\r\n                <label [attr.for]="\'Product\'+i">Data Product</label>\r\n                <kendo-dropdownlist [attr.id]="\'Product\'+i" formControlName="Product" *ngIf="dataProducts" [data]="dataProducts" [textField]="\'InternalName\'"\r\n                  [valueField]="\'InternalName\'" (valueChange)="valueDataChange($event)" (selectionChange)="selectionChange($event)">\r\n                </kendo-dropdownlist>\r\n              </div>\r\n      \r\n              <div class="col-sm-2">\r\n                <label [attr.for]="\'FNN\'+i">FNN</label>\r\n                <input type="text" class="form-control" [attr.id]="\'FNN\'+i" formControlName="FNN">\r\n              </div>\r\n      \r\n              <div class="col-sm-2">\r\n                <label class="k-form-field">\r\n                  <input type="checkbox" [attr.id]="\'IsActiveFnn\'+i" class="k-checkbox" formControlName="IsActiveFnn">\r\n                  <label class="k-checkbox-label" [attr.for]="\'IsActiveFnn\'+i">IsFNNActive</label>\r\n                </label>\r\n              </div>\r\n      \r\n              <div class="col-sm-2">\r\n                <label [attr.for]="\'Quantity\'+i">Quantity</label>\r\n                <input type="number" class="form-control" [attr.id]="\'Quantity\'+i" formControlName="Quantity">\r\n              </div>\r\n      \r\n              <div class="col-sm-1">\r\n                <button type="button" class="btn" (click)="myDataForm.get(\'items\').removeAt(i)">-</button>\r\n              </div>\r\n              <hr>\r\n            </div> --\x3e\r\n            \x3c!-- </div> --\x3e\r\n            <div class="form-group" *ngIf="myVoiceForm">\r\n              <label class="control-label col-sm-2">Voice products:</label>\r\n              <div class="">\r\n                <table>\r\n                  <thead>\r\n                    <th>Voice Plan</th>\r\n                    \x3c!-- <th>Enable13xx</th>\r\n                      <th>EnableInternationalLandlines</th>\r\n                      <th>EnableInternationalMobiles</th>\r\n                      <th>EnableMobile</th>\r\n                      <th>EnablePremium</th> --\x3e\r\n                    <th>Enable Voice Mail</th>\r\n                    <th>Is New Number</th>\r\n                    <th>LNP</th>\r\n                    <th>Delete</th>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr *ngFor="let item of myVoiceForm.get(\'items\').controls; let i=index" [formGroup]="item">\r\n                      <td>\r\n                        <kendo-dropdownlist [attr.id]="\'Product\'+i" formControlName="Product" *ngIf="voiceProducts"\r\n                          [data]="voiceProducts" [textField]="\'InternalName\'" [defaultItem]="defaultItem"\r\n                          [valueField]="\'InternalName\'" (valueChange)="valueVoiceChange($event)"\r\n                          (selectionChange)="selectionChange($event)">\r\n                        </kendo-dropdownlist>\r\n                      </td>\r\n                      \x3c!-- <td>\r\n                          <input type="checkbox" [attr.id]="\'Enable13xx\'+i" formControlName="Enable13xx">\r\n                        </td>\r\n                        <td>\r\n                          <input type="checkbox" [attr.id]="\'EnableInternationalLandlines\'+i" formControlName="EnableInternationalLandlines">\r\n                        </td>\r\n                        <td>\r\n                          <input type="checkbox" [attr.id]="\'EnableInternationalMobiles\'+i" formControlName="EnableInternationalMobiles">\r\n                        </td>\r\n                        <td>\r\n                          <input type="checkbox" [attr.id]="\'EnableMobile\'+i" formControlName="EnableMobile">\r\n                        </td>\r\n                        <td>\r\n                          <input type="checkbox" [attr.id]="\'EnablePremium\'+i" formControlName="EnablePremium">\r\n                        </td> --\x3e\r\n                      <td>\r\n                        <input type="checkbox" [attr.id]="\'EnableVoiceMail\'+i" formControlName="EnableVoiceMail">\r\n                      </td>\r\n                      <td>\r\n                        <input type="checkbox" [attr.id]="\'IsNewNumber\'+i" formControlName="IsNewNumber">\r\n                      </td>\r\n                      <td>\r\n                        <input type="text" class="form-control" [attr.id]="\'LNP\'+i" formControlName="LNP">\r\n                      </td>\r\n                      <td>\r\n                        <i class="material-icons delete-credit"\r\n                          (click)="myVoiceForm.get(\'items\').removeAt(i)">delete</i>\r\n                        \x3c!-- <button type="button" class="btn" (click)="myVoiceForm.get(\'items\').removeAt(i)">-</button> --\x3e\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                  <button type="button" class="btn btn-link sub"\r\n                    (click)="myVoiceForm.get(\'items\').push(buildVoiceItem(\'\'))">Add Voice item</button>\r\n                  \x3c!-- <button type="button" class="btn btn-link" (click)="myVoiceForm.get(\'items\').push(buildVoiceItem(\'\'))">Add Voice item</button> --\x3e\r\n                </table>\r\n              </div>\r\n            </div>\r\n            \x3c!-- <div *ngIf="myVoiceForm"> --\x3e\r\n            \x3c!-- <h6 class="add-products">Voice products</h6> --\x3e\r\n\r\n            \x3c!-- <div class="form-group row" *ngFor="let item of myVoiceForm.get(\'items\').controls; let i=index" [formGroup]="item">\r\n              <div class="col-sm-3">\r\n                <label [attr.for]="\'Product\'+i">Voice Product</label>\r\n                <kendo-dropdownlist [attr.id]="\'Product\'+i" formControlName="Product" *ngIf="voiceProducts" [data]="voiceProducts" [textField]="\'InternalName\'"\r\n                  [valueField]="\'InternalName\'" (valueChange)="valueVoiceChange($event)" (selectionChange)="selectionChange($event)">\r\n                </kendo-dropdownlist>\r\n              </div>\r\n      \r\n              <div class="col-sm-3">\r\n                <label class="k-form-field" [attr.for]="\'Enable13xx\'+i">Enable13xx\r\n                  <input class="k-checkbox" type="checkbox" [attr.id]="\'Enable13xx\'+i" formControlName="Enable13xx">\r\n                </label>\r\n              </div>\r\n      \r\n              <div class="col-sm-4">\r\n                <label [attr.for]="\'EnableInternationalLandlines\'+i">EnableInternationalLandlines</label>\r\n                <input type="text" class="form-control" [attr.id]="\'EnableInternationalLandlines\'+i" formControlName="EnableInternationalLandlines">\r\n              </div>\r\n      \r\n              <div class="col-sm-1 py-1">\r\n                <button type="button" class="btn" (click)="myVoiceForm.get(\'items\').removeAt(i)">-</button>\r\n              </div>\r\n              <hr>\r\n            </div> --\x3e\r\n            \x3c!-- </div> --\x3e\r\n            <div class="form-group" *ngIf="myPurchaseForm">\r\n              <label class="control-label col-sm-2">Purchase products:</label>\r\n              <div class="">\r\n                <table>\r\n                  <thead>\r\n                    <th>Purchase Plan</th>\r\n                    <th>Quantity</th>\r\n                    <th>Delete</th>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr *ngFor="let item of myPurchaseForm.get(\'items\').controls; let i=index" [formGroup]="item">\r\n                      <td>\r\n                        <kendo-dropdownlist [attr.id]="\'Product\'+i" formControlName="Product" *ngIf="purchaseProducts"\r\n                          [data]="purchaseProducts" [defaultItem]="defaultItem" [textField]="\'InternalName\'"\r\n                          [valueField]="\'InternalName\'" (valueChange)="valuePurchaseChange($event)"\r\n                          (selectionChange)="selectionChange($event)">\r\n                        </kendo-dropdownlist>\r\n                      </td>\r\n                      <td style="width: 15px">\r\n                        <input type="number" class="form-control" [attr.id]="\'Quantity\'+i" formControlName="Quantity">\r\n                      </td>\r\n                      <td>\r\n                        <i class="material-icons delete-credit"\r\n                          (click)="myPurchaseForm.get(\'items\').removeAt(i)">delete</i>\r\n                        \x3c!-- <button type="button" class="btn" (click)="myPurchaseForm.get(\'items\').removeAt(i)">-</button> --\x3e\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                  <button type="button" class="btn btn-link sub"\r\n                    (click)="myPurchaseForm.get(\'items\').push(buildPurchaseItem(\'\'))">Add Purchase item</button>\r\n                  \x3c!-- <button type="button" class="btn btn-link" (click)="myPurchaseForm.get(\'items\').push(buildPurchaseItem(\'\'))">Add Purchase item</button> --\x3e\r\n                </table>\r\n              </div>\r\n            </div>\r\n\r\n            \x3c!-- <div > --\x3e\r\n            \x3c!-- <h6 class="add-products"></h6> --\x3e\r\n\r\n            \x3c!-- <h6>Purchase</h6>\r\n            <div class="form-group row" *ngFor="let item of myPurchaseForm.get(\'items\').controls; let i=index" [formGroup]="item">\r\n              <div class="col-sm-3">\r\n                <label [attr.for]="\'Product\'+i">Purchase Product</label>\r\n                <kendo-dropdownlist [attr.id]="\'Product\'+i" formControlName="Product" *ngIf="purchaseProducts" [data]="purchaseProducts"\r\n                  [textField]="\'InternalName\'" [valueField]="\'InternalName\'" (valueChange)="valuePurchaseChange($event)" (selectionChange)="selectionChange($event)">\r\n                </kendo-dropdownlist>\r\n              </div>\r\n      \r\n              <div class="col-sm-3">\r\n                <label [attr.for]="\'Quantity\'+i">Quantity</label>\r\n                <input type="number" class="form-control" [attr.id]="\'Quantity\'+i" formControlName="Quantity">\r\n              </div>\r\n      \r\n              <div class="col-sm-1 py-1">\r\n                <button type="button" class="btn" (click)="myPurchaseForm.get(\'items\').removeAt(i)">-</button>\r\n              </div>\r\n              <hr>\r\n            </div> --\x3e\r\n            \x3c!-- </div> --\x3e\r\n\r\n          </div>\r\n\r\n          \x3c!-- <div class="form-group row">\r\n          <div class="col-sm-2 col-sm-offset-10">\r\n            <button type="button" class="btn btn-link" (click)="myDataForm.get(\'items\').push(buildDataItem(\'\'))">Add Data item</button>\r\n            <button type="button" class="btn btn-link" (click)="myVoiceForm.get(\'items\').push(buildVoiceItem(\'\'))">Add Voice item</button>\r\n            <button type="button" class="btn btn-link" (click)="myPurchaseForm.get(\'items\').push(buildPurchaseItem(\'\'))">Add Purchase item</button>\r\n          </div>\r\n        </div> --\x3e\r\n          <div class="form-group" *ngIf="error" class="errFile">** Please enter a customer reference number **</div>\r\n          <button type="submit" style="float:right" class="btn btn-default btn-link send"\r\n            [disabled]="myDataForm?.invalid">Submit\r\n            <i class="material-icons right">send</i>\r\n          </button>\r\n          <button kendoButton *ngIf="!opened" (click)="open()" style="float:right"\r\n            class="btn btn-default btn-link">Cancel</button>\r\n\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'no\')">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Please confirm" *ngIf="opened" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Are you sure you want to cancel?</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'no\')">No</button>\r\n    <button class="confirmDialog" kendoButton (click)="actionCancel(\'yes\')" primary="true">Yes</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<div class="example-wrapper">\r\n  <kendo-dialog title="Order Placed" *ngIf="dialogOpened" class="msgtag" (close)="close(\'dialog\')" [minWidth]="250"\r\n    [width]="450">\r\n    <p style="margin: 30px; text-align: center;">Your order has been placed</p>\r\n  </kendo-dialog>\r\n  <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n    <kendo-dialog-actions>\r\n      <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>\r\n</div>'},Tyek:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"table th{padding:3px!important;border:1px solid #000!important;text-align:center!important;font-size:12px}table{width:auto}thead{background:#fff}.padding_tables{padding:20px}form{padding:20px!important}.btn-link{color:#fff!important;background-color:#ff7743!important;font-size:12px!important;height:25px!important;line-height:25px!important;padding:0 1rem!important;margin-top:10px!important}.add-products{margin-top:30px!important}.btn-submit{margin:20px!important;float:right!important}.k-checkbox{-webkit-appearance:checkbox;clip:unset!important}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;opacity:1;pointer-events:auto;zoom:1.3}fieldset{border:none}label{font-size:.9rem}td,th{text-align:center;padding:0 15px!important}.product{width:50%!important}.send{background-color:#097709!important;height:25px!important;margin-left:5px}.sub{float:inherit!important}input[type=checkbox],input[type=radio]{margin:-5px 0!important}.k-dropdown{width:30em}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},UM2u:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},Ufmb:function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n  <div class="card z-depth-4 tickets_padding">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        Order Placed\r\n      </h4>\r\n    </div>\r\n\r\n    <kendo-grid [style.height.vh]="87" [kendoGridBinding]="newOrders" [rowClass]="rowCallback" [pageSize]="25"\r\n      [pageable]="true" [sortable]="true" [scrollable]="true" [resizable]="true" [selectable]="true" filterable="menu"\r\n      class="test" (edit)="open($event)">\r\n      <kendo-grid-column field="BillingId" title="Customer Id" [width]="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.BillingId]">{{dataItem.BillingId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OrderId" title="Id" [filterable]="true">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OrderedDate" filter="date" format="{0:d}" width="100" [resizable]="false"\r\n        title="Ordered Date" [filterable]="true">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Name" title="Full Name">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="LocId" title="Location Id" [filterable]="true" [style]="{\'white-space\': \'normal\'}"\r\n        width="150">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Address" title="Address" [style]="{\'white-space\': \'normal\'}">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Status" title="Status" [style]="{\'white-space\': \'normal\'}">\r\n        <ng-template kendoGridFilterMenuTemplate let-column="column" let-filter="filter"\r\n          let-filterService="filterService">\r\n          <kendo-multiselect style="width:250px" [data]="categories" textField="Status" valueField="Status"\r\n            [valuePrimitive]="true" [value]="categoryFilters(filter)"\r\n            (valueChange)="categoryChange($event, filterService)">\r\n          </kendo-multiselect>\r\n        </ng-template>\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          {{dataItem.Status}}\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="StatusDate" title="Status Date" width="100" [resizable]="false" [filterable]="true"\r\n        filter="date" format="{0:d}">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Type" title="Type" width="100" [resizable]="false" [filterable]="true">\r\n      </kendo-grid-column>\r\n      <kendo-grid-command-column *ngIf="roleAuthorizationProvisioning" width="200" title="Action" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          <button kendoGridEditCommand class="btn-sm btn waves-effect waves-light btn-fix">Raise ticket</button>\r\n          <button class="btn-sm btn waves-effect waves-light btn-fix issueBtn" (click)="edit(dataItem)"\r\n            target="_blank">Edit</button>\r\n        </ng-template>\r\n      </kendo-grid-command-column>\r\n    </kendo-grid>\r\n    <div *ngIf="loadingGrid" class="k-i-loading"></div>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Raise ticket" *ngIf="dialogOpened" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n      <form class="k-form" #CreateTicket="ngForm" (ngSubmit)="action(CreateTicket.value,\'yes\');CreateTicket.reset()">\r\n        <legend style="text-align:center">Sumo Operations</legend>\r\n        <div class="control-label col s12">\r\n          <label>\r\n            Select topic</label>\r\n          <select style="display:block" [(ngModel)]="topicId" (change)="topicChange(topicId)" name="topicId">\r\n            <option [ngValue]="undefined" selected>Select topic</option>\r\n            <option *ngFor="let sub of TechSupportL3Sub" value="{{sub.value}}">\r\n              {{ sub.category }}\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="topicId && !billingEnquiry">\r\n          <label>\r\n            Select subject</label>\r\n          <select style="display:block" [(ngModel)]="subject" (change)="optionChange()" name="subject">\r\n            <option [ngValue]="undefined" selected>Select subject</option>\r\n            <option *ngFor="let sub of TechSupportSub" value="{{sub.value}}">\r\n              {{ sub.category }}\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="billingEnquiry">\r\n          <label>\r\n            Enter subject</label>\r\n          <input class="textareainput" type=text [(ngModel)]="subject" id="subject" name="subject" required />\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="topicId">\r\n          <label>\r\n            Enter message</label>\r\n          <textarea [(ngModel)]="message" name="message" class="k-textarea"></textarea> </div>\r\n        <div class="text-right" *ngIf="topicId">\r\n          <button type="button" class="k-button" (click)="close(\'dialog\')">Cancel</button>\r\n          <button type="submit" class="k-button k-primary">Submit</button>\r\n        </div>\r\n      </form>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>'},UhSV:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".margin_top{margin-top:40px}.margin_top_cards{margin-top:5px}.margin_top h4{text-align:center;font-weight:500;letter-spacing:.5px}.create_ticket_card{padding-left:10px;padding-top:1px;padding-bottom:1px}.right-align{float:right}.title{font-size:13px;font-weight:700;color:rgba(0,0,0,.87)}.department{padding:20px}[type=radio]:not(:checked)+label{font-size:12px}.right{float:right}.closeForm{cursor:pointer}.troubleshootheader{margin-bottom:0;background:-webkit-linear-gradient(top,#4387fd,#4683ea)!important;padding:5px;color:#fff}.agentQuestions{text-align:center;background:#ffa07a;color:#000;padding:10px;margin-right:10px}ol{padding-left:30px!important}ol li{text-align:left}.troubleshootSubmit{background-color:#3f51b5!important;background:#3f51b5!important}.rowMyDiv{float:right}input[type=text]{height:30px;font-size:12px}margin_top_cards{margin-bottom:0}.date{width:auto!important}.last{float:right}input[type=datetime-local]{position:relative;margin-left:50px}[type=radio]{position:relative}.margin_top_cards{width:auto;height:20px}.margin_top_cards:first-child{margin-top:0}.margin_top{width:auto}@media screen and (max-width:1200px){.margin_top_cards{width:100%;height:40px}.margin_top{width:100%}}.faultForm{width:100%}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block){text-align:left!important}[type=radio]{position:absolute!important}.k-dateinput-wrap .k-input,.k-picker-wrap .k-input{color:rgba(0,0,0,.87)!important}.card{-webkit-box-shadow:0 2px 2px 0 rgba(255,254,254,.14),0 1px 5px 0 hsla(0,12%,93%,.12),0 3px 1px -2px hsla(0,21%,93%,.2);box-shadow:0 2px 2px 0 rgba(255,254,254,.14),0 1px 5px 0 hsla(0,12%,93%,.12),0 3px 1px -2px hsla(0,21%,93%,.2);background:#eee!important}label{color:rgba(0,0,0,.87)}.text-right{width:100%}.k-input.k-textbox,.k-textarea,.k-textbox{width:50em!important}.k-datepicker{width:30em!important}.k-form-field{padding-left:20px;padding-right:20px;margin-bottom:0!important}.k-dropdown{width:22.4em!important}.k-dropdown-wrap>.k-input{color:#333!important}",""]),t.exports=t.exports.toString()},Ukws:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-filtercell-wrapper{white-space:normal}.k-grid-header{padding:0!important}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.k-state-selected{padding:5px;background:#dcdbec}tr :hover{cursor:pointer}kendo-dropdownlist{display:none}.btn-sm{background:#ff7743!important;padding:4px 5px;color:#fff!important}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743!important}.btn-fix-dashboard{float:none;height:18px!important;line-height:2px!important;padding:4px 12px!important;padding-bottom:6px!important;font-size:12px!important;letter-spacing:.5px!important}strong{color:#000;font-weight:700}.internal-notes{font-weight:700;font-size:1.3rem}",""]),t.exports=t.exports.toString()},V6Pl:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Finance/ShapedTillDate.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Finance/ShapedTillDate.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},W675:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},WIV8:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"h4,p{text-align:center}h4{padding-top:5px}.cardContent{text-align:center;font-size:3.3rem}.row .col.s2{width:12%}.colourbg{background:#90a4ae;color:#fff}.table-striped>tbody>tr:nth-of-type(odd){background:#ece9f5}.excel{cursor:pointer}.k-chart{height:25em}.table>tbody>tr>td{padding:3px}.boldfirst{font-weight:700}.k-header,tr .myClass{background:#ef9a9a!important}",""]),t.exports=t.exports.toString()},YGpT:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="padding_tables content">\r\n\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow: auto !important">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        Open Tasks\r\n      </h4>\r\n    </div>\r\n    <kendo-grid [style.height.vh]="50" *ngIf="gridDataOpen.length > 0" [kendoGridBinding]="gridDataOpen" [pageSize]="25"\r\n      [pageable]="true" [sortable]="true" filterable="menu" (edit)="editHandler($event)"\r\n      (cancel)="cancelHandler($event)" (save)="saveHandler($event)" (remove)="removeHandler($event)"\r\n      (add)="addHandler($event)" [resizable]="true" [rowClass]="rowCallback">\r\n      <kendo-grid-column field="Id" title="Id" [hidden]="true"></kendo-grid-column>\r\n      <kendo-grid-column field="CustomerId" title="Customer Id" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Created" filter="date" title="Created On" format="{0:d}" width="120"\r\n        [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="ReminderDate" filter="date" [editor]="\'date\'" title="Reminder Date" format="{0:d}"\r\n        width="150" [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="DueDate" filter="date" [editor]="\'date\'" title="Due Date" format="{0:d}" width="150"\r\n        [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="DiaryTasks" title="Tasks">\r\n        <ng-template kendoGridEditTemplate let-column="column" let-formGroup="formGroup" let-isNew="isNew">\r\n          <input #input class="k-textbox" [formControl]="formGroup.get(column.field)">\r\n          <kendo-popup [anchor]="input"\r\n            *ngIf="formGroup.get(column.field).invalid && !(isNew && formGroup.get(column.field).untouched)"\r\n            popupClass="k-widget k-tooltip k-tooltip-validation k-invalid-msg">\r\n            <span class="k-icon k-i-warning"></span>\r\n            Diary Tasks name is required\r\n          </kendo-popup>\r\n        </ng-template>\r\n\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Status" title="Status" width="100" [filterable]="false" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          {{category(dataItem.Status)?.StatusName}}\r\n        </ng-template>\r\n        <ng-template kendoGridEditTemplate let-dataItem="dataItem" let-column="column" let-formGroup="formGroup">\r\n          <kendo-dropdownlist #ddl="popupAnchor" popupAnchor [data]="categories" textField="StatusName" valueField="Id"\r\n            [valuePrimitive]="true" [formControl]="formGroup.get(\'Status\')">\r\n          </kendo-dropdownlist>\r\n          <kendo-popup [anchor]="ddl.element"\r\n            *ngIf="formGroup.get(column.field).invalid && !(isNew && formGroup.get(column.field).untouched)"\r\n            popupClass="k-widget k-tooltip k-tooltip-validation k-invalid-msg">\r\n            <span class="k-icon k-i-warning"></span>\r\n            Status is required\r\n          </kendo-popup>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n\r\n\r\n      <kendo-grid-command-column title="Action" width="150" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-isNew="isNew">\r\n          <button kendoGridEditCommand class="k-primary editBtn">Edit</button>\r\n          <button kendoGridSaveCommand class="k-primary updateBtn"\r\n            [disabled]="formGroup?.invalid">{{ isNew ? \'Add\' : \'Update\' }}</button>\r\n          <button kendoGridCancelCommand class="k-primary cancelBtn">{{ isNew ? \'Discard changes\' : \'Cancel\' }}</button>\r\n        </ng-template>\r\n      </kendo-grid-command-column>\r\n    </kendo-grid>\r\n    <div *ngIf="loadingGrid" class="k-i-loading"></div>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>\r\n\r\n<div class="padding_tables content">\r\n\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow: auto !important">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        Closed Tasks\r\n      </h4>\r\n\r\n    </div>\r\n    <kendo-grid [style.height.vh]="50" *ngIf="gridDataClosed.length > 0" [kendoGridBinding]="gridDataClosed"\r\n      [pageSize]="25" [pageable]="true" [sortable]="true" filterable="menu" (edit)="editHandler($event)"\r\n      (cancel)="cancelHandler($event)" (save)="saveHandler($event)" (remove)="removeHandler($event)"\r\n      (add)="addHandler($event)" [resizable]="true" [rowClass]="rowCallback">\r\n      <kendo-grid-column field="Id" title="Id" [hidden]="true"></kendo-grid-column>\r\n      <kendo-grid-column field="CustomerId" title="Customer Id" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Created" filter="date" title="Created On" format="{0:d}" width="120"\r\n        [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="ReminderDate" filter="date" [editor]="\'date\'" title="Reminder Date" format="{0:d}"\r\n        width="150" [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="DueDate" filter="date" [editor]="\'date\'" title="Due Date" format="{0:d}" width="150"\r\n        [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="DiaryTasks" title="Tasks">\r\n        <ng-template kendoGridEditTemplate let-column="column" let-formGroup="formGroup" let-isNew="isNew">\r\n          <input #input class="k-textbox" [formControl]="formGroup.get(column.field)">\r\n          <kendo-popup [anchor]="input"\r\n            *ngIf="formGroup.get(column.field).invalid && !(isNew && formGroup.get(column.field).untouched)"\r\n            popupClass="k-widget k-tooltip k-tooltip-validation k-invalid-msg">\r\n            <span class="k-icon k-i-warning"></span>\r\n            Diary Tasks name is required\r\n          </kendo-popup>\r\n        </ng-template>\r\n\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Status" title="Status" width="100" [filterable]="false" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          {{category(dataItem.Status)?.StatusName}}\r\n        </ng-template>\r\n        <ng-template kendoGridEditTemplate let-dataItem="dataItem" let-column="column" let-formGroup="formGroup">\r\n          <kendo-dropdownlist #ddl="popupAnchor" popupAnchor [data]="categories" textField="StatusName" valueField="Id"\r\n            [valuePrimitive]="true" [formControl]="formGroup.get(\'Status\')">\r\n          </kendo-dropdownlist>\r\n          <kendo-popup [anchor]="ddl.element"\r\n            *ngIf="formGroup.get(column.field).invalid && !(isNew && formGroup.get(column.field).untouched)"\r\n            popupClass="k-widget k-tooltip k-tooltip-validation k-invalid-msg">\r\n            <span class="k-icon k-i-warning"></span>\r\n            Status is required\r\n          </kendo-popup>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n\r\n\r\n      <kendo-grid-command-column title="Action" width="150" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-isNew="isNew">\r\n          <button kendoGridEditCommand class="k-primary editBtn">Edit</button>\r\n          <button kendoGridSaveCommand class="k-primary updateBtn"\r\n            [disabled]="formGroup?.invalid">{{ isNew ? \'Add\' : \'Update\' }}</button>\r\n          <button kendoGridCancelCommand class="k-primary cancelBtn">{{ isNew ? \'Discard changes\' : \'Cancel\' }}</button>\r\n        </ng-template>\r\n      </kendo-grid-command-column>\r\n    </kendo-grid>\r\n    <div *ngIf="loadingGrid" class="k-i-loading"></div>\r\n  </div>\r\n</div>'},YuZA:function(t,e){function r(t){return Promise.resolve().then(function(){throw new Error("Cannot find module '"+t+"'.")})}r.keys=function(){return[]},r.resolve=r,t.exports=r,r.id="YuZA"},"Z/GY":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},ZQge:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="padding_tables content">\r\n\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow: auto !important">\r\n\r\n    <div class="header">\r\n      <h4 class="title">\r\n        My {{selected}} Tickets\r\n        <span style="float:right;margin-top:-5px">\r\n\r\n          \x3c!-- <i title="Export To Excel" data-tooltip="tooltip" class="material-icons" style="cursor:pointer"\r\n                            (click)="excelexportOpen.save()">grid_on</i> --\x3e\r\n        </span>\r\n      </h4>\r\n    </div>\r\n    <div class="input-field col s12" style="font-weight: bold">\r\n      Select Ticket Status: <kendo-dropdownlist [data]="listItems" [(ngModel)]="selected"\r\n        (selectionChange)="onChange($event)"></kendo-dropdownlist>\r\n    </div>\r\n    <kendo-grid [style.height.vh]="84" [data]="query" [skip]="state.skip" [pageSize]="state.take" [sort]="state.sort"\r\n      [filter]="state.filter" [resizable]="true" filterable="menu" [sortable]="true" class="newOrderGrid"\r\n      (dataStateChange)="dataStateChange($event)" [scrollable]="true" [pageable]="true">\r\n\r\n      <kendo-grid-column hidden="true" field="TicketId" title="Ticket Id"></kendo-grid-column>\r\n      <kendo-grid-column field="CustId" title="Customer Id" [filterable]="true" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustId]">{{dataItem.CustId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OstCreatedDate" title="Created On" filter="date" [width]="145"></kendo-grid-column>\r\n      <kendo-grid-column field="OstUpdateDate" title="Updated On" filter="date" [width]="145"></kendo-grid-column>\r\n      <kendo-grid-column field="TicketNumber" title="Ticket No" [filterable]="true" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" data-toggle="modal" [attr.data-target]="\'#\' + dataItem.TicketId"\r\n            (click)="getDetails(dataItem.TicketId)" data-position="bottom" data-delay="50"\r\n            data-tooltip="tooltip">{{dataItem.TicketNumber}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Priority" title="Priority" width="100" [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="DeptName" title="Department" [minResizableWidth]="200">\r\n        <ng-template kendoGridFilterMenuTemplate let-column="column" let-filter="filter"\r\n          let-filterService="filterService">\r\n          <kendo-multiselect style="width:250px" [data]="distinctDeptdata" textField="text" valueField="value"\r\n            [valuePrimitive]="true" [value]="categoryFilters(filter)"\r\n            (valueChange)="deptcategoryChange($event, filterService)">\r\n          </kendo-multiselect>\r\n        </ng-template>\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          {{dataItem.DeptName}}\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="TopicName" title="Topic" [minResizableWidth]="200"></kendo-grid-column>\r\n    </kendo-grid>\r\n    <div *ngIf="loading" class="k-i-loading"></div>\r\n  </div>\r\n</div>\r\n<div class="modal ticketClass" *ngFor="let ticketContent of TicketData" id={{ticketContent.TicketId}} role="dialog">\r\n  <div class="modal-dialog modal-lg">\r\n    <div class="modal-content">\r\n      <div class="modal-header" style="padding: 0">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h4 class="modal-title" style="font-size:1.5rem">Ticket# {{ticketContent.TicketNumber}}</h4>\r\n      </div>\r\n      <kendo-tabstrip>\r\n        <kendo-tabstrip-tab [title]="\'Post Reply\'" [selected]="true">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="replynotes" filterable="menu" [scrollable]="true" [selectable]="true"\r\n              [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal">\r\n                  </div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Internal Notes\'" *ngIf="roleAuthorizationProvisioning">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="internalreplynotes" filterable="menu" [scrollable]="true"\r\n              [selectable]="true" [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal">\r\n                  </div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Edit Ticket\'">\r\n          <ng-template kendoTabContent>\r\n            <form ngNativeValidate class="k-form-inline" #EditOrder="ngForm"\r\n              (ngSubmit)="actionTicket(ticketContent,EditOrder.value);EditOrder.reset();loading=true">\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Type</span>\r\n                <kendo-dropdownlist [data]="listTicketType" name="listTicketType" required\r\n                  [(ngModel)]="selectedtickettype"></kendo-dropdownlist>\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Status</span>\r\n                <kendo-dropdownlist *ngIf="resolve" [data]="resolveStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n                <kendo-dropdownlist *ngIf="!resolve" [data]="listStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Note</span>\r\n                <textarea style="height: 20rem !important" [(ngModel)]="PostInternalNote" name="PostInternalNote"\r\n                  required type="text" [(value)]="PostInternalNote"></textarea>\r\n              </label>\r\n\r\n              <div class="text-right">\r\n                <button type="button" class="k-button" (click)="close()">Cancel</button>\r\n                <button type="submit" class="k-button k-primary">Submit</button>\r\n              </div>\r\n            </form>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n      </kendo-tabstrip>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<kendo-dialog title="Error" *ngIf="ticketopened" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Something went wrong ! Unable to fetch tickets. {{errorMsg}}\r\n  </p>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},"Ztp+":function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n  <div class="header">\r\n    <h4 class="title">\r\n      Communcation List\r\n    </h4>\r\n  </div>\r\n  <div class="row first_row">\r\n    <div class="col s3 no_margins">\r\n      <div class="card  z-depth-4 bill">\r\n        <ol type="1">\r\n          <li class="comms-customerid" *ngFor="let event of commsData"><a\r\n              (click)="getDetails(event.Id)">{{event.EventName}}</a></li>\r\n        </ol>\r\n      </div>\r\n    </div>\r\n    <div class="col s9 no_margins">\r\n      <div *ngFor="let event of commsTemplateData">\r\n        <h5 style="text-align: center">{{event.EventName}} Template</h5>\r\n        <div class="control-label col s12 comm" *ngIf="event.SMS">\r\n          <label class="tickettopicentersub">\r\n            SMS</label>\r\n          <div>\r\n            {{event.SMS}}\r\n          </div>\r\n        </div>\r\n        <div class="control-label col s12 comm" *ngIf="event.EmailBody">\r\n          <label class="tickettopicentersub">\r\n            Email</label>\r\n          <div [innerHtml]="event.EmailBody | safe: \'html\'" style="text-align:initial; white-space: normal">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf="loading" class="k-i-loading"></div>\r\n</div>\r\n<div class="modal" *ngFor="let content of commsData" id={{content.Id}} role="dialog">\r\n  <div class="modal-dialog modal-lg">\r\n    <div class="modal-content">\r\n      <div class="modal-header" style="padding: 0">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h5 class="modal-title">{{content.EventName}} Template</h5>\r\n      </div>\r\n      <div *ngFor="let event of commsTemplateData">\r\n        <div class="control-label col s12 comm" *ngIf="event.SMS">\r\n          <label class="tickettopicentersub">\r\n            SMS</label>\r\n          <div>\r\n            {{event.SMS}}\r\n          </div>\r\n        </div>\r\n        <div class="control-label col s12 comm" *ngIf="event.EmailBody">\r\n          <label class="tickettopicentersub">\r\n            Email</label>\r\n          <div [innerHtml]="event.EmailBody | safe: \'html\'" style="text-align:initial; white-space: normal"></div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf="loading" class="k-i-loading"></div>\r\n    </div>\r\n  </div>\r\n</div>'},"bSV/":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".dashboard{padding-left:2%}#searchUsers{width:50%;border:1px solid #228b22;margin-top:20px;padding-left:10px;background:#fff;display:block;margin-right:auto;margin-left:auto}tr{cursor:pointer}.tickets_padding{font-size:12px}.k-grid-content{overflow-y:scroll!important}.filterBtn{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important;color:#fff;padding:0 5px;float:right!important}.filterBtn i{font-size:1.8rem;line-height:30px}.filterBtn:hover{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important;color:#fff;padding:0 5px}.orderChart{height:488px!important}.techChart{width:400px!important}.btn-type{margin-bottom:0!important}.k-chart{height:30em}",""]),t.exports=t.exports.toString()},cDNt:function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n,o=r("LMZF"),a=r("x8Hs"),i=r("9iV4"),s=r("0nO6"),l=r("TMwh"),d=r("RyBE"),c=r("MCDL"),u=r("A/1D"),p=r("wDqu"),k=r("7oJS"),m=r("eG2g"),g=r("v21c"),h=r("hA6B"),b=(r("w1Co"),r("trWh")),f=r("+7uF"),v=r("kpDO"),y=r("SpAP"),w=(r("rgUS"),r("Un6q")),x=r("UHIZ"),S=r("AP4T"),D="https://sq.thegrexgroup.com/",T="https://sq.thegrexgroup.com/api/v1/",I="https://sq.thegrexgroup.com/Token",C="https://sq.thegrexgroup.com/api/v2/",N="https://sq.thegrexgroup.com/api/v3/",M="https://sq.thegrexgroup.com/api/v4/",O="https://sq.thegrexgroup.com/:83/",P=46,A=[{category:"Further Information Required",value:70},{category:"Voice LNP Info Required",value:31},{category:"Hardware Status Unknown",value:71},{category:"Modem",value:72},{category:"Billing Enquiry",value:94},{category:"Bundle discount",value:99},{category:"HWB sim replacement",value:100},{category:"Interim Svcs(ORD completed)",value:101},{category:"Interim Svcs(ORD not completed)",value:102}],F=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},E=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Y=function(){function t(t){this.http=t,this.httpStartrekOptions={headers:new i.e({"Content-Type":"multipart/form-data",Authorization:"Bearer "+localStorage.getItem("access_token")})},this._url=T}return t.prototype.getDataProducts=function(){return this.http.get(this._url+"packageplans/71/Data").catch(function(t){return S.a.of(t.status)})},t.prototype.getVoiceProducts=function(){return this.http.get(this._url+"packageplans/71/Voice").catch(function(t){return S.a.of(t.status)})},t.prototype.getPurchaseProducts=function(){return this.http.get(this._url+"packageplans/71/Purchase").catch(function(t){return S.a.of(t.status)})},t.prototype.postOrder=function(t){return this.http.post(N+"orders",t)},t.prototype.postFile=function(t){var e=T+"orders/upload/processnetcommfile",r=new FormData;return Array.from(t).forEach(function(t){return r.append("file",t)}),this.http.post(e,r,{reportProgress:!0})},t=F([Object(o.B)(),E("design:paramtypes",[i.b])],t)}(),R=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},L=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},_=function(){function t(t,e,r,n){this.route=t,this.fb=e,this.fetchProducts=r,this._location=n,this.products=[],this.dialogOpened=!1,this.defaultItem={InternalName:"Select item...",value:null},this.CustomerId=this.route.snapshot.paramMap.get("id"),this.error=!1,this.opened=!1}return t.prototype.ngOnInit=function(){var t=this;this.error=!1,this.errorMsg="",this.addProdComp=this.fetchProducts.getDataProducts().subscribe(function(e){t.dataProducts=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.addProdComp=this.fetchProducts.getVoiceProducts().subscribe(function(e){t.voiceProducts=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.addProdComp=this.fetchProducts.getPurchaseProducts().subscribe(function(e){t.purchaseProducts=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.myDataForm=this.fb.group({items:this.fb.array([])}),this.myPurchaseForm=this.fb.group({items:this.fb.array([])}),this.myVoiceForm=this.fb.group({items:this.fb.array([])}),this.myForm=this.fb.group({LocId:new s.b(sessionStorage.getItem("LocId"),[s.i.required]),CustomerId:new s.b(this.CustomerId,[s.i.required]),CustomerReference:new s.b(null,[s.i.required]),items:this.fb.array([],s.i.minLength(1)),OrganisationId:new s.b(71,[s.i.required]),ServiceClass:new s.b(0,[s.i.required])})},t.prototype.valueDataChange=function(t){this.selectedDataProduct=t},t.prototype.valueVoiceChange=function(t){this.selectedVoiceProduct=t},t.prototype.valuePurchaseChange=function(t){this.selectedPurchaseProduct=t.Id},t.prototype.selectionChange=function(t){},t.prototype.submit=function(){var t=this;if(this.myForm.valid)if(this.myPurchaseForm.get("items").value.length>0&&this.myPurchaseForm.get("items").value.forEach(function(e){null!==e.Product?e.ProductId=e.Product.Id:t.error=!0}),this.myDataForm.get("items").value.length>0&&this.myDataForm.get("items").value.forEach(function(e){null!==e.Product?e.ProductId=e.Product.Id:t.error=!0}),this.myVoiceForm.get("items").value.length>0&&this.myVoiceForm.get("items").value.forEach(function(e){null!==e.Product?e.ProductId=e.Product.Id:t.error=!0}),this.products=this.myDataForm.value.items.concat(this.myVoiceForm.get("items").value,this.myPurchaseForm.get("items").value),this.products.length>0){var e=this.fb.array(this.products);this.myForm.setControl("items",e),this.addProdComp=this.fetchProducts.postOrder(this.myForm.value).subscribe(function(e){t.openform("dialog"),$(".msgtag").css("display","table"),setTimeout(function(){$(".msgtag").css("display","none"),t._location.back()},3e3)},function(e){t.errordialog=!0,t.errorMsg=e.error.ModelState.LocId,void 0!=e.error.ModelState["order.LocId"]&&(t.errorMsg=e.error.ModelState["order.LocId"]),void 0!=e.error.ModelState["order.Items"]&&(t.errorMsg=e.error.ModelState["order.Items"]),void 0!=e.error.ModelState.Address&&(t.errorMsg=e.error.ModelState.Address),0==e.status&&(t.noInternet=!0)})}else this.error=!0;else this.error=!0},t.prototype.buildDataItem=function(t){return new s.c({FNN:new s.b,IsActiveFnn:new s.b(!1,[s.i.required]),ProductId:new s.b,ProductType:new s.b("Data"),Quantity:new s.b(1,[s.i.required]),Product:new s.b})},t.prototype.buildVoiceItem=function(t){return new s.c({Enable13xx:new s.b(!1,[s.i.required]),EnableInternationalLandlines:new s.b(!1,[s.i.required]),EnableInternationalMobiles:new s.b(!1,[s.i.required]),EnableMobile:new s.b(!1,[s.i.required]),EnablePremium:new s.b(!1,[s.i.required]),EnableVoiceMail:new s.b(!1,[s.i.required]),IsNewNumber:new s.b(!1,[s.i.required]),LNP:new s.b,Quantity:new s.b(1,[s.i.required]),ProductType:new s.b("Voice",[s.i.required]),ProductId:new s.b,Product:new s.b})},t.prototype.buildPurchaseItem=function(t){return new s.c({ProductId:new s.b,ProductType:new s.b("Purchase",[s.i.required]),Quantity:new s.b(1,[s.i.required]),Product:new s.b})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.opened=!1,this.errordialog=!1,this.apiError=!1,this.noInternet=!1},t.prototype.open=function(t){this.opened=!0},t.prototype.openform=function(t){this[t+"Opened"]=!0},t.prototype.action=function(t){this.dialogOpened=!1},t.prototype.confirmcancel=function(t){this[t+"Opened"]=!0,this.opened=!0},t.prototype.actionCancel=function(t){this.dialogOpened=!1,this._location.back()},t.prototype.ngOnDestroy=function(){void 0!==this.addProdComp&&this.addProdComp.unsubscribe()},t=R([Object(o.n)({selector:"app-add-products",template:r("T0LN"),styles:[r("Tyek")]}),L("design:paramtypes",[x.a,s.a,Y,w.f])],t)}(),z=r("zMA8"),B=[{category:"Dissatisfied with Speed",value:1},{category:"Dissatisfied with Billing",value:2},{category:"Dissatisfied with Service",value:3},{category:"Dissatisfied with Modem",value:4},{category:"Dissatisfied with Complaint Handling Process ",value:5}],W=[{category:"NBN        ",value:1},{category:"ADSL",value:2}],H=[{category:"Connection Delays",value:1},{category:"Performance Issues",value:2},{category:"Customer Changes Mind",value:3},{category:"Billing Error",value:4},{category:"Sales Dispute",value:5},{category:"Closed - Customer Issues Resolved",value:6},{category:"Closed - Customer Dissatisfied",value:7},{category:"Closed - Unreasonable Complaint",value:8}],q=[{category:"ADSL Cancellations",value:1},{category:"HWB Cancellations",value:2},{category:"NBN Cancellations",value:3},{category:"Voice Cancellations",value:4},{category:"Modems",value:5}],U=[{category:"Connection Delays",value:1},{category:"Performance Issues",value:2},{category:"Customer Changes Mind",value:3},{category:"Billing Error",value:4},{category:"Sales Dispute",value:5}],j=[{category:"NBN12",value:1},{category:"NBN25",value:2},{category:"NBN50",value:3},{category:"NBN100",value:4},{category:"MBB50",value:5},{category:"MBB100",value:6},{category:"MBB250",value:7}],G=[{category:"Payment Extension Request",value:1},{category:"General Collections Enquiry",value:2},{category:"Payment Dispute",value:3}],V=[{category:"FNN/ULL",value:1},{category:"Proof of Address (POD)",value:2}],Q=[{category:"Provider Name",value:1},{category:"Landline number",value:2},{category:"Account Number ",value:3},{category:"All",value:4}],K=[{category:"FTTP - NTD Box",value:1},{category:"FTTN/B",value:2},{category:"HFC - NTD Box",value:3},{category:"FW - NTD Box",value:4}],Z=[{category:"Replacement Modem",value:1},{category:"Faulty Modem",value:2}],J=[{category:"Configurations",value:1},{category:"Voice Setup",value:2},{category:"Not working",value:3}],X=[{category:"Voice Issues",value:1}],tt=[{category:"Speed Issues",value:1},{category:"Drop Outs (bouncing)",value:2},{category:"Service Down (Active User)",value:3},{category:"Service Down (Never Connected)",value:4}],et=[{category:"nbn Missed Appointment",value:1},{category:"Reschedule Appoint Requested",value:2}],rt=[{category:"Voice",value:1},{category:"Modem",value:2},{category:"Data",value:3}],nt=[{category:"Disputed Sale",value:1},{category:"Connection Delay",value:2},{category:"Speed Issues",value:3},{category:"Billing Issue",value:4},{category:"Modem issue",value:5}],ot=[{category:"No Ports Available",value:1}],at=[{category:"Support Required",value:1},{category:"EU Missed Appointment",value:2}],it=[{category:"Contact Customer",value:1}],st=[{category:"Schedule Cancellation ",value:1}],lt=[{category:"Contact Customer with Outcome",value:1}],dt=[{category:"Faulty Sim",value:1},{category:"Re-Provisioning",value:2}],ct=[{category:"Fault",value:1}],ut=[{category:"Connection delayed(Optus/NBN)",value:1},{category:"Tech appointment delayed/cancelled",value:2}],pt=r("iEvc"),kt=(r("rLWf"),r("PSNg"),r("HT7u"),r("Wy0q"),r("ABGK"),r("GQSG"),r("RSzd"),r("XD1n"),this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i}),mt=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},gt=function(){function t(t){this.http=t,this.accessToken=localStorage.getItem("access_token")}return t.prototype.getNewOrders=function(){return this.http.get(T+"orders/new?orgName=Sumo")},t.prototype.fetchNewOrders=function(t){var e=""+Object(pt.g)(t),r=t.group&&t.group.length;return this.http.get(T+"orders/neworder?"+e+"&orgname=Sumo").map(function(t){return{data:r?Object(pt.h)(t.Data):t.Data,total:t.Total}})},t.prototype.placeOrderService=function(t,e){return this.http.put(T+"orders/lines/"+t,e)},t.prototype.orderIssueService=function(t,e){return this.http.put(T+"orders/lines/"+t,e)},t.prototype.getOrders=function(t){var e={organisation:"71",status:t};return this.http.post(D+"api/ProvisioningStatus",e)},t.prototype.getPlacedOrders=function(t){var e={organisation:"71",status:t};return this.http.post(D+"api/v2/ProvisioningStatus",e)},t.prototype.editOrderService=function(t,e){return this.http.put(T+"orders/lines/"+t,e)},t.prototype.editLineService=function(t){return this.http.get(T+"orders/lines/"+t)},t=kt([Object(o.B)(),mt("design:paramtypes",[i.b])],t)}(),ht=r("Dqrr"),bt=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ft=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},vt=function(){function t(t){this.http=t,this.accessToken=localStorage.getItem("access_token"),this.httpStartrekOptions={headers:new i.e({"X-ApiKey":"Fabric"})},this._url=T,this.base=D,this._tempUrl=D+"api/",this._url_v2=C,this.updateMainComponent=new ht.BehaviorSubject(0),this.updateState=this.updateMainComponent.asObservable(),this.updateBillService=new ht.BehaviorSubject(0),this.updatemysuspend=this.updateBillService.asObservable()}return t.prototype.errorHandler=function(t){return S.a.throw(t||"Server Error")},t.prototype.getCustomerData=function(t){var e=this.http.get(this._url+"customers/"+t).catch(function(t){return S.a.of(t.status)}),r=this.http.get(this._url+"customers/"+t+"/orders").catch(function(t){return S.a.of(t.status)}),n=this.http.get(this._url+"customerinvoices?custId="+t).catch(function(t){return S.a.of(t.status)}),o=this.http.get(this._url+"/osTicketDepartments").catch(function(t){return S.a.of(t.status)}),a=this.http.get(this._url+"customernotes?custId="+t).catch(function(t){return S.a.of(t.status)}),i=this.http.get(this._url+"payments?custId="+t).catch(function(t){return S.a.of(t.status)}),s=this.http.get(this._url+"billadjustments/"+t).catch(function(t){return S.a.of(t.status)}),l=this.http.get(this._url+"customerinvoices/"+t).catch(function(t){return S.a.of(t.status)});return S.a.forkJoin([e,r,n,o,a,i,s,l])},t.prototype.forgotPassword=function(t){return this.http.post(this._url+"Account/ForgotPassword",t).catch(this.errorHandler)},t.prototype.swapHWB=function(t){return this.http.post(this._url+"homewirelessbroadbands/simswap",t).catch(this.errorHandler)},t.prototype.resetPassword=function(t){return this.http.post(this._url+"account/resetpassword",t).catch(this.errorHandler)},t.prototype.getDeptId=function(){return this.http.get(this._url+"osTicketDepartments").catch(function(t){return S.a.of(t.status)})},t.prototype.getModem=function(t){return this.http.get("https://api.startrack.com.au/shipping/v1/consignments?ids="+t,this.httpStartrekOptions)},t.prototype.getTask=function(t){return this.http.get(this._url+"diarytasks?custId="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.putCustomerData=function(t){var e=t;return this.http.post(this._url+"ostickets/",e).catch(this.errorHandler)},t.prototype.updateCustomer=function(t,e){return this.http.put(this._url+"customers/"+t,e).catch(this.errorHandler)},t.prototype.updateCustomerBill=function(t,e){var r={CustomerId:t,BillingAddress:e};return this.http.put(this._url+"customers",r).catch(this.errorHandler)},t.prototype.updateComponent=function(t){this.updateMainComponent.next(t)},t.prototype.updateSuspend=function(t){this.updateBillService.next(t)},t.prototype.updateService=function(t,e){var r={OrderId:t,Address:e};return this.http.put(this._url+"customers/serviceaddress",r).catch(this.errorHandler)},t.prototype.updateCustomerPostal=function(t,e){var r={CustomerId:t,PostalAddress:e};return this.http.put(this._url+"customers",r).catch(this.errorHandler)},t.prototype.updateCustomerService=function(t,e){return this.http.put(this._url+"customers?addressId="+t,e).catch(this.errorHandler)},t.prototype.updateTask=function(){},t.prototype.getTickets=function(t,e){return void 0===t&&(t="Open"),this.http.get(this._url+"ostickets/"+t+"/"+e+"/").catch(this.errorHandler)},t.prototype.getFaultTickets=function(){return this.http.get(T+"ostickets/").catch(this.errorHandler)},t.prototype.addNote=function(t){return this.http.post(this._url+"customernotes",t).catch(this.errorHandler)},t.prototype.getNote=function(t){return this.http.get(this._url+"customernotes?custId="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.addTask=function(t){return this.http.post(this._url+"diarytasks",t).catch(this.errorHandler)},t.prototype.saveTroubleshoot=function(t){return this.http.post(this._url+"troubleshoots",t).catch(this.errorHandler)},t.prototype.updatepassword=function(t){return this.http.post(this._url+"me/changepassword/",t).catch(this.errorHandler)},t.prototype.getSpeedTest=function(t,e){return void 0===e&&(e=null),null===e?this.http.get(this._url+"speedtests?custId="+t).catch(this.errorHandler):this.http.get(this._url+"speedtests?custId="+t+"&avc="+e).catch(this.errorHandler)},t.prototype.generateBill=function(t){return this.http.get(D+"invoices/run?custId="+t+"&date=2019/06/26")},t.prototype.raiseFaults=function(t){return this.http.post(this._url+"raisefaults",t).catch(this.errorHandler)},t.prototype.getUsageData=function(t,e){return this.http.get(this._url_v2+"usages/lastdailyusage?avc="+t+"&date="+e).catch(this.errorHandler)},t.prototype.getUsageDataWeekly=function(t,e,r){return this.http.get(this._url_v2+"usages/perweek?avc="+t+"&month="+e+"&year="+r).catch(this.errorHandler)},t.prototype.getUsageDataMonthly=function(t,e,r){return this.http.get(this._url_v2+"usages/monthly?avc="+t+"&month="+e+"&year="+r).catch(this.errorHandler)},t.prototype.reqSpeedTest=function(t,e){var r=this.http.get(this._url+"speedtests/request?custId="+e);this.http.get(this._url+"speedtests?custId="+e).catch(this.errorHandler);return S.a.forkJoin(r)},t.prototype.addCredit=function(t){return this.http.post(this._url_v2+"billadjustments/",t).catch(this.errorHandler)},t.prototype.deleteCreditNote=function(t){return this.http.delete(this._url_v2+"billadjustments/"+t).catch(this.errorHandler)},t.prototype.getLogData=function(t){return this.http.get(this._url+"customerlogs?custId="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.updateOrder=function(t,e){return this.http.put(this._url+"customers/"+t+"/orders",e).catch(this.errorHandler)},t.prototype.extendpayment=function(t,e){return e={CustId:t,PaymentExtensionFlag:"true",PaymentExtensionUpdatedDate:new Date},this.http.put(this._url+"customers/"+t,e).catch(this.errorHandler)},t.prototype.removeExtendpayment=function(t,e){return e={CustId:t,PaymentExtensionFlag:"false",PaymentExtensionUpdatedDate:new Date},this.http.put(this._url+"customers/"+t,e).catch(this.errorHandler)},t.prototype.updateModem=function(t){return this.http.put(this._url_v2+"provisioningstatus/",t).catch(this.errorHandler)},t.prototype.shapeUser=function(t){return this.http.post(this._tempUrl+"shaping",t).catch(this.errorHandler)},t.prototype.unshapeUser=function(t){return this.http.post(this._tempUrl+"shaping",t).catch(this.errorHandler)},t.prototype.blockUser=function(t){return this.http.post(this._tempUrl+"shaping",t).catch(this.errorHandler)},t.prototype.unBlockUser=function(t){return this.http.post(this._tempUrl+"shaping",t).catch(this.errorHandler)},t.prototype.getActivationData=function(){return this.http.get(this._url_v2+"reports/custorder").catch(function(t){return S.a.of(t.status)})},t.prototype.getModemDetail=function(){return this.http.get(this._url_v2+"reports/netcomm").catch(function(t){return S.a.of(t.status)})},t.prototype.getAllTask=function(){return this.http.get(this._url+"diarytasks/").catch(function(t){return S.a.of(t.status)})},t.prototype.getCredit=function(){return this.http.get(this._url_v2+"reports/creditbyagent").catch(function(t){return S.a.of(t.status)})},t.prototype.getCreditlive=function(){return this.http.get(this._url_v2+"reports/creditbyagentreport").catch(function(t){return S.a.of(t.status)})},t.prototype.getCreditCancel=function(){return this.http.get(this._url_v2+"reports/customers/defaulter").catch(function(t){return S.a.of(t.status)})},t.prototype.sendSMS=function(t){return this.http.get(this._url+"customers/custsms?custId="+t).catch(this.errorHandler)},t.prototype.getCustomersData=function(t){return this.http.get(this._url+"customers/"+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getOrders=function(t){return this.http.get(this._url+"customers/"+t+"/orders").catch(function(t){return S.a.of(t.status)})},t.prototype.getgraphData=function(t){return this.http.get(this._url+"customerinvoices?custId="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getdeptData=function(t){return this.http.get(this._url+"/osTicketDepartments").catch(function(t){return S.a.of(t.status)})},t.prototype.getradiusData=function(t){return this.http.get(this._tempUrl+"usages?custId="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getSessionData=function(t){return this.http.get(this._tempUrl+"usages?custId="+t+"&sessionData=All").catch(function(t){return S.a.of(t.status)})},t.prototype.fetchAllSessionData=function(t,e,r){return this.http.get(this._url+"radiuslog?avc="+t+"&from="+e+"&to="+r)},t.prototype.gettroubleshoot=function(t){return this.http.get(this._url+"troubleshoots/"+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getfaults=function(t){return this.http.get(this._url+"raisefaults/"+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getVoiceUsage=function(t){return this.http.get(this._url+"voice/8?sipno="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getpaymentDetails=function(t){return this.http.get(this._url+"payments?custId="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getspeedTestData=function(t){this.http.get(this._url+"speedtests?custId="+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getcreditNote=function(t){return this.http.get(this._url+"billadjustments/"+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getInvoicedetail=function(t){return this.http.get(this._url+"customerinvoices/"+t).catch(function(t){return S.a.of(t.status)})},t.prototype.getMsnUsage=function(t){return this.http.get(D+"api/murusage/lastusage?msn="+t)},t.prototype.getDefaultUsageData=function(t){return this.http.get(this._url_v2+"usages/lastdaysusage?avc="+t+"&days=30").catch(this.errorHandler)},t.prototype.getMsnUsageThiryDays=function(t){return this.http.get(D+"api/murusage/usagegroupbydate?msn="+t+"&days=30")},t.prototype.getUsageHourly=function(t){return this.http.get(this._url_v2+"usages/hourly?avc="+t).catch(this.errorHandler)},t.prototype.getComms=function(){return this.http.get(this._url+"eventtemplates?id=0").catch(this.errorHandler)},t.prototype.getTemplateComms=function(t){return this.http.get(this._url+"eventtemplates?id="+t).catch(this.errorHandler)},t.prototype.getMSNUsageHourly=function(t){return this.http.get(this._tempUrl+"murusage/hourly?msn="+t).catch(this.errorHandler)},t.prototype.getMSNHistory=function(t,e,r){return this.http.get(this._tempUrl+"murusage/daterange?msn="+t+"&fromDt="+e+"&toDt="+r).catch(this.errorHandler)},t.prototype.getUsageDaily=function(t,e,r){return this.http.get(this._url_v2+"usages/daily?avc="+t+"&fromdt="+e+"&todt="+r).catch(this.errorHandler)},t.prototype.getDebtor=function(){return this.http.get(this._url+"customerinvoices/outstandingreport?customerId=0").catch(function(t){return S.a.of(t.status)})},t=bt([Object(o.B)(),ft("design:paramtypes",[i.b])],t)}(),yt=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},wt=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},xt=function(){function t(t,e,r){this.router=t,this.orders=e,this.ticketService=r,this.TechSupportL3Sub=A,this.dialogOpened=!1,this.allNewOrders=[],this.success={CustomerId:"",Notes:"",CallType:""},this.roles=JSON.parse(localStorage.getItem("roles")),this.billingEnquiry=!1}return t.prototype.ngOnInit=function(){var t=this;"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"PROVISIONING_EDIT"!==this.roles||(this.roleAuthorizationProvisioning=!0,this.roleAuthorizationView=!1),"PROVISIONING_VIEW"===this.roles&&(this.roleAuthorizationProvisioning=!1,this.roleAuthorizationView=!0),this.loadingGrid=!0,this.allorderComp=this.orders.getOrders("OrderComplete").subscribe(function(e){t.loadingGrid=!1,t.newOrders=e;for(var r=0,n=t.newOrders;r<n.length;r++){var o=n[r],a=z(new Date),i=z(o.StatusDate);a.diff(i,"days")<7&&(!0===o.NewDevelopmentsChargeApplies?o.NewDevelopmentsChargeApplies="Yes":!1===o.NewDevelopmentsChargeApplies&&(o.NewDevelopmentsChargeApplies="No"),o.OrderedDate=z(o.OrderedDate).tz("Australia/Sydney").format("YYYY-MM-DD"),o.OrderedDate=new Date(o.OrderedDate),o.BillingId=o.BillingId.toString(),t.allNewOrders.push(o))}},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.edit=function(t){sessionStorage.setItem("LineId",t.LineId),this.router.navigate(["./editOrder"])},t.prototype.nameConverter=function(t){var e=t.split(" ");return t="",e.forEach(function(e){t+=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()+" "}),t},t.prototype.placeOrder=function(t){var e=this,r={Id:t,ProvisioningStatus:{Status:3,StatusDate:new Date}};this.loading=!0,this.allorderComp=this.orders.placeOrderService(t,r).subscribe(function(t){e.loading=!1},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.rowCallback=function(t){var e=new Date,r=z(t.dataItem.OrderedDate).isBefore(e,"day");return{delayed:r,notdelayed:!r}},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.open=function(t){this.editCustomerData=t.dataItem,this.dialogOpened=!0},t.prototype.topicChange=function(t){79==t?(this.TechSupportSub=V,this.billingEnquiry=!1):31==t?(this.TechSupportSub=Q,this.billingEnquiry=!1):80==t?(this.TechSupportSub=K,this.billingEnquiry=!1):81==t?(this.TechSupportSub=Z,this.billingEnquiry=!1):105==t?(this.TechSupportSub=dt,this.billingEnquiry=!1):106==t?(this.TechSupportSub=ct,this.billingEnquiry=!1):107==t?(this.TechSupportSub=ut,this.billingEnquiry=!1):this.billingEnquiry=18==t||104==t},t.prototype.optionChange=function(){this.subject=""},t.prototype.action=function(t,e){var r=this;if(this.loadingGrid=!0,this.dialogOpened=!1,"yes"===e){var n={};n.email=localStorage.getItem("agent_name"),localStorage.getItem("agent_name")?n.name=localStorage.getItem("agent_name"):n.name=localStorage.getItem("username"),n.subject=t.subject,n.deptId=13,n.topicId=t.topicId,n.staffemail=null,n.CustomerId=Number.parseInt(this.editCustomerData.BillingId,10),n.message="data:text/html,<html><body><div>Customer Id: "+this.editCustomerData.BillingId+"<br />Customer Name: "+this.editCustomerData.Name+"<br />Customer Phone: "+this.editCustomerData.Contact+"<br />Issue: "+t.message+"</div></body></html>",this.allorderComp=this.ticketService.putCustomerData(n).subscribe(function(t){r.loadingGrid=!1,r.success.CallType="General Notes",r.success.Notes="Ticket added successfully: "+t,r.success.CustomerId=r.editCustomerData.BillingId,r.allorderComp=r.ticketService.addNote(r.success).subscribe(function(t){r.returnedId=t,r.allNewOrders=[],r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})}},t.prototype.ngOnDestroy=function(){void 0!==this.allorderComp&&this.allorderComp.unsubscribe()},t=yt([Object(o.n)({selector:"app-all-orders",template:r("hKxP"),styles:[r("gqUK")]}),wt("design:paramtypes",[x.b,gt,vt])],t)}(),St=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Dt=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Tt=function(){function t(t,e,r){this.router=t,this.orders=e,this.ticketService=r,this.allCompleteOrders=[],this.dialogOpened=!1,this.success={CustomerId:"",Notes:"",CallType:""},this.roles=JSON.parse(localStorage.getItem("roles"))}return t.prototype.ngOnInit=function(){var t=this;this.loadingGrid=!0,"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"PROVISIONING_EDIT"!==this.roles||(this.roleAuthorizationProvisioning=!0,this.roleAuthorizationView=!1),this.TechSupportL3Sub=A,"PROVISIONING_VIEW"===this.roles&&(this.roleAuthorizationProvisioning=!1,this.roleAuthorizationView=!0),this.allOrderCompleteComp=this.orders.getOrders("OrderComplete").subscribe(function(e){t.loadingGrid=!1,t.allOrders=e;for(var r=0,n=t.allOrders;r<n.length;r++){var o=n[r],a=z(new Date),i=z(o.StatusDate);a.diff(i,"days")>=7&&(!0===o.NewDevelopmentsChargeApplies?o.NewDevelopmentsChargeApplies="Yes":!1===o.NewDevelopmentsChargeApplies&&(o.NewDevelopmentsChargeApplies="No"),o.OrderedDate=z(o.OrderedDate).tz("Australia/Sydney").format("YYYY-MM-DD"),o.OrderedDate=new Date(o.OrderedDate),o.BillingId=o.BillingId.toString(),t.allCompleteOrders.push(o))}},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.edit=function(t){sessionStorage.setItem("LineId",t.LineId),this.router.navigate(["./editOrder"])},t.prototype.nameConverter=function(t){var e=t.split(" ");return t="",e.forEach(function(e){t+=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()+" "}),t},t.prototype.open=function(t){this.editCustomerData=t.dataItem,this.dialogOpened=!0},t.prototype.placeOrder=function(t){var e=this,r={Id:t,ProvisioningStatus:{Status:3,StatusDate:new Date}};this.allOrderCompleteComp=this.orders.placeOrderService(t,r).subscribe(function(t){},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.rowCallback=function(t){var e=new Date,r=z(t.dataItem.OrderedDate).isBefore(e,"day");return{delayed:r,notdelayed:!r}},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.topicChange=function(t){79==t?(this.TechSupportSub=V,this.billingEnquiry=!1):31==t?(this.TechSupportSub=Q,this.billingEnquiry=!1):80==t?(this.TechSupportSub=K,this.billingEnquiry=!1):81==t?(this.TechSupportSub=Z,this.billingEnquiry=!1):105==t?(this.TechSupportSub=dt,this.billingEnquiry=!1):106==t?(this.TechSupportSub=ct,this.billingEnquiry=!1):107==t?(this.TechSupportSub=ut,this.billingEnquiry=!1):this.billingEnquiry=18==t||104==t},t.prototype.optionChange=function(){this.subject=""},t.prototype.action=function(t,e){var r=this;if(this.loadingGrid=!0,this.dialogOpened=!1,"yes"===e){var n={};n.email=localStorage.getItem("agent_name"),localStorage.getItem("agent_name")?n.name=localStorage.getItem("agent_name"):n.name=localStorage.getItem("username"),n.subject=t.subject,n.deptId=13,n.topicId=t.topicId,n.staffemail=null,n.CustomerId=Number.parseInt(this.editCustomerData.BillingId,10),n.message="data:text/html,<html><body><div>Customer Id: "+this.editCustomerData.BillingId+"<br />Customer Name: "+this.editCustomerData.Name+"<br />Customer Phone: "+this.editCustomerData.Contact+"<br />Issue: "+t.message+"</div></body></html>",this.allOrderCompleteComp=this.ticketService.putCustomerData(n).subscribe(function(t){r.loadingGrid=!1,r.success.CallType="General Notes",r.success.Notes="Ticket added successfully: "+t,r.success.CustomerId=r.editCustomerData.BillingId,r.allOrderCompleteComp=r.ticketService.addNote(r.success).subscribe(function(t){r.returnedId=t,r.allCompleteOrders=[],r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})}},t.prototype.ngOnDestroy=function(){void 0!==this.allOrderCompleteComp&&this.allOrderCompleteComp.unsubscribe()},t=St([Object(o.n)({selector:"app-allorderscomplete",template:r("gtEj"),styles:[r("HhK4")]}),Dt("design:paramtypes",[x.b,gt,vt])],t)}(),It=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Ct=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Nt=function(){function t(t){this.router=t}return t.prototype.canActivate=function(t,e){if(localStorage.getItem("access_token"))return!0;this.router.navigate(["./login"])},t=It([Object(o.B)(),Ct("design:paramtypes",[x.b])],t)}(),Mt=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Ot=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Pt=function(){function t(t){this.http=t,this._url=T,this._url_v2=C,this.base=D}return t.prototype.errorHandler=function(t){return S.a.throw(t.message||"Server Error")},t.prototype.getAllBills=function(t){return this.http.get(this._url+"customerinvoices?status="+t).catch(function(t){return S.a.throw(t)})},t.prototype.getAllSuspendedBills=function(){return this.http.get(this._url+"customerinvoices?status=Suspended").catch(function(t){return S.a.throw(t)})},t.prototype.updateInvoice=function(t){return this.http.put(this._url+"customerinvoices/",t)},t.prototype.updateReason=function(t){return this.http.put(this._url+"customerinvoices/reason",t)},t.prototype.getTotalBills=function(){return this.http.get(this._url+"customerinvoices").catch(function(t){return S.a.throw(t)})},t.prototype.getTotalOverdueBills=function(){return this.http.get(this._url_v2+"reports/overduepayments").catch(function(t){return S.a.throw(t)})},t.prototype.rerender=function(t){return this.http.get(this.base+"invoices/"+t+"?render=true",{responseType:"arraybuffer"}).map(function(t){return t})},t.prototype.resend=function(t){return this.http.get(this._url+"customerinvoices/resend?uid="+t)},t.prototype.getView=function(t){var e=new XMLHttpRequest;e.open("GET",D+"invoices/"+t,!0),e.responseType="blob",e.onload=function(t){if(200===e.status){var r=new Blob([e.response],{type:"application/pdf"}),n=URL.createObjectURL(r);window.open(n,"resizable=yes, scrollbars=yes, titlebar=yes, width=800, height=900, top=10, left=10")}},e.send()},t=Mt([Object(o.B)(),Ot("design:paramtypes",[i.b])],t)}(),At=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Ft=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Et=function(t){var e=(t||{}).filters;return e?e.reduce(function(t,e){return t.concat(e.filters?Et(e):[e])},[]):[]},Yt=function(){function t(t,e,r){this.route=t,this._bills=e,this.http=r,this._url=T,this._url_base=D,this._tempUrl=D+"api/",this._url_v2=C,this.position="top",this.mySelection=[],this.isHidden=!0,this.pageSize=15,this.skip=0,this.statuses=[],this.billurl=D,this.status={Status:"Select Status"},this.showSpinner=!1,this.errOpened=!1,this.roles=JSON.parse(localStorage.getItem("roles")),this.updateData=[],this.updateReason=[],this.pageHeader="",this.opened=!1,this.Total=0,this.TotalDraftAmount=0,this.TotalSuspendedAmount=0,this.TotalApprovedAmount=0,this.dynamicSlope=!1,this.dynamicHeight=!1,this.state={skip:0,take:18}}return t.prototype.ngOnDestroy=function(){void 0!==this.billComp&&this.billComp.unsubscribe()},t.prototype.categoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"Status",operator:"eq",value:t}}),logic:"or"})},t.prototype.categoryFilters=function(t){return Et(t).map(function(t){return t.value})},t.prototype.ngOnInit=function(){var t=this;"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleAuthorizationEditBilling=!0),$(".billingTab").addClass("active"),this.billComp=this.route.paramMap.subscribe(function(e){t.Total=0,"Approved"===e.get("Status")?(t.pageHeader="Approved",t.Approved=!0,t.Suspended=!1,t.statuses=[],t.statuses.push({Status:"Draft"},{Status:"Suspended"}),t.loadingbill=!1):"Draft"===e.get("Status")?(t.pageHeader="Draft",t.Approved=!1,t.Suspended=!1,t.statuses=[],t.statuses.push({Status:"Suspended"},{Status:"Approved"}),t.loadingbill=!1):"Suspended"===e.get("Status")&&(t.pageHeader="Suspended",t.Approved=!1,t.Suspended=!0,t.statuses=[],t.statuses.push({Status:"Draft"}),t.loadingbill=!1),t.Status=e.get("Status"),t.loadingbill=!0,t.billComp=t._bills.getAllBills(t.Status).subscribe(function(e){t.loadingGrid=!1,t.gridData=e,t.loadingbill=!1,e.forEach(function(e){e.IssueDate=z(e.IssueDate).tz("Australia/Sydney").format("YYYY-MM-DD"),e.IssueDate=new Date(e.IssueDate),e.Id=e.Id.toString(),e.PaymentDue=z(e.PaymentDue).tz("Australia/Sydney").format("YYYY-MM-DD"),e.PaymentDue=new Date(e.PaymentDue),e.StartDate=z(e.StartDate).tz("Australia/Sydney").format("YYYY-MM-DD"),e.StartDate=new Date(e.StartDate),e.CustomerId=String(e.CustomerId),t.Total+=e.Total,t.Total})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.openPDF=function(t){var e=t=D+"invoices/"+t+"?render=true",r=new XMLHttpRequest;r.open("GET",e,!0),r.setRequestHeader("Authorization","Bearer "+localStorage.getItem("access_token"));var n={Authorization:"Bearer"+localStorage.getItem("access_token")};t=[t,$.param(n)].join("?"),window.open(t,"_blank"),window.focus(),r.onreadystatechange=function(){r.status},r.send()},t.prototype.render=function(t){var e=this,r=window.open("","_blank");r.document.title="Billing Rerender Invoice",r.document.writeln("Kindly wait till PDF is generated !"),this.billComp=this._bills.rerender(t).subscribe(function(e){r.document.open();for(var n=new Uint8Array(e),o=n.length,a=new Array(o);o--;)a[o]=String.fromCharCode(n[o]);var i=a.join(""),s=window.btoa(i);r.document.writeln("<iframe width='100%' height='97%' src='data:application/pdf;base64, "+encodeURI(s)+"'></iframe>"),r.document.title="Billing Rerender Invoice  "+t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.onClick=function(){var t=this;0===this.mySelection.length?(this.mySelection=[],alert("Please select an invoice..")):this.mySelection.length>0&&("Select Status"===this.status.Status?alert("Please Select Valid Status.."):("Suspended"===this.status.Status&&(this.addnote=!0),"Draft"!==this.status.Status&&"Approved"!==this.status.Status||(this.addnote=!1,this.updateData=[],this.mySelection.forEach(function(e){t.updateData.push({Uid:e,InvStatus:t.status.Status})}),this.applyInvoice())))},t.prototype.newNote=function(t){var e=this;this.updateData=[],this.mySelection.forEach(function(r){e.updateData.push({Uid:r,InvStatus:e.status.Status,Reason:t.Notes})}),this.applyInvoice()},t.prototype.applyInvoice=function(){var t=this;this.mySelection=[],this.billComp=this._bills.updateInvoice(this.updateData).subscribe(function(e){$("#new_note .close").click(),t.mySelection=[],t.opened=!0,t.errOpened=!1,t.ngOnInit()},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.errOpened=!0,$("#new_note .close").click(),t.errormsg=e.error.error})},t.prototype.download=function(t){null!=t&&this._bills.getView(t)},t.prototype.rerender=function(t){null!=t&&this._bills.rerender(t)},t.prototype.close=function(t){this.opened=!1,this.errOpened=!1,this.apiError=!1,this.noInternet=!1},t=At([Object(o.n)({selector:"app-billing",encapsulation:o._13.None,template:r("/iW9"),styles:[r("/2M7")]}),Ft("design:paramtypes",[x.a,Pt,i.b])],t)}(),Rt=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Lt=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},_t=function(){function t(){this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=Rt([Object(o.n)({selector:"app-blockedreport",template:r("tgdz"),styles:[r("Pr2P")]}),Lt("design:paramtypes",[])],t)}(),zt=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Bt=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Wt=function(){function t(){this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=zt([Object(o.n)({selector:"app-blockedtilldate",template:r("vUZs"),styles:[r("kMMc")]}),Bt("design:paramtypes",[])],t)}(),Ht=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},qt=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Ut=function(){function t(t,e,r){this.router=t,this.route=e,this._comms=r}return t.prototype.ngOnInit=function(){var t=this;this.loading=!0,this._comms.getComms().subscribe(function(e){t.loading=!1,t.commsData=e})},t.prototype.getDetails=function(t){var e=this;this.loading=!0,this._comms.getTemplateComms(t).subscribe(function(t){e.loading=!1,e.commsTemplateData=t})},t=Ht([Object(o.n)({selector:"app-comms",template:r("Ztp+"),styles:[r("Msll")]}),qt("design:paramtypes",[x.b,x.a,vt])],t)}(),jt=r("eoFs"),Gt=r("qqDE"),Vt=r("nihM"),$t=this&&this.__extends||(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])},function(t,e){function r(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),Qt=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Kt=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Zt=function(t){function e(e){var r=t.call(this,[])||this;return r.http=e,r.accessToken=localStorage.getItem("access_token"),r.CustId=sessionStorage.getItem("customerId"),r.data=[],r}return $t(e,t),e.prototype.read=function(e){var r=this;if(this.page=e,1!==this.page&&this.data.length)return t.prototype.next.call(this,this.data);this.fetch().pipe(Object(Vt.a)(function(t){t.forEach(function(t){t.Created=z(t.Created).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.CustomerId=t.CustomerId.toString(),r.isFirst=!0,null!=t.InternalNotes&&t.InternalNotes.forEach(function(t){!0===r.isFirst?(r.isFirst=!1,t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a")):t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a")}),t.PostReplyNotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a")})}),r.data=t})).subscribe(function(e){t.prototype.next.call(r,e)})},e.prototype.save=function(t,e){var r=this,n=e?"create":"update";this.reset(),"update"===n&&this.update(t).subscribe(function(t){r.fetch().subscribe(function(t){t.forEach(function(t){t.Created=z(t.Created).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.CustomerId=t.CustomerId.toString(),r.isFirst=!0,null!=t.InternalNotes&&t.InternalNotes.forEach(function(t){!0===r.isFirst?(r.isFirst=!1,t.CreatedDate=z.utc(t.CreatedDate).format(),t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a")):t.CreatedDate=z.utc(t.CreatedDate).format("DD-MM-YYYY hh:mm:ss a")}),t.PostReplyNotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a")})}),r.data=t,r.read(r.page)})})},e.prototype.update=function(t){var e={InternalNoteTitle:"Notes",InternalNoteBody:""},r={Status:""};if(t)for(var n in t)t.hasOwnProperty(n)&&("Status"===n&&(r.Status=t[n]),"PostInternalNote"===n&&(e.InternalNoteBody=t[n]),"StatusDrp"===n&&(!0===t[n]?e.InternalNoteBody="<html><body><div>Customer Id: "+t.CustomerId+"<br />Customer Name: "+t.CustomerFirstName+" "+t.CustomerLastName+"<br />Customer Email: "+t.CustomerEmail+"<br />Status: "+r.Status+"<br />Note: "+e.InternalNoteBody+"</div></body></html>":!1!==t[n]&&null!==t[n]||(e.InternalNoteBody="<html><body><div>Customer Id: "+t.CustomerId+"<br />Customer Name: "+t.CustomerFirstName+" "+t.CustomerLastName+"<br />Customer Email: "+t.CustomerEmail+"<br />Note: "+e.InternalNoteBody+"</div></body></html>")),"TicketId"===n&&(this.TicketId=t[n]),"TicketNumber"===n&&(this.TicketNumber=t[n]));var o=[];if(null!==r.Status){if("Closed"===r.Status){var a={CustomerId:t.CustomerId,Notes:"Ticket number "+this.TicketNumber+": Closed"};o.push(this.http.post(T+"customernotes",a))}else if("Resolved"===r.Status){a={CustomerId:t.CustomerId,Notes:"Ticket number "+this.TicketNumber+": Resolved"};o.push(this.http.post(T+"customernotes",a))}else if("Open"===r.Status){a={CustomerId:t.CustomerId,Notes:"Ticket number "+this.TicketNumber+": Open"};o.push(this.http.post(T+"customernotes",a))}o.push(this.http.put(T+"ostickets/"+this.TicketId,r))}return null!==e.InternalNoteBody&&o.push(this.http.post(C+"ostickets?TicketId="+this.TicketId,e)),S.a.forkJoin(o)},e.prototype.remove=function(t){var e=this;this.reset(),this.fetch().subscribe(function(){return e.read(e.page)},function(){return e.read(e.page)})},e.prototype.resetItem=function(e){if(e){var r=this.data.find(function(t){return t.ProductID===e.ProductID});Object.assign(r,e),t.prototype.next.call(this,this.data)}},e.prototype.reset=function(){this.data=[]},e.prototype.fetch=function(){return 0===this.page?this.http.get(C+"ostickets/").pipe(Object(Gt.a)(function(t){return t})):1===this.page?(this.CustId=sessionStorage.getItem("customerId"),this.http.get(C+"ostickets/geteply?CustomerId="+sessionStorage.getItem("customerId")).pipe(Object(Gt.a)(function(t){return t}))):2===this.page?this.http.get(C+"osTicketStaffs?emailId="+localStorage.getItem("username")).pipe(Object(Gt.a)(function(t){return t})):void 0},e=Qt([Object(o.B)(),Kt("design:paramtypes",[i.b])],e)}(jt.a),Jt=r("U6yM"),Xt=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},te=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},ee=function(){function t(t){this.http=t,this._url=T,this.accessToken=localStorage.getItem("access_token"),this._url_v2=C,this._url_v3=N}return t.prototype.errorHandler=function(t){return Jt.a.throw(t.message||"Server Error")},t.prototype.fetch=function(t){var e=""+Object(pt.g)(t),r=t.group&&t.group.length;return this.http.get(this._url_v3+"/ostickets?"+e).map(function(t){return{data:r?Object(pt.h)(t.Data):t.Data,total:t.Total}})},t.prototype.getAllTicketstillDate=function(){return this.http.get(this._url_v3+"reports/ostktexport").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllTickets=function(){return this.http.get(this._url+"ostickets").catch(function(t){return Jt.a.throw(t)})},t.prototype.getTicketsByEmail=function(t){return this.http.get(this._url+"ostickets/"+t+"/").catch(function(t){return Jt.a.throw(t)})},t.prototype.getMyTickets=function(t){return this.http.get(this._url+"osTicketStaffs/"+t+"/").catch(function(t){return Jt.a.throw(t)})},t.prototype.getReplyTickets=function(t){return this.http.get(this._url_v2+"ostickets/geteply?CustomerId="+t).catch(function(t){return Jt.a.throw(t)})},t.prototype.postStatus=function(t,e){var r=t.TicketId,n={Status:e.Status};return this.http.put(this._url+"ostickets/"+r,n).catch(this.errorHandler)},t.prototype.postreplyData=function(t,e){var r={message:"<html><body><div>Customer Id: "+t.CustomerId+"<br />Customer Name: "+t.CustomerFirstName+" "+t.CustomerLastName+"<br />Customer Email: "+t.CustomerEmail+"<br />Status: "+e.Status+"<br />Note: "+e.PostInternalNote+"</div></body></html>",status:e.Status},n=t.TicketId;return this.http.post(this._url_v2+"ostickets/postreply?TicketId="+n,r).catch(this.errorHandler)},t.prototype.internalnoteData=function(t,e){var r=t.TicketId,n={InternalNoteTitle:e.PostInternalNote,InternalNoteBody:e.PostInternalNote};return this.http.post(this._url_v2+"ostickets?TicketId="+r,n).catch(this.errorHandler)},t.prototype.getId=function(t){return this.http.get(this._url+"customers/"+t+"/CustId").catch(function(t){return Jt.a.throw(t)})},t.prototype.getTicketMessages=function(t){return this.http.get(this._url+"osTicketMessages/"+t+"/").catch(function(t){return Jt.a.throw(t)})},t.prototype.getMyCreateTickets=function(){return this.http.get(this._url_v2+"osTicketStaffs?emailId="+localStorage.getItem("username")).catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTickets=function(){return this.http.get(this._url_v2+"ostickets/").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTicketsoststat=function(){return this.http.get(this._url_v3+"reports/oststat").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTicketsoststatbydep=function(){return this.http.get(this._url_v3+"reports/oststatbydep").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTicketsoststatbyagent=function(){return this.http.get(this._url_v3+"reports/oststatbyagent/").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTicketspriority1=function(){return this.http.get(this._url_v3+"reports/oststatbyprio?priority=1").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTicketspriority2=function(){return this.http.get(this._url_v3+"reports/oststatbyprio?priority=2").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTicketspriority3=function(){return this.http.get(this._url_v3+"reports/oststatbyprio?priority=3").catch(function(t){return Jt.a.throw(t)})},t.prototype.getAllMyTicketsdetails=function(t){return this.http.get(this._url_v2+"ostickets/getId?ticketId="+t).catch(function(t){return Jt.a.throw(t)})},t.prototype.fetchCustTicket=function(t){var e=""+Object(pt.g)(t),r=t.group&&t.group.length;return this.http.get(this._url_v3+"ostickets/nopostreply?"+e).map(function(t){return{data:r?Object(pt.h)(t.Data):t.Data,total:t.Total}})},t.prototype.fetchComplaintCustTicket=function(t,e){void 0===e&&(e="Open");var r=""+Object(pt.g)(t),n=t.group&&t.group.length;return this.http.get(this._url_v3+"ostickets/nopostreplystatus?"+r+"&Status="+e).map(function(t){return{data:n?Object(pt.h)(t.Data):t.Data,total:t.Total}})},t.prototype.fetchOwnCustTicket=function(t,e){var r=""+Object(pt.g)(t),n=t.group&&t.group.length;return this.http.get(this._url_v3+"ostickets/nopostreplynostatus?"+r+"&custId="+e).map(function(t){return{data:n?Object(pt.h)(t.Data):t.Data,total:t.Total}})},t.prototype.fetchAllCustTicket=function(t){var e=""+Object(pt.g)(t),r=t.group&&t.group.length;return this.http.get(this._url_v3+"ostickets/nopostreplynostatus?"+e).map(function(t){return{data:r?Object(pt.h)(t.Data):t.Data,total:t.Total}})},t=Xt([Object(o.B)(),te("design:paramtypes",[i.b])],t)}(),re=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ne=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},oe=this&&this.__param||function(t,e){return function(r,n){e(r,n,t)}},ae=function(){function t(t,e,r){this._customers=t,this.listCust=e,this.allNewOrders=[],this.page=0,this.listItems=["Open","Resolved","Closed","Reopen"],this.selected="Open",this.agentEmail=localStorage.getItem("agent_name"),this.TicketData=[],this.gridDataOpen=[],this.gridDataClosed=[],this.gridDataResolved=[],this.selectedtickettype="Post Reply",this.StatusTicket="Select Status",this.resolveStatus=["Open","Resolved","Closed"],this.listStatus=["Open","Closed"],this.state={skip:0,take:30},this.editService=r()}return t.prototype.ngOnDestroy=function(){void 0!==this.complaintComp&&this.complaintComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.agentEmail.includes("@thegrexgroup.com")?(this.roleAuthorizationProvisioning=!0,this.listTicketType=["Post Internal Note","Post Reply"]):this.agentEmail.includes("@thegrexgroup.com")||(this.roleAuthorizationProvisioning=!1,this.listTicketType=["Post Reply"]),this.loading=!0,this.complaintComp=this._customers.fetchComplaintCustTicket(this.state).subscribe(function(e){t.loading=!1,t.query=e,t.TicketData=t.query.data,e.data=e.data.map(function(t){return null!==t.TioFlag?t.CompType="TIO":null!==t.DisputeFlag&&(t.CompType="DISPUTE"),t.CustomerFirstName=t.CustomerFirstName+" "+t.CustomerLastName,t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.loading=!1}),this.TicketData.length=0,this.allNewOrders.length=0,this.gridDataClosed.length=0,$(".ticketClass .close").click()},t.prototype.dataStateChange=function(t){var e=this;this.state=t,this.loading=!0,this.complaintComp=this._customers.fetchComplaintCustTicket(this.state).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,e.TicketData.forEach(function(t){null!==t.TioFlag?t.CompType="TIO":null!==t.DisputeFlag&&(t.CompType="DISPUTE"),t.CustomerFirstName=t.CustomerFirstName+" "+t.CustomerLastName}),t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1})},t.prototype.onChange=function(t){var e=this;this.currentStatus=t,this.loading=!0,this.state={skip:0,take:20},this.complaintComp=this._customers.fetchComplaintCustTicket(this.state,t).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),null!==t.TioFlag?t.CompType="TIO":null!==t.DisputeFlag&&(t.CompType="DISPUTE"),t.CustomerFirstName=t.CustomerFirstName+" "+t.CustomerLastName,t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1})},t.prototype.close=function(){$(".ticketClass .close").click(),this.ticketpost=!1,this.apiError=!1,this.noInternet=!1},t.prototype.close1=function(t){this[t+"Opened"]=!1,$(".ticketClass .close").click(),this.ticketpost=!1,this.apiError=!1,this.noInternet=!1},t.prototype.actionTicket=function(t,e){var r=this;$(".ticketClass .close").click(),"Post Reply"===e.listTicketType?this.complaintComp=this._customers.postreplyData(t,e).subscribe(function(t){r.loading=!1,r.state={skip:0,take:20},r.complaintComp=r._customers.fetchComplaintCustTicket(r.state,r.currentStatus).subscribe(function(t){r.loading=!1,r.query=t,r.TicketData=r.query.data,t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),null!==t.TioFlag?t.CompType="TIO":null!==t.DisputeFlag&&(t.CompType="DISPUTE"),t.CustomerFirstName=t.CustomerFirstName+" "+t.CustomerLastName,t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){r.loading=!1})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.ticketpost=!0,r.loading=!1}):"Post Internal Note"===e.listTicketType&&(this.complaintComp=this._customers.postStatus(t,e).subscribe(function(n){r.complaintComp=r._customers.internalnoteData(t,e).subscribe(function(t){r.loading=!1,r.state={skip:0,take:20},r.complaintComp=r._customers.fetchComplaintCustTicket(r.state,r.currentStatus).subscribe(function(t){r.loading=!1,r.query=t,r.TicketData=r.query.data,t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),null!==t.TioFlag?t.CompType="TIO":null!==t.DisputeFlag&&(t.CompType="DISPUTE"),t.CustomerFirstName=t.CustomerFirstName+" "+t.CustomerLastName,t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.ticketpost=!0,r.loading=!1}))},t.prototype.getDetails=function(t){var e=this;this.loading=!0,this.complaintComp=this._customers.getAllMyTicketsdetails(t).subscribe(function(t){for(var r in e.loading=!1,13==t.DeptId||2==t.DeptId?e.resolve=!0:e.resolve=!1,null!==t.InternalNotes&&void 0!==t.InternalNotes&&t.InternalNotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),t)t.hasOwnProperty(r)&&("PostReplyNotes"===r&&(e.replynotes=t[r]),"InternalNotes"===r&&(e.internalreplynotes=t[r]));e.replynotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1})},t=re([Object(o.n)({selector:"app-complaint",template:r("/SBw"),styles:[r("C62N")]}),oe(2,Object(o.A)(Zt)),ne("design:paramtypes",[ee,vt,Object])],t)}(),ie=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},se=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},le=function(){function t(){this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=ie([Object(o.n)({selector:"app-creditreportviewer",template:r("soF5"),styles:[r("xxq2")]}),se("design:paramtypes",[])],t)}(),de=[{Id:"Open",StatusName:"Open",Description:"Open"},{Id:"Closed",StatusName:"Closed",Description:"Closed"}],ce=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ue=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},pe=function(){function t(t){this.http=t,this.CustId=sessionStorage.getItem("customerId"),this.accessToken=localStorage.getItem("access_token")}return t.prototype.products=function(t){return this.http.get(T+"diarytasks?custId="+t).pipe(Object(Gt.a)(function(t){return t}))},t.prototype.remove=function(t){var e=this.data.findIndex(function(e){return e.Id===t.Id});this.data.splice(e,1)},t.prototype.save=function(t,e){e?(t.Id=this.counter++,this.data.splice(0,0,t)):this.http.put(T+"diarytasks?Id="+t.Id,t).subscribe(function(t){location.reload()})},t=ce([Object(o.B)(),ue("design:paramtypes",[i.b])],t)}(),ke=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},me=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},ge=function(){function t(t){this.http=t,this.accessToken=localStorage.getItem("access_token")}return t.prototype.products=function(){return this.data=this.http.get(T+"diarytasks/").pipe(Object(Gt.a)(function(t){return t})),this.data},t.prototype.remove=function(t){var e=this.data.findIndex(function(e){return e.Id===t.Id});this.data.splice(e,1)},t.prototype.save=function(t,e){if(!e)return this.http.put(T+"diarytasks?Id="+t.Id,t);t.Id=this.counter++,this.data.splice(0,0,t)},t=ke([Object(o.B)(),me("design:paramtypes",[i.b])],t)}(),he=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},be=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},fe=function(t){var e=(t||{}).filters;return e?e.reduce(function(t,e){return t.concat(e.filters?fe(e):[e])},[]):[]},ve=function(t){return new s.c({Id:new s.b(t.Id),DiaryTasks:new s.b(t.DiaryTasks,s.i.required),Status:new s.b(t.Status,s.i.required),ReminderDate:new s.b(t.ReminderDate,s.i.required),DueDate:new s.b(t.DueDate,s.i.required)})},ye=function(){function t(t,e,r,n,o,a,i,s,l){this.route=t,this._customers=e,this.service=r,this._ticket=n,this.formBuilder=o,this.editTaskService=a,this.cdRef=i,this.editorder=s,this._bills=l,this.sortBill=[{field:"Id",dir:"desc"}],this.speedModem=!1,this.warning=!1,this.statusChanged=!1,this.Fromvalue=new Date,this.Tovalue=new Date,this.selectedValue="Jan",this.selectedtickettype="Post Reply",this.listStatus=["Open","Closed"],this.resolveStatus=["Open","Resolved","Closed"],this.dataItems=[],this.listItems=["TestOrder","OrderReceived","OrderInProgress","AppointmentAllocated","AppointmentReAllocated","OrderCancelled","OrderUnableToComplete","OrderComplete","ProductTerminated","OrderOnHoldMissingInfo"],this.Autopaylist=["Yes","No"],this.listItemsreport=["Data Usage","Daily Usage"],this.selectedValueReport="Data Usage",this.Itemsreport=["Bandwidth Usage"],this.selectedReport="Bandwidth Usage",this.datevalue=new Date,this.months=["Jan","Feb","Mar","Apr","May","June","July","August","Sept","Oct","Nov","Dec"],this.years=["2015","2016","2017","2018","May","June","July","August","Sept","Oct","Nov","Dec"],this.selectedmonth="Apr",this.selectedyear="2018",this.listReasons=["Delay for ADSL connection/no ports available","Customer wasn\u2019t aware/inform of the upfront charges","Signed up with another retailer","Modem/CPE not compatible","Never agreed to Join ","Incorrect Information at point of Sale","Delay in Service Activation","Prefers Competitors Product/Price","Unable to Service the Address","Customer Demise/Death","Billing Related Issues","Travelling or Relocating","Service/Speed Issues","Account cancelled due to Non-Payment","Auto Cancelled due to Non-payment (system cancelled once this comes in)","Duplicate Account","Additional Information Required Delay","No response from Customer - Request for FNN","No response from Customer - Request for POD","Other(Add description)"],this.events=[],this.source=["Daily","Monthly","Yearly"],this.SelectGraphData=["Daily","Monthly","Yearly"],this.defaultMonthOption=null,this.defaultYearOption=null,this.Datemonths=[{monthName:"Jan",value:1},{monthName:"Feb",value:2},{monthName:"Mar",value:3},{monthName:"Apr",value:4},{monthName:"May",value:5}],this.DateYears=[2015,2016,2017,2018,2019],this.categories=de,this.ctype="Credit",this.creditType=[{category:"Credit",value:!0},{category:"Debit",value:!1}],this.ctypedefault={category:"Credit",value:!0},this.defaultcreditTopic={category:"Credit requests",value:P},this.refundcreditDesc=["Payment Transfer","Dispute Settlement","Bank Refund"],this.refundcreditReason=["Incorrect Payment","Unauthorised Transaction","Migration Dispute","Other","Duplicate Account "],this.creditDesc=["Service Completion Issue (Service is not working at service completion)","Early Completion (Service connected before requested date)","Payment Transfer","Cancellation","Billing Error","Goodwill Gesture Credit","Netcomm Modem Discount","Network Fault","Modem Fault","Sumo Fault","Late Payment Fee Refund","Dispute Bill Charges"],this.creditReason=["OWS/Optus Wholesaler","Access Provider(NBN)","End-User/Customer","Supplier Delay","No Capacity/Service unavailable","Cooling Off - change of mind","Carrier missed appointment","Customer missed appointment","Incorrect connection date","Incorrect/misleading Information","Discount adjustment","other","service cancellation","Replacement/upgrade","VoIP charges","Plan charges","Plan migration","Incorrect payment","Duplicate account"],this.callTypeDesc=["Billing ","Collection","General Notes","Complaint","Cancellation","Hardship","Payment Extension","Connection Enquiry ","Payment","Speed Enquiry","Outage Enquiry ","Unable To Provision","Refund","Technician Appointment","AutoPay","Special Records","Sumo Retention Team","Operations","Others"],this.creditApprovedBy=["Peter Perla","Kat Graham","Tanisha Pal"],this.creditApprovedlist=["Peter Perla","Kat Graham","Tanisha Pal"],this.Description="Sumo Customer Service",this.ApprovedBy="Authorised Request to",this.Reason="End-User",this.addDataProducts=[],this.addDataProductValue=[],this.addVoiceProducts=[],this.addVoiceProductValue=[],this.addPurchaseProducts=[],this.addPurchaseProductValue=[],this.CallType="General Notes",this.status="Active",this.range={start:null,end:null},this.agentName=localStorage.getItem("FirstName")+" "+localStorage.getItem("LastName"),this.errorMsg="",this.chart=[],this.graphdata=[],this.billurl=D,this.dates=[],this.dataExist=!1,this.voiceExist=!1,this.complete=!1,this.active=!1,this.disabled=!1,this.showme=!1,this.autotext={CustomerId:"",CallType:"",Notes:""},this.countclick=0,this.email=localStorage.getItem("username"),this.customerName=sessionStorage.getItem("name"),this.submitted=!1,this.showSpinnerImage=!0,this.CustomerId=this.route.snapshot.paramMap.get("id"),this.staffemail=null,this.DataActive=!1,this.VoiceActive=!1,this.greyButton=!0,this.avc=[],this.page=1,this.ticketErrorMsg=null,this.agentEmail=localStorage.getItem("agent_name"),this.greyButtonVoice=!0,this.graphintialized=!1,this.sort=[],this.specialrecorddialogOpened=!1,this.blockrecorddialogOpened=!1,this.errorrecorddialogOpened=!1,this.gridState={sort:[],skip:0,take:10},this.selected="Open",this.ticketStatus=["Open","Closed"],this.opened=!1,this.ticketopened=!1,this.dialogOpened=!1,this.ModemDetails=[],this.roles=JSON.parse(localStorage.getItem("roles")),this.MonthlyDataUsage=[],this.aggregates=[{field:"Upload",aggregate:"sum"},{field:"Download",aggregate:"sum"},{field:"Total",aggregate:"sum"}],this.state={group:[{field:"Upload",aggregates:this.aggregates},{field:"Download",aggregates:this.aggregates},{field:"Total",aggregates:this.aggregates}]},this.ticketstate={skip:0,take:10},this.roleAuthorizationProvisioning=!1,this.clock=["06:00 am","06:30 am","07:00 am","07:30 am","08:00 am","08:30 am","09:00 am","09:30 am","10:00 am","10:30 am","11:00 am","11:30 am","12:00 pm","12:30 pm","01:00 pm","01:30 pm","02:00 pm","02:30 pm","03:00 pm","03:30 pm","04:00 pm","04:30 pm","05:00 pm","05:30 pm","06:00 pm","06:30 pm","07:00 pm","07:30 pm","08:00 pm","08:30 pm","09:00 pm","09:30 pm","10:00 pm","10:30 pm","11:00 pm","11:30 pm","12:00 am","12:30 am","01:00 am","01:30 am","02:00 am","02:30 am","03:00 am","03:30 am","04:00 am","04:30 am","05:00 am","05:30 am"],this.valid=!1,this.default="",this.otherSpecialRecordsDialog=!1,this.distinctDeptdata=[{text:"Grex Tech Support Level 3",value:"Grex Tech Support Level 3"},{text:"Grex Provisioning",value:"Grex Provisioning"},{text:"Sumo Retention Team",value:"Sumo Retention Team"},{text:"Sumo Sales",value:"Sumo Sales"},{text:"Sumo Credit Team",value:"Sumo Credit Team"},{text:"Sumo Customer Service",value:"Sumo Customer Service"},{text:"Sumo TIO Ombudsman",value:"Sumo TIO Ombudsman"},{text:"Sumo Operations",value:"Sumo Operations"},{text:"Grex Tech Support Level 2",value:"Grex Tech Support Level 2"},{text:"Customer Feedback - No Action Required",value:"Customer Feedback - No Action Required"}],this.errorTIOMsg="",this.ticketpost=!1,this.noMsn=!1,this.noAVC=!1,this.credit=!1,this.refund=!1,this.reportlastweek=[],this.valueAxisLabels={}}return t.prototype.ngOnDestroy=function(){this.custDashboardComp&&this.custDashboardComp.unsubscribe()},t.prototype.ngOnInit=function(){this.closeModal(),this.eighteennewDate=new Date(z().add(-18,"years")),this.minbirthDate=new Date(z(this.eighteennewDate).subtract(120,"years")),this.ndefaultDate=z(new Date).tz("Australia/Sydney").format("DD-MM-YYYY"),this.errorMsgOrder="",this.errorMsg="",sessionStorage.setItem("customerId",this.route.snapshot.paramMap.get("id")),this.getRoles(),this.dataItems=[],this.agentEmail.includes("@thegrexgroup.com")?(this.roleAuthorizationProvisioning=!0,this.listTicketType=["Post Internal Note","Post Reply"]):this.agentEmail.includes("@thegrexgroup.com")||(this.roleAuthorizationProvisioning=!1,this.listTicketType=["Post Reply"]),"days"===this.selectedValue?this.selectDetail="(Last 30 days)":"months"===this.selectedValue&&(this.selectDetail="(Yearly data)"),this.currentDateToday=new Date,this.addCredit=this.formBuilder.group({ctype:[this.ctype]}),this.addCredit.controls.ctype.disable();var t=(new Date).toISOString().substring(0,10);$("#my-date-input").prop("min",t),this.showme=!1,this.fetchTickets(),this.getCustomers(),this.getOrders(),this.getInvoices(),this.getDepartments(),this.getNotes(),this.getPayments(),this.roleAuthorizationSpeedtest&&this.getSpeedTest(),this.roleAuthorizationtroubleshoot&&this.getTroubleshoot(),this.getCreditNotes(),this.getInvoiceDetails()},t.prototype.getCustomers=function(){var t=this;this.custDashboardComp=this._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(e){t.showSpinnerImage=!1,t.returned_data=e,t.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",t.returned_data.Id),sessionStorage.setItem("CustomerEmail",t.returned_data.Email),sessionStorage.setItem("name",t.returned_data.FirstName+" "+t.returned_data.LastName),t.returned_data.DateOfBirth&&(t.focusedDate=new Date(t.returned_data.DateOfBirth),t.returned_data.DateOfBirth=new Date(z(t.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.returned_data.AuthRecurringPayments?t.Autopay="Yes":t.Autopay="No",t.returned_data.SecondAcctHolderDOB&&(t.focusedDOB=new Date(t.returned_data.SecondAcctHolderDOB),t.returned_data.SecondAcctHolderDOB=new Date(z(t.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.returned_data.FirstName&&(t.returned_data.FirstName=t.nameConverter(t.returned_data.FirstName)),t.returned_data.LastName&&(t.returned_data.LastName=t.nameConverter(t.returned_data.LastName)),t.returned_data.OpenDate&&(t.returned_data.OpenDate=z(t.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===t.returned_data.BillDayOfMonth||0===t.returned_data.BillDayOfMonth?t.returned_data.BillDayOfMonth="":t.returned_data.BillDayOfMonth=t.getGetOrdinal(t.returned_data.BillDayOfMonth))})},t.prototype.getOrders=function(){var t=this;this.custDashboardComp=this._customers.getOrders(sessionStorage.getItem("customerId")).subscribe(function(e){t.orders=e,t.orders.constructor===Array?(t.onSelect(t.orders[0].OrderId),t.orders.forEach(function(e){e.nonNbn=!1,e.Products.forEach(function(t){t.showCoolDays=1===t.ProductType,t.showBlockShape=1===t.ProductType,t.BlockType=!0===t.BlockFlag?"Yes":"No",t.ShapeType=!0===t.ShapeFlag?"Yes":"No",1===t.ProductType&&null===t.ServiceClass&&(e.nonNbn=!0),1===t.ProductType&&t.CoolingOffRemaining>0?t.showCool=!0:t.showCool=!1,t.showVoice=2===t.ProductType,t.showPurchase=4===t.ProductType,t.hwbType=!!t.ProductInternalName.includes("Home Wireless"),t.mbbType=!!t.ProductInternalName.includes("MBB"),4===t.ProductType&&(t.ProductInternalName.includes("Netcomm")||t.ProductInternalName.includes("Huawei"))?t.showModemPurchase=!0:t.showModemPurchase=!1}),e.Products.find(function(t){return null!==t.ConsignmentNumber})&&(t.ModemDetails.push(e.Products.find(function(t){return null!==t.ConsignmentNumber})),t.ModemDetails&&(t.selectedOrderId=e.OrderId),!0===t.roleCustDetail&&t.ModemDetails.length>0&&(t.trackBtn=!0)),e.OrderedDate=z(e.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),e.LastModified=z(e.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),e.MoveInDate&&(e.MoveInDate=new Date(z(e.MoveInDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.PreferredPaymentDate&&(e.PreferredPaymentDate=new Date(z(e.PreferredPaymentDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.Products.forEach(function(e){if(e.StatusDate&&(e.StatusDate=new Date(z(e.StatusDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.ProductActivatedDate&&(e.ProductActivatedDate=new Date(z(e.ProductActivatedDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.NbnTerminationDate&&(e.NbnTerminationDate=new Date(z(e.NbnTerminationDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.AppointmentStart){e.AppointmentStartTime=z(e.AppointmentStart).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm a"),e.startvalue=new Date(z(e.AppointmentStart).tz("Australia/Sydney").format("MM-DD-YYYY"));var r=t.clock.findIndex(function(t){return t===z(e.AppointmentStart).tz("Australia/Sydney").format("hh:mm a").toString()});t.startTime=[t.clock[r]],e.startTime=[t.clock[r]]}if(e.AppointmentEnd){e.AppointmentEndTime=z(e.AppointmentEnd).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm a"),e.endvalue=new Date(z(e.AppointmentEnd).tz("Australia/Sydney").format("MM-DD-YYYY"));var n=t.clock.findIndex(function(t){return t===z(e.AppointmentEnd).tz("Australia/Sydney").format("hh:mm a").toString()});t.endTime=[t.clock[n]],e.endTime=[t.clock[n]]}})})):t.orders="Error",t.getStatus()})},t.prototype.getInvoices=function(){var t=this;this.custDashboardComp=this._customers.getgraphData(sessionStorage.getItem("customerId")).subscribe(function(e){t.invoices=e,t.invoices.forEach(function(t){t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.BillStatus=t.Status,t.BillId=t.Id}),t.invoiceView={data:Object(pt.e)(t.invoices,t.sortBill),total:t.invoices.length},t.submitted=!1})},t.prototype.getDepartments=function(){var t=this,e=[];this.custDashboardComp=this._customers.getDeptId().subscribe(function(r){t.depts=r,t.depts.forEach(function(t){14!==t.DeptID&&3!==t.DeptID&&5!==t.DeptID&&6!==t.DeptID&&e.push(t)}),t.ticketDept=e})},t.prototype.getNotes=function(){var t=this;this.custDashboardComp=this._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(e){t.notes=e,t.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})})},t.prototype.getPayments=function(){var t=this;this.custDashboardComp=this._customers.getpaymentDetails(sessionStorage.getItem("customerId")).subscribe(function(e){t.paymentDetails=e,t.paymentDetails.forEach(function(t){t.TransactionDate=z(t.TransactionDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Status=t.Status.charAt(0).toUpperCase()+t.Status.substring(1)})})},t.prototype.getSpeedTest=function(){var t=this;this.custDashboardComp=this._customers.getSpeedTest(sessionStorage.getItem("customerId")).subscribe(function(e){t.speedtest=e,t.loading=!1,t.speedtest.forEach(function(t){t.StartTime=z(t.StartTime).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),"Invalid date"==t.StartTime&&(t.StartTime=t.Error),t.averageSpeed=0,t.Intervals.forEach(function(e){e.BitsPerSecond=e.BitsPerSecond/1e6,t.averageSpeed+=e.BitsPerSecond}),t.averageSpeed=t.averageSpeed/10,t.DownloadLink=t.DownloadLink/1e6,t.UploadLink=t.UploadLink/1e6,t.SpeedStartTime=t.StartTime})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.getTroubleshoot=function(){var t=this;this.custDashboardComp=this._customers.gettroubleshoot(sessionStorage.getItem("customerId")).subscribe(function(e){t.troubleshootData=e,t.troubleshootData.constructor===Array&&t.troubleshootData.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.UpdatedDate=z(t.UpdatedDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.TroubleshootId=t.Id,t.TroubleshootCreatedDate=t.CreatedDate,t.TroubleshootFaultDescription=t.FaultDescription})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.custDashboardComp=this._customers.getfaults(sessionStorage.getItem("customerId")).subscribe(function(e){t.faultData=e,t.faultData.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.UpdatedDate=z(t.UpdatedDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.DownDateTime=z(t.DownDateTime).tz("Australia/Sydney").format("DD-MM-YYYY")})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.getCreditNotes=function(){var t=this;this.custDashboardComp=this._customers.getcreditNote(sessionStorage.getItem("customerId")).subscribe(function(e){t.creditNotes=e,t.creditNotes&&t.creditNotes.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),!0===t.IsCredit?t.Type="Credit":!1===t.IsCredit&&(t.Type="Debit")})})},t.prototype.getInvoiceDetails=function(){var t=this;this.custDashboardComp=this._customers.getInvoicedetail(sessionStorage.getItem("customerId")).subscribe(function(e){t.invoiceDetails=e,t.invoiceDetails.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY"),t.InvoiceDate=t.Date,t.InvoiceAmount=t.Amount})})},t.prototype.getRoles=function(){"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"Sales"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"CustomerServiceLimitedAccess"!==this.roles&&"Finance"!==this.roles&&"SeniorManagement"!==this.roles||(this.roleAuthorizationAddProduct=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"CustomerServiceLimitedAccess"!==this.roles||(this.roleAuthorizationEditClient=!0),"RSPAdministrators"!==this.roles&&"Administrators"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles||(this.roleAuthorization=!0),"RSPAdministrators"!==this.roles&&"Administrators"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"SeniorManagement"!==this.roles||(this.roleAuthorizationComplaint=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"CustomerServiceLimitedAccess"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"Sales"!==this.roles&&"PROVISIONING_VIEW"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"Finance"!==this.roles&&"SeniorManagement"!==this.roles&&"EndUser"!==this.roles&&"BILLING_VIEW"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleCustDetail=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleAuthorizationEditBilling=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"BILLING_VIEW"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleBillDetail=!0),"CustomerServiceLimitedAccess"!==this.roles&&"Sales"!==this.roles&&"Finance"!==this.roles&&"EndUser"!==this.roles&&"BILLING_VIEW"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleAuthorizationNotSpeedtest=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"CustomerServiceLimitedAccess"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"Sales"!==this.roles&&"PROVISIONING_VIEW"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"Finance"!==this.roles&&"SeniorManagement"!==this.roles&&"BILLING_VIEW"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleCustNote=!0),"RSPAdministrators"!==this.roles&&"Administrators"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"PROVISIONING_VIEW"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"SeniorManagement"!==this.roles||(this.roleAuthorizationSpeedtest=!0),"RSPAdministrators"!==this.roles&&"Administrators"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"CustomerServiceFullAccess"!==this.roles||(this.roleAuthorizationtroubleshoot=!0),"TeamLeaderFullAccess"===this.roles&&(this.roleAuthorization30Credit=!0),"RSPAdministrators"!==this.roles&&"Administrators"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"SeniorManagement"!==this.roles||(this.roleAuthorizationdeletecredit=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"SeniorManagement"!==this.roles||(this.roleAuthorization100Credit=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"SeniorManagement"!==this.roles&&"TeamLeaderFullAccess"!==this.roles||(this.roleAuthorizationCredit=!0)},t.prototype.closeModal=function(){$("#new_note .close").click(),$("#edit_client_details .close").click(),$(".modal .close").click(),$("#task .close").click(),$("#addCredit .close").click(),$(".ticketClass .close").click()},t.prototype.fetchTickets=function(){var t=this;this.loadingTicket=!0,this.custDashboardComp=this._ticket.fetchOwnCustTicket(this.ticketstate,this.CustomerId).subscribe(function(e){t.loadingTicket=!1,t.query=e,t.TicketData=t.query.data,t.TicketData&&(t.TicketData.forEach(function(t){null!==t.DisputeFlag||null!==t.TioFlag?(t.isComplaintTicket=!0,t.Complainttype="Yes"):(t.isComplaintTicket=!1,t.Complainttype="No"),t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),e.data=e.data.map(function(t){return t}))},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.ticketerror=e.Message,t.loadingTicket=!1,t.ticketopened=!0})},t.prototype.actionTicket=function(t,e){var r=this;$(".ticketClass .close").click(),this.loadingTicket=!0,"Post Reply"===e.listTicketType?this.custDashboardComp=this._ticket.postreplyData(t,e).subscribe(function(t){r.fetchTickets(),r.custDashboardComp=r._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){r.returned_data=t,r.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",r.returned_data.Id),sessionStorage.setItem("CustomerEmail",r.returned_data.Email),r.returned_data.DateOfBirth&&(r.focusedDate=new Date(r.returned_data.DateOfBirth),r.returned_data.DateOfBirth=new Date(z(r.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===r.returned_data.AuthRecurringPayments?r.Autopay="Yes":r.Autopay="No",r.returned_data.SecondAcctHolderDOB&&(r.focusedDOB=new Date(r.returned_data.SecondAcctHolderDOB),r.returned_data.SecondAcctHolderDOB=new Date(z(r.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),r.returned_data.FirstName&&(r.returned_data.FirstName=r.nameConverter(r.returned_data.FirstName)),r.returned_data.LastName&&(r.returned_data.LastName=r.nameConverter(r.returned_data.LastName)),r.returned_data.OpenDate&&(r.returned_data.OpenDate=z(r.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===r.returned_data.BillDayOfMonth||0===r.returned_data.BillDayOfMonth?r.returned_data.BillDayOfMonth="":r.returned_data.BillDayOfMonth=r.getGetOrdinal(r.returned_data.BillDayOfMonth))}),r.custDashboardComp=r._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){r.notes=t,r.notes.constructor===Array&&r.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.ticketpost=!0,r.loadingTicket=!1}):"Post Internal Note"===e.listTicketType&&(this.custDashboardComp=this._ticket.postStatus(t,e).subscribe(function(n){r.custDashboardComp=r._ticket.internalnoteData(t,e).subscribe(function(t){r.fetchTickets(),r.custDashboardComp=r._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){r.returned_data=t,r.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",r.returned_data.Id),sessionStorage.setItem("CustomerEmail",r.returned_data.Email),r.returned_data.DateOfBirth&&(r.focusedDate=new Date(r.returned_data.DateOfBirth),r.returned_data.DateOfBirth=new Date(z(r.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),r.Autopay=!0===r.returned_data.AuthRecurringPayments?"Yes":"No",r.returned_data.SecondAcctHolderDOB&&(r.focusedDOB=new Date(r.returned_data.SecondAcctHolderDOB),r.returned_data.SecondAcctHolderDOB=new Date(z(r.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),r.returned_data.FirstName&&(r.returned_data.FirstName=r.nameConverter(r.returned_data.FirstName)),r.returned_data.LastName&&(r.returned_data.LastName=r.nameConverter(r.returned_data.LastName)),r.returned_data.OpenDate&&(r.returned_data.OpenDate=z(r.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===r.returned_data.BillDayOfMonth||0===r.returned_data.BillDayOfMonth?r.returned_data.BillDayOfMonth="":r.returned_data.BillDayOfMonth=r.getGetOrdinal(r.returned_data.BillDayOfMonth))},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)}),r.custDashboardComp=r._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){r.notes=t,r.notes.constructor===Array&&r.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.opened=!0})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.ticketpost=!0,r.loadingTicket=!1}))},t.prototype.sendSms=function(){var t=this;return this.sendPwd=!0,this.custDashboardComp=this._customers.sendSMS(sessionStorage.getItem("customerId")).subscribe(function(e){$("#smsSend").prop("disabled",!0),t.countclick++},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),$(".msgtag").css("display","table"),setTimeout(function(){$(".msgtag").css("display","none"),$("#smsSend").prop("disabled",!1)},5e3),!1},t.prototype.getUsageData=function(t){var e=this,r=t.selectedYear+"-"+t.selectedMonth+"-01";new Date(r);this.custDashboardComp=this._customers.getUsageDataMonthly(this.avcVal,t.selectedMonth,t.selectedYear).subscribe(function(t){e.MonthlyDataUsage=[],t.forEach(function(t){e.MonthlyDataUsage.push({category:"Download",value:(t.Download/1024/1024/1024).toFixed(3)}),e.MonthlyDataUsage.push({category:"Upload",value:(t.Upload/1024/1024/1024).toFixed(3)})}),e.dataMonthly=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message})},t.prototype.getDetails=function(t){var e=this;this.loading=!0,this.custDashboardComp=this._ticket.getAllMyTicketsdetails(t).subscribe(function(t){for(var r in e.loading=!1,13==t.DeptId||2==t.DeptId?e.resolve=!0:e.resolve=!1,t.InternalNotes&&t.InternalNotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),t)t.hasOwnProperty(r)&&("PostReplyNotes"===r&&(e.replynotes=t[r]),"InternalNotes"===r&&(e.internalreplynotes=t[r]));e.replynotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1})},t.prototype.getUsageDataWeekly=function(t){var e=this;$("#editUsage .close").click();var r=t.selectedYear+"-"+t.selectedMonth+"-01";new Date(r);"0"!==t.selectedMonth&&"1"!==t.selectedMonth&&"2"!==t.selectedMonth&&"3"!==t.selectedMonth&&"4"!==t.selectedMonth&&"5"!==t.selectedMonth&&"6"!==t.selectedMonth&&"7"!==t.selectedMonth&&"8"!==t.selectedMonth&&"9"!==t.selectedMonth||(this.selectedMonth="0"+t.selectedMonth),this.custDashboardComp=this._customers.getUsageDataWeekly(this.avcVal,this.selectedMonth,t.selectedYear).subscribe(function(t){var r=0;t.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024/1024).toFixed(3),r+=1,t.Date="Week "+r}),e.dataWeekly=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message})},t.prototype.hideModal=function(){$("#editUsage").toggle()},t.prototype.getUsageDataDaily=function(t){var e=this;"Home Wireless Broadband"!==this.data.ProductInternalName&&"HWB"!==this.data.serviceClassType&&(!this.data.ProductInternalName.includes("MBB")&&"MBB"!==this.data.serviceClassType||"OrderComplete"!==this.data.Status&&"ProductTerminated"!==this.data.Status&&"Order Complete"!==this.data.Status&&"Product Terminated"!==this.data.Status)?(this.dateval=new Date,t.UsageDataFrom=z(t.UsageDataFrom).tz("Australia/Sydney").format("YYYY-MM-DD"),t.UsageDataTo=z(t.UsageDataTo).tz("Australia/Sydney").format("YYYY-MM-DD"),this.FromDate=t.UsageDataFrom,this.ToDate=t.UsageDataTo,this.avcVal?(this.custDashboardComp=this._customers.getUsageDaily(this.avcVal,t.UsageDataFrom,t.UsageDataTo).subscribe(function(t){t.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY"),t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024/1024).toFixed(3),t.Total=(parseFloat(t.Upload)+parseFloat(t.Download)).toFixed(3),1}),e.dataDaily=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message}),this.gridDataDaily=Object(pt.f)(this.dataDaily,this.state),this.total=Object(pt.a)(this.dataDaily,this.aggregates)):(this.noAVC=!0,this.dataDefault=null,this.dataHourly=null)):this.activemodem?(this.msnId=this.activemodem.MSN?this.activemodem.MSN:null,this.dateval=new Date,t.UsageDataFrom=z(t.UsageDataFrom).tz("Australia/Sydney").format("YYYY-MM-DD"),t.UsageDataTo=z(t.UsageDataTo).tz("Australia/Sydney").format("YYYY-MM-DD"),this.FromDate=t.UsageDataFrom,this.ToDate=t.UsageDataTo,this.custDashboardComp=this._customers.getMSNHistory(this.msnId,t.UsageDataFrom,t.UsageDataTo).subscribe(function(t){t.forEach(function(t){t.Date=t.EndDate,t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024/1024).toFixed(3),t.Total=(parseFloat(t.Upload)+parseFloat(t.Download)).toFixed(3),1}),e.dataDaily=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message}),this.gridDataDaily=Object(pt.f)(this.dataDaily,this.state),this.total=Object(pt.a)(this.dataDaily,this.aggregates)):(this.msnId=null,this.noMsn=!0,this.custNetworkData=null,this.dataDefault=null,this.dataHourly=null)},t.prototype.getUsageDataDailyrange=function(t,e){var r=this,n=[];"Home Wireless Broadband"!==this.data.ProductInternalName&&"HWB"!==this.data.serviceClassType&&(!this.data.ProductInternalName.includes("MBB")&&"MBB"!==this.data.serviceClassType||"OrderComplete"!==this.data.Status&&"ProductTerminated"!==this.data.Status&&"Order Complete"!==this.data.Status&&"Product Terminated"!==this.data.Status)?(this.dateval=new Date,this.FromDate=z(this.FromDate).tz("Australia/Sydney").format("YYYY-MM-DD"),this.ToDate=z(this.ToDate).tz("Australia/Sydney").format("YYYY-MM-DD"),this.avcVal?(this.custDashboardComp=this._customers.getUsageDaily(this.avcVal,this.FromDate,this.ToDate).subscribe(function(e){e.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY"),t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024/1024).toFixed(3),t.Total=(parseFloat(t.Upload)+parseFloat(t.Download)).toFixed(3),1,n.push(t)}),r.dataDaily=n,n.length<1?r.openedUsage=!0:(t.data=n,t.saveAsExcel())},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.errorMsg=t.message}),this.gridDataDaily=Object(pt.f)(this.dataDaily,this.state),this.total=Object(pt.a)(this.dataDaily,this.aggregates)):(this.noAVC=!0,this.dataDefault=null,this.dataHourly=null)):this.activemodem?(this.msnId=this.activemodem.MSN?this.activemodem.MSN:null,this.dateval=new Date,this.FromDate=z(this.FromDate).tz("Australia/Sydney").format("YYYY-MM-DD"),this.ToDate=z(this.ToDate).tz("Australia/Sydney").format("YYYY-MM-DD"),this.custDashboardComp=this._customers.getMSNHistory(this.msnId,this.FromDate,this.ToDate).subscribe(function(e){e.forEach(function(t){t.Date=t.EndDate,t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024/1024).toFixed(3),t.Total=(parseFloat(t.Upload)+parseFloat(t.Download)).toFixed(3),1,n.push(t)}),r.dataDaily=n,n.length<1?r.openedUsage=!0:(t.data=n,t.saveAsExcel())},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.errorMsg=t.message}),this.gridDataDaily=Object(pt.f)(this.dataDaily,this.state),this.total=Object(pt.a)(this.dataDaily,this.aggregates)):(this.msnId=null,this.noMsn=!0,this.custNetworkData=null,this.dataDefault=null,this.dataHourly=null),$(".close").click()},t.prototype.creditTypeChange=function(t){"Credit"===t.category?(this.creditTopic=[{category:"Credit requests",value:P}],this.creditDesc=["Service Completion Issue (service is not working at service completion)","Early Completion (Service connected before requested date)","payment transfer","Cancellation"," Billing Error","Goodwill Gesture credit","Netcomm Modem Discount","Network Fault","Modem Fault","Sumo fault","Late payment fee refund","Dispute bill charges"],this.creditReason=["OWS/Optus wholesaler","Access Provider(NBN)","End-User/customer","Supplier Delay","No Capacity/Service unavailable","Cooling Off - change of mind","Carrier missed appointment","Customer missed appointment","Incorrect connection date","Incorrect/misleading Information","Discount adjustment","other","service cancellation","Replacement/upgrade","VoIP charges","Plan charges","Plan migration","Incorrect payment","Duplicate account"],this.Description="Sumo Customer Service",this.Reason="End-User",this.defaultcreditTopic={category:"Credit requests",value:P}):"Debit"===t.category&&(this.Description="Sumo Customer Service",this.Reason="Incorrect data",this.defaultcreditTopic={category:"Debit requests",value:48},this.creditTopic=[{category:"Debit requests",value:48}],this.creditDesc=["payment transfer","Dispute Settlement","bank refund"],this.creditReason=["Incorrect payment","unauthorised transaction","Migration dispute","other","Duplicate account "])},t.prototype.selectionDataChange=function(t){var e=this;this.dataItems=[];var r=t.value;this.orders.constructor===Array&&(this.orders.forEach(function(t){t.Products.forEach(function(t){t.ProductId==r&&(e.data=t),1===t.ProductType&&e.dataItems.push({category:t.ProductInternalName,value:t.ProductId})})}),this.coolingOff=this.data.CoolingOffRemaining,this.coolingOff>0?this.showCoolOffbtn=!0:(this.coolingOff<=0||void 0===this.coolingOff)&&(this.showCoolOffbtn=!1),sessionStorage.setItem("myId",this.data.ProductId),this.getmyStatus(this.data.ProductId))},t.prototype.getmyStatus=function(t){var e=this;this.dataItems=[],this.loading=!0,this.orders.constructor===Array&&(this.orders.forEach(function(r){r.Products.forEach(function(r){r.ProductId==t&&(e.data=r),1===r.ProductType&&e.dataItems.push({category:r.ProductInternalName,value:r.ProductId})})}),this.dateval=new Date,"Home Wireless Broadband"!==this.data.ProductInternalName&&"HWB"!==this.data.serviceClassType&&(!this.data.ProductInternalName.includes("MBB")&&"MBB"!==this.data.serviceClassType||"OrderComplete"!==this.data.Status&&"ProductTerminated"!==this.data.Status&&"Order Complete"!==this.data.Status&&"Product Terminated"!==this.data.Status)?this.data.ProductInternalName.includes("Home Wireless")&&(this.data.ProductInternalName.includes("MBB")||"OrderComplete"!==this.data.Status&&"ProductTerminated"!==this.data.Status&&"Order Complete"!==this.data.Status&&"Product Terminated"!==this.data.Status)?(this.loading=!1,this.DataActive=!1):(this.custDashboardComp=this._customers.getradiusData(sessionStorage.getItem("customerId")).subscribe(function(t){if(e.loading=!1,e.custNetworkData=null,t.length>0)if(null===t[0].StopTime){var r=new Date;t[0].UpdateTime=new Date(1e3*t[0].UpdateTime);var n=Math.abs(t[0].UpdateTime-r),o=Math.floor(n/1e3/60);e.DataActive=o<30}else e.DataActive=!1;else e.DataActive=!1;t.forEach(function(t){t.StartTime=new Date(1e3*t.StartTime),t.StartTime=z(t.StartTime).format("DD-MM-YYYY h:mm:ss a"),t.StopTime&&(t.StopTime=new Date(1e3*t.StopTime),t.StopTime=z(t.StopTime).format("DD-MM-YYYY h:mm:ss a")),t.SessionTime=e.DateMeasure(t.SessionTime),t.InputOctets=(t.InputOctets/1024/1024).toFixed(3),t.OutputOctets=(t.OutputOctets/1024/1024).toFixed(3)}),e.radiusData=t,"Administrators"===e.roles&&null!==e.radiusData&&(e.roleAuthorizationRadius=!0)},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1}),this.data.AVC?(this.custDashboardComp=this._customers.getDefaultUsageData(this.data.AVC).subscribe(function(t){t.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024/1024).toFixed(3),t.Date=z(t.Date).tz("Australia/Sydney").format("DD/MM")}),e.dateval=z(e.dateval).tz("Australia/Sydney").format("DD/MM"),e.dataDefault=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message}),this.custDashboardComp=this._customers.getUsageHourly(this.data.AVC).subscribe(function(t){t.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024).toFixed(3),t.dateTime=z(new Date(t.Date)).tz("Australia/Sydney").format("DD/MM/YY HH:mm")}),e.dataHourly=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message})):(this.noAVC=!0,this.dataDefault=null,this.dataHourly=null)):this.activemodem?(this.msnId=this.activemodem.MSN?this.activemodem.MSN:null,this.custDashboardComp=this._customers.getMsnUsage(this.msnId).subscribe(function(t){if(e.loading=!1,e.radiusData=null,t.length>0){var r=z().tz("Australia/Sydney").format("DD-MM-YYYY HH:mm:ss a"),n=z(r,"DD-MM-YYYY HH:mm:ss a").diff(z(t[0].EndDate,"DD-MM-YYYY HH:mm:ss a")),o=z.duration(n),a=Math.floor(o._milliseconds/1e3/60);t.forEach(function(t){var r=z(t.EndDate,"DD/MM/YYYY HH:mm:ss A").diff(z(t.StartDate,"DD/MM/YYYY HH:mm:ss A")),n=z.duration(r),o=Math.floor(n._milliseconds/1e3);t.SessionTime=e.DateMeasure(o),t.Upload=(t.Upload/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024).toFixed(3)}),e.DataActive=a<30}else e.DataActive=!1;e.custNetworkData=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1}),this.custDashboardComp=this._customers.getMsnUsageThiryDays(this.msnId).subscribe(function(t){t.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Date=t.MurEndDate,t.Download=(t.Download/1024/1024/1024).toFixed(3)}),e.dataDefault=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),this.custDashboardComp=this._customers.getMSNUsageHourly(this.msnId).subscribe(function(t){t.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024).toFixed(3),t.dateTime=z(new Date(t.EndDate)).tz("Australia/Sydney").format("DD/MM/YY HH:mm")}),e.dataHourly=t},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message})):(this.msnId=null,this.noMsn=!0,this.custNetworkData=null,this.dataDefault=null,this.dataHourly=null),!0===this.roleAuthorizationSpeedtest&&(this.custDashboardComp=this._customers.getSpeedTest(sessionStorage.getItem("customerId"),this.data.AVC).subscribe(function(t){e.speedtest=t,e.loading=!1,e.speedtest.constructor===Array&&e.speedtest.forEach(function(t){t.StartTime=z(t.StartTime).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),"Invalid date"==t.StartTime&&(t.StartTime=t.Error),t.averageSpeed=0,t.Intervals.forEach(function(e){e.BitsPerSecond=e.BitsPerSecond/1e6,t.averageSpeed+=e.BitsPerSecond}),t.averageSpeed=t.averageSpeed/10,t.DownloadLink=t.DownloadLink/1e6,t.UploadLink=t.UploadLink/1e6,t.SpeedStartTime=t.StartTime})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})),!0===this.data.IsActiveFnn?this.IsActiveFnn=!0:this.IsActiveFnn=!1,this.serviceClassType=this.data.ServiceClass,this.serviceClass=this.calculateServiceClass(this.serviceClassType,this.data.ProductInternalName),sessionStorage.setItem("serviceClass",this.serviceClass),"ADSL"===this.serviceClass&&!0===this.roleAuthorizationComplaint&&(this.sendADSLSMS=!0),this.dataExist=!0,"OrderUnableToComplete"===this.data.Status?this.data.Status="Order Unable To Complete":"OrderCancelled"===this.data.Status?this.data.Status="Order Cancelled":"ProductTerminated"===this.data.Status&&(this.data.Status="Product Terminated"),"OrderComplete"===this.data.Status&&(this.greyButton=!1),"OrderOnHoldMissingInfo"===this.data.Status&&(this.greyButton=!0),"OrderUnableToComplete"===this.data.Status&&(this.greyButton=!0),this.avcVal=this.data.AVC,sessionStorage.setItem("AVC",this.avcVal))},t.prototype.getStatus=function(){var t=this;if(this.orders.constructor===Array){var e=[],r=[],n=[],o=[],a=[];this.orders.forEach(function(i){i.LocId&&sessionStorage.setItem("LocId",i.LocId);var s=i.Products.find(function(t){return 1===t.ProductType&&"ProductTerminated"!==t.Status&&"OrderUnableToComplete"!==t.Status&&"OrderCancelled"!==t.Status});if(s&&e.push(s),t.data=e[0],t.data)t.dataExist=!0;else if(void 0===t.data){var l=i.Products.find(function(t){return 1===t.ProductType&&("ProductTerminated"===t.Status||"OrderUnableToComplete"===t.Status||"OrderCancelled"===t.Status)});l&&o.push(l),t.data=o[0],t.dataExist=!0}t.data&&(t.defaultItem={category:t.data.ProductInternalName,value:t.data.ProductId});var d=i.Products.find(function(t){return 2===t.ProductType&&"ProductTerminated"!==t.Status&&"OrderUnableToComplete"!==t.Status&&"OrderCancelled"!==t.Status});if(d&&n.push(d),t.voice=n[0],t.voice)t.voiceExist=!0;else if(void 0===t.voice){var c=i.Products.find(function(t){return 2===t.ProductType&&("ProductTerminated"===t.Status||"OrderUnableToComplete"===t.Status||"OrderCancelled"===t.Status)});c&&a.push(c),t.voice=a[0],t.voiceExist=!0}else t.voiceExist=!1;i.Products.forEach(function(e){e.MSN&&r.push(e),4===e.ProductType&&e.ProductInternalName.includes("Huawei")&&e.SIM?e.swapHWB=!0:e.swapHWB=!1,4===e.ProductType&&e.ProductInternalName.includes("Netcomm")&&(t.speedModem=!0),4===e.ProductType&&e.ProductInternalName.includes("Discount")&&z().isBefore(e.EndDate)&&(e.inactive="false"),4===e.ProductType&&e.ProductInternalName.includes("Discount")&&z().isAfter(e.EndDate)&&(e.inactive="true"),!e.ProductInternalName.includes("Discount")||"OrderCancelled"!==e.Status&&"ProductTerminated"!==e.Status||(e.inactive="true"),1===e.ProductType&&(t.dataItems.push({category:e.ProductInternalName,value:e.ProductId}),e.ProductInternalName.includes("Home Wireless Broadband")&&(e.HWBData=!0))})}),this.serviceClassType=this.data.ServiceClass,this.serviceClass=this.calculateServiceClass(this.serviceClassType,this.data.ProductInternalName),sessionStorage.setItem("serviceClass",this.serviceClass),this.avcVal=this.data.AVC,this.coolingOff=this.data.CoolingOffRemaining,this.coolingOff>0?this.showCoolOffbtn=!0:(this.coolingOff<=0||void 0===this.coolingOff)&&(this.showCoolOffbtn=!1),sessionStorage.setItem("AVC",this.avcVal),"ADSL"===this.serviceClass&&!0===this.roleAuthorizationComplaint&&(this.sendADSLSMS=!0),!0===this.data.IsActiveFnn?this.IsActiveFnn=!0:this.IsActiveFnn=!1,"OrderComplete"===this.data.Status&&(this.greyButton=!1),"OrderUnableToComplete"===this.data.Status?this.data.Status="Order Unable To Complete":"OrderCancelled"===this.data.Status?this.data.Status="Order Cancelled":"ProductTerminated"===this.data.Status&&(this.data.Status="Product Terminated"),this.voice&&("OrderUnableToComplete"===this.voice.Status?this.voice.Status="Order Unable To Complete":"OrderCancelled"===this.voice.Status?this.voice.Status="Order Cancelled":"ProductTerminated"===this.voice.Status&&(this.voice.Status="Product Terminated"),"OrderComplete"===this.voice.Status.toString()&&(this.VoiceActive=!0,this.greyButtonVoice=!1)),"OrderOnHoldMissingInfo"===this.data.Status&&(this.greyButton=!0),"OrderUnableToComplete"===this.data.Status&&(this.greyButton=!0),this.activemodem=r[0],"Home Wireless Broadband"!==this.data.ProductInternalName&&"HWB"!==this.serviceClass&&(!this.data.ProductInternalName.includes("MBB")&&"MBB"!==this.serviceClass||"OrderComplete"!==this.data.Status&&"ProductTerminated"!==this.data.Status&&"Order Complete"!==this.data.Status&&"Product Terminated"!==this.data.Status)?"HWB"===this.serviceClass||"MBB"===this.serviceClass||"OrderComplete"!==this.data.Status&&"ProductTerminated"!==this.data.Status&&"Order Complete"!==this.data.Status&&"Product Terminated"!==this.data.Status?(this.loading=!1,this.DataActive=!1):(this.custDashboardComp=this._customers.getradiusData(sessionStorage.getItem("customerId")).subscribe(function(e){if(t.custNetworkData=null,e.length>0)if(null===e[0].StopTime){var r=new Date;e[0].UpdateTime=new Date(1e3*e[0].UpdateTime);var n=Math.abs(e[0].UpdateTime-r),o=Math.floor(n/1e3/60);t.DataActive=o<30}else t.DataActive=!1;else t.DataActive=!1;e.forEach(function(e){e.StartTime=new Date(1e3*e.StartTime),e.StartTime=z(e.StartTime).format("DD-MM-YYYY h:mm:ss a"),e.StopTime&&(e.StopTime=new Date(1e3*e.StopTime),e.StopTime=z(e.StopTime).format("DD-MM-YYYY h:mm:ss a")),e.SessionTime=t.DateMeasure(e.SessionTime),e.InputOctets=(e.InputOctets/1024/1024).toFixed(3),e.OutputOctets=(e.OutputOctets/1024/1024).toFixed(3)}),t.radiusData=e,"Administrators"===t.roles&&null!==t.radiusData&&(t.roleAuthorizationRadius=!0)},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.data.AVC?(this.custDashboardComp=this._customers.getDefaultUsageData(this.data.AVC).subscribe(function(e){e.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024/1024).toFixed(3),t.Date=z(t.Date).tz("Australia/Sydney").format("DD/MM")}),t.dateval=z(t.dateval).tz("Australia/Sydney").format("DD/MM"),t.dataDefault=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.errorMsg=e.message}),this.custDashboardComp=this._customers.getUsageHourly(this.data.AVC).subscribe(function(e){e.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024).toFixed(3),t.dateTime=z(new Date(t.Date)).tz("Australia/Sydney").format("DD/MM/YY HH:mm")}),t.dataHourly=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.errorMsg=e.message})):(this.noAVC=!0,this.dataDefault=null,this.dataHourly=null)):this.activemodem?(this.msnId=this.activemodem.MSN?this.activemodem.MSN:null,this.custDashboardComp=this._customers.getMsnUsage(this.msnId).subscribe(function(e){if(t.radiusData=null,e.length>0){var r=z().tz("Australia/Sydney").format("DD-MM-YYYY HH:mm:ss a"),n=z(r,"DD-MM-YYYY HH:mm:ss a").diff(z(e[0].EndDate,"DD-MM-YYYY HH:mm:ss a")),o=z.duration(n),a=Math.floor(o._milliseconds/1e3/60);e.forEach(function(e){e.Upload=(e.Upload/1024/1024).toFixed(3),e.Download=(e.Download/1024/1024).toFixed(3);var r=z(e.EndDate,"DD/MM/YYYY HH:mm:ss A").diff(z(e.StartDate,"DD/MM/YYYY HH:mm:ss A")),n=z.duration(r),o=Math.floor(n._milliseconds/1e3);e.SessionTime=t.DateMeasure(o)}),t.DataActive=a<30}else t.DataActive=!1;t.custNetworkData=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.custDashboardComp=this._customers.getMsnUsageThiryDays(this.msnId).subscribe(function(e){e.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Date=t.MurEndDate,t.Download=(t.Download/1024/1024/1024).toFixed(3)}),t.dataDefault=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.custDashboardComp=this._customers.getMSNUsageHourly(this.msnId).subscribe(function(e){e.forEach(function(t){t.Upload=(t.Upload/1024/1024/1024).toFixed(3),t.Download=(t.Download/1024/1024).toFixed(3),t.dateTime=z(new Date(t.EndDate)).tz("Australia/Sydney").format("DD/MM/YY HH:mm")}),t.dataHourly=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.errorMsg=e.message})):(this.msnId=null,this.noMsn=!0,this.custNetworkData=null,this.dataDefault=null,this.dataHourly=null)}},t.prototype.calculateServiceClass=function(t,e){return 1===t||2===t||3===t?"FTTP":10===t||11===t||12===t||13===t?"FTTN":4===t||5===t||6===t?"FW":7===t||8===t||9===t?"Satellite":20===t||21===t||22===t||23===t||24===t?"HFC":30===t||31===t||32===t||33===t||34===t?"FTTC":e.includes("ADSL")?"ADSL":e.includes("Home Wireless Broadband")?"HWB":e.includes("MBB")?"MBB":void 0},t.prototype.exportSessionData=function(t,e){var r=this,n=z(e.UsageDataFrom).format("YYYY/MM/DD"),o=z(e.UsageDataTo).format("YYYY/MM/DD");this._customers.fetchAllSessionData(this.avcVal,n,o).subscribe(function(e){e.forEach(function(t){t.LogDate=z(t.LogDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.reportlastweek.push(t)}),r.sessionData=r.reportlastweek,t.data=r.sessionData,t.saveAsExcel(),$("#radiusUsage .close").click()},function(t){})},t.prototype.showForm=function(){this.showme=!0},t.prototype.createTicket=function(t){var e=this;if(t.topicId==P){t.subject=t.subject;var r="";"1"==t.subject?r="Connection Delays":"2"==t.subject?r="Performance Issues":"3"==t.subject?r="Customer Changes Mind":"4"==t.subject?r="Billing Error":"5"==t.subject&&(r="Sales Dispute");var n="Credit Request",o="",a="",i="",s="",l="";void 0!=t.ApprovedBy&&(a=t.ApprovedBy),void 0!=t.Reason&&(o=t.Reason),void 0!=t.Comment&&(i=t.Comment),void 0!=t.Channel&&(s=t.Channel),void 0!=t.cause&&(l=t.cause);var d=t.TotalAmount;t.deptId=t.deptId,t.topicId=t.topicId,t.email=this.email,localStorage.getItem("agent_name")?t.name=localStorage.getItem("agent_name"):t.name=this.email,t.staffemail=this.staffemail,t.CustomerId=sessionStorage.getItem("customerId"),t.message="data:text/html,<html><body><table style='border-collapse: collapse; margin-top: 20px;'><thead><th colspan='2' style='border: 1px solid #000; background: #1DA1F2; color: #fff; text-align: center; padding: 5px'>Credit Request</th></thead><tbody><tr><td style='border: 1px solid; padding: 5px'>Date Of Request</td><td style='border: 1px solid; padding: 5px'>"+z(new Date).tz("Australia/Sydney").format("DD-MM-YYYY")+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Customer Id</td><td style='border: 1px solid; padding: 5px'>"+this.returned_data.Id+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Customer Name</td><td style='border: 1px solid; padding: 5px'>"+this.returned_data.FirstName+" "+this.returned_data.LastName+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Request Type</td><td style='border: 1px solid; padding: 5px'><strong>"+n+"</strong></td></tr><tr><td style='border: 1px solid; padding: 5px'>Description</td><td style='border: 1px solid; padding: 5px; white-space: normal; word-break: break-word'>"+r+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Reason</td><td style='border: 1px solid; padding: 5px; white-space: normal; word-break: break-word'>"+o+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Notes/Comments</td><td style='border: 1px solid; padding: 5px'><table style='margin-bottom: 20px;'><thead><th style='white-space: normal'><strong>Description of events</strong></th></thead><tbody><tr><td style='border: none;white-space: normal; word-break: break-word'>"+i+"</td></tr></tbody></table><table style='margin-bottom: 20px;'><thead><th style='white-space: normal !important'><strong>Which Channel did customer signup (if availiable)</th></strong></thead><tbody><tr><td style='border: none;white-space: normal; word-break: break-word'>"+s+"</td></tr></tbody></table><table><thead><th style='white-space: normal !important'><strong>Reason for amount nominated (Cause)<strong></th></thead><tbody><tr><td style='border: none;white-space: normal;word-break: break-word'>"+l+"</td></tr></tbody></table></td><tr><td style='border: 1px solid; padding: 5px'>Amount</td><td style='border: 1px solid; padding: 5px'>$"+d+".00</td></tr><tr><td style='border: 1px solid; padding: 5px'>Authorised Request to</td><td style='border: 1px solid; padding: 5px'>"+a+"</td></tr></tbody></table></body></html>",["cause","Channel","TotalAmount","Reason","Description","IsCredit","ApprovedBy","Comment"].forEach(function(e){delete t[e]})}else if(94==t.topicId){n="Refund Request",r="";"1"===t.subject?r="Connection Delays":"2"===t.subject?r="Performance Issues":"3"===t.subject?r="Customer Changes Mind":"4"===t.subject?r="Billing Error":"5"===t.subject&&(r="Sales Dispute");o="",a="",i="",s="",l="";void 0!=t.ApprovedBy&&(a=t.ApprovedBy),void 0!=t.Reason&&(o=t.Reason),void 0!=t.Comment&&(i=t.Comment),void 0!=t.Channel&&(s=t.Channel),void 0!=t.cause&&(l=t.cause);d=t.TotalAmount;t.deptId=t.deptId,t.topicId=t.topicId,t.email=this.email,t.subject=t.subject,localStorage.getItem("agent_name")?t.name=localStorage.getItem("agent_name"):t.name=this.email,t.staffemail=this.staffemail,t.CustomerId=sessionStorage.getItem("customerId"),t.message="data:text/html,<html><body><table style='border-collapse: collapse; margin-top: 20px;'><thead><th colspan='2' style='border: 1px solid #000; background: #1DA1F2; color: #fff; text-align: center; padding: 5px'>Refund Request</th></thead><tbody><tr><td style='border: 1px solid; padding: 5px'>Date Of Request</td><td style='border: 1px solid; padding: 5px'>"+z(new Date).tz("Australia/Sydney").format("DD-MM-YYYY")+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Customer Id</td><td style='border: 1px solid; padding: 5px'>"+this.returned_data.Id+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Customer Name</td><td style='border: 1px solid; padding: 5px'>"+this.returned_data.FirstName+" "+this.returned_data.LastName+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Request Type</td><td style='border: 1px solid; padding: 5px'><strong>"+n+"</strong></td></tr><tr><td style='border: 1px solid; padding: 5px'>Description</td><td style='border: 1px solid; padding: 5px; white-space: normal; word-break: break-word'>"+r+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Reason</td><td style='border: 1px solid; padding: 5px; white-space: normal; word-break: break-word'>"+o+"</td></tr><tr><td style='border: 1px solid; padding: 5px'>Notes/Comments</td><td style='border: 1px solid; padding: 5px'><table style='margin-bottom: 20px;'><thead><th style='white-space: normal'><strong>Description of events</strong></th></thead><tbody><tr><td style='border: none;white-space: normal; word-break: break-word'>"+i+"</td></tr></tbody></table><table style='margin-bottom: 20px;'><thead><th style='white-space: normal !important'><strong>Which Channel did customer signup (if availiable)</th></strong></thead><tbody><tr><td style='border: none;white-space: normal; word-break: break-word'>"+s+"</td></tr></tbody></table><table><thead><th style='white-space: normal !important'><strong>Reason for amount nominated (Cause)<strong></th></thead><tbody><tr><td style='border: none;white-space: normal;word-break: break-word'>"+l+"</td></tr></tbody></table></td><tr><td style='border: 1px solid; padding: 5px'>Amount</td><td style='border: 1px solid; padding: 5px'>$"+d+".00</td></tr><tr><td style='border: 1px solid; padding: 5px'>Authorised Request to</td><td style='border: 1px solid; padding: 5px'>"+a+"</td></tr></tbody></table></body></html>",["cause","Channel","TotalAmount","Reason","Description","IsCredit","ApprovedBy","Comment"].forEach(function(e){delete t[e]})}else{t.deptId=this.deptId,t.topicId=this.topicId,t.email=this.email,localStorage.getItem("agent_name")?t.name=localStorage.getItem("agent_name"):t.name=this.email,t.staffemail=this.staffemail,t.CustomerId=sessionStorage.getItem("customerId"),t.message="data:text/html,<html><body><div>Customer Id: "+this.returned_data.Id+"<br />Customer Name: "+this.returned_data.FirstName+" "+this.returned_data.LastName+"<br />Customer Phone: "+this.returned_data.Phone+"<br />Customer Email: "+this.returned_data.Email+"<br />Issue: "+t.message+"</div></body></html>",["cause","Channel","TotalAmount","Reason","Description","IsCredit","ApprovedBy","Comment"].forEach(function(e){delete t[e]})}this.loadingTicket=!0,this.custDashboardComp=this._customers.putCustomerData(t).subscribe(function(t){e.autotext.CallType="General Notes",e.autotext.Notes="Ticket added successfully: "+t,e.autotext.CustomerId=sessionStorage.getItem("customerId"),e.custDashboardComp=e._customers.addNote(e.autotext).subscribe(function(t){e.returnedId=t,e.fetchTickets(),e.custDashboardComp=e._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.notes=t,e.notes.constructor===Array&&e.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),e.showSpinnerImage=!1},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message})},function(t){e.hideForm(),0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.opened=!0,e.showSpinnerImage=!1,e.loadingTicket=!1,e.ticketErrorMsg="Ticket cannot be created !"}),this.showme=!1,this.refund=!1,this.showTechSupport2=!1,this.credit=!1,this.faultdep=!1,this.myticketform=!1},t.prototype.gen=function(){this._customers.generateBill(sessionStorage.getItem("customerId")).subscribe(function(t){})},t.prototype.DateMeasure=function(t){var e,r;return r=Math.floor(t/60),t%=60,e=Math.floor(r/60),r%=60,Math.floor(e/24)+"D "+(e%=24)+"H "+r+"M "+t+"S"},t.prototype.getGetOrdinal=function(t){var e=["th","st","nd","rd"],r=t%100;return t+(e[(r-20)%10]||e[r]||e[0])},t.prototype.onSelect=function(t){this.selectedOrder=null;for(var e=0;e<this.orders.length;e++)this.orders[e].OrderId==t&&(this.selectedOrder=this.orders[e])},t.prototype.plotGraph=function(){var t=this;this.invoices.constructor===Array&&this.invoices.forEach(function(e){t.date=new Date(e.StartDate),e.month=z(e.StartDate).month(),e.month=parseInt(e.month);var r=t.date.toLocaleString("en-us",{month:"short"});t.graphdata.push({month:r,amount:e.Total})})},t.prototype.editTask=function(){},t.prototype.onSubmit=function(t){var e=this;"No"===t.AuthRecurringPayments?t.AuthRecurringPayments=!1:t.AuthRecurringPayments=!0,t.DateOfBirth&&(t.DateOfBirth=z.tz(t.DateOfBirth,"Australia/Sydney").format()),t.SecondAcctHolderDOB&&(t.SecondAcctHolderDOB=z.tz(t.SecondAcctHolderDOB,"Australia/Sydney").format()),this.loading=!0,this.custDashboardComp=this._customers.updateCustomer(this.route.snapshot.paramMap.get("id"),t).subscribe(function(t){e.loading=!1,e.errorTIOMsg="",e.errorFormMsg="",$("#edit_client_details .close").click(),e.custDashboardComp=e._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){e.returned_data=t,e.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",e.returned_data.Id),sessionStorage.setItem("CustomerEmail",e.returned_data.Email),e.returned_data.DateOfBirth&&(e.focusedDate=new Date(e.returned_data.DateOfBirth),e.returned_data.DateOfBirth=new Date(z(e.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===e.returned_data.AuthRecurringPayments?e.Autopay="Yes":e.Autopay="No",e.returned_data.SecondAcctHolderDOB&&(e.focusedDOB=new Date(e.returned_data.SecondAcctHolderDOB),e.returned_data.SecondAcctHolderDOB=new Date(z(e.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.returned_data.FirstName&&(e.returned_data.FirstName=e.nameConverter(e.returned_data.FirstName)),e.returned_data.LastName&&(e.returned_data.LastName=e.nameConverter(e.returned_data.LastName)),e.returned_data.OpenDate&&(e.returned_data.OpenDate=z(e.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===e.returned_data.BillDayOfMonth||0===e.returned_data.BillDayOfMonth?e.returned_data.BillDayOfMonth="":e.returned_data.BillDayOfMonth=e.getGetOrdinal(e.returned_data.BillDayOfMonth))},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorFormMsg=t.message)})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorFormMsg=t.message),e.loading=!1,e.errorFormMsg=t.error.error})},t.prototype.autopayChange=function(t){var e=this;this.autotext.Notes="Monthly Autopay set to "+t,this.autotext.CallType="AutoPay",this.autotext.CustomerId=sessionStorage.getItem("customerId"),this.custDashboardComp=this._customers.addNote(this.autotext).subscribe(function(t){e.returnedId=t,e.custDashboardComp=e._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.notes=t,e.notes.constructor===Array&&e.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.errorMsg=t.message})},t.prototype.onOrderSubmit=function(t,e){var r=this;e.PreferredPaymentDate=z.tz(e.PreferredPaymentDate,"Australia/Sydney").format(),e.MoveInDate=z.tz(e.MoveInDate,"Australia/Sydney").format(),this.custDashboardComp=this._customers.updateOrder(t,e).subscribe(function(n){null===e.ServiceClass&&(r.custDashboardComp=r._customers.updateService(t,e).subscribe(function(t){},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})),r._customers.getOrders(sessionStorage.getItem("customerId")).subscribe(function(t){r.orders=t,$(".modal .close").click(),r.orders.constructor===Array?(r.onSelect(r.orders[0].OrderId),r.orders.forEach(function(t){t.nonNbn=!1,t.Products.forEach(function(e){e.showCoolDays=1===e.ProductType,t.canBlock=1===e.ProductType,e.BlockType=!0===e.BlockFlag?"Yes":"No",1===e.ProductType&&null===e.ServiceClass&&(t.nonNbn=!0),1===e.ProductType&&e.CoolingOffRemaining>0?e.showCool=!0:e.showCool=!1,2===e.ProductType?e.showVoice=!0:e.showVoice=!1,4===e.ProductType?e.showPurchase=!0:e.showPurchase=!1,4===e.ProductType&&(e.ProductInternalName.includes("Netcomm")||e.ProductInternalName.includes("Huawei"))?e.showModemPurchase=!0:e.showModemPurchase=!1}),t.Products.find(function(t){return null!==t.ConsignmentNumber})&&(r.ModemDetails.push(t.Products.find(function(t){return null!==t.ConsignmentNumber})),r.ModemDetails&&(r.selectedOrderId=t.OrderId),!0===r.roleCustDetail&&r.ModemDetails.length>0&&(r.trackBtn=!0)),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.MoveInDate&&(t.MoveInDate=new Date(z(t.MoveInDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.PreferredPaymentDate&&(t.PreferredPaymentDate=new Date(z(t.PreferredPaymentDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.Products.forEach(function(t){if(t.StatusDate&&(t.StatusDate=new Date(z(t.StatusDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.ProductActivatedDate&&(t.ProductActivatedDate=new Date(z(t.ProductActivatedDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.NbnTerminationDate&&(t.NbnTerminationDate=new Date(z(t.NbnTerminationDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.AppointmentStart){t.AppointmentStartTime=z(t.AppointmentStart).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm a"),t.startvalue=new Date(z(t.AppointmentStart).tz("Australia/Sydney").format("MM-DD-YYYY"));var e=r.clock.findIndex(function(e){return e===z(t.AppointmentStart).tz("Australia/Sydney").format("hh:mm a").toString()});r.startTime=[r.clock[e]],t.startTime=[r.clock[e]]}if(t.AppointmentEnd){t.AppointmentEndTime=z(t.AppointmentEnd).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm a"),t.endvalue=new Date(z(t.AppointmentEnd).tz("Australia/Sydney").format("MM-DD-YYYY"));var n=r.clock.findIndex(function(e){return e===z(t.AppointmentEnd).tz("Australia/Sydney").format("hh:mm a").toString()});r.endTime=[r.clock[n]],t.endTime=[r.clock[n]]}})})):r.orders="Error",r.getStatus()})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.errorMsg=t.message})},t.prototype.onswapHWBSubmit=function(t,e){var r=this,n={OrderLineId:t,NewSimNo:e.NewSim};this._customers.swapHWB(n).subscribe(function(t){r.getNotes(),$(".modal .close").click()},function(t){$(".modal .close").click()})},t.prototype.onOrdernbnDataSubmit=function(t,e,r,n){var o=this;if(this.productType=2===n?"Voice plan ":4===n?"Purchase plan ":"Data plan ","Order Unable To Complete"===e.Status?e.Status="OrderUnableToComplete":"Order Cancelled"===e.Status?e.Status="OrderCancelled":"Product Terminated"===e.Status?e.Status="ProductTerminated":""===e.AVC&&(e.AVC=null),e.AppointmentStartTime&&e.AppointmentStartDate){this.AppointmentStartTime=z(e.AppointmentStartTime,"hh:mm a").format("HH:mm:ss"),this.AppointmentStartDate=z(e.AppointmentStartDate).format("YYYY-MM-DD");var a=z.tz(this.AppointmentStartDate+" "+this.AppointmentStartTime,"Australia/Sydney").format();"Invalid date"===a&&(a=null)}if(e.AppointmentEndTime&&e.AppointmentEndDate){this.AppointmentEndTime=z(e.AppointmentEndTime,"hh:mm a").format("HH:mm:ss"),this.AppointmentEndDate=z(e.AppointmentEndDate).format("YYYY-MM-DD");var i=z.tz(this.AppointmentEndDate+" "+this.AppointmentEndTime,"Australia/Sydney").format();"Invalid date"===i&&(i=null)}e.StatusDate&&(e.StatusDate=z.tz(e.StatusDate,"Australia/Sydney").format()),e.NbnTerminationDate&&(e.NbnTerminationDate=z.tz(e.NbnTerminationDate,"Australia/Sydney").format()),e.ProductActivatedDate&&(e.ProductActivatedDate=z.tz(e.ProductActivatedDate,"Australia/Sydney").format()),r.includes("Home Wireless Broadband")&&(e.NbnCTag=null,e.NbnSTag=null,e.SupplierServiceId=null),this.updateOrder={FNN:e.FNN,SipTempNumber:e.TempNumber,IsActiveFnn:e.IsActiveFnn,ProvisioningStatus:{Status:e.Status,AVC:e.AVC,ConsignmentNumber:e.ConsignmentNumber,IMEI:e.IMEI,MSN:e.MSN,MacAddress:e.MacAddress,SerialNumber:e.SerialNumber,SIM:e.SIM,StatusReason:e.StatusReason,StatusDate:e.StatusDate,Term:e.Term,AppointmentEnd:i,AppointmentStart:a,NtuPortNumber:e.NtuPortNumber,AttendanceRequired:e.AttendanceRequired,CancelReason:e.CancelReason,CancelDescription:e.CancelDescription,NbnTerminationDate:e.NbnTerminationDate,ProductActivatedDate:e.ProductActivatedDate,NbnCTag:e.NbnCTag,NbnSTag:e.NbnSTag,SupplierServiceId:e.SupplierServiceId}},this.loading=!0,this.custDashboardComp=this.editorder.editOrderService(t,this.updateOrder).subscribe(function(t){$(".modal .close").click(),o.errorMsgOrder="",o.loading=!1,o.custDashboardComp=o._customers.getOrders(sessionStorage.getItem("customerId")).subscribe(function(t){o.orders=t,o.orders.constructor===Array?(o.onSelect(o.orders[0].OrderId),o.orders.forEach(function(t){t.nonNbn=!1,t.Products.forEach(function(e){e.showCoolDays=1===e.ProductType,t.canBlock=1===e.ProductType,e.BlockType=!0===e.BlockFlag?"Yes":"No",1===e.ProductType&&null===e.ServiceClass&&(t.nonNbn=!0),1===e.ProductType&&e.CoolingOffRemaining>0?e.showCool=!0:e.showCool=!1,2===e.ProductType?e.showVoice=!0:e.showVoice=!1,4===e.ProductType?e.showPurchase=!0:e.showPurchase=!1,4===e.ProductType&&(e.ProductInternalName.includes("Netcomm")||e.ProductInternalName.includes("Huawei"))?e.showModemPurchase=!0:e.showModemPurchase=!1}),t.Products.find(function(t){return null!==t.ConsignmentNumber})&&(o.ModemDetails.push(t.Products.find(function(t){return null!==t.ConsignmentNumber})),null!==o.ModemDetails&&(o.selectedOrderId=t.OrderId),!0===o.roleCustDetail&&o.ModemDetails.length>0&&(o.trackBtn=!0)),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.MoveInDate&&(t.MoveInDate=new Date(z(t.MoveInDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.PreferredPaymentDate&&(t.PreferredPaymentDate=new Date(z(t.PreferredPaymentDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.Products.forEach(function(t){if(t.StatusDate&&(t.StatusDate=new Date(z(t.StatusDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.ProductActivatedDate&&(t.ProductActivatedDate=new Date(z(t.ProductActivatedDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.NbnTerminationDate&&(t.NbnTerminationDate=new Date(z(t.NbnTerminationDate).tz("Australia/Sydney").format("MM-DD-YYYY"))),t.AppointmentStart){t.AppointmentStartTime=z(t.AppointmentStart).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm a"),t.startvalue=new Date(z(t.AppointmentStart).tz("Australia/Sydney").format("MM-DD-YYYY"));var e=o.clock.findIndex(function(e){return e===z(t.AppointmentStart).tz("Australia/Sydney").format("hh:mm a").toString()});o.startTime=[o.clock[e]],t.startTime=[o.clock[e]]}if(t.AppointmentEnd){t.AppointmentEndTime=z(t.AppointmentEnd).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm a"),t.endvalue=new Date(z(t.AppointmentEnd).tz("Australia/Sydney").format("MM-DD-YYYY"));var r=o.clock.findIndex(function(e){return e===z(t.AppointmentEnd).tz("Australia/Sydney").format("hh:mm a").toString()});o.endTime=[o.clock[r]],t.endTime=[o.clock[r]]}})})):o.orders="Error",o.getStatus(),o.custDashboardComp=o._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){o.returned_data=t,o.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",o.returned_data.Id),sessionStorage.setItem("CustomerEmail",o.returned_data.Email),o.returned_data.DateOfBirth&&(o.focusedDate=new Date(o.returned_data.DateOfBirth),o.returned_data.DateOfBirth=new Date(z(o.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===o.returned_data.AuthRecurringPayments?o.Autopay="Yes":o.Autopay="No",o.returned_data.SecondAcctHolderDOB&&(o.focusedDOB=new Date(o.returned_data.SecondAcctHolderDOB),o.returned_data.SecondAcctHolderDOB=new Date(z(o.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),o.returned_data.FirstName&&(o.returned_data.FirstName=o.nameConverter(o.returned_data.FirstName)),o.returned_data.LastName&&(o.returned_data.LastName=o.nameConverter(o.returned_data.LastName)),o.returned_data.OpenDate&&(o.returned_data.OpenDate=z(o.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===o.returned_data.BillDayOfMonth||0===o.returned_data.BillDayOfMonth?o.returned_data.BillDayOfMonth="":o.returned_data.BillDayOfMonth=o.getGetOrdinal(o.returned_data.BillDayOfMonth))},function(t){0==t.status?o.noInternet=!0:(o.apiError=!0,o.errorMsg=t.message)})}),!0===o.statusChanged&&(o.autotext.CallType="General Notes",null!=e.StatusReason?o.autotext.Notes=o.productType+": "+r+" status changed to "+e.Status+" due to "+e.StatusReason:o.autotext.Notes=o.productType+": "+r+" status changed to "+e.Status,o.autotext.CustomerId=sessionStorage.getItem("customerId"),o.custDashboardComp=o._customers.addNote(o.autotext).subscribe(function(t){o.returnedId=t,o.statusChanged=!1,o.custDashboardComp=o._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){o.notes=t,o.notes.constructor===Array&&o.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?o.noInternet=!0:(o.apiError=!0,o.errorMsg=t.message)})},function(t){0==t.status?o.noInternet=!0:(o.apiError=!0,o.errorMsg=t.message),o.errorMsg=t.message}))},function(t){0==t.status?o.noInternet=!0:(o.apiError=!0,o.errorMsg=t.message),o.errorMsgOrder="** "+t.error.error+" **",o.loading=!1})},t.prototype.dismissModal=function(t){this.setDescvoice="",this.setmodemDesc="",this.setDesc="",this.setDescpurchase="",this.warning=!1,this.Cancelwarning=!1},t.prototype.onChange=function(t,e){this.statusChanged=!0,"OrderComplete"===t&&"OrderCancelled"===e?this.warning=!0:"OrderComplete"!==t&&"ProductTerminated"===e?this.Cancelwarning=!0:"OrderCancelled"===e||"Order Cancelled"===e?this.setDesc="OrderCancelled":(this.setDesc="",this.warning=!1,this.Cancelwarning=!1)},t.prototype.onTicketStatusChange=function(t){var e=this;this.loadingTicket=!0,this.state={skip:0,take:30,filter:{logic:"and",filters:[{field:"Status",value:t,operator:"eq"}]}},this.custDashboardComp=this._ticket.fetchOwnCustTicket(this.ticketstate,this.CustomerId).subscribe(function(t){e.loadingTicket=!1,e.query=t,e.TicketData=e.query.data,e.TicketData&&(e.TicketData.forEach(function(t){null!==t.DisputeFlag||null!==t.TioFlag?(t.isComplaintTicket=!0,t.Complainttype="Yes"):(t.isComplaintTicket=!1,t.Complainttype="No"),t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName)}),t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t}))},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loadingTicket=!1})},t.prototype.hideForm=function(){this.showme=!1,this.refund=!1,this.showTechSupport2=!1,this.credit=!1,this.faultdep=!1,this.myticketform=!1},t.prototype.handleChange1=function(t){this.topicId=null,this.refund=!1,this.showTechSupport2=!1,this.credit=!1,this.faultdep=!1,this.myticketform=!1},t.prototype.optionChange=function(t){this.subject=""},t.prototype.topicChange=function(t){58==t||19==t||55==t||79==t||31==t||80==t||81==t||29==t||38==t||82==t||30==t||78==t||76==t||75==t||77==t||26==t||t==P||94==t||95==t||96==t||23==t||99==t||100==t||102==t||43==t||59==t||103==t||105==t||106==t||107==t?(this.faultdep=!1,this.refund=!1,this.credit=!1,this.showTechSupport2=!0,this.myticketform=!1,58==t?this.TechSupportL3Sub=G:19==t?this.TechSupportL3Sub=G:55==t?this.TechSupportL3Sub=nt:79==t?this.TechSupportL3Sub=V:31==t?this.TechSupportL3Sub=Q:80==t?this.TechSupportL3Sub=K:81==t?this.TechSupportL3Sub=Z:29==t?this.TechSupportL3Sub=J:38==t?this.TechSupportL3Sub=X:82==t?this.TechSupportL3Sub=tt:30==t?this.TechSupportL3Sub=et:43==t?this.TechSupportL3Sub=rt:59==t?this.TechSupportL3Sub=U:78==t?this.TechSupportL3Sub=U:76==t?this.TechSupportL3Sub=lt:75==t?this.TechSupportL3Sub=it:77==t?this.TechSupportL3Sub=at:26==t?this.TechSupportL3Sub=j:105==t?this.TechSupportL3Sub=dt:106==t?this.TechSupportL3Sub=ct:107==t?this.TechSupportL3Sub=ut:t==P?(this.credit=!0,this.myticketform=!1,this.refund=!1,this.showTechSupport2=!1,this.faultdep=!1,this.TechSupportL3Sub=U):94==t?(this.refund=!0,this.credit=!1,this.showTechSupport2=!1,this.myticketform=!1,this.faultdep=!1,this.TechSupportL3Sub=U):95==t?this.TechSupportL3Sub=U:96==t?this.TechSupportL3Sub=H:23==t?this.TechSupportL3Sub=q:99==t?this.TechSupportL3Sub=W:100==t?this.TechSupportL3Sub=ot:102==t?this.TechSupportL3Sub=B:103==t&&(this.TechSupportL3Sub=st)):(this.refund=!1,this.showTechSupport2=!1,this.credit=!1,this.faultdep=!1,this.myticketform=!0)},t.prototype.onSubmitPostal=function(t,e){var r=this;this.custDashboardComp=this._customers.updateCustomerPostal(t,e).subscribe(function(t){r.returned_data.PostalAddress=t,$("#edit_postal_details .close").click(),r.custDashboardComp=r._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){r.returned_data=t,r.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",r.returned_data.Id),sessionStorage.setItem("CustomerEmail",r.returned_data.Email),r.returned_data.DateOfBirth&&(r.focusedDate=new Date(r.returned_data.DateOfBirth),r.returned_data.DateOfBirth=new Date(z(r.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===r.returned_data.AuthRecurringPayments?r.Autopay="Yes":r.Autopay="No",r.returned_data.SecondAcctHolderDOB&&(r.focusedDOB=new Date(r.returned_data.SecondAcctHolderDOB),r.returned_data.SecondAcctHolderDOB=new Date(z(r.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),r.returned_data.FirstName&&(r.returned_data.FirstName=r.nameConverter(r.returned_data.FirstName)),r.returned_data.LastName&&(r.returned_data.LastName=r.nameConverter(r.returned_data.LastName)),r.returned_data.OpenDate&&(r.returned_data.OpenDate=z(r.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===r.returned_data.BillDayOfMonth||0===r.returned_data.BillDayOfMonth?r.returned_data.BillDayOfMonth="":r.returned_data.BillDayOfMonth=r.getGetOrdinal(r.returned_data.BillDayOfMonth))},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.errorPostalupdateMsg=t.error.error})},t.prototype.onSubmitBilling=function(t,e){var r=this;this.custDashboardComp=this._customers.updateCustomerBill(t,e).subscribe(function(t){r.returned_data.BillingAddress=t,$("#edit_bill_details .close").click(),r.custDashboardComp=r._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){r.returned_data=t,r.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",r.returned_data.Id),sessionStorage.setItem("CustomerEmail",r.returned_data.Email),r.returned_data.DateOfBirth&&(r.focusedDate=new Date(r.returned_data.DateOfBirth),r.returned_data.DateOfBirth=new Date(z(r.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===r.returned_data.AuthRecurringPayments?r.Autopay="Yes":r.Autopay="No",r.returned_data.SecondAcctHolderDOB&&(r.focusedDOB=new Date(r.returned_data.SecondAcctHolderDOB),r.returned_data.SecondAcctHolderDOB=new Date(z(r.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),r.returned_data.FirstName&&(r.returned_data.FirstName=r.nameConverter(r.returned_data.FirstName)),r.returned_data.LastName&&(r.returned_data.LastName=r.nameConverter(r.returned_data.LastName)),r.returned_data.OpenDate&&(r.returned_data.OpenDate=z(r.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===r.returned_data.BillDayOfMonth||0===r.returned_data.BillDayOfMonth?r.returned_data.BillDayOfMonth="":r.returned_data.BillDayOfMonth=r.getGetOrdinal(r.returned_data.BillDayOfMonth))},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.errorBillingupdateMsg=t.error.error})},t.prototype.newNote=function(t){var e=this;t.CustomerId=sessionStorage.getItem("customerId"),this.custDashboardComp=this._customers.addNote(t).subscribe(function(t){e.returnedId=t,$("#new_note .close").click(),e.custDashboardComp=e._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.notes=t,e.notes.constructor===Array&&e.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.newTask=function(t){var e=this;t.CustomerId=sessionStorage.getItem("customerId"),t.ReminderDate=z(t.DueDate).subtract(2,"days").format("YYYY-MM-DD"),this.custDashboardComp=this._customers.addTask(t).subscribe(function(t){e.returnedId=t,$("#task .close").click()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),location.reload(),e.errorMsg=t.message})},t.prototype.newCredit=function(t){var e=this;t.IsCredit=t.IsCredit.value,this.CreditCommentdata=t.Comment,delete t.CreditComment,t.CustomerId=sessionStorage.getItem("customerId"),void 0===this.CreditCommentdata?this.CreditCommentdata="No Comments":null===this.CreditCommentdata&&(this.CreditCommentdata="No Comments"),this.loading=!0,this.custDashboardComp=this._customers.addCredit(t).subscribe(function(t){e.returnedId=t,e.custDashboardComp=e._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.notes=t,e.notes.constructor===Array&&e.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),e.custDashboardComp=e._customers.getcreditNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.errorMsgcredit="",e.creditNotes=t,e.creditsucc=!0,$("#addCredit .close").click(),e.creditNotes.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),!0===t.IsCredit?t.Type="Credit":!1===t.IsCredit&&(t.Type="Debit")}),e.loading=!1},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1,e.errorMsgcredit=t.error.error})},t.prototype.reset=function(t){t.reset()},t.prototype.deleteCredit=function(t,e,r){var n=this;this.creditSummary=t,this[e+"Opened"]=!0,"Yes"===r&&(this[e+"Opened"]=!1,this.loading=!0,$("#addCredit .close").click(),this.custDashboardComp=this._customers.deleteCreditNote(t.Id).subscribe(function(t){n.returnedId=t,n.custDashboardComp=n._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){n.notes=t,n.notes.constructor===Array&&n.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?n.noInternet=!0:(n.apiError=!0,n.errorMsg=t.message)}),n.custDashboardComp=n._customers.getcreditNote(sessionStorage.getItem("customerId")).subscribe(function(t){n.creditNotes=t,n.loading=!1,n.creditNotes.constructor===Array&&n.creditNotes.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.Amount+=t.TaxAmount,!0===t.IsCredit?t.Type="Credit":!1===t.IsCredit&&(t.Type="Debit")})},function(t){0==t.status?n.noInternet=!0:(n.apiError=!0,n.errorMsg=t.message)})},function(t){0==t.status?n.noInternet=!0:(n.apiError=!0,n.errorMsg=t.message),n.loading=!1,n.errorMsg=t.message}))},t.prototype.close=function(t){this[t+"Opened"]=!1,this.opened=!1,this.openedUsage=!1,this.ticketopened=!1,this.noAVC=!1,this.noMsn=!1,this.updateErr=!1,this.apiError=!1,this.noInternet=!1,this.creditsucc=!1,this.ticketpost=!1,this.dialogOpened=!1,$(".ticketClass .close").click()},t.prototype.action=function(t){"No"===t?this.dialogOpened=!1:"Yes"===t&&(this.dialogOpened=!1,this.deleteCredit(this.creditSummary,"dialog",t))},t.prototype.changeIcon=function(t){"remove_circle_outline"==t.target.innerHTML||"control_point"==t.target.innerHTML?"remove_circle_outline"===t.target.innerHTML?t.target.innerHTML="control_point":"control_point"===t.target.innerHTML&&(t.target.innerHTML="remove_circle_outline"):"control_point"===t.target.firstElementChild.innerHTML?t.target.firstElementChild.innerHTML="remove_circle_outline":"remove_circle_outline"===t.target.firstElementChild.innerHTML&&(t.target.firstElementChild.innerHTML="control_point")},t.prototype.speedTest=function(){var t=this;this.custDashboardComp=this._customers.reqSpeedTest(this.returned_data.AVC,sessionStorage.getItem("customerId")).subscribe(function(t){},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.errorMsgSpeedtest="No Active Sessions !"})},t.prototype.addHandler=function(){this.isNew=!0},t.prototype.editHandler=function(t){t.dataItem;this.isNew=!1},t.prototype.nameConverter=function(t){var e=t.split(" ");return t="",e.forEach(function(e){t+=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()+" "}),t},t.prototype.category=function(t){return this.categories.find(function(e){return e.Id===t})},t.prototype.addHandlerTask=function(t){var e=t.sender;this.closeEditor(e),this.formGroup=ve({Status:1,DiaryTasks:"",ReminderDate:"",DueDate:""}),e.addRow(this.formGroup)},t.prototype.editHandlerTask=function(t){var e=t.sender,r=t.rowIndex,n=t.dataItem;this.closeEditor(e),this.formGroup=ve(n),this.editedRowIndex=r,e.editRow(r,this.formGroup)},t.prototype.cancelHandlerTask=function(t){var e=t.sender,r=t.rowIndex;this.closeEditor(e,r)},t.prototype.saveHandlerTask=function(t){var e=this,r=t.sender,n=t.rowIndex,o=t.formGroup,a=t.isNew,i=o.value;this.custDashboardComp=this.service.save(i,a).subscribe(function(t){e.gettaskData()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),r.closeRow(n)},t.prototype.removeHandlerTask=function(t){var e=t.dataItem;this.service.remove(e)},t.prototype.closeEditor=function(t,e){void 0===e&&(e=this.editedRowIndex),t.closeRow(e),this.editedRowIndex=void 0,this.formGroup=void 0},t.prototype.createFormGroup=function(t){return this.formBuilder.group({DiaryTasks:t.DiaryTasks})},t.prototype.onTemplateClick=function(t){t.target.parentNode.click()},t.prototype.sortChange=function(t){this.sort=t},t.prototype.sortBillChange=function(t){this.sortBill=t},t.prototype.ShapeRecordStatusChange=function(t,e){this.specialrecorddialogOpened=!0,this.shapeItem=t,this.shapeFlag=e},t.prototype.extensionStatusChange=function(t){this.extendPayment=!0,!0===this.returned_data.PaymentExtensionFlag?this.extensionVal="enable":this.extensionVal="disable",!0===t.target.checked?this.specialRecordCheckedEvent=t:!1===t.target.checked&&(this.specialRecordCheckedEvent=t)},t.prototype.BlockRecordStatusChange=function(t,e){this.blockItem=t,this.blockFlag=e,this.blockrecorddialogOpened=!0},t.prototype.DISPUTERecordStatusChange=function(t){var e,r;this.complaintSpecialRecordsDialog=!0,!0===t.target.checked?this.disputeTrue=!0:this.disputeTrue=!1,this.specialRecordCheckedEvent=t,"TioFlag"===t.target.name&&!0===t.target.checked?this.specialRecordToggleData=((e={})[t.target.name]=t.target.checked,e.DisputeFlag=!0,e):this.specialRecordToggleData=((r={})[t.target.name]=t.target.checked,r)},t.prototype.TIORecordStatusChange=function(t){var e;this.tiocomplaintSpecialRecordsDialog=!0,!0===t.target.checked?this.tioTrue=!0:this.tioTrue=!1,this.specialRecordCheckedEvent=t,this.specialRecordToggleData=((e={})[t.target.name]=t.target.checked,e)},t.prototype.hidedialog=function(){this.complaintSpecialRecordsDialog=!1,this.tiocomplaintSpecialRecordsDialog=!1},t.prototype.RecordStatusChange=function(t){var e,r;this.otherSpecialRecordsDialog=!0,this.specialRecordCheckedEvent=t,"TioFlag"===t.target.name&&!0===t.target.checked?this.specialRecordToggleData=((e={})[t.target.name]=t.target.checked,e.DisputeFlag=!0,e):this.specialRecordToggleData=((r={})[t.target.name]=t.target.checked,r)},t.prototype.specialrecordclose=function(t){this[t+"Opened"]=!1},t.prototype.specialrecordopen=function(t){this[t+"Opened"]=!0},t.prototype.otherSpecialRecord=function(t){var e=this;!0===t?this.custDashboardComp=this._customers.updateCustomer(this.returned_data.Id,this.specialRecordToggleData).subscribe(function(t){e.otherSpecialRecordsDialog=!1,e.complaintSpecialRecordsDialog=!1,e.complaintSpecialRecordsDialog=!1,e.tiocomplaintSpecialRecordsDialog=!1,e.custDashboardComp=e._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){e.returned_data=t,e.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",e.returned_data.Id),sessionStorage.setItem("CustomerEmail",e.returned_data.Email),e.returned_data.DateOfBirth&&(e.focusedDate=new Date(e.returned_data.DateOfBirth),e.returned_data.DateOfBirth=new Date(z(e.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===e.returned_data.AuthRecurringPayments?e.Autopay="Yes":e.Autopay="No",e.returned_data.SecondAcctHolderDOB&&(e.focusedDOB=new Date(e.returned_data.SecondAcctHolderDOB),e.returned_data.SecondAcctHolderDOB=new Date(z(e.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.returned_data.FirstName&&(e.returned_data.FirstName=e.nameConverter(e.returned_data.FirstName)),e.returned_data.LastName&&(e.returned_data.LastName=e.nameConverter(e.returned_data.LastName)),e.returned_data.OpenDate&&(e.returned_data.OpenDate=z(e.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===e.returned_data.BillDayOfMonth||0===e.returned_data.BillDayOfMonth?e.returned_data.BillDayOfMonth="":e.returned_data.BillDayOfMonth=e.getGetOrdinal(e.returned_data.BillDayOfMonth))},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorFormMsg=t.message)}),e.custDashboardComp=e._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.notes=t,e.notes.constructor===Array&&e.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.updateErr=!0,e.specialRecordCheckedEvent.target.checked=!e.specialRecordCheckedEvent.target.checked,e.errorMsg=t.Message}):(this.specialRecordCheckedEvent.target.checked=!this.specialRecordCheckedEvent.target.checked,this.otherSpecialRecordsDialog=!1,this.complaintSpecialRecordsDialog=!1,this.tiocomplaintSpecialRecordsDialog=!1)},t.prototype.extendPaymentDueDate=function(t){var e=this;"yes"===t?!0===this.returned_data.PaymentExtensionFlag?this.custDashboardComp=this._customers.extendpayment(sessionStorage.getItem("customerId"),!0).subscribe(function(t){e.extendPayment=!1,e.custDashboardComp=e._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){e.returned_data=t,e.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",e.returned_data.Id),sessionStorage.setItem("CustomerEmail",e.returned_data.Email),e.returned_data.DateOfBirth&&(e.focusedDate=new Date(e.returned_data.DateOfBirth),e.returned_data.DateOfBirth=new Date(z(e.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===e.returned_data.AuthRecurringPayments?e.Autopay="Yes":e.Autopay="No",e.returned_data.SecondAcctHolderDOB&&(e.focusedDOB=new Date(e.returned_data.SecondAcctHolderDOB),e.returned_data.SecondAcctHolderDOB=new Date(z(e.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.returned_data.FirstName&&(e.returned_data.FirstName=e.nameConverter(e.returned_data.FirstName)),e.returned_data.LastName&&(e.returned_data.LastName=e.nameConverter(e.returned_data.LastName)),e.returned_data.OpenDate&&(e.returned_data.OpenDate=z(e.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===e.returned_data.BillDayOfMonth||0===e.returned_data.BillDayOfMonth?e.returned_data.BillDayOfMonth="":e.returned_data.BillDayOfMonth=e.getGetOrdinal(e.returned_data.BillDayOfMonth))},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),e.custDashboardComp=e._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.notes=t,e.notes.constructor===Array&&e.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},function(t){e.extendPayment=!1,0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}):!1===this.returned_data.PaymentExtensionFlag&&(this.custDashboardComp=this._customers.removeExtendpayment(sessionStorage.getItem("customerId"),!0).subscribe(function(t){e.extendPayment=!1,e.custDashboardComp=e._customers.getCustomersData(sessionStorage.getItem("customerId")).subscribe(function(t){e.returned_data=t,e.returned_data.constructor===Object&&(sessionStorage.setItem("customerId",e.returned_data.Id),sessionStorage.setItem("CustomerEmail",e.returned_data.Email),e.returned_data.DateOfBirth&&(e.focusedDate=new Date(e.returned_data.DateOfBirth),e.returned_data.DateOfBirth=new Date(z(e.returned_data.DateOfBirth).tz("Australia/Sydney").format("MM-DD-YYYY"))),!0===e.returned_data.AuthRecurringPayments?e.Autopay="Yes":e.Autopay="No",e.returned_data.SecondAcctHolderDOB&&(e.focusedDOB=new Date(e.returned_data.SecondAcctHolderDOB),e.returned_data.SecondAcctHolderDOB=new Date(z(e.returned_data.SecondAcctHolderDOB).tz("Australia/Sydney").format("MM-DD-YYYY"))),e.returned_data.FirstName&&(e.returned_data.FirstName=e.nameConverter(e.returned_data.FirstName)),e.returned_data.LastName&&(e.returned_data.LastName=e.nameConverter(e.returned_data.LastName)),e.returned_data.OpenDate&&(e.returned_data.OpenDate=z(e.returned_data.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY")),null===e.returned_data.BillDayOfMonth||0===e.returned_data.BillDayOfMonth?e.returned_data.BillDayOfMonth="":e.returned_data.BillDayOfMonth=e.getGetOrdinal(e.returned_data.BillDayOfMonth))},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),e.custDashboardComp=e._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){e.notes=t,e.notes.constructor===Array&&e.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},function(t){e.extendPayment=!1,0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})):"no"===t&&(this.extendPayment=!1,this.specialRecordCheckedEvent.target.checked=!this.specialRecordCheckedEvent.target.checked,this.returned_data.PaymentExtensionFlag=this.specialRecordCheckedEvent.target.checked)},t.prototype.specialcomplaintrecordaction=function(t){"no"===t&&(this.blockrecorddialogOpened=!1,this.specialrecorddialogOpened=!1,this.errorrecorddialogOpened=!1)},t.prototype.resend=function(t){var e=this;this.custDashboardComp=this._bills.resend(t).subscribe(function(t){},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.blockrecordaction=function(t,e){var r=this;if("yes"===t)if(this.blockFlag){n={AVC:null,OrderLineId:e,CustomerId:parseInt(sessionStorage.getItem("customerId")),CustomerReference:sessionStorage.getItem("customerId"),EnableShaping:!1,ProfileName:"SHAPE-10"};this.custDashboardComp=this._customers.unBlockUser(n).subscribe(function(t){r.blockrecorddialogOpened=!1,r.custDashboardComp=r._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){r.getOrders(),r.notes=t,r.notes.constructor===Array&&r.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.blockrecorddialogOpened=!1,r.returned_data.BlockFlag=!0,r.errorMsg=t.error.error,r.shapeerror1=t.error.Message,void 0!=t.error.ModelState["req.AVC"]&&(r.shapeerror1=t.error.ModelState["req.AVC"])})}else{var n={AVC:null,OrderLineId:e,CustomerId:parseInt(sessionStorage.getItem("customerId")),CustomerReference:sessionStorage.getItem("customerId"),EnableShaping:!0,ProfileName:"SHAPE-10"};this.custDashboardComp=this._customers.blockUser(n).subscribe(function(t){r.blockrecorddialogOpened=!1,r.custDashboardComp=r._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){r.getOrders(),r.notes=t,r.notes.constructor===Array&&r.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.blockrecorddialogOpened=!1,r.errorMsg=t.error.error,r.shapeerror1=t.error.Message,t.error.ModelState["req.AVC"]&&(r.shapeerror1=t.error.ModelState["req.AVC"])})}else"no"===t&&(this.blockrecorddialogOpened=!1)},t.prototype.specialrecordaction=function(t,e){var r=this;if("yes"===t)if(this.shapeFlag){n={AVC:null,CustomerId:parseInt(sessionStorage.getItem("customerId")),CustomerReference:sessionStorage.getItem("customerId"),EnableShaping:!1,ProfileName:"SHAPE-256"};this.custDashboardComp=this._customers.unshapeUser(n).subscribe(function(t){r.specialrecorddialogOpened=!1,r.custDashboardComp=r._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){r.getOrders(),r.notes=t,r.notes.constructor===Array&&r.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.specialrecorddialogOpened=!1,r.returned_data.ShapeFlag=!0,r.errorMsg=t.error.error,r.shapeerror1=t.error.Message,t.error.ModelState["req.AVC"]&&(r.shapeerror1=t.error.ModelState["req.AVC"])})}else{var n={AVC:null,CustomerId:parseInt(sessionStorage.getItem("customerId")),CustomerReference:sessionStorage.getItem("customerId"),EnableShaping:!0,ProfileName:"SHAPE-256"};this.custDashboardComp=this._customers.shapeUser(n).subscribe(function(t){r.specialrecorddialogOpened=!1,r.custDashboardComp=r._customers.getNote(sessionStorage.getItem("customerId")).subscribe(function(t){r.getOrders(),r.notes=t,r.notes.constructor===Array&&r.notes.forEach(function(t){t.Time=z(t.Time).tz("Australia/Sydney").format("DD-MM-YYYY h:mm:ss a"),t.Notes&&(t.SubNotes=t.Notes.substring(0,50))})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message),r.specialrecorddialogOpened=!1,r.errorMsg=t.error.error,r.shapeerror1=t.error.Message,t.error.ModelState&&(r.shapeerror1=t.error.ModelState["req.AVC"])})}else"no"===t&&(this.specialrecorddialogOpened=!1)},t.prototype.getLogData=function(){var t=this;this.loadingLogs=!0,this.custDashboardComp=this._customers.getLogData(sessionStorage.getItem("customerId")).subscribe(function(e){t.loadingLogs=!1,t.logData=e,t.logData.constructor===Array&&t.logData.forEach(function(t){t.AccessDate=z(t.AccessDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a")})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.gettaskData=function(){var t=this;this.loadingTask=!0,this.custDashboardComp=this.editTaskService.products(sessionStorage.getItem("customerId")).subscribe(function(e){e.forEach(function(t){t.Created=z(t.Created).tz("Australia/Sydney").format("YYYY/MM/DD"),t.Created=new Date(t.Created),t.ReminderDate=z(t.ReminderDate).tz("Australia/Sydney").format("YYYY/MM/DD"),t.ReminderDate=new Date(t.ReminderDate),"01/01/0001"===t.ReminderDate&&(t.ReminderDate=""),t.DueDate=z(t.DueDate).tz("Australia/Sydney").format("YYYY/MM/DD"),t.DueDate=new Date(t.DueDate),"01/01/0001"===t.DueDate&&(t.DueDate=""),t.CustomerId=String(t.CustomerId)}),t.gridData=e,t.loadingTask=!1},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.ngOnChanges=function(){this.cdRef.detectChanges()},t.prototype.checkStatus=function(t){var e=this;this.checkStat=!0,this.custDashboardComp=this._customers.getModem(t).subscribe(function(t){t.consignments.forEach(function(t){e.currentStatus=t.consignmentStatus,e.currentModem=t.consignmentId}),$(".modemtrack").css("display","table"),$(".spantag").css("display","none"),e.ModemDetails=[]},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.currentModem=t.error.error[0].consignmentId,e.currentStatus=t.error.error[0].detail,$(".modemtrack").css("display","table"),$(".spantag").css("display","none")}),$(".spantag").css("display","table")},t.prototype.categoryFilters=function(t){return fe(t).map(function(t){return t.value})},t.prototype.deptcategoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"DeptName",operator:"eq",value:t}}),logic:"or"})},t.prototype.onTabSelect=function(t){this.getmyStatus(sessionStorage.getItem("myId"))},t=he([Object(o.n)({selector:"app-dashboard",encapsulation:o._13.None,template:r("BeiC"),styles:[r("53aT")]}),be("design:paramtypes",[x.a,vt,ge,ee,s.a,pe,o.k,gt,Pt])],t)}(),we=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},xe=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Se=function(){function t(){this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=we([Object(o.n)({selector:"app-disconnectionreport",template:r("tfIO"),styles:[r("JX4k")]}),xe("design:paramtypes",[])],t)}(),De=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Te=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Ie=function(){function t(t,e,r){this._location=t,this.router=e,this.orders=r,this.orderId=sessionStorage.getItem("LineId"),this.listItems=["TestOrder","OrderReceived","OrderInProgress","AppointmentAllocated","AppointmentReAllocated","OrderCancelled","OrderUnableToComplete","OrderComplete","ProductTerminated","OrderOnHoldMissingInfo"],this.listReasons=["Delay for ADSL connection/no ports available","Customer wasn\u2019t aware/inform of the upfront charges","Signed up with another retailer","Modem/CPE not compatible","Never agreed to Join ","Incorrect Information at point of Sale","Delay in Service Activation","Prefers Competitors Product/Price","Unable to Service the Address","Customer Demise/Death","Billing Related Issues","Travelling or Relocating","Service/Speed Issues","Other(Add description)"],this.clock=["06:00 am","06:30 am","07:00 am","07:30 am","08:00 am","08:30 am","09:00 am","09:30 am","10:00 am","10:30 am","11:00 am","11:30 am","12:00 pm","12:30 pm","01.00 pm","01.30 pm","02:00 pm","02:30 pm","03:00 pm","03:30 pm","04:00 pm","04:30 pm","05:00 pm","05:30 pm","06:00 pm","06:30 pm","07:00 pm","07:30 pm","08:00 pm","08:30 pm","09:00 pm","09:30 pm","10:00 pm","10:30 pm","11:00 pm","11:30 pm","12:00 am","12:30 am","01:00 am","01:30 am","02:00 am","02:30 am","03:00 am","03:30 am","04:00 am","04:30 am","05:00 am","05:30 am"]}return t.prototype.ngOnDestroy=function(){void 0!==this.editordercomp&&this.editordercomp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.editordercomp=this.orders.editLineService(this.orderId).subscribe(function(e){var r=t.clock.findIndex(function(t){return t===z(e.ProvisioningStatus.AppointmentStart).tz("Australia/Sydney").format("hh:mm a").toString()}),n=t.clock.findIndex(function(t){return t===z(e.ProvisioningStatus.AppointmentEnd).tz("Australia/Sydney").format("hh:mm a").toString()});t.startTime=[t.clock[r]],t.endTime=[t.clock[n]],!0===e.ProvisioningStatus.AttendanceRequired&&(t.AttendanceRequired=!0),t.CustomerId=e.CustomerId,t.selectedValue=e.ProvisioningStatus.Status,t.value=new Date(e.ProvisioningStatus.StatusDate),t.reason=e.ProvisioningStatus.StatusReason,null!=e.ProvisioningStatus.AppointmentStart&&(t.startvalue=new Date(e.ProvisioningStatus.AppointmentStart)),null!=e.ProvisioningStatus.AppointmentEnd&&(t.endvalue=new Date(e.ProvisioningStatus.AppointmentEnd)),t.ntu=e.ProvisioningStatus.NtuPortNumber,t.CancelReason=e.ProvisioningStatus.CancelReason,t.CancelDescription=e.ProvisioningStatus.CancelDescription},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.action=function(t){var e=this;this.AppointmentStartTime=z(t.AppointmentStartTime,"hh:mm a").format("HH:mm:ss"),this.AppointmentEndTime=z(t.AppointmentEndTime,"hh:mm a").format("HH:mm:ss"),this.AppointmentStartDate=z(t.AppointmentStartDate).format("YYYY-MM-DD"),this.AppointmentEndDate=z(t.AppointmentEndDate).format("YYYY-MM-DD");var r=z.tz(this.AppointmentStartDate+" "+this.AppointmentStartTime,"Australia/Sydney").format(),n=z.tz(this.AppointmentEndDate+" "+this.AppointmentEndTime,"Australia/Sydney").format();"Invalid date"===n&&(n=null),"Invalid date"===r&&(r=null),t.StatusDate=z.tz(t.value,"Australia/Sydney").format(),null!==t.NbnTerminationDate&&(t.NbnTerminationDate=z.tz(t.NbnTerminationDate,"Australia/Sydney").format()),null!==t.ProductActivatedDate&&(t.ProductActivatedDate=z.tz(t.ProductActivatedDate,"Australia/Sydney").format()),null!==t.ProductActivatedDate&&(t.ProductActivatedDate=z.tz(t.ProductActivatedDate,"Australia/Sydney").format());var o={ProvisioningStatus:{Status:t.Status,StatusDate:t.StatusDate,StatusReason:t.reason,AppointmentEnd:n,AppointmentStart:r,AttendanceRequired:t.AttendanceRequired,NtuPortNumber:t.ntu,CancelReason:t.CancelReason,CancelDescription:t.CancelDescription}};this.editordercomp=this.orders.editOrderService(this.orderId,o).subscribe(function(t){e._location.back()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.onStatusChange=function(t,e){"OrderComplete"===t&&"OrderCancelled"===e?this.warning=!0:"OrderComplete"!==t&&"ProductTerminated"===e?this.Cancelwarning=!0:"OrderCancelled"==e?this.showCancelDesc=!0:(this.showCancelDesc=!1,this.warning=!1,this.Cancelwarning=!1)},t.prototype.close=function(t){this._location.back(),this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=De([Object(o.n)({selector:"app-edit-order",template:r("5Mie"),styles:[r("4B7K")]}),Te("design:paramtypes",[w.f,x.b,gt])],t)}(),Ce=function(){return function(){}}(),Ne=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Me=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Oe=this&&this.__param||function(t,e){return function(r,n){e(r,n,t)}},Pe=function(){function t(t,e,r){this._customers=t,this.listCust=e,this.allNewOrders=[],this.page=0,this.listItems=["Open","Resolved","Closed","Reopen"],this.selected="Open",this.gridState={sort:[],skip:0,take:10},this.resolveStatus=["Open","Resolved","Closed"],this.agentEmail=localStorage.getItem("agent_name"),this.TicketData=[],this.gridDataOpen=[],this.gridDataClosed=[],this.gridDataResolved=[],this.selectedtickettype="Post Reply",this.StatusTicket="Select Status",this.listStatus=["Open","Closed"],this.state={skip:0,take:30,filter:{logic:"and",filters:[{field:"Status",value:"Open",operator:"eq"},{field:"DeptName",value:"Grex Tech Support Level",operator:"contains"}]}},this.editService=r()}return t.prototype.ngOnDestroy=function(){void 0!==this.fautcomp&&this.fautcomp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.agentEmail.includes("@thegrexgroup.com")?(this.roleAuthorizationProvisioning=!0,this.listTicketType=["Post Internal Note","Post Reply"]):this.agentEmail.includes("@thegrexgroup.com")||(this.roleAuthorizationProvisioning=!1,this.listTicketType=["Post Reply"]),this.loading=!0,this.fautcomp=this._customers.fetchAllCustTicket(this.state).subscribe(function(e){t.loading=!1,t.query=e,t.TicketData=t.query.data,t.TicketData.forEach(function(t){null!==t.DisputeFlag||null!==t.TioFlag?t.Complainttype="Yes":t.Complainttype="No",t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),e.data=e.data.map(function(t){return t})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.TicketData.length=0,this.allNewOrders.length=0,this.gridDataClosed.length=0,$(".ticketClass .close").click()},t.prototype.dataStateChange=function(t){var e=this;this.state=t,this.loading=!0,this.fautcomp=this._customers.fetchAllCustTicket(this.state).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.getDetails=function(t){var e=this;this.loading=!0,this.fautcomp=this._customers.getAllMyTicketsdetails(t).subscribe(function(t){for(var r in e.loading=!1,13==t.DeptId||2==t.DeptId?e.resolve=!0:e.resolve=!1,null!==t.InternalNotes&&void 0!==t.InternalNotes&&t.InternalNotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),t)t.hasOwnProperty(r)&&("PostReplyNotes"===r&&(e.replynotes=t[r]),"InternalNotes"===r&&(e.internalreplynotes=t[r]));e.replynotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")})},function(t){e.loading=!1,0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.onChange=function(t){var e=this;this.loading=!0,this.state={skip:0,take:30,filter:{logic:"and",filters:[{field:"Status",value:t,operator:"eq"},{field:"DeptName",value:"Grex Tech Support Level",operator:"contains"}]}},this.fautcomp=this._customers.fetchAllCustTicket(this.state).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.newNote=function(t){var e=this;t.CustomerId=sessionStorage.getItem("customerId"),this.fautcomp=this.listCust.addNote(t).subscribe(function(t){e.ngOnInit()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.close=function(t){$(".ticketClass .close").click(),this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.actionTicket=function(t,e){var r=this;$(".ticketClass .close").click(),"Post Reply"===e.listTicketType?this.fautcomp=this._customers.postreplyData(t,e).subscribe(function(t){r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)}):"Post Internal Note"===e.listTicketType&&(this.fautcomp=this._customers.postStatus(t,e).subscribe(function(n){r.fautcomp=r._customers.internalnoteData(t,e).subscribe(function(t){r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)}))},t.prototype.add6=function(){$("#customFields").append('<tr valign="top"><th scope="row"><label for="customFieldName">Custom Field</label></th><td><input type="text" class="code" id="customFieldName" name="customFieldName[]" value="" placeholder="Input Name" /> &nbsp; <input type="text" class="code" id="customFieldValue" name="customFieldValue[]" value="" placeholder="Input Value" /> &nbsp; <a href="javascript:void(0);" class="remCF">Remove</a></td></tr>'),$("#customFields").on("click",".remCF",function(){$(this).parent().parent().remove()})},t.prototype.editHandler=function(t){var e=t.dataItem;this.editDataItem=e,this.isNew=!1},t.prototype.addHandler=function(){this.editDataItem=new Ce,this.isNew=!0},t.prototype.cancelHandler=function(){this.editDataItem=void 0},t.prototype.saveHandler=function(t){this.loader=!0,this.editService.save(t,this.isNew),this.allNewOrders=[],this.gridDataResolved=[],this.gridDataClosed=[],this.gridDataOpen=[],this.editDataItem=void 0},t.prototype.removeHandler=function(t){var e=t.dataItem;this.editService.remove(e)},t.prototype.rowCallback=function(t){var e=t.index%2==0;return{even:e,odd:!e}},t=Ne([Object(o.n)({selector:"app-faultmanagement",template:r("znu7"),styles:[r("yrnC")]}),Oe(2,Object(o.A)(Zt)),Me("design:paramtypes",[ee,vt,Object])],t)}(),Ae=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Fe=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Ee=function(){function t(t,e,r){this.router=t,this._customers=e,this.route=r,this.CustomerId=sessionStorage.getItem("customerId"),this.showSpinnerImage=!1,this.helptopic=[]}return t.prototype.ngOnDestroy=function(){void 0!==this.faultMainComp&&this.faultMainComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.faultMainComp=this._customers.getDeptId().subscribe(function(e){t.listItems=e[0],t.series=t.listItems.HelpTopics,t.series.forEach(function(e){t.helptopic.push({text:e.TopicName,value:e.TopicId})})},function(e){t.showSpinnerImage=!1,0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),"1"==this.route.snapshot.paramMap.get("id")?this.faultType=1:"2"==this.route.snapshot.paramMap.get("id")?this.faultType=2:"3"==this.route.snapshot.paramMap.get("id")?this.faultType=3:"4"==this.route.snapshot.paramMap.get("id")?this.faultType=4:"5"==this.route.snapshot.paramMap.get("id")?this.faultType=5:"6"==this.route.snapshot.paramMap.get("id")?this.faultType=6:"7"==this.route.snapshot.paramMap.get("id")?this.faultType=7:"8"==this.route.snapshot.paramMap.get("id")?this.faultType=8:"9"==this.route.snapshot.paramMap.get("id")?this.faultType=9:"10"==this.route.snapshot.paramMap.get("id")?this.faultType=10:"11"==this.route.snapshot.paramMap.get("id")?this.faultType=11:"12"==this.route.snapshot.paramMap.get("id")?this.faultType=12:"13"==this.route.snapshot.paramMap.get("id")?this.faultType=13:"14"==this.route.snapshot.paramMap.get("id")?this.faultType=14:"15"==this.route.snapshot.paramMap.get("id")&&(this.faultType=15)},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.fault=function(t){var e=this;t.CustomerId=sessionStorage.getItem("customerId"),this.faultMainComp=this._customers.raiseFaults(t).subscribe(function(r){if(e.faultId=r,e.faultTicket=e.faultId.RaiseFaultId,r){var n={CustomerId:sessionStorage.getItem("customerId"),deptId:"1",email:localStorage.getItem("agent_name"),message:t.FaultDescription,name:localStorage.getItem("username"),staffemail:null,subject:t.FaultDescription,topicId:t.selectedTopic.value};e.faultMainComp=e._customers.putCustomerData(n).subscribe(function(t){var r={Notes:"Ticket No: "+t+" raised for fault Id: "+e.faultTicket,CustomerId:sessionStorage.getItem("customerId")};e.ticketId=t,sessionStorage.setItem("FaultTicket",e.ticketId),e.faultMainComp=e._customers.addNote(r).subscribe(function(t){e.showSpinnerImage=!1,e.router.navigate(["./customers",e.CustomerId])},function(t){e.showSpinnerImage=!1,e.errorMsg=t.message})},function(t){e.showSpinnerImage=!1,0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})}},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.showSpinnerImage=!1,e.router.navigate(["./customers",e.CustomerId])})},t=Ae([Object(o.n)({selector:"app-faults",template:r("9PUj"),styles:[r("UhSV")]}),Fe("design:paramtypes",[x.b,vt,x.a])],t)}(),Ye=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Re=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Le=function(){function t(t,e){this.upload=t,this.http=e,this.fileToUpload=null}return t.prototype.ngOnInit=function(){},t.prototype.handleFileInput=function(t){this.loading=!0,this.uploadAndProgress(t)},t.prototype.uploadAndProgress=function(t){var e=this;this.upload.postFile(t).subscribe(function(t){e.loading=!1,e.success=t,e.errMsg=""},function(t){e.loading=!1,e.success="",e.errMsg=t.error.error})},t=Ye([Object(o.n)({selector:"app-file-upload",template:r("7M7V"),styles:[r("99K5")]}),Re("design:paramtypes",[Y,i.b])],t)}(),_e=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ze=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Be=function(){function t(t){this.http=t,this.accessToken=localStorage.getItem("access_token"),this._url=T,this._url_v4=M,this._url_v2=C}return t.prototype.fetch=function(t){var e=""+Object(pt.g)(t),r=t.group&&t.group.length;return this.http.get(this._url_v2+"customers/custlist/?"+e).map(function(t){return{data:r?Object(pt.h)(t.Data):t.Data,total:t.Total}})},t.prototype.getCustomers=function(){return this.http.get(this._url+"customers/?page=1&pagesize=100").catch(this.errorHandler)},t.prototype.getUsers=function(){var t=this.http.get(this._url_v4+"reports/1").catch(this.errorHandler),e=this.http.get(this._url_v4+"reports/inprogress/7/6/5").catch(this.errorHandler),r=this.http.get(this._url_v4+"reports/inprogress/9/6/5").catch(this.errorHandler),n=this.http.get(this._url_v4+"reports/pendingpay/6/5").catch(this.errorHandler),o=this.http.get(this._url_v4+"reports/2").catch(this.errorHandler);return S.a.forkJoin([t,e,r,n,o])},t.prototype.getCustCharts=function(){var t=this.http.get(this._url_v2+"reports/orderbystatus").catch(this.errorHandler),e=this.http.get(this._url_v2+"reports/salebytech").catch(this.errorHandler),r=this.http.get(this._url_v2+"reports/orderbydaterange?dateRange=3").catch(this.errorHandler);return S.a.forkJoin([t,e,r])},t.prototype.getCharts=function(){var t=this.http.get(this._url_v2+"reports/orderbystatus").catch(this.errorHandler),e=this.http.get(this._url_v2+"reports/ordercompletedbytech").catch(this.errorHandler),r=this.http.get(this._url_v2+"reports/orderbydaterange?dateRange=3").catch(this.errorHandler),n=this.http.get(this._url+"diarytasks/").catch(this.errorHandler);return S.a.forkJoin([t,r,n,e])},t.prototype.getSalesCharts=function(){var t=this.http.get(this._url_v2+"reports/orderbystatus").catch(this.errorHandler),e=this.http.get(this._url_v2+"reports/salebytech").catch(this.errorHandler),r=this.http.get(this._url_v2+"reports/orderbydaterange?dateRange=3").catch(this.errorHandler),n=this.http.get(this._url_v2+"reports/orderbydaterange?dateRange=4"),o=this.http.get(this._url_v2+"reports/canrpt/daterange/4"),a=this.http.get(this._url_v2+"reports/salebytech/4");return S.a.forkJoin([t,e,r,n,o,a])},t.prototype.getCustomersMaster=function(){return this.http.get(this._url+"customers").catch(this.errorHandler)},t.prototype.getCancelsMaster=function(){return this.http.get(this._url_v2+"reports/cancellationreport").catch(this.errorHandler)},t.prototype.getCustomersMasterList=function(){return this.http.get(this._url_v2+"reports/custmaster").catch(this.errorHandler)},t.prototype.getCustomersPayment=function(){return this.http.get(this._url+"payments/allcustpay").catch(this.errorHandler)},t.prototype.getMonthPayment=function(){return this.http.get(this._url_v2+"reports/allcustpayments").catch(this.errorHandler)},t.prototype.errorHandler=function(t){return S.a.throw(t.message||"Server Error")},t.prototype.getCustomerData=function(t){return this.http.get(this._url+t).catch(this.errorHandler)},t=_e([Object(o.B)(),ze("design:paramtypes",[i.b])],t)}(),We=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},He=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},qe=function(){function t(t,e,r){this._bills=t,this._customerlist=e,this._cust=r,this.ProductTypeData=[],this.SalesData=[],this.InvoiceData=[],this.series=[0,0,0,0,0,0,0,0,0,0,0,0],this.showSpinnerImage=!0,this.categoriesList=[0,1,2,3,4,5,6,7,8,9,10,11],this.categoriesListName=["Jan","Feb","Mar","Apr","May","Jun","July","Aug","Sep","Oct","Nov","Dec"],this.aggregates=[{field:"Credits",aggregate:"sum"}],this.ChargeData=[],this.cancelData=[],this.approvecount=0,this.draftcount=0,this.suspendedcount=0,this.datacount=0,this.voicecount=0,this.purchcount=0,this.graphcompleteprod=0,this.grapprod2completeprod=0,this.grapprod3completeprod=0,this.graphprod4completeprod=0,this.grapprod5completeprod=0,this.grapprod6completeprod=0,this.graphprod7completeprod=0,this.grapprod8completeprod=0,this.grapprod9completeprod=0,this.grapprod10completeprod=0,this.sumTotaldisc=0,this.creditTotal=0,this.grapprod11completeprod=0,this.grapprod12completeprod=0,this.grapprod13completeprod=0,this.graphprod14completeprod=0,this.grapprod15completeprod=0,this.grapprod16completeprod=0,this.graphprod17completeprod=0,this.grapprod18completeprod=0,this.grapprod19completeprod=0,this.grapprod20completeprod=0,this.grapprod21completeprod=0}return t.prototype.ngOnDestroy=function(){void 0!==this.financedashboardComp&&this.financedashboardComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.financedashboardComp=this._bills.getTotalBills().subscribe(function(e){var r=e.filter(function(t){return"Draft"===t.Status}),n=e.filter(function(t){return"Approved"===t.Status}),o=e.filter(function(t){return"Suspended"===t.Status}),a=[{field:"Total",aggregate:"sum"}],i=Object(pt.a)(n,a),s=Object(pt.a)(o,a),l=Object(pt.a)(r,a);t.approvecount=i.Total.sum,t.suspendedcount=s.Total.sum,t.draftcount=l.Total.sum,t.approved=t.approvecount.toFixed(2),t.suspended=t.suspendedcount.toFixed(2),t.draft=t.draftcount.toFixed(2),t.InvoiceData.push({kind:"Approved",share:t.approved,color:"#1976D2"}),t.InvoiceData.push({kind:"Suspended",share:t.suspended,color:"#42A5F5"}),t.InvoiceData.push({kind:"Draft",share:t.draft,color:"#90CAF9"})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.financedashboardComp=this._cust.getCredit().subscribe(function(e){e.forEach(function(r){var n=r.CustomerCreditsVM.find(function(t){return t.CreditDate});r.CreditAmount=n.CreditAmount;var o=e.filter(function(t){return t.CreditAmount>0});t.creditcount=o.length;t.credit=Object(pt.a)(o,[{field:"CreditAmount",aggregate:"sum"}]),"undefined"!=t.credit.CreditAmount&&null!=t.credit.CreditAmount&&""!=t.credit.CreditAmount&&(t.creditTotal=t.credit.CreditAmount.sum),t.sumTotal=t.creditTotal.toFixed(2),t.progress=[{category:t.creditcount,value:t.sumTotal}]},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})}),this.financedashboardComp=this._cust.getActivationData().subscribe(function(e){t.showSpinnerImage=!1,e.forEach(function(e){for(var r in t.data=e.Products.find(function(t){return 1===t.ProductType}),t.data)if(t.data.hasOwnProperty(r)&&"ProductInternalName"===r){var n=t.data[r];n.includes("ADSL")?(e.serviceClassType="ADSL",t.serviceclass="ADSL"):n.includes("Home Wireless Broadband")?(e.serviceClassType="HWB",t.serviceclass="HWB"):(e.serviceClassType="NBN",t.serviceclass="NBN")}if(e.Products.length>0){for(var o=0,a=e.Products;o<a.length;o++){var i=a[o];1===i.ProductType&&(e.Status=i.Status),e.Servicecharge=i.TotalAccessFee,e.Name=i.ProductInternalName,e.Type=i.ProductType}"$10 Discount"===e.Name?e.prod="prod1":"$10 Discount 10 months"===e.Name?e.prod="prod2":"$10 Discount 12 months"===e.Name?e.prod="prod3":"$10 Discount 6 months"===e.Name?e.prod="prod4":"$11.11 Introductory Discount"===e.Name?e.prod="prod5":"$5 Discount"===e.Name?e.prod="prod6":"Credit $50 for 3 months"===e.Name?e.prod="prod7":"Energy Bundle Discount"===e.Name?e.prod="prod8":"Free Staff Modem Netcomm NF18ACV"===e.Name?e.prod="prod9":"Huawei B525"===e.Name?e.prod="prod10":"Huawei B525 12 months repayment"===e.Name?e.prod="prod11":"Huawei B525 24 months repayment"===e.Name?e.prod="prod12":"LNP Fee"===e.Name?e.prod="prod13":"nbn new development charge"===e.Name?e.prod="prod14":"Netcomm NF10WV"===e.Name?e.prod="prod15":"Netcomm NF10WV 12 months repayment"===e.Name?e.prod="prod16":"Netcomm NF10WV 24 months repayment"===e.Name?e.prod="prod17":"Netcomm NF18ACV"===e.Name?e.prod="prod18":"Netcomm NF18ACV 12 months repayment"===e.Name?e.prod="prod19":"Netcomm NF18ACV 24 months repayment"===e.Name?e.prod="prod20":"New Development $100 x 3 months"===e.Name?e.prod="prod21":e.Name.includes("Discount")&&(e.prod="proddiscount"),1===e.Type?e.producttype="Data":2===e.Type?e.producttype="Voice":4===e.Type&&(e.producttype="Purchase"),e.OrderedDate=z(e.OrderedDate).tz("Australia/Sydney").format("YYYY-MM-DD"),e.OrderedDate=e.OrderedDate,e.month=z(e.OrderedDate).month(),e.month=parseInt(e.month),e.year=z(e.OrderedDate).year();var s=new Date,l=z(s).year();e.year===l&&t.categoriesList.forEach(function(r){r===e.month&&e.Name.includes("Discount")&&(t.series[r]=t.series[r]+1)})}});var r=e.filter(function(t){return"prod1"===t.prod}),n=e.filter(function(t){return"prod2"===t.prod}),o=e.filter(function(t){return"prod3"===t.prod}),a=e.filter(function(t){return"prod4"===t.prod}),i=e.filter(function(t){return"prod5"===t.prod}),s=e.filter(function(t){return"prod6"===t.prod}),l=e.filter(function(t){return"proddiscount"===t.prod}),d=e.filter(function(t){return"prod7"===t.prod}),c=e.filter(function(t){return"prod8"===t.prod}),u=e.filter(function(t){return"prod9"===t.prod}),p=e.filter(function(t){return"prod10"===t.prod}),k=e.filter(function(t){return"prod11"===t.prod}),m=e.filter(function(t){return"prod12"===t.prod}),g=e.filter(function(t){return"prod13"===t.prod}),h=e.filter(function(t){return"prod14"===t.prod}),b=e.filter(function(t){return"prod15"===t.prod}),f=e.filter(function(t){return"prod16"===t.prod}),v=e.filter(function(t){return"prod17"===t.prod}),y=e.filter(function(t){return"prod18"===t.prod}),w=e.filter(function(t){return"prod19"===t.prod}),x=e.filter(function(t){return"prod20"===t.prod}),S=e.filter(function(t){return"prod21"===t.prod}),D=[{field:"Servicecharge",aggregate:"sum"}],T=Object(pt.a)(r,D),I=Object(pt.a)(n,D),C=Object(pt.a)(o,D),N=Object(pt.a)(a,D),M=Object(pt.a)(i,D),O=Object(pt.a)(s,D),P=Object(pt.a)(d,D),A=Object(pt.a)(c,D),F=Object(pt.a)(u,D),E=Object(pt.a)(p,D),Y=Object(pt.a)(k,D),R=Object(pt.a)(m,D),L=Object(pt.a)(g,D),_=Object(pt.a)(h,D),B=Object(pt.a)(b,D),W=Object(pt.a)(f,D),H=Object(pt.a)(v,D),q=Object(pt.a)(y,D),U=Object(pt.a)(w,D),j=Object(pt.a)(x,D),G=Object(pt.a)(S,D);"undefined"!=T.Servicecharge&&null!=T.Servicecharge&&""!=T.Servicecharge&&(t.graphcompleteprod=T.Servicecharge.sum),"undefined"!=I.Servicecharge&&null!=I.Servicecharge&&""!=I.Servicecharge&&(t.grapprod2completeprod=I.Servicecharge.sum),"undefined"!=C.Servicecharge&&null!=C.Servicecharge&&""!=C.Servicecharge&&(t.grapprod3completeprod=C.Servicecharge.sum),"undefined"!=N.Servicecharge&&null!=N.Servicecharge&&""!=N.Servicecharge&&(t.graphprod4completeprod=N.Servicecharge.sum),"undefined"!=M.Servicecharge&&null!=M.Servicecharge&&""!=M.Servicecharge&&(t.grapprod5completeprod=M.Servicecharge.sum),"undefined"!=O.Servicecharge&&null!=O.Servicecharge&&""!=O.Servicecharge&&(t.grapprod6completeprod=O.Servicecharge.sum),"undefined"!=P.Servicecharge&&null!=P.Servicecharge&&""!=P.Servicecharge&&(t.graphprod7completeprod=P.Servicecharge.sum),"undefined"!=A.Servicecharge&&null!=A.Servicecharge&&""!=A.Servicecharge&&(t.grapprod8completeprod=A.Servicecharge.sum),"undefined"!=F.Servicecharge&&null!=F.Servicecharge&&""!=F.Servicecharge&&(t.grapprod9completeprod=F.Servicecharge.sum),"undefined"!=E.Servicecharge&&null!=E.Servicecharge&&""!=E.Servicecharge&&(t.grapprod10completeprod=E.Servicecharge.sum),"undefined"!=Y.Servicecharge&&null!=Y.Servicecharge&&""!=Y.Servicecharge&&(t.grapprod11completeprod=Y.Servicecharge.sum),"undefined"!=R.Servicecharge&&null!=R.Servicecharge&&""!=R.Servicecharge&&(t.grapprod12completeprod=R.Servicecharge.sum),"undefined"!=L.Servicecharge&&null!=L.Servicecharge&&""!=L.Servicecharge&&(t.grapprod13completeprod=L.Servicecharge.sum),"undefined"!=_.Servicecharge&&null!=_.Servicecharge&&""!=_.Servicecharge&&(t.graphprod14completeprod=_.Servicecharge.sum),"undefined"!=B.Servicecharge&&null!=B.Servicecharge&&""!=B.Servicecharge&&(t.grapprod15completeprod=B.Servicecharge.sum),"undefined"!=W.Servicecharge&&null!=W.Servicecharge&&""!=W.Servicecharge&&(t.grapprod16completeprod=W.Servicecharge.sum),"undefined"!=H.Servicecharge&&null!=H.Servicecharge&&""!=H.Servicecharge&&(t.graphprod17completeprod=H.Servicecharge.sum),"undefined"!=q.Servicecharge&&null!=q.Servicecharge&&""!=q.Servicecharge&&(t.grapprod18completeprod=q.Servicecharge.sum),"undefined"!=U.Servicecharge&&null!=U.Servicecharge&&""!=U.Servicecharge&&(t.grapprod19completeprod=U.Servicecharge.sum),"undefined"!=j.Servicecharge&&null!=j.Servicecharge&&""!=j.Servicecharge&&(t.grapprod20completeprod=j.Servicecharge.sum),"undefined"!=G.Servicecharge&&null!=G.Servicecharge&&""!=G.Servicecharge&&(t.grapprod21completeprod=G.Servicecharge.sum),t.prod1=t.graphcompleteprod.toFixed(2),t.prod2=t.grapprod2completeprod.toFixed(2),t.prod3=t.grapprod3completeprod.toFixed(2),t.prod4=t.graphprod4completeprod.toFixed(2),t.prod5=t.grapprod5completeprod.toFixed(2),t.prod6=t.grapprod6completeprod.toFixed(2),t.prod7=t.graphprod7completeprod.toFixed(2),t.prod8=t.grapprod8completeprod.toFixed(2),t.prod9=t.grapprod9completeprod.toFixed(2),t.prod10=t.grapprod10completeprod.toFixed(2),t.prod11=t.grapprod11completeprod.toFixed(2),t.prod12=t.grapprod12completeprod.toFixed(2),t.prod13=t.grapprod13completeprod.toFixed(2),t.prod14=t.graphprod14completeprod.toFixed(2),t.prod15=t.grapprod15completeprod.toFixed(2),t.prod16=t.grapprod16completeprod.toFixed(2),t.prod17=t.graphprod17completeprod.toFixed(2),t.prod18=t.grapprod18completeprod.toFixed(2),t.prod19=t.grapprod19completeprod.toFixed(2),t.prod20=t.grapprod20completeprod.toFixed(2),t.prod21=t.grapprod21completeprod.toFixed(2),t.prod1>0&&t.ProductTypeData.push({kind:"$10 Discount",share:t.prod1,color:"#1a5ee2"}),t.prod2>0&&t.ProductTypeData.push({kind:"$10 Discount 10 months",share:t.prod2,color:"#FDD835"}),t.prod3>0&&t.ProductTypeData.push({kind:"$10 Discount 12 months",share:t.prod3,color:"#1a5ee2"}),t.prod4>0&&t.ProductTypeData.push({kind:"$10 Discount 6 months",share:t.prod4,color:"#1a5ee2"}),t.prod5>0&&t.ProductTypeData.push({kind:"$11.11 Introductory Discount",share:t.prod5,color:"#1a5ee2"}),t.prod6>0&&t.ProductTypeData.push({kind:"$5 Discount",share:t.prod6,color:"#f44336"}),t.prod7>0&&t.ProductTypeData.push({kind:"Credit $50",share:t.prod7,color:"#1a5ee2"}),t.prod8>0&&t.ProductTypeData.push({kind:"Energy Bundle Discount",share:t.prod8,color:"#1a5ee2"}),t.prod9>0&&t.ProductTypeData.push({kind:"Free Staff Modem Netcomm NF18ACV",share:t.prod9,color:"#1a5ee2"}),t.prod10>0&&t.ProductTypeData.push({kind:"Huawei B525",share:t.prod10,color:"#f44336"}),t.prod11>0&&t.ProductTypeData.push({kind:"Huawei B525 12 months repayment",share:t.prod11,color:"#1a5ee2"}),t.prod12>0&&t.ProductTypeData.push({kind:"Huawei B525 24 months repayment",share:t.prod12,color:"#FDD835"}),t.prod13>0&&t.ProductTypeData.push({kind:"LNP Fee",share:t.prod13,color:"#1a5ee2"}),t.prod14>0&&t.ProductTypeData.push({kind:"nbn new development charge",share:t.prod14,color:"#1a5ee2"}),t.prod15>0&&t.ProductTypeData.push({kind:"Netcomm NF10WV",share:t.prod15,color:"#1a5ee2"}),t.prod16>0&&t.ProductTypeData.push({kind:"Netcomm NF10WV 12 months repayment",share:t.prod16,color:"#f44336"}),t.prod17>0&&t.ProductTypeData.push({kind:"Netcomm NF10WV 24 months repayment",share:t.prod17,color:"#1a5ee2"}),t.prod18>0&&t.ProductTypeData.push({kind:"Netcomm NF18ACV",share:t.prod18,color:"#1a5ee2"}),t.prod19>0&&t.ProductTypeData.push({kind:"Netcomm NF18ACV 12 months repayment",share:t.prod19,color:"#1a5ee2"}),t.prod20>0&&t.ProductTypeData.push({kind:"Netcomm NF18ACV 24 months repayment",share:t.prod20,color:"#f44336"}),t.prod21>0&&t.ProductTypeData.push({kind:"New Development $100 x 3 months",share:t.prod21,color:"#f44336"}),t.discountApplied=Object(pt.a)(l,D),"undefined"!=t.discountApplied.Servicecharge&&null!=t.discountApplied.Servicecharge&&""!=t.discountApplied.Servicecharge&&(t.sumTotaldisc=t.discountApplied.Servicecharge.sum),t.sumTotalval=t.sumTotaldisc.toFixed(2),t.disccount=l.length,t.bundleprogress=[{category:t.disccount,value:t.sumTotalval}],t.productactive=e.filter(function(t){return"OrderComplete"===t.Status}),t.productcancel=e.filter(function(t){return"OrderCancelled"===t.Status}),t.active=t.productactive.length,t.cancel=t.productcancel.length,t.cancelData.push({kind:"Active",share:t.active,color:"#1a5ee2"}),t.cancelData.push({kind:"Cancelled",share:t.cancel,color:"#FDD835"});var V=e.filter(function(t){return"Data"===t.producttype}),$=e.filter(function(t){return"Voice"===t.producttype}),Q=e.filter(function(t){return"Purchase"===t.producttype}),K=[{field:"Servicecharge",aggregate:"sum"}],Z=Object(pt.a)(V,K),J=Object(pt.a)($,K),X=Object(pt.a)(Q,K);"undefined"!=Z.Servicecharge&&null!=Z.Servicecharge&&""!=Z.Servicecharge&&(t.datacount=Z.Servicecharge.sum),"undefined"!=J.Servicecharge&&null!=J.Servicecharge&&""!=J.Servicecharge&&(t.voicecount=J.Servicecharge.sum),"undefined"!=X.Servicecharge&&null!=X.Servicecharge&&""!=X.Servicecharge&&(t.purchcount=X.Servicecharge.sum),t.productdata=t.datacount.toFixed(2),t.productvoice=t.voicecount.toFixed(2),t.productmodem=t.purchcount.toFixed(2),t.ChargeData.push({kind:"Data",share:t.productdata,color:"#1a5ee2"}),t.ChargeData.push({kind:"Voice",share:t.productvoice,color:"#FDD835"}),t.ChargeData.push({kind:"Purchase",share:t.productmodem,color:"#FDD835"});var tt=e.filter(function(t){return"NBN"===t.serviceClassType});t.nbnCustList=tt.length;var et=e.filter(function(t){return"ADSL"===t.serviceClassType});t.adslCustList=et.length,t.SalesData.push({kind:"NBN",share:t.nbnCustList,color:"#1976D2"}),t.SalesData.push({kind:"ADSL",share:t.adslCustList,color:"#90CAF9"})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=We([Object(o.n)({selector:"app-financedashboard",template:r("kZhn"),styles:[r("bSV/")]}),He("design:paramtypes",[Pt,Be,vt])],t)}(),Ue=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},je=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Ge=function(){function t(){this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=Ue([Object(o.n)({selector:"app-financenetcomm",template:r("qfpB"),styles:[r("t8C7")]}),je("design:paramtypes",[])],t)}(),Ve=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},$e=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Qe=function(){function t(t){this._customers=t}return t.prototype.ngOnDestroy=function(){void 0!==this.forgotPwdComp&&this.forgotPwdComp.unsubscribe()},t.prototype.ngOnInit=function(){},t.prototype.updatePassword=function(t){var e=this;t.CallbackUrl=window.location.origin+"/reset-password",this.forgotPwdComp=this._customers.forgotPassword(t).subscribe(function(t){e.successMsg=t,e.errorMsg=""},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.successMsg="",e.errorMsg=t.message)})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=Ve([Object(o.n)({selector:"app-forgot-password",template:r("jb3P"),styles:[r("jMGB")]}),$e("design:paramtypes",[vt])],t)}(),Ke=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Ze=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Je=function(){function t(t,e){this.orders=t,this.ticketService=e,this.allFutureData=[]}return t.prototype.ngOnDestroy=function(){void 0!==this.futureOrderComp&&this.futureOrderComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.futureOrderComp=this.orders.getOrders("OrderOnHoldPendingPayment").subscribe(function(e){t.allFutureData=e,t.futureOrderComp=t.orders.getOrders("OrderOnHoldCoolingOff").subscribe(function(e){t.allFutureData.concat(e),t.futureOrderComp=t.orders.getOrders("OrderOnHoldDelayed").subscribe(function(e){t.allFutureData.concat(e)},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=Ke([Object(o.n)({selector:"app-future-orders",template:r("I5YX"),styles:[r("MrkO")]}),Ze("design:paramtypes",[gt,vt])],t)}(),Xe=r("5jKg"),tr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},er=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},rr=function(t){var e=(t||{}).filters;return e?e.reduce(function(t,e){return t.concat(e.filters?rr(e):[e])},[]):[]},nr=function(){function t(t,e,r){var n=this;this._customers=t,this.router=e,this._customer=r,this.NetcommCount=0,this.ByomCount=0,this.mySelection=[],this.pageSize=10,this.skip=0,this.returned_data=[],this.errorMsg="",this.filter={logic:"and",filters:[]},this.totalCustomerCounter=0,this.fttnCustomerCountRound=0,this.fttpCustomerCountRound=0,this.hfcCustomerCountRound=0,this.adslCustomerCountRound=0,this.fwCustomerCountRound=0,this.ServiceTypeData=[],this.OrderReceived=0,this.TestOrder=0,this.OrderOnHoldCoolingOff=0,this.OrderOnHoldPendingPayment=0,this.OrderOnHoldDelayed=0,this.OrderCancelled=0,this.OrderInProgress=0,this.OrderComplete=0,this.OrderOnHoldMissingInfo=0,this.OrderUnableToComplete=0,this.ProductTerminated=0,this.AppointmentReAllocated=0,this.AppointmentAllocated=0,this.categoriesList=[0,1,2,3,4,5,6,7,8,9,10,11],this.categoriesListName=["Jan","Feb","Mar","Apr","May","Jun","July","Aug","Sep","Oct","Nov","Dec"],this.series=[0,0,0,0,0,0,0,0,0,0,0,0],this.TechnologyType=[],this.Modem=[],this.status={Status:"Select filter"},this.showBarGraph=!1,this.count=0,this.fttcCustomerCountRound=0,this.Statuses=[{text:"Test Order",value:"Test Order"},{text:"Order on Hold - PP",value:"Order on Hold - PP"},{text:"Order Received",value:"Order Received"},{text:"Order on Hold - CO",value:"Order on Hold - CO"},{text:"Order on Hold - Delayed",value:"Order on Hold - Delayed"},{text:"Order on Hold - Missing Info",value:"Order on Hold - Missing Info"},{text:"Order in Progress",value:"Order in Progress"},{text:"Appointment Allocated",value:"Appointment Allocated"},{text:"Appointment Re-Allocated",value:"Appointment Re-Allocated"},{text:"Order Complete",value:"Order Complete"},{text:"Order Unable to complete",value:"Order Unable to complete"},{text:"Order Cancelled",value:"Order Cancelled"},{text:"Product Terminated",value:"Product Terminated"}],this.Modemtypeval=[{text:"Netcomm",value:"Netcomm"},{text:"Huawei",value:"Huawei"},{text:"BYO",value:"BYO"}],this.serviceType=[{text:"FTTP",value:"FTTP"},{text:"FTTN",value:"FTTN"},{text:"ADSL",value:"ADSL"},{text:"HFC",value:"HFC"},{text:"FTTC",value:"FTTC"},{text:"FW",value:"FW"},{text:"HWB",value:"Home Wireless Broadband"},{text:"MBB",value:"Mobile Broadband"}],this.satCustomerCountRound=0,this.reportlastweek=[],this.techTypeData=[],this.techPieTypeData=[],this.state={skip:0,take:80},this.stateChange=new jt.a(this.state),this.hwbCustomerCountRound=0,this.mystate={filter:{logic:"and",filters:[{field:"Status",value:"Order Complete",operator:"eq"}]}},this.roles=JSON.parse(localStorage.getItem("roles")),this.group=[{field:"Id"},{field:"TioFlag"}],this.query=this.stateChange.pipe(Object(Vt.a)(function(t){n.state=t,n.loading=!0,$(".k-grid").css("opacity",0)}),Object(Xe.a)(function(e){return t.fetch(e)}),Object(Vt.a)(function(){n.loading=!1,$(".k-grid").css("opacity",1)}))}return t.prototype.ngOnDestroy=function(){void 0!==this.listCustomerComp&&this.listCustomerComp.unsubscribe()},t.prototype.categoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"Status",operator:"contains",value:t}}),logic:"or"})},t.prototype.servicecategoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"ServiceClassType",operator:"contains",value:t}}),logic:"or"})},t.prototype.modemcategoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"ModemType",operator:"contains",value:t}}),logic:"or"})},t.prototype.categoryFilters=function(t){return rr(t).map(function(t){return t.value})},t.prototype.ngOnInit=function(){var t=this;"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"CustomerServiceLimitedAccess"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"Sales"!==this.roles&&"PROVISIONING_VIEW"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"Finance"!==this.roles&&"SeniorManagement"!==this.roles||(this.roleAuthorizationCustomers=!0),this.roleAuthorizationCustomers&&(this.listCustomerComp=this._customers.getCharts().subscribe(function(e){t.showPieGraphMethod(),t.chartval=!0,t.getOrderStatus=e[0],t.getMonthsale=e[1];var r=e[2];if(t.getTechStatus=e[3],r.constructor===Array){var n=[];r.forEach(function(e){var r=z(e.ReminderDate),o=z(new Date);if(r.isSame(o,"days")&&"Open"==e.Status){n.push(e);var a=n.length;t._customer.updateComponent(a)}})}t.getOrderStatus.forEach(function(e){"Test Order"===e.OrderStatus&&(t.ServiceTypeData[0]={kind:"Test Order",share:e.Count,color:"#1a5ee2"}),"Order on Hold - PP"===e.OrderStatus&&(t.ServiceTypeData[1]={kind:"Order on Hold - PP",share:e.Count,color:"#FDD835"}),"Order on Hold - CO"===e.OrderStatus&&(t.ServiceTypeData[2]={kind:"Order on Hold - CO",share:e.Count,color:"#1a5ee2"}),"Order on Hold - Delayed"===e.OrderStatus&&(t.ServiceTypeData[3]={kind:"Order on Hold - Delayed",share:e.Count,color:"#1a5ee2"}),"Order on Hold - Missing Info"===e.OrderStatus&&(t.ServiceTypeData[4]={kind:"Order on Hold - Missing Info",share:e.Count,color:"#f44336"}),"Order Received"===e.OrderStatus&&(t.ServiceTypeData[5]={kind:"Order Received",share:e.Count,color:"#1a5ee2"}),"Order in Progress"===e.OrderStatus&&(t.ServiceTypeData[6]={kind:"Order in Progress",share:e.Count,color:"#90caf9"}),"Appointment Allocated"===e.OrderStatus&&(t.ServiceTypeData[7]={kind:"Appointment Allocated",share:e.Count,color:"#0cb702"}),"Appointment Re-Allocated"===e.OrderStatus&&(t.ServiceTypeData[8]={kind:"Appointment Re-Allocated",share:e.Count,color:"#0cb702"}),"Order Complete"===e.OrderStatus&&(t.ServiceTypeData[9]={kind:"Order Complete",share:e.Count,color:"#00BCD4"}),"Order Unable to complete"===e.OrderStatus&&(t.ServiceTypeData[10]={kind:"Order Unable to complete",share:e.Count,color:"#e53935"}),"Order Cancelled"===e.OrderStatus&&(t.ServiceTypeData[11]={kind:"Order Cancelled",share:e.Count,color:"#e53935"}),"Product Terminated"===e.OrderStatus&&(t.ServiceTypeData[12]={kind:"Product Terminated",share:e.Count,color:"#424242"})}),t.series=t.getMonthsale,t.getTechStatus.forEach(function(e){"FTTP"===e.ServiceClassByType&&(t.techTypeData[0]={kind:"FTTP",share:e.Count,color:"rgb(255, 210, 70)"},t.fttpCustomerCountRound=e.Count),"ADSL"===e.ServiceClassByType&&(t.techTypeData[1]={kind:"ADSL",share:e.Count,color:"rgb(40, 180, 200)"},t.adslCustomerCountRound=e.Count),"HFC"===e.ServiceClassByType&&(t.techTypeData[2]={kind:"HFC",share:e.Count,color:"rgb(120, 210, 55)"},t.hfcCustomerCountRound=e.Count),"FTTC"===e.ServiceClassByType&&(t.techTypeData[3]={kind:"FTTC",share:e.Count,color:"rgb(170, 70, 190)"},t.fttcCustomerCountRound=e.Count),"FTTN"===e.ServiceClassByType&&(t.techTypeData[4]={kind:"FTTN",share:e.Count,color:"rgb(255, 99, 88)"},t.fttnCustomerCountRound=e.Count),"FW"===e.ServiceClassByType&&(t.techTypeData[5]={kind:"FW",share:e.Count,color:"rgb(45, 115, 245)"},t.fwCustomerCountRound=e.Count),"Satellite"===e.ServiceClassByType&&(t.techTypeData[6]={kind:"Satellite",share:e.Count,color:"#607D8B"},t.satCustomerCountRound=e.Count),"Home Wireless Broadband"===e.ServiceClassByType&&(t.techTypeData[7]={kind:"HWB",share:e.Count,color:"#607D8B"},t.hwbCustomerCountRound=e.Count),"Mobile Broadband"===e.ServiceClassByType&&(t.techTypeData[8]={kind:"MBB",share:e.Count,color:"rgb(45, 115, 245)"},t.mbbCustomerCountRound=e.Count)}),t.totalCustomerCounter=t.fttpCustomerCountRound+t.fttnCustomerCountRound+t.adslCustomerCountRound+t.hfcCustomerCountRound+t.fwCustomerCountRound+t.fttcCustomerCountRound+t.satCustomerCountRound+t.hwbCustomerCountRound+t.mbbCustomerCountRound,t.fttpCustomerCount=(t.fttpCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.fttnCustomerCount=(t.fttnCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.adslCustomerCount=(t.adslCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.hfcCustomerCount=(t.hfcCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.fwCustomerCount=(t.fwCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.satCustomerCount=(t.satCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.fttcCustomerCount=(t.fttcCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.hwbCustomerCount=(t.hwbCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.mbbCustomerCount=(t.mbbCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.techPieTypeData[0]={kind:"FTTP",share:t.fttpCustomerCount,color:"rgb(255, 210, 70)"},t.techPieTypeData[1]={kind:"FTTN",share:t.fttnCustomerCount,color:"rgb(255, 99, 88)"},t.techPieTypeData[2]={kind:"ADSL",share:t.adslCustomerCount,color:"rgb(40, 180, 200)"},t.techPieTypeData[3]={kind:"HFC",share:t.hfcCustomerCount,color:"rgb(120, 210, 55)"},t.techPieTypeData[4]={kind:"FW",share:t.fwCustomerCount,color:"rgb(45, 115, 245)"},t.techPieTypeData[5]={kind:"Satellite",share:t.satCustomerCount,color:"#607D8B"},t.techPieTypeData[6]={kind:"FTTC",share:t.fttcCustomerCount,color:"rgb(170, 70, 190)"},t.techPieTypeData[7]={kind:"HWB",share:t.hwbCustomerCount,color:"#607D8B"},t.techPieTypeData[8]={kind:"MBB",share:t.mbbCustomerCount,color:"rgb(45, 115, 245)"}},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}))},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.exportActivationDaily=function(t){var e=this;this.waitMsg="Please wait... Fetching Data !",this.listCustomerComp=this._customers.getCustomersMasterList().subscribe(function(r){e.waitMsg="",r.forEach(function(t){if(t.CustName=t.FirstName+" "+t.LastName,t.ServiceAddressExcel="",null!==t.ServiceAddress.SubAddressNumber&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.SubAddressNumber),null!==t.ServiceAddress.StreetNumber1&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StreetNumber1),null!==t.ServiceAddress.StreetNumber2&&(t.ServiceAddressExcel+="-"+t.ServiceAddress.StreetNumber2),null!==t.ServiceAddress.StreetName&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StreetName),null!==t.ServiceAddress.SubAddressType&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.SubAddressType),null!==t.ServiceAddress.Suburb&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Suburb),null!==t.ServiceAddress.StateCode&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StateCode),null!==t.ServiceAddress.Postcode&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Postcode),null!==t.ServiceAddress.Country&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Country),t.AccountBalance>0?t.PaymentOverdue="Yes":t.PaymentOverdue="No",1==t.AuthRecurringPayments?t.Autopay="Yes":t.Autopay="No",t.Order.length>0){var r=t.Order.find(function(t){return t.OrderedDate});t.OrderedDate=r.OrderedDate,t.SalesPerson=r.SalesPerson,t.Channel=r.Channel;for(var n=0,o=t.Order;n<o.length;n++){var a=o[n];if(t.OpenDate=z(t.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.FirstName=t.FirstName+" "+t.LastName,!0===a.SetupFeesPaid?t.InitialPayment="Yes":t.InitialPayment="No",a.Item.find(function(t){return"Purchase"===t.ProductType})){var i=a.Item.find(function(t){return"Purchase"===t.ProductType});e.calculateModemType(i.ProductExternalName),t.ModemMake=e.calculateModemType(i.ProductExternalName)}if(a.Item.find(function(t){return"Data"===t.ProductType})&&a.Item.find(function(t){return"None"!==t.Status})){var s=a.Item.find(function(t){return"Data"===t.ProductType});t.Status=s.Status,t.Plan=s.ProductExternalName,t.SupplierServiceId=s.SupplierServiceId,t.serviceClassType=e.calculateServiceClass(a.ServiceClass,s.ProductExternalName)}}}t.Id=String(t.Id),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),e.reportlastweek.push(t)}),e.dailyActivationData=e.reportlastweek,t.data=e.dailyActivationData,t.saveAsExcel()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.calculateModemType=function(t){return t.includes("Netcomm")?"Netcomm":t.includes("Huawei")?"Huawei":"BYO"},t.prototype.calculateServiceClass=function(t,e){return 1===t||2===t||3===t?"FTTP":10===t||11===t||12===t||13===t?"FTTN":4===t||5===t||6===t?"FW":7===t||8===t||9===t?"Satellite":20===t||21===t||22===t||23===t||24===t?"HFC":30===t||31===t||32===t||33===t||34===t?"FTTC":e.includes("ADSL")?"ADSL":e.includes("Home Wireless Broadband")?"HWB":e.includes("MBB")?"MBB":void 0},t.prototype.dataStateChange=function(t){this.stateChange.next(t)},t.prototype.rowCallbacknotes=function(t){var e=t.index%2==0;return{even:e,odd:!e}},t.prototype.onSelect=function(t){this.customerId=t.selectedRows[0].dataItem.Id,sessionStorage.setItem("CustomerEmail",t.selectedRows[0].dataItem.Email),sessionStorage.setItem("customerId",t.selectedRows[0].dataItem.Id),this.router.navigate(["./customers",this.customerId])},t.prototype.getCustomerData=function(t){sessionStorage.setItem("CustomerEmail",t.Email),sessionStorage.setItem("customerId",t.Id),this.router.navigate(["./customers",t.Id])},t.prototype.labelContent=function(t){return t.category+": \n "+t.value+"%"},t.prototype.modemContent=function(t){return t.category+": "+t.value},t.prototype.showBarGraphMethod=function(){this.PieGraph=!1,this.showBarGraph=!0},t.prototype.showPieGraphMethod=function(){this.PieGraph=!0,this.showBarGraph=!1},t=tr([Object(o.n)({selector:"app-list-customers",encapsulation:o._13.None,template:r("data"),styles:[r("Pxts")]}),er("design:paramtypes",[Be,x.b,vt])],t)}(),or=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ar=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},ir={headers:new i.e({"Content-Type":"application/x-www-form-urlencoded"})},sr=function(){function t(t){this.http=t,this._url=I,this._roles=T+"me"}return t.prototype.getToken=function(t,e){t=t.trim(),e=e.trim();var r="grant_type=password&username="+(t=encodeURIComponent(t))+"&password="+(e=encodeURIComponent(e));return this.http.post(this._url,r,ir)},t.prototype.getRoles=function(t){var e={headers:new i.e({"Content-Type":"application/json",Authorization:"Bearer "+t})};return this.http.get(this._roles,e)},t.prototype.errorHandler=function(t){return S.a.throw("Server Error")},t=or([Object(o.B)(),ar("design:paramtypes",[i.b])],t)}(),lr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},dr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},cr=function(){function t(t,e){this._authenticate=t,this.router=e,this.username="",this.password="",this.showSpinnerImage=!1,this.passwordurl=D}return t.prototype.ngOnDestroy=function(){void 0!==this.logincomp&&this.logincomp.unsubscribe()},t.prototype.ngOnInit=function(){},t.prototype.loginUser=function(){var t=this;localStorage.clear(),this.logincomp=this._authenticate.getToken(this.username,this.password).subscribe(function(e){localStorage.setItem("access_token",e.access_token),t.returned_data=e,t.logincomp=t._authenticate.getRoles(e.access_token).subscribe(function(e){t.roleData=e,t.showSpinnerImage=!1,localStorage.setItem("agent_name",t.returned_data.Email),localStorage.setItem("username",t.returned_data.Email),localStorage.setItem("FirstName",t.returned_data.FirstName),localStorage.setItem("LastName",t.returned_data.LastName),t.roleData.Claims.forEach(function(e){"http://schemas.microsoft.com/ws/2008/06/identity/claims/role"===e.m_type&&(t.roles=e.m_value)}),localStorage.setItem("roles",JSON.stringify(t.roles)),t.returned_data.access_token.length>100&&"EndUser"!==t.roles?t.router.navigate(["customers"]):"EndUser"===t.roles&&(localStorage.clear(),alert("EndUser cannot login"),t.router.navigate(["./login"]))},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},function(e){t.errorMsg="The user name or password is incorrect",t.showSpinnerImage=!1}),this.showSpinnerImage=!1},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=lr([Object(o.n)({selector:"app-login",template:r("1IEk"),styles:[r("A9hj")]}),dr("design:paramtypes",[sr,x.b])],t)}(),ur=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},pr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},kr=function(){function t(t){this.http=t}return t.prototype.fetchLogs=function(){return this.http.get(T+"customerlogs")},t=ur([Object(o.B)(),pr("design:paramtypes",[i.b])],t)}(),mr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},gr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},hr=function(){function t(t,e,r){this.route=t,this._logs=e,this.router=r,this.state={skip:0,take:5,filter:{logic:"and",filters:[{field:"CustomerId",operator:"contains",value:"355"}]}}}return t.prototype.ngOnDestroy=function(){void 0!==this.logsComp&&this.logsComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.logsComp=this._logs.fetchLogs().subscribe(function(e){t.agentLogs=e,e.forEach(function(t){t.AccessDate=z(t.Created).tz("Australia/Sydney").format("DD-MM-YYYY")},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=mr([Object(o.n)({selector:"app-logs",template:r("ivFF"),styles:[r("Ukws")]}),gr("design:paramtypes",[x.a,kr,x.b])],t)}(),br=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},fr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},vr=function(t){var e=(t||{}).filters;return e?e.reduce(function(t,e){return t.concat(e.filters?vr(e):[e])},[]):[]},yr=function(){function t(t,e,r){this.route=t,this.router=e,this._customers=r,this.multiple=!1,this.allowUnsort=!0,this.selected="Open",this.listItems=["Open","Resolved","Closed","Reopen"],this.page=2,this.gridState={sort:[],skip:0,take:14},this.distinctDeptdata=[{text:"Grex Tech Support Level 3",value:"Grex Tech Support Level 3"},{text:"Grex Provisioning",value:"Grex Provisioning"},{text:"Sumo Retention Team",value:"Sumo Retention Team"},{text:"Sumo Sales",value:"Sumo Sales"},{text:"Sumo Credit Team",value:"Sumo Credit Team"},{text:"Sumo Customer Service",value:"Sumo Customer Service"},{text:"Sumo TIO Ombudsman",value:"Sumo TIO Ombudsman"},{text:"Sumo Operations",value:"Sumo Operations"},{text:"Grex Tech Support Level 2",value:"Grex Tech Support Level 2"},{text:"Customer Feedback - No Action Required",value:"Customer Feedback - No Action Required"}],this.agentEmail=localStorage.getItem("agent_name"),this.selectedtickettype="Post Reply",this.StatusTicket="Select Status",this.listStatus=["Open","Closed"],this.resolveStatus=["Open","Resolved","Closed"],this.state={skip:0,take:30,filter:{logic:"and",filters:[{field:"Status",value:"Open",operator:"eq"},{field:"UserEmail",value:localStorage.getItem("username"),operator:"contains"}]}}}return t.prototype.ngOnDestroy=function(){void 0!==this.myTicketComp&&this.myTicketComp.unsubscribe()},t.prototype.categoryFilters=function(t){return vr(t).map(function(t){return t.value})},t.prototype.ngOnInit=function(){var t=this;this.loading=!0,$(".ticketClass .close").click(),this.agentEmail.includes("@thegrexgroup.com")?(this.roleAuthorizationProvisioning=!0,this.listTicketType=["Post Internal Note","Post Reply"]):this.agentEmail.includes("@thegrexgroup.com")||(this.roleAuthorizationProvisioning=!1,this.listTicketType=["Post Reply"]),this.myTicketComp=this._customers.fetchAllCustTicket(this.state).subscribe(function(e){t.loading=!1,t.query=e,t.TicketData=t.query.data,t.TicketData.forEach(function(t){t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName),null!==t.DisputeFlag||null!==t.TioFlag?t.Complainttype="Yes":t.Complainttype="No",t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),e.data=e.data.map(function(t){return t})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.loading=!1,t.ticketopened=!0})},t.prototype.getDetails=function(t){var e=this;this.loading=!0,this.myTicketComp=this._customers.getAllMyTicketsdetails(t).subscribe(function(t){for(var r in e.loading=!1,13==t.DeptId||2==t.DeptId?e.resolve=!0:e.resolve=!1,null!==t.InternalNotes&&void 0!==t.InternalNotes&&t.InternalNotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),t)t.hasOwnProperty(r)&&("PostReplyNotes"===r&&(e.replynotes=t[r]),"InternalNotes"===r&&(e.internalreplynotes=t[r]));e.replynotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1,$(".ticketClass .close").click(),this.ticketopened=!1},t.prototype.actionTicket=function(t,e){var r=this;$(".ticketClass .close").click(),"Post Reply"===e.listTicketType?this.myTicketComp=this._customers.postreplyData(t,e).subscribe(function(t){r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)}):"Post Internal Note"===e.listTicketType&&(this.myTicketComp=this._customers.postStatus(t,e).subscribe(function(n){r.myTicketComp=r._customers.internalnoteData(t,e).subscribe(function(t){r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})}))},t.prototype.deptcategoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"DeptName",operator:"eq",value:t}}),logic:"or"})},t.prototype.statuscategoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"Status",operator:"eq",value:t}}),logic:"or"})},t.prototype.rowCallback=function(t){var e=t.index%2==0;return{even:e,odd:!e}},t.prototype.editHandler=function(t){var e=t.dataItem;this.editDataItem=e,this.isNew=!1},t.prototype.addHandler=function(){this.editDataItem=new Ce,this.isNew=!0},t.prototype.cancelHandler=function(){this.editDataItem=void 0},t.prototype.saveHandler=function(t){this.loading=!0,this.editService.save(t,this.isNew),this.editDataItem=void 0},t.prototype.removeHandler=function(t){var e=t.dataItem;this.editService.remove(e)},t.prototype.onSelect=function(t){"0"!==t.selectedRows[0].dataItem.CustomerId&&(sessionStorage.setItem("customerId",t.selectedRows[0].dataItem.CustomerId),this.router.navigate(["./customers",t.selectedRows[0].dataItem.CustomerId]))},t.prototype.clearAll=function(){$("form.k-filter-menu button[type='reset']").click()},t.prototype.dataStateChange=function(t){var e=this;this.state=t,this.loading=!0,this.myTicketComp=this._customers.fetchAllCustTicket(this.state).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,e.TicketData.forEach(function(t){t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName),null!==t.DisputeFlag||null!==t.TioFlag?t.Complainttype="Yes":t.Complainttype="No"}),t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.onChange=function(t){var e=this;this.loading=!0,this.state={skip:0,take:30,filter:{logic:"and",filters:[{field:"Status",value:t,operator:"eq"},{field:"UserEmail",value:localStorage.getItem("username"),operator:"contains"}]}},this.myTicketComp=this._customers.fetchAllCustTicket(this.state).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,e.TicketData.forEach(function(t){t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName),null!==t.DisputeFlag||null!==t.TioFlag?t.Complainttype="Yes":t.Complainttype="No"}),t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t=br([Object(o.n)({selector:"app-my-tickets",encapsulation:o._13.None,template:r("ZQge"),styles:[r("jmNm")]}),fr("design:paramtypes",[x.a,x.b,ee])],t)}(),wr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},xr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Sr=function(t){return t.filter(function(t,e,r){return r.findIndex(function(e){return e.NewDevelopmentsChargeApplies===t.NewDevelopmentsChargeApplies})===e})},Dr=function(){function t(t){this.orders=t,this.dialogOpened=!1,this.roles=JSON.parse(localStorage.getItem("roles")),this.state={skip:0,take:30}}return t.prototype.ngOnDestroy=function(){void 0!==this.newOrderComp&&this.newOrderComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"PROVISIONING_EDIT"!==this.roles||(this.roleAuthorizationProvisioning=!0,this.roleAuthorizationView=!1),"PROVISIONING_VIEW"===this.roles&&(this.roleAuthorizationProvisioning=!1,this.roleAuthorizationView=!0),this.loading=!0,this.newOrderComp=this.orders.fetchNewOrders(this.state).subscribe(function(e){t.loading=!1,t.neworderlist=e;var r=e.data;r.forEach(function(t){t.Items.forEach(function(e){null!==e.ProductExternalName?e.ProductExternalName.includes("ADSL")?(t.ServiceType,t.ServiceClassFilter="<html><body><p>ADSL"):(t.ServiceType,t.ServiceClassFilter="<html><body><p>NBN"):t.ServiceClassFilter="<html><body><p>","Voice"===e.ProductType&&(t.ServiceClassFilter=t.ServiceClassFilter+", "+e.ProductType)}),t.ServiceClassFilter+="</p></body></html>",t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("YYYY/MM/DD"),t.OrderedDate=new Date(t.OrderedDate),t.Phone=t.Customer.Phone,t.FullName=t.Customer.FirstName+" "+t.Customer.LastName,t.CustomerId=t.Customer.Id}),t.newOrders=r,t.distinctDeptdata=Sr(t.newOrders)},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message),t.loading=!1})},t.prototype.action=function(t){"No"===t?this.dialogOpened=!1:"Yes"===t&&(this.dialogOpened=!1,this.placeOrder(this.orderId,"dialog",t))},t.prototype.nameConverter=function(t){var e=t.split(" ");return t="",e.forEach(function(e){t+=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()+" "}),t},t.prototype.placeOrder=function(t,e,r){var n=this,o={Id:t,ProvisioningStatus:{Status:3,StatusDate:new Date}};this.orderId=t,this[e+"Opened"]=!0,"Yes"===r&&(this[e+"Opened"]=!1,this.newOrderComp=this.orders.placeOrderService(t,o).subscribe(function(t){n.ngOnInit()},function(t){0==t.status?n.noInternet=!0:(n.apiError=!0,n.errorMsg=t.message)}))},t.prototype.issue=function(t){var e=this,r={Id:t,ProvisioningStatus:{Status:20,StatusDate:new Date}};this.newOrderComp=this.orders.orderIssueService(t,r).subscribe(function(t){e.ngOnInit()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.rowCallback=function(t){var e=new Date,r=z(t.dataItem.OrderedDate).isBefore(e,"day");return{delayed:r,notdelayed:!r}},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.dataStateChange=function(t){var e=this;this.state=t,this.loading=!0,this.newOrderComp=this.orders.fetchNewOrders(this.state).subscribe(function(t){e.loading=!1,e.neworderlist=t;var r=t.data;r.forEach(function(t){t.Items.forEach(function(e){null!==e.ProductExternalName?e.ProductExternalName.includes("ADSL")?(t.ServiceType,t.ServiceClassFilter="<html><body><p>ADSL"):(t.ServiceType,t.ServiceClassFilter="<html><body><p>NBN"):t.ServiceClassFilter="<html><body><p>","Voice"===e.ProductType&&(t.ServiceClassFilter=t.ServiceClassFilter+", "+e.ProductType)}),t.ServiceClassFilter+="</p></body></html>",t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("YYYY/MM/DD"),t.OrderedDate=new Date(t.OrderedDate),t.Phone=t.Customer.Phone,t.FullName=t.Customer.FirstName+" "+t.Customer.LastName,t.CustomerId=t.Customer.Id}),e.newOrders=r,e.distinctDeptdata=Sr(e.newOrders)},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1})},t=wr([Object(o.n)({selector:"app-new-orders",template:r("5kod"),styles:[r("qF69")]}),xr("design:paramtypes",[gt])],t)}(),Tr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Ir=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Cr=function(){function t(t){this.http=t,this._url=T,this.accessToken=localStorage.getItem("access_token")}return t.prototype.errorHandler=function(t){return Jt.a.throw(t.message||"Server Error")},t.prototype.getAllNotes=function(){return this.http.get(this._url+"customernotes").catch(function(t){return Jt.a.throw(t)})},t.prototype.getCustomerNotes=function(t){return this.http.get(this._url+"customernotes?custId="+t)},t=Tr([Object(o.B)(),Ir("design:paramtypes",[i.b])],t)}(),Nr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Mr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Or=function(){function t(t,e,r){this.route=t,this.router=e,this._customers=r,this.state={skip:0,take:18}}return t.prototype.ngAfterViewChecked=function(){},t.prototype.ngOnInit=function(){var t=this;$(".noteTab").addClass("active"),this.loadingGrid=!0,this.notesComp=this._customers.getAllNotes().subscribe(function(e){t.loadingGrid=!1,t.allNotes=e,t.test(),t.allNotes.forEach(function(t){t.FullName=t.CustomerFirstName+" "+t.CustomerLastName,t.Created=z(t.Created).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.CustomerId=String(t.CustomerId),null!==t.Notes&&(t.SubNotes=t.Notes.substring(0,50)+" ...")},function(e){return t.errorMsg=e.error.error_description})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.test=function(){this.gridData=Object(pt.f)(this.allNotes,this.state)},t.prototype.dataStateChange=function(t){this.state=t,this.gridData=Object(pt.f)(this.allNotes,this.state)},t.prototype.onSelect=function(t){this.customerId=t.selectedRows[0].dataItem.CustomerId,this.router.navigate(["./customers",this.customerId])},t.prototype.rowCallbacknotes=function(t){var e=t.index%2==0;return{even:e,odd:!e}},t.prototype.ngOnDestroy=function(){void 0!==this.notesComp&&void 0!==this.notesComp&&this.notesComp.unsubscribe()},t=Nr([Object(o.n)({selector:"app-notes",encapsulation:o._13.None,template:r("MX8g"),styles:[r("8Uvv")]}),Mr("design:paramtypes",[x.a,x.b,Cr])],t)}(),Pr=r("qnWB"),Ar=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Fr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Er=function(){function t(t){this.listCust=t,this.mondayapp=[],this.tuesdayapp=[],this.wedapp=[],this.thurapp=[],this.friapp=[],this.satapp=[],this.sunapp=[],this.mondaypending=[],this.tuesdaypending=[],this.wedpending=[],this.thurspending=[],this.fripending=[],this.satpending=[],this.sunpending=[],this.blockedUsers=[],this.showSpinnerImage=!0,this.graphdata=[],this.graphdataweekly=[],this.pendingData=[],this.approvedData=[],this.nbnCustList=[],this.finalNbnListFive=[],this.finalNbnListTen=[],this.adslCustList=[],this.finalAdslListFive=[],this.finalAdslListTen=[],this.shapedUsers=[],this.finalOnHold=[],this.finalOnHoldFive=[],this.onHold=[],this.graphapprovecount=0,this.graphapprovedecline=0,this.monapprovecount=0,this.tuesapprovecount=0,this.wedapprovecount=0,this.thursapprovecount=0,this.friapprovecount=0,this.monpendingcount=0,this.tuespendingcount=0,this.wedpendingcount=0,this.thurspendingcount=0,this.fripendingcount=0,this.satpendingcount=0,this.sunpendingcount=0,this.satapprovecount=0,this.sunapprovecount=0}return t.prototype.ngOnDestroy=function(){void 0!==this.opsdashboardComp&&this.opsdashboardComp.unsubscribe()},t.prototype.ngOnInit=function(){this.plotPaymentGraphs(),this.orderProgressReport()},t.prototype.plotPaymentGraphs=function(){for(var t=this,e=z(),r=e.clone().startOf("isoWeek"),n=(e.clone().endOf("isoWeek"),e.clone().subtract(1,"weeks").startOf("isoWeek")),o=(e.clone().subtract(1,"weeks").endOf("isoWeek"),[]),a=[],i=0;i<=6;i++)a.push(z(r).add(i,"days"));for(i=0;i<=6;i++)o.push(z(n).add(i,"days"));this.opsdashboardComp=this.listCust.getCustomersPayment().subscribe(function(e){var r=e.filter(function(t){return"approved"===t.Status}),n=[{field:"PrincipalAmount",aggregate:"sum"}],o=Object(pt.a)(r,n);"undefined"!=o.PrincipalAmount&&null!=o.PrincipalAmount&&""!=o.PrincipalAmount&&(t.graphapprovecount=o.PrincipalAmount.sum),t.approvedCount=t.graphapprovecount.toFixed(2);var i=e.filter(function(t){return"declined"===t.Status});t.declinedCount=i.length;var s=Object(pt.a)(i,n);t.graphapprovedecline=s.PrincipalAmount.sum,t.declinedCount=t.graphapprovedecline.toFixed(2),t.graphdata.push({Status:"Approved",Total:t.approvedCount,color:"green"}),t.graphdata.push({Status:"Declined",Total:t.declinedCount,color:"red"}),r.forEach(function(e){if(!0===z(e.LastModified).isSameOrAfter(a[0])&&!0===z(e.LastModified).isSameOrBefore(a[6])){var r=z(e.LastModified).isoWeekday();e.Amount=e.PrincipalAmount,1===r&&t.mondayapp.push(e),2===r&&t.tuesdayapp.push(e),3===r&&t.wedapp.push(e),4===r&&t.thurapp.push(e),5===r&&t.friapp.push(e),6===r&&t.satapp.push(e),7===r&&t.sunapp.push(e)}});var l=[{field:"Amount",aggregate:"sum"}],d=Object(pt.a)(t.mondayapp,l),c=Object(pt.a)(t.tuesdayapp,l),u=Object(pt.a)(t.wedapp,l),p=Object(pt.a)(t.thurapp,l),k=Object(pt.a)(t.friapp,l),m=Object(pt.a)(t.satapp,l),g=Object(pt.a)(t.sunapp,l);"undefined"!=d.Amount&&null!=d.Amount&&""!=d.Amount&&(t.monapprovecount=d.Amount.sum),"undefined"!=c.Amount&&null!=c.Amount&&""!=c.Amount&&(t.tuesapprovecount=c.Amount.sum),"undefined"!=u.Amount&&null!=u.Amount&&""!=u.Amount&&(t.wedapprovecount=u.Amount.sum),"undefined"!=p.Amount&&null!=p.Amount&&""!=p.Amount&&(t.thursapprovecount=p.Amount.sum),"undefined"!=k.Amount&&null!=k.Amount&&""!=k.Amount&&(t.friapprovecount=k.Amount.sum),"undefined"!=m.Amount&&null!=m.Amount&&""!=m.Amount&&(t.satapprovecount=m.Amount.sum),"undefined"!=g.Amount&&null!=g.Amount&&""!=g.Amount&&(t.sunapprovecount=g.Amount.sum),t.monApprovedPaymentCount=t.monapprovecount.toFixed(2),t.tueApprovedPaymentCount=t.tuesapprovecount.toFixed(2),t.wedApprovedPaymentCount=t.wedapprovecount.toFixed(2),t.thuApprovedPaymentCount=t.thursapprovecount.toFixed(2),t.friApprovedPaymentCount=t.friapprovecount.toFixed(2),t.satApprovedPaymentCount=t.satapprovecount.toFixed(2),t.sunApprovedPaymentCount=t.sunapprovecount.toFixed(2),t.approvedData.push(t.monApprovedPaymentCount,t.tueApprovedPaymentCount,t.wedApprovedPaymentCount,t.thuApprovedPaymentCount,t.friApprovedPaymentCount,t.satApprovedPaymentCount,t.sunApprovedPaymentCount),i.forEach(function(e){if(!0===z(e.LastModified).isSameOrAfter(a[0])&&!0===z(e.LastModified).isSameOrBefore(a[6])){var r=z(e.LastModified).isoWeekday();1===r&&t.mondaypending.push(e),2===r&&t.tuesdaypending.push(e),3===r&&t.wedpending.push(e),4===r&&t.thurspending.push(e),5===r&&t.fripending.push(e),6===r&&t.satpending.push(e),7===r&&t.sunpending.push(e)}});var h=[{field:"Amount",aggregate:"sum"}],b=Object(pt.a)(t.mondaypending,h),f=Object(pt.a)(t.tuesdaypending,h),v=Object(pt.a)(t.wedpending,h),y=Object(pt.a)(t.thurspending,h),w=Object(pt.a)(t.fripending,h),x=Object(pt.a)(t.satpending,h),S=Object(pt.a)(t.sunpending,h);"undefined"!=b.Amount&&null!=b.Amount&&""!=b.Amount&&(t.monpendingcount=b.Amount.sum),"undefined"!=f.Amount&&null!=f.Amount&&""!=f.Amount&&(t.tuespendingcount=f.Amount.sum),"undefined"!=v.Amount&&null!=v.Amount&&""!=v.Amount&&(t.wedpendingcount=v.Amount.sum),"undefined"!=y.Amount&&null!=y.Amount&&""!=y.Amount&&(t.thurspendingcount=y.Amount.sum),"undefined"!=w.Amount&&null!=w.Amount&&""!=w.Amount&&(t.fripendingcount=w.Amount.sum),"undefined"!=x.Amount&&null!=x.Amount&&""!=x.Amount&&(t.satpendingcount=x.Amount.sum),"undefined"!=S.Amount&&null!=S.Amount&&""!=S.Amount&&(t.sunpendingcount=S.Amount.sum),isNaN(t.monpendingcount)&&(t.monpendingcount=0),isNaN(t.tuespendingcount)&&(t.tuespendingcount=0),t.monPendingPaymentCount=t.monpendingcount.toFixed(2),t.tuePendingPaymentCount=t.tuespendingcount.toFixed(2),t.wedPendingPaymentCount=t.wedpendingcount.toFixed(2),t.thuPendingPaymentCount=t.thurspendingcount.toFixed(2),t.friPendingPaymentCount=t.fripendingcount.toFixed(2),t.satPendingPaymentCount=t.satpendingcount.toFixed(2),t.sunPendingPaymentCount=t.sunpendingcount.toFixed(2),t.pendingData.push(t.monPendingPaymentCount,t.tuePendingPaymentCount,t.wedPendingPaymentCount,t.thuPendingPaymentCount,t.friPendingPaymentCount,t.satPendingPaymentCount,t.sunPendingPaymentCount)},function(t){})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.orderProgressReport=function(){var t=this;this.opsdashboardComp=this.listCust.getUsers().subscribe(function(e){t.showSpinnerImage=!1,t.shapedUsers=e[0],t.finalNbnListFive=e[1],t.finalAdslListTen=e[2],t.finalOnHoldFive=e[3],t.blockedUsers=e[4],t.shapedUsers.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY"),"Invalid date"===t.Date&&(t.Date="")}),t.blockedUsers.forEach(function(t){t.Date=z(t.Date).tz("Australia/Sydney").format("DD-MM-YYYY"),"Invalid date"===t.Date&&(t.Date="")}),t.finalNbnListFive.forEach(function(t){t.OrderDate=z(t.OrderDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY")}),t.finalAdslListTen.forEach(function(t){t.OrderDate=z(t.OrderDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY")}),t.finalOnHoldFive.forEach(function(t){t.OrderDate=z(t.OrderDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY")})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.exportoverdue=function(t){var e=this,r=[];this.opsdashboardComp=this.listCust.getCustomersPayment().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){r.push(t)}),e.PaymentData=r,t.data=r,t.saveAsExcel()})},t.prototype.exportChart=function(){this.chart.exportSVG().then(function(t){Object(Pr.a)(t,"chart.svg")})},Ar([Object(o._10)("chart"),Fr("design:type",u.a)],t.prototype,"chart",void 0),t=Ar([Object(o.n)({selector:"app-ops-dashboard",template:r("iUBE"),styles:[r("yjPD")]}),Fr("design:paramtypes",[Be])],t)}(),Yr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Rr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Lr=function(){function t(t,e,r){this.router=t,this.orders=e,this.ticketService=r,this.dialogOpened=!1,this.success={CustomerId:"",Notes:"",CallType:""},this.roles=JSON.parse(localStorage.getItem("roles"))}return t.prototype.ngOnDestroy=function(){void 0!==this.orderpendingComp&&this.orderpendingComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.loadingGrid=!0,this.orderpendingComp=this.orders.getOrders("OrderOnHoldMissingInfo").subscribe(function(e){t.loadingGrid=!1,t.newOrders=e,e.length>0?e.forEach(function(t){!0===t.NewDevelopmentsChargeApplies?t.NewDevelopmentsChargeApplies="Yes":!1===t.NewDevelopmentsChargeApplies&&(t.NewDevelopmentsChargeApplies="No"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("YYYY-MM-DD"),t.OrderedDate=new Date(t.OrderedDate),t.BillingId=t.BillingId.toString()}):t.loadingGrid=!1},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"PROVISIONING_EDIT"!==this.roles||(this.roleAuthorizationProvisioning=!0,this.roleAuthorizationView=!1),this.TechSupportL3Sub=A,"PROVISIONING_VIEW"===this.roles&&(this.roleAuthorizationProvisioning=!1,this.roleAuthorizationView=!0)},t.prototype.edit=function(t){sessionStorage.setItem("LineId",t.LineId),this.router.navigate(["./editOrder"])},t.prototype.nameConverter=function(t){var e=t.split(" ");return t="",e.forEach(function(e){t+=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()+" "}),t},t.prototype.placeOrder=function(t){var e=this,r={Id:t,ProvisioningStatus:{Status:3,StatusDate:new Date}};this.orderpendingComp=this.orders.placeOrderService(t,r).subscribe(function(t){},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.rowCallback=function(t){var e=new Date,r=z(t.dataItem.OrderedDate).isBefore(e,"day");return{delayed:r,notdelayed:!r}},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.open=function(t){this.editCustomerData=t.dataItem,this.dialogOpened=!0},t.prototype.topicChange=function(t){79==t?(this.TechSupportSub=V,this.billingEnquiry=!1):31==t?(this.TechSupportSub=Q,this.billingEnquiry=!1):80==t?(this.TechSupportSub=K,this.billingEnquiry=!1):81==t?(this.TechSupportSub=Z,this.billingEnquiry=!1):105==t?(this.TechSupportSub=dt,this.billingEnquiry=!1):106==t?(this.TechSupportSub=ct,this.billingEnquiry=!1):107==t?(this.TechSupportSub=ut,this.billingEnquiry=!1):this.billingEnquiry=18==t||104==t},t.prototype.optionChange=function(){this.subject=""},t.prototype.action=function(t,e){var r=this;if(this.loadingGrid=!0,this.dialogOpened=!1,"yes"===e){var n={};n.email=localStorage.getItem("agent_name"),localStorage.getItem("agent_name")?n.name=localStorage.getItem("agent_name"):n.name=localStorage.getItem("username"),n.subject=t.subject,n.deptId=13,n.topicId=t.topicId,n.staffemail=null,n.CustomerId=Number.parseInt(this.editCustomerData.BillingId,10),n.message="data:text/html,<html><body><div>Customer Id: "+this.editCustomerData.BillingId+"<br />Customer Name: "+this.editCustomerData.Name+"<br />Customer Phone: "+this.editCustomerData.Contact+"<br />Issue: "+t.message+"</div></body></html>",this.orderpendingComp=this.ticketService.putCustomerData(n).subscribe(function(t){r.loadingGrid=!1,r.success.CallType="General Notes",r.success.Notes="Ticket added successfully: "+t,r.success.CustomerId=r.editCustomerData.BillingId,r.orderpendingComp=r.ticketService.addNote(r.success).subscribe(function(t){r.returnedId=t,r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})}},t=Yr([Object(o.n)({selector:"app-order-pending",template:r("S//X"),styles:[r("fuuT")]}),Rr("design:paramtypes",[x.b,gt,vt])],t)}(),_r=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},zr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Br=function(t){var e=(t||{}).filters;return e?e.reduce(function(t,e){return t.concat(e.filters?Br(e):[e])},[]):[]},Wr=function(){function t(t,e,r){this.router=t,this.orders=e,this.ticketService=r,this.dialogOpened=!1,this.success={CustomerId:"",Notes:"",CallType:""},this.roles=JSON.parse(localStorage.getItem("roles"))}return t.prototype.ngOnDestroy=function(){void 0!==this.orderPlacedcOMP&&this.orderPlacedcOMP.unsubscribe()},t.prototype.categoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"Status",operator:"eq",value:t}}),logic:"or"})},t.prototype.categoryFilters=function(t){return Br(t).map(function(t){return t.value})},t.prototype.ngOnInit=function(){var t=this;this.loadingGrid=!0,this.orderPlacedcOMP=this.orders.getPlacedOrders("").subscribe(function(e){t.newOrders=e,t.loadingGrid=!1,e.forEach(function(t){!0===t.NewDevelopmentsChargeApplies?t.NewDevelopmentsChargeApplies="Yes":!1===t.NewDevelopmentsChargeApplies&&(t.NewDevelopmentsChargeApplies="No"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("YYYY-MM-DD"),t.OrderedDate=new Date(t.OrderedDate),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("YYYY-MM-DD"),t.StatusDate=new Date(t.StatusDate),t.BillingId=t.BillingId.toString()}),t.distinctCategories=function(t){return t.map(function(t){return t.Status}).filter(function(t,e,r){return r.findIndex(function(e){return e.Status===t.Status})===e})}(e),t.categories=function(t){return t.filter(function(t,e,r){return r.findIndex(function(e){return e.Status===t.Status})===e})}(e)},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"PROVISIONING_EDIT"!==this.roles||(this.roleAuthorizationProvisioning=!0,this.roleAuthorizationView=!1),this.TechSupportL3Sub=A,"PROVISIONING_VIEW"===this.roles&&(this.roleAuthorizationProvisioning=!1,this.roleAuthorizationView=!0)},t.prototype.nameConverter=function(t){var e=t.split(" ");return t="",e.forEach(function(e){t+=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()+" "}),t},t.prototype.issue=function(t){var e=this,r={Id:t,ProvisioningStatus:{Status:20,StatusDate:new Date}};this.orderPlacedcOMP=this.orders.orderIssueService(t,r).subscribe(function(t){e.ngOnInit()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.edit=function(t){sessionStorage.setItem("LineId",t.LineId),this.router.navigate(["./editOrder"])},t.prototype.placeOrder=function(t){var e=this,r={Id:t,ProvisioningStatus:{Status:3,StatusDate:new Date}};this.orderPlacedcOMP=this.orders.placeOrderService(t,r).subscribe(function(t){},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.rowCallback=function(t){var e=z(new Date),r=z(t.dataItem.StatusDate);if(e.diff(r,"days")>=7)var n=!0;else n=!1;return{delayed:n,notdelayed:!n}},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.open=function(t){this.editCustomerData=t.dataItem,this.dialogOpened=!0},t.prototype.topicChange=function(t){79==t?(this.TechSupportSub=V,this.billingEnquiry=!1):31==t?(this.TechSupportSub=Q,this.billingEnquiry=!1):80==t?(this.TechSupportSub=K,this.billingEnquiry=!1):81==t?(this.TechSupportSub=Z,this.billingEnquiry=!1):105==t?(this.TechSupportSub=dt,this.billingEnquiry=!1):106==t?(this.TechSupportSub=ct,this.billingEnquiry=!1):107==t?(this.TechSupportSub=ut,this.billingEnquiry=!1):this.billingEnquiry=18==t||104==t},t.prototype.optionChange=function(){this.subject=""},t.prototype.action=function(t,e){var r=this;if(this.loadingGrid=!0,this.dialogOpened=!1,"yes"===e){var n={};n.email=localStorage.getItem("agent_name"),localStorage.getItem("agent_name")?n.name=localStorage.getItem("agent_name"):n.name=localStorage.getItem("username"),n.subject=t.subject,n.deptId=13,n.topicId=t.topicId,n.staffemail=null,n.CustomerId=Number.parseInt(this.editCustomerData.BillingId,10),n.message="data:text/html,<html><body><div>Customer Id: "+this.editCustomerData.BillingId+"<br />Customer Name: "+this.editCustomerData.Name+"<br />Customer Phone: "+this.editCustomerData.Contact+"<br />Issue: "+t.message+"</div></body></html>",this.orderPlacedcOMP=this.ticketService.putCustomerData(n).subscribe(function(t){r.success.CallType="General Notes",r.success.Notes="Ticket added successfully: "+t,r.success.CustomerId=r.editCustomerData.BillingId,r.orderPlacedcOMP=r.ticketService.addNote(r.success).subscribe(function(t){r.returnedId=t,r.ngOnInit()},function(t){r.errorMsg=t.message})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})}},t=_r([Object(o.n)({selector:"app-order-placed",template:r("Ufmb"),styles:[r("5nag")]}),zr("design:paramtypes",[x.b,gt,vt])],t)}(),Hr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},qr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Ur=function(){function t(t,e,r,n){this.router=t,this._customers=e,this.route=r,this.fb=n,this.errorMsg="",this.successMsg=""}return t.prototype.ngOnInit=function(){},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.updatePassword=function(t){var e=this;this.oldPassword=this.oldPassword.trim(),this.newPassword=this.newPassword.trim(),this.confirmPassword=this.confirmPassword.trim(),this.oldPassword=encodeURIComponent(this.oldPassword),this.newPassword=encodeURIComponent(this.newPassword),this.confirmPassword=encodeURIComponent(this.confirmPassword),this.newPassword!==this.confirmPassword?(this.successMsg="",this.errorMsg="The new password and confirmation password do not match."):this.newPassword.length<7?(this.successMsg="",this.errorMsg="The New password must be at least 6 characters long."):this.passwordComp=this._customers.updatepassword(t).subscribe(function(t){e.returnedId=t,e.errorMsg="",e.successMsg="Password Changed Successfully.",e.successMsg.includes("Successfully")&&setTimeout(function(){e.router.navigate(["./login"])},3e3)},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.successMsg="",e.errorMsg=t.error.Message)})},t.prototype.ngOnDestroy=function(){void 0!==this.passwordComp&&this.passwordComp.unsubscribe()},t=Hr([Object(o.n)({selector:"app-password",template:r("yKXi"),styles:[r("C/um")]}),qr("design:paramtypes",[x.b,vt,x.a,s.a])],t)}(),jr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Gr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Vr=function(){function t(t,e){this.listCust=t,this._cust=e,this.adslCustList=[],this.missingInfo=[],this.total=[],this.nbnCustList=[],this.showSpinnerImage=!0}return t.prototype.ngOnDestroy=function(){void 0!==this.provdashboardComp&&this.provdashboardComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this,e=z(new Date);this.provdashboardComp=this._cust.getActivationData().subscribe(function(r){t.showSpinnerImage=!1,r.forEach(function(r){if(r.Products.length>0){for(var n=0,o=r.Products;n<o.length;n++){var a=o[n];1===a.ProductType&&(r.Status=a.Status,r.StatusDate=a.StatusDate,r.StatusReason=a.StatusReason,r.Diff=e.diff(z(a.StatusDate),"days")),r.Servicecharge=a.TotalAccessFee,r.Name=a.ProductInternalName,r.Type=a.ProductType}r.StatusDate=z(r.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.OrderedDate=z(r.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.serviceClassType=t.calculateServiceClass(r.ServiceClass,a.ProductInternalName)}}),t.missingInfo=r.filter(function(t){return"OrderOnHoldMissingInfo"===t.Status}),t.ordercomplete=r.filter(function(t){return"OrderComplete"===t.Status}),t.orderreceive=r.filter(function(t){return"OrderReceived"===t.Status}),t.orderunablecomplete=r.filter(function(t){return"OrderUnableToComplete"===t.Status}),t.nbnCustList=r.filter(function(t){return"FTTP"===t.serviceClassType||"FTTN"===t.serviceClassType||"FW"===t.serviceClassType||"Satellite"===t.serviceClassType||"HFC"===t.serviceClassType||"FTTC"===t.serviceClassType}),t.adslCustList=r.filter(function(t){return"ADSL"===t.serviceClassType}),t.nbnCustList1=t.nbnCustList.filter(function(t){return"OrderInProgress"===t.Status}),t.adslCustList1=t.adslCustList.filter(function(t){return"OrderInProgress"===t.Status});var n=t.nbnCustList1.filter(function(t){return t.Diff>10});t.nbn=n.length;var o=t.adslCustList1.filter(function(t){return t.Diff>10});t.adsl=o.length,t.progress=[{category:"NBN",value:t.nbn},{category:"ADSL",value:t.adsl}];var a=t.nbnCustList1.filter(function(t){return t.Diff>5});t.nbn1=a.length;var i=t.adslCustList1.filter(function(t){return t.Diff>5});t.adsl1=i.length,t.fiveprogress=[{category:"NBN",value:t.nbn1},{category:"ADSL",value:t.adsl1}],t.fttpCustList=r.filter(function(t){return"FTTP"===t.serviceClassType}),t.fttnCustList=r.filter(function(t){return"FTTN"===t.serviceClassType}),t.fWCustList=r.filter(function(t){return"FW"===t.serviceClassType}),t.hfcCustList=r.filter(function(t){return"HFC"===t.serviceClassType}),t.fttpCustList1=t.fttpCustList.filter(function(t){return"OrderInProgress"===t.Status}),t.fttnCustList1=t.fttnCustList.filter(function(t){return"OrderInProgress"===t.Status}),t.fWCustList1=t.fWCustList.filter(function(t){return"OrderInProgress"===t.Status}),t.hfcCustList1=t.hfcCustList.filter(function(t){return"OrderInProgress"===t.Status});var s=t.fttpCustList1.filter(function(t){return t.Diff>5});t.fttpfive=s.length;var l=t.fttnCustList1.filter(function(t){return t.Diff>5});t.fttnfive=l.length;var d=t.fWCustList1.filter(function(t){return t.Diff>5});t.fwfive=d.length;var c=t.hfcCustList1.filter(function(t){return t.Diff>5});t.hfcfive=c.length,t.progressotherfive=[{category:"FTTP",value:t.fttpfive},{category:"FTTN",value:t.fttnfive},{category:"HFC",value:t.hfcfive},{category:"FW",value:t.fwfive}];var u=t.fttpCustList1.filter(function(t){return t.Diff>10});t.fttpten=u.length;var p=t.fttnCustList1.filter(function(t){return t.Diff>10});t.fttnten=p.length;var k=t.fWCustList1.filter(function(t){return t.Diff>10});t.fwten=k.length;var m=t.hfcCustList1.filter(function(t){return t.Diff>10});t.hfcten=m.length,t.fiveprogressother=[{category:"FTTP",value:t.fttpten},{category:"FTTN",value:t.fttnten},{category:"HFC",value:t.hfcten},{category:"FW",value:t.fwten}],t.adslcompleteCustList=t.adslCustList.filter(function(t){return"OrderComplete"===t.Status}),t.fttpcompleteCustList=t.fttpCustList.filter(function(t){return"OrderComplete"===t.Status}),t.fttncompleteCustList=t.fttnCustList.filter(function(t){return"OrderComplete"===t.Status}),t.fWcompleteCustList=t.fWCustList.filter(function(t){return"OrderComplete"===t.Status}),t.hfccompleteCustList=t.hfcCustList.filter(function(t){return"OrderComplete"===t.Status}),t.adslcomplete=t.adslcompleteCustList.length,t.fttpcomplete=t.fttpcompleteCustList.length,t.fttncomplete=t.fttncompleteCustList.length,t.fwcomplete=t.fWcompleteCustList.length,t.hfccomplete=t.hfccompleteCustList.length,t.completeservice=[{category:"FTTP",value:t.fttpcomplete},{category:"FTTN",value:t.fttncomplete},{category:"HFC",value:t.hfccomplete},{category:"FW",value:t.fwcomplete},{category:"ADSL",value:t.adslcomplete}],t.total=t.ordercomplete.length,t.receive=t.orderreceive.length,t.unablecount=t.orderunablecomplete.length},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.calculateServiceClass=function(t,e){return 1===t||2===t||3===t?"FTTP":10===t||11===t||12===t||13===t?"FTTN":4===t||5===t||6===t?"FW":7===t||8===t||9===t?"Satellite":20===t||21===t||22===t||23===t||24===t?"HFC":30===t||31===t||32===t||33===t||34===t?"FTTC":e.includes("ADSL")?"ADSL":e.includes("Home Wireless Broadband")?"HWB":e.includes("MBB")?"MBB":void 0},t=jr([Object(o.n)({selector:"app-prov-dashboard",template:r("9J4D"),styles:[r("lK+p")]}),Gr("design:paramtypes",[Be,vt])],t)}(),$r=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Qr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Kr=function(){function t(t,e,r,n){this._bills=t,this._ticket=e,this._report=r,this._customer=n,this.tempstatus=[],this.showSpinnerImage=!0,this.statusFTTP=[],this.statusFTTN=[],this.statusFW=[],this.statusSatellite=[],this.statusHFC=[],this.statusFTTC=[],this.opened=!1,this.statusOrderReceived=[],this.statusTestOrder=[],this.statusOrderOnHoldCoolingOff=[],this.statusOrderOnHoldPendingPayment=[],this.statusOrderOnHoldDelayed=[],this.statusOrderCancelled=[],this.statusOrderInProgress=[],this.statusOrderComplete=[],this.statusOrderOnHoldMissingInfo=[],this.statusOrderUnableToComplete=[],this.statusProductTerminated=[],this.statusAppointmentReAllocated=[],this.statusAppointmentAllocated=[],this.sumTotal=0,this.sum=0,this.listItems=[{text:"January",value:1},{text:"February",value:2},{text:"March",value:3},{text:"April",value:4},{text:"May",value:5},{text:"June",value:6},{text:"July",value:7},{text:"August",value:8},{text:"September",value:9},{text:"October",value:10},{text:"November",value:11},{text:"December",value:12},{text:"",value:0}],this.selectedActivation=z(new Date).month()+1,this.selectedActivationVoice=z(new Date).month()+1,this.selectedApproved=z(new Date).month()+1,this.selectedDraft=z(new Date).month()+1,this.selectedSuspended=z(new Date).month()+1,this.selectedNBN_ADSL=z(new Date).month()+1,this.selectedTicket=z(new Date).month()+1,this.selectedTicketDept=z(new Date).month()+1,this.selectedVOIP=z(new Date).month()+1,this.selectedservicecharge=z(new Date).month()+1,this.selectedtechnology=z(new Date).month()+1,this.selectedchannel=z(new Date).month()+1,this.selectedagent=z(new Date).month()+1,this.selectedorderwithdrawn=z(new Date).month()+1,this.selectedorderstatus=z(new Date).month()+1,this.selectedActivationtimeline=z(new Date).month()+1,this.selectedMonthlysale=z(new Date).month()+1,this.selectedPayments=z(new Date).month()+1,this.selectedOutstanding=z(new Date).month()+1,this.selectedModemSales=z(new Date).month()+1,this.selectedModemCharges=z(new Date).month()+1,this.selectedBilling=z(new Date).month()+1,this.selectedCustomer=z(new Date).month()+1,this.selectedcredits=z(new Date).month()+1,this.selectedcancellations=z(new Date).month()+1,this.selectedDiscount=z(new Date).month()+1,this.selectedmonthOrder=z(new Date).month()+1,this.selectedyearOrder=z(new Date).year(),this.selectedMonthOutstanding=z(new Date).month()+1,this.selectedMonthYearOverdue=z(new Date).year(),this.Year=[2017,2018,2019,2020],this.selectedMonth=0,this.selectedYearActivation=z(new Date).year(),this.selectedYearActivationTo=z(new Date).year(),this.selectedYearBilling=z(new Date).year(),this.selectedYearDraft=z(new Date).year(),this.selectedYearSuspended=z(new Date).year(),this.selectedYearDiscounts=z(new Date).year(),this.selectedYearTerminations=z(new Date).year(),this.selectedYearCredits=z(new Date).year(),this.selectedYearCustomer=z(new Date).year(),this.selectedYearMonthlybill=z(new Date).year(),this.selectedYearModem=z(new Date).year(),this.selectedYearSales=z(new Date).year(),this.selectedYearOverdue=z(new Date).year(),this.selectedYearPayments=z(new Date).year(),this.selectedYearTechnology=z(new Date).year(),this.selectedYearconnection=z(new Date).year(),this.selectedYearstatus=z(new Date).year(),this.selectedYearWithdrawn=z(new Date).year(),this.selectedYearAgent=z(new Date).year(),this.selectedYearChannel=z(new Date).year(),this.selectedYearTechnologysale=z(new Date).year(),this.selectedYearData=z(new Date).year(),this.selectedYearVOIP=z(new Date).year(),this.selectedYearTicketing=z(new Date).year(),this.selectedYearTicketingde=z(new Date).year(),this.selectedYearADSL=z(new Date).year(),this.ServiceTypeData=[],this.monthlyServicesaleData=[],this.monthlyServicedeptData=[],this.OrderReceived=0,this.TestOrder=0,this.OrderOnHoldCoolingOff=0,this.OrderOnHoldPendingPayment=0,this.OrderOnHoldDelayed=0,this.OrderCancelled=0,this.OrderInProgress=0,this.OrderComplete=0,this.OrderOnHoldMissingInfo=0,this.OrderUnableToComplete=0,this.ProductTerminated=0,this.AppointmentReAllocated=0,this.AppointmentAllocated=0,this._url=T,this.aggregates=[{field:"Total",aggregate:"sum"}],this.dummydata=[],this.salesChargeData=[],this.selectedActivationTo=z(new Date).month()+1,this.dataProductcount=0,this.voiceProductcount=0,this.purchaseProductcount=0,this.listItemsReport=["Daily","Weekly","Date Range"],this.listitemTo="Select Report",this.state={},this.categoryAxis={max:new Date(2e3,1,0),maxDivisions:10},this.valueAxis={labels:{format:"#.00"}}}return t.prototype.ngOnInit=function(){this.showSpinnerImage=!1},t.prototype.close=function(t){this.opened=!1,this.apiError=!1,this.noInternet=!1},t.prototype.calculateServiceClass=function(t,e){return 1===t||2===t||3===t?"FTTP":10===t||11===t||12===t||13===t?"FTTN":4===t||5===t||6===t?"FW":7===t||8===t||9===t?"Satellite":20===t||21===t||22===t||23===t||24===t?"HFC":30===t||31===t||32===t||33===t||34===t?"FTTC":e.includes("ADSL")?"ADSL":e.includes("Home Wireless Broadband")?"HWB":e.includes("MBB")?"MBB":void 0},t.prototype.exportActivationDaily=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];1===a.ProductType&&(t.Plan=a.ProductInternalName,t.Status=a.Status,t.ProductActivatedDate=a.ProductActivatedDate,t.StatusDate=a.StatusDate,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName));var i=z(t.ProductActivatedDate),s=z(new Date);i.diff(s,"days");i.isSame(s,"days")&&1===a.ProductType&&"OrderComplete"===a.Status&&!t.CustomerName.includes("test")&&(t.ProductActivatedDate=z(t.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.billActivationDataDaily=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportReceivedDaily=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n],i=z(a.StatusDate),s=z(new Date);1===a.ProductType&&"OrderReceived"===a.Status&&i.isSame(s,"days")&&!t.CustomerName.includes("test")&&(t.Plan=a.ProductInternalName,t.Status=a.Status,t.StatusDate=a.StatusDate,t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.receivedDataDaily=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportActivation=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n],i=parseInt(z(a.ProductActivatedDate).month())+1,s=parseInt(z(a.ProductActivatedDate).year());i!==e.selectedActivation||s!==e.selectedYearActivation||1!==a.ProductType||"OrderComplete"!==a.Status||t.CustomerName.includes("test")||(t.ProductActivatedDate=a.ProductActivatedDate,t.StatusDate=a.StatusDate,t.Plan=a.ProductInternalName,t.Status=a.Status,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.ProductActivatedDate=z(t.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.billActivationData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportActivationRange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n],i=parseInt(z(a.ProductActivatedDate).month())+1,s=parseInt(z(a.ProductActivatedDate).year()),l=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",d=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",c=s+"-"+i+"-01",u=new Date(l),p=new Date(d),k=new Date(c);+k<=+p&&+k>=+u&&1===a.ProductType&&"OrderComplete"===a.Status&&!t.CustomerName.includes("test")&&(t.ProductActivatedDate=a.ProductActivatedDate,t.StatusDate=a.StatusDate,t.Plan=a.ProductInternalName,t.Status=a.Status,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.ProductActivatedDate=z(t.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.billActivationData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportVoiceActivation=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"}]}}).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){t.Order.forEach(function(n){n.Item.forEach(function(n){var o=parseInt(z(n.ActivatedDate).month())+1,a=parseInt(z(n.ActivatedDate).year());t.ProductActivatedDate=n.ActivatedDate,t.NBNTERM=n.NbnTerminationDate,t.StatusDate=n.StatusDate,t.Plan=n.ProductExternalName,t.Status=n.Status,t.ServiceType=t.ServiceClassType,o===e.selectedActivation&&a===e.selectedYearActivation&&2===n.ProductType&&"OrderComplete"===n.Status&&(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.ProductActivatedDate=z(t.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})})}),r=e.getUnique(r,"FullName"),e.voiceActivationData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportVoiceActivationRange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"}]}}).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){t.Order.forEach(function(n){n.Item.forEach(function(n){var o=parseInt(z(n.ActivatedDate).month())+1,a=parseInt(z(n.ActivatedDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);+u<=+c&&+u>=+d&&2===n.ProductType&&"OrderComplete"===n.Status&&(t.ProductActivatedDate=n.ActivatedDate,t.StatusDate=n.StatusDate,t.Plan=n.ProductExternalName,t.Status=n.Status,t.ServiceType=t.ServiceClassType,t.ProductActivatedDate=z(t.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t))})})}),r=e.getUnique(r,"FullName"),e.voiceActivationData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportDailyVoiceActivation=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"}]}}).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){t.Order.forEach(function(n){n.Item.forEach(function(n){var o=parseInt(z(n.ActivatedDate).month())+1,a=parseInt(z(n.ActivatedDate).year());if(o===e.selectedActivation&&a===e.selectedYearActivation&&2===n.ProductType&&"OrderComplete"===n.Status){t.ProductActivatedDate=n.ActivatedDate,t.StatusDate=n.StatusDate,t.Plan=n.ProductExternalName,t.Status=n.Status,t.ServiceType=t.ServiceClassType;var i=z(t.ProductActivatedDate),s=z(new Date);i.diff(s,"days");i.isSame(s,"days")&&(t.ProductActivatedDate=z(t.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t))}})})}),r=e.getUnique(r,"FullName"),e.dailyvoiceActivationData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.getUnique=function(t,e){return t.map(function(t){return t[e]}).map(function(t,e,r){return r.indexOf(t)===e&&e}).filter(function(e){return t[e]}).map(function(e){return t[e]})},t.prototype.exportPromoDiscount=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"}]}}).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){t.CustomerId=t.CustomerId,t.CustomerName=t.FullName;for(var n=0,o=t.Order;n<o.length;n++){var a=o[n];if(a.Item.find(function(t){return 1===t.ProductType})){var i=a.Item.find(function(t){return 1===t.ProductType});t.ServiceType=e.calculateServiceClass(a.ServiceClass,i.ProductExternalName)}}t.Order.forEach(function(n){var o=parseInt(z(n.OrderedDate).month())+1,a=parseInt(z(n.OrderedDate).year());n.Item.forEach(function(i){i.ProductExternalName.includes("Promotional")&&o===e.selectedDiscount&&a===e.selectedYearDiscounts&&(t.Status=i.Status,"OrderComplete"===t.Status?t.CurrentStatus="Active":"OrderCancelled"===t.Status?t.CurrentStatus="Inactive":"ProductTerminated"===t.Status?t.CurrentStatus="Inactive":t.CurrentStatus="",t.Plan=i.ProductExternalName,t.StatusDate=i.StatusDate,t.OrderedDate=z(n.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})})}),r=e.getUnique(r,"CustomerId"),e.promodiscountdata=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportpromodiscountrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"}]}}).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){t.CustomerId=t.CustomerId,t.CustomerName=t.FullName;for(var n=0,o=t.Order;n<o.length;n++){var a=o[n];if(a.Item.find(function(t){return 1===t.ProductType})){var i=a.Item.find(function(t){return 1===t.ProductType});t.ServiceType=e.calculateServiceClass(a.ServiceClass,i.ProductExternalName)}}t.Order.forEach(function(n){var o=parseInt(z(n.OrderedDate).month())+1,a=parseInt(z(n.OrderedDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);n.Item.forEach(function(e){e.ProductExternalName.includes("Promotional")&&+u<=+c&&+u>=+d&&(t.Status=e.Status,"OrderComplete"===t.Status?t.CurrentStatus="Active":"OrderCancelled"===t.Status?t.CurrentStatus="Inactive":"ProductTerminated"===t.Status?t.CurrentStatus="Inactive":t.CurrentStatus="",t.Plan=e.ProductExternalName,t.StatusDate=e.StatusDate,t.OrderedDate=z(n.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})})}),r=e.getUnique(r,"CustomerId"),e.promodiscountdata=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportdiscount=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"}]}}).subscribe(function(n){e.showSpinnerImage=!1,e.tempMyrecord={},n.data.forEach(function(t){t.CustomerId=t.CustomerId,t.CustomerName=t.FullName;for(var n=0,o=t.Order;n<o.length;n++){var a=o[n];if(a.Item.find(function(t){return 1===t.ProductType})){var i=a.Item.find(function(t){return 1===t.ProductType});t.ServiceType=e.calculateServiceClass(a.ServiceClass,i.ProductExternalName)}}t.Order.forEach(function(n){var o=parseInt(z(n.OrderedDate).month())+1,a=parseInt(z(n.OrderedDate).year());n.Item.forEach(function(i){i.ProductExternalName.includes("Bundle Discount")&&o===e.selectedDiscount&&a===e.selectedYearDiscounts&&(t.Status=i.Status,"OrderComplete"===t.Status?t.CurrentStatus="Active":"OrderCancelled"===t.Status?t.CurrentStatus="Inactive":"ProductTerminated"===t.Status?t.CurrentStatus="Inactive":t.CurrentStatus="",t.Plan=i.ProductExternalName,t.StatusDate=i.StatusDate,t.OrderedDate=z(n.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})})}),r=e.getUnique(r,"CustomerId"),e.discountData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportdiscountrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"}]}}).subscribe(function(n){e.showSpinnerImage=!1,e.tempMyrecord={},n.data.forEach(function(t){t.CustomerId=t.CustomerId,t.CustomerName=t.FullName;for(var n=0,o=t.Order;n<o.length;n++){var a=o[n];if(a.Item.find(function(t){return 1===t.ProductType})){var i=a.Item.find(function(t){return 1===t.ProductType});t.ServiceType=e.calculateServiceClass(a.ServiceClass,i.ProductExternalName)}}t.Order.forEach(function(n){var o=parseInt(z(n.OrderedDate).month())+1,a=parseInt(z(n.OrderedDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);n.Item.forEach(function(e){e.ProductExternalName.includes("Bundle Discount")&&+u<=+c&&+u>=+d&&(t.Status=e.Status,"OrderComplete"===t.Status?t.CurrentStatus="Active":"OrderCancelled"===t.Status?t.CurrentStatus="Inactive":"ProductTerminated"===t.Status?t.CurrentStatus="Inactive":t.CurrentStatus="",t.Plan=e.ProductExternalName,t.StatusDate=e.StatusDate,t.OrderedDate=z(n.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})})}),r=e.getUnique(r,"CustomerId"),e.discountData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportdatacharge=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.OrderedDate).month())+1,o=parseInt(z(t.OrderedDate).year());t.Products.forEach(function(a){n!==e.selectedservicecharge||o!==e.selectedYearData||1!==a.ProductType||t.CustomerName.includes("test")||(t.Plan=a.ProductInternalName,t.Discount=a.TotalAccessFee,t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})}),r=e.getUnique(r,"CustomerId"),e.datatotal=r.length,e.dataChargeData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportsalescharge=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=parseInt(z(t.OrderedDate).month())+1,o=parseInt(z(t.OrderedDate).year()),a=0,i=t.Products;a<i.length;a++){var s=i[a];t.ProductType=s.ProductType,t.Servicecharge=s.TotalAccessFee+s.TotalSetupFee,1===t.ProductType?t.ProductName="Data":2===t.ProductType?t.ProductName="VOIP":4===t.ProductType&&(t.ProductName="Purchase"),n!==e.selectedNBN_ADSL||o!==e.selectedYearADSL||t.CustomerName.includes("test")||(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}});var o=r.filter(function(t){return 1===t.ProductType}),a=r.filter(function(t){return 2===t.ProductType}),i=r.filter(function(t){return 4===t.ProductType}),s=[{field:"Servicecharge",aggregate:"sum"}];e.totaldata=Object(pt.a)(o,s),e.voicedata=Object(pt.a)(a,s),e.purchasedata=Object(pt.a)(i,s),"undefined"!=e.totaldata.Servicecharge&&null!=e.totaldata.Servicecharge&&""!=e.totaldata.Servicecharge&&(e.dataProductcount=e.totaldata.Servicecharge.sum),"undefined"!=e.voicedata.Servicecharge&&null!=e.voicedata.Servicecharge&&""!=e.voicedata.Servicecharge&&(e.voiceProductcount=e.voicedata.Servicecharge.sum),"undefined"!=e.purchasedata.Servicecharge&&null!=e.purchasedata.Servicecharge&&""!=e.purchasedata.Servicecharge&&(e.purchaseProductcount=e.purchasedata.Servicecharge.sum),e.dataProductcount="$"+e.dataProductcount.toFixed(2),e.voiceProductcount="$"+e.voiceProductcount.toFixed(2),e.purchaseProductcount="$"+e.purchaseProductcount.toFixed(2),o.length>0&&e.salesChargeData.push({status:o[0].ProductName,counter:e.dataProductcount}),a.length>0&&e.salesChargeData.push({status:a[0].ProductName,counter:e.voiceProductcount}),i.length>0&&e.salesChargeData.push({status:i[0].ProductName,counter:e.purchaseProductcount}),e.salesChargeData.length<1?e.opened=!0:(t.data=e.salesChargeData,t.saveAsExcel())}),this.salesChargeData=[]},t.prototype.exportvoicecharge=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.OrderedDate).month())+1,o=parseInt(z(t.OrderedDate).year());t.Products.forEach(function(a){n!==e.selectedVOIP||o!==e.selectedYearVOIP||2!==a.ProductType||t.CustomerName.includes("test")||(t.Plan=a.ProductInternalName,t.Discount=a.TotalAccessFee,t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})}),r=e.getUnique(r,"CustomerId"),e.voicetotal=r.length,e.voiceChargeData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportconnection=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){t.Products.length>0&&null!==t.OrderedDate&&(e.tempMyrecord={},t.Products.forEach(function(n){1===n.ProductType&&(e.tempMyrecord.OrderedDate=t.OrderedDate,e.tempMyrecord.Plan=n.ProductInternalName,e.tempMyrecord.Status=n.Status,e.tempMyrecord.ProductActivatedDate=n.ProductActivatedDate,e.tempMyrecord.StatusDate=n.StatusDate,e.tempMyrecord.ServiceType=e.calculateServiceClass(t.ServiceClass,n.ProductInternalName),e.tempMyrecord.ProductActivatedDate=null!=n.ProductActivatedDate?z(n.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"):null,e.tempMyrecord.OrderedDate=null!=t.OrderedDate?z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"):null),4===n.ProductType&&(n.ProductInternalName.includes("Netcomm")||n.ProductInternalName.includes("Huawei")?e.tempMyrecord.Modem="Yes":e.tempMyrecord.Modem="No"),2===n.ProductType?e.tempMyrecord.VOIP="Yes":e.tempMyrecord.VOIP="No";var o=parseInt(z(n.ProductActivatedDate).month())+1,a=parseInt(z(n.ProductActivatedDate).year());if(o===e.selectedActivationtimeline&&a===e.selectedYearconnection&&"OrderComplete"===e.tempMyrecord.Status&&!t.CustomerName.includes("test")){var i=z(n.ProductActivatedDate),s=z(t.OrderedDate),l=i.diff(s,"days");e.tempMyrecord.ConnectionTimetaken=l+" days",e.tempMyrecord.CustomerId=t.CustomerId,e.tempMyrecord.CustomerName=t.CustomerName,r.push(e.tempMyrecord)}}))}),r=e.getUnique(r,"CustomerId"),e.billconnectionData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportconnectionRange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){t.Products.length>0&&null!==t.OrderedDate&&(e.tempMyrecord={},t.Products.forEach(function(n){1===n.ProductType&&(e.tempMyrecord.OrderedDate=t.OrderedDate,e.tempMyrecord.Plan=n.ProductInternalName,e.tempMyrecord.Status=n.Status,e.tempMyrecord.ProductActivatedDate=n.ProductActivatedDate,e.tempMyrecord.StatusDate=n.StatusDate,e.tempMyrecord.ServiceType=e.calculateServiceClass(t.ServiceClass,n.ProductInternalName),e.tempMyrecord.ProductActivatedDate=null!=n.ProductActivatedDate?z(n.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"):null,e.tempMyrecord.OrderedDate=null!=t.OrderedDate?z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"):null),4===n.ProductType&&(n.ProductInternalName.includes("Netcomm")||n.ProductInternalName.includes("Huawei")?e.tempMyrecord.Modem="Yes":e.tempMyrecord.Modem="No"),2===n.ProductType?e.tempMyrecord.VOIP="Yes":e.tempMyrecord.VOIP="No";var o=parseInt(z(n.ProductActivatedDate).month())+1,a=parseInt(z(n.ProductActivatedDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);if(+u<=+c&&+u>=+d&&"OrderComplete"===e.tempMyrecord.Status&&!t.CustomerName.includes("test")){var p=z(n.ProductActivatedDate),k=z(t.OrderedDate),m=p.diff(k,"days");e.tempMyrecord.ConnectionTimetaken=m+" days",e.tempMyrecord.CustomerId=t.CustomerId,e.tempMyrecord.CustomerName=t.CustomerName,r.push(e.tempMyrecord)}}))}),r=e.getUnique(r,"CustomerId"),e.billconnectionData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportagent=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){t.Products.length>0&&null!==t.OrderedDate&&t.Products.forEach(function(n){var o=parseInt(z(t.OrderedDate).month())+1,a=parseInt(z(t.OrderedDate).year());1===n.ProductType&&(t.Plan=n.ProductInternalName,t.Status=n.Status,t.ProductActivatedDate=n.ProductActivatedDate,t.StatusDate=n.StatusDate,t.ServiceType=e.calculateServiceClass(t.ServiceClass,n.ProductInternalName)),o!==e.selectedagent||a!==e.selectedYearAgent||t.CustomerName.includes("test")||(t.ProductActivatedDate=null!=n.ProductActivatedDate?z(n.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"):null,t.OrderedDate=null!=t.OrderedDate?z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"):null,r.push(t))})}),r=e.getUnique(r,"CustomerId"),e.agentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportchaanel=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){t.Products.length>0&&null!==t.OrderedDate&&t.Products.forEach(function(n){1===n.ProductType&&(t.Plan=n.ProductInternalName,t.Status=n.Status,t.ProductActivatedDate=n.ProductActivatedDate,t.StatusDate=n.StatusDate,t.ServiceType=e.calculateServiceClass(t.ServiceClass,n.ProductInternalName));var o=parseInt(z(n.OrderedDate).month())+1,a=parseInt(z(n.OrderedDate).year());if(o===e.selectedchannel&&a===e.selectedYearChannel&&!t.CustomerName.includes("test")){var i=z(n.ProductActivatedDate),s=z(t.OrderedDate),l=i.diff(s,"days");t.ConnectionTimetaken=l+" days",t.StatusDate=z(n.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.ProductActivatedDate=z(t.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),"Invalid date"===t.StatusDate&&(t.StatusDate=""),"Invalid date"===t.ProductActivatedDate&&(t.ProductActivatedDate=""),"Invalid date"===t.OrderedDate&&(t.OrderedDate=""),r.push(t)}})}),r=e.getUnique(r,"CustomerId"),e.channeldata=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportActivationPDF=function(t){var e=this,r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){n.forEach(function(t){t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY");for(var n=0,o=t.Products;n<o.length;n++){var a=o[n],i=parseInt(z(a.ProductActivatedDate).month())+1,s=parseInt(z(a.ProductActivatedDate).year());i!==e.selectedActivation||s!==e.selectedYearActivation||"OrderComplete"!==a.Status||t.CustomerName.includes("test")||(t.ProductActivatedDate=a.ProductActivatedDate,1===a.ProductType&&(t.Plan=a.ProductInternalName,t.Status=a.Status,t.Modem="No",t.VOIP="No",t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName)),4===a.ProductType&&(a.ProductInternalName.includes("Netcomm")||a.ProductInternalName.includes("Huawei"))&&(t.Modem="Yes",t.Plan=a.ProductInternalName),2===a.ProductType&&(t.VOIP="Yes",t.Plan=a.ProductInternalName),a.ProductActivatedDate=z(a.ProductActivatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.billActivationData=r,t.data=r,t.saveAsPDF()})},t.prototype.exportApproved=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getAllBills("Approved").subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year());n===e.selectedApproved&&o===e.selectedYearBilling&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"Id"),e.billApprovedData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportApprovedrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getAllBills("Approved").subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&(t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"Id"),e.billApprovedData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportToPDF=function(t){var e=this,r=[];this.reportDashComp=this._bills.getAllBills("Approved").subscribe(function(n){n.forEach(function(t){t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY");var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year());n===e.selectedApproved&&o===e.selectedYearBilling&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"Id"),e.billApprovedData=r,t.data=r,t.saveAsPDF()})},t.prototype.exportDraft=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getAllBills("Draft").subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year());n===e.selectedDraft&&o===e.selectedYearDraft&&(t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"Id"),e.billDraftData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportDraftrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getAllBills("Draft").subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"Id"),e.billDraftData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportPDFDraft=function(t){var e=this,r=[];this.reportDashComp=this._bills.getAllBills("Draft").subscribe(function(n){n.forEach(function(t){t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY");var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year());n===e.selectedDraft&&o===e.selectedYearDraft&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.billDraftData=r,t.data=r,t.saveAsPDF()})},t.prototype.exportSuspended=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getAllBills("Suspended").subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year());n===e.selectedSuspended&&o===e.selectedYearSuspended&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"Id"),e.billSuspendedData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportSuspendedrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getAllBills("Suspended").subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"Id"),e.billSuspendedData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportpdfSuspended=function(t){var e=this,r=[];this.reportDashComp=this._bills.getAllBills("Suspended").subscribe(function(n){n.forEach(function(t){t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY");var n=parseInt(z(t.IssueDate).month())+1,o=parseInt(z(t.IssueDate).year());n===e.selectedSuspended&&o===e.selectedYearSuspended&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.billSuspendedData=r,t.data=r,t.saveAsPDF()})},t.prototype.exportTotalBill=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getTotalBills().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.StartDate).month())+1,o=parseInt(z(t.StartDate).year());n===e.selectedBilling&&o===e.selectedYearMonthlybill&&(t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t),e.countTotal=r.length)}),0!=r.length&&void 0!=r.length||(e.countTotal=0),r=e.getUnique(r,"Id"),e.billtotalData=r,e.total=Object(pt.a)(e.billtotalData,e.aggregates),r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportTotalBillrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getTotalBills().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.StartDate).month())+1,o=parseInt(z(t.StartDate).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&(t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDue=z(t.PaymentDue).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t),e.countTotal=r.length)}),0!=r.length&&void 0!=r.length||(e.countTotal=0),r=e.getUnique(r,"Id"),e.billtotalData=r,e.total=Object(pt.a)(e.billtotalData,e.aggregates),r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportFaultReport=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetchAllCustTicket({filter:{logic:"and",filters:[{field:"DeptName",value:"Grex Tech Support Level",operator:"contains"}]}}).subscribe(function(n){e.showSpinnerImage=!1,e.query=n,e.TicketData=e.query.data,e.TicketData.forEach(function(t){null!==t.TioFlag&&(t.Ctype="TIO"),null!==t.DisputeFlag&&(t.Ctype="Dispute"),t.Age=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),r.push(t)}),r=e.getUnique(r,"TicketNumber"),e.ticketData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportTicketdate=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetchAllCustTicket({}).subscribe(function(n){e.showSpinnerImage=!1,e.query=n,e.TicketData=e.query.data,e.TicketData.forEach(function(t){t.Age=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),r.push(t)}),r=e.getUnique(r,"TicketNumber"),e.ticketData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportcomplaint=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.statecomplaint={filter:{logic:"and",filters:[{field:"TopicName",value:"Escalation",operator:"contains"}]}},this.reportDashComp=this._ticket.fetchAllCustTicket(this.statecomplaint).subscribe(function(n){e.showSpinnerImage=!1,e.query=n,e.TicketData=e.query.data,e.TicketData.forEach(function(t){null!==t.TioFlag&&(t.Ctype="TIO"),null!==t.DisputeFlag&&(t.Ctype="Dispute"),t.Age=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.EstimatedDueDate=z.utc(t.EstimatedDueDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),r.push(t)}),r=e.getUnique(r,"CustomerId"),e.ticketData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportTicket=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetchAllCustTicket({}).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){var n=parseInt(z.utc(t.OstCreatedDate).month())+1,o=parseInt(z.utc(t.OstCreatedDate).year());n===e.selectedTicket&&o===e.selectedYearTicketing&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"TicketNumber"),e.ticketData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportTicketByDepartmentWeekly=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetchAllCustTicket(this.state).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){var n=z.utc(t.OstCreatedDate),o=z(new Date),a=o.diff(n,"days");"Daily"===e.listitemTo?n.isSame(o,"days")&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t)):"Weekly"===e.listitemTo&&a>=0&&a<7&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),e.statusFTTP=r.filter(function(t){return"Grex Tech Support Level 3"===t.DeptName}),e.statusFTTN=r.filter(function(t){return"Grex Provisioning"===t.DeptName}),e.statusFTTC=r.filter(function(t){return"Sumo Retention Team"===t.DeptName}),e.statusADSL=r.filter(function(t){return"Sumo Customer Service"===t.DeptName}),e.statusHWB=r.filter(function(t){return"Sumo Operations"===t.DeptName}),e.statusSales=r.filter(function(t){return"Sumo Sales"===t.DeptName}),e.statusCredit=r.filter(function(t){return"Sumo Credit Team"===t.DeptName}),e.statusTIO=r.filter(function(t){return"Sumo TIO Ombudsman"===t.DeptName}),e.statusL2=r.filter(function(t){return"Grex Tech Support Level 2"===t.DeptName}),e.statusFeedback=r.filter(function(t){return"Customer Feedback -No Action Required"===t.DeptName}),e.statusFTTPOpen=e.statusFTTP.filter(function(t){return"Open"===t.Status}),e.statusFTTNOpen=e.statusFTTN.filter(function(t){return"Open"===t.Status}),e.statusFTTCOpen=e.statusFTTC.filter(function(t){return"Open"===t.Status}),e.statusADSLOpen=e.statusADSL.filter(function(t){return"Open"===t.Status}),e.statusHWBOpen=e.statusHWB.filter(function(t){return"Open"===t.Status}),e.statusSalesOpen=e.statusSales.filter(function(t){return"Open"===t.Status}),e.statusCreditOpen=e.statusCredit.filter(function(t){return"Open"===t.Status}),e.statusTIOOpen=e.statusTIO.filter(function(t){return"Open"===t.Status}),e.statusL2Open=e.statusL2.filter(function(t){return"Open"===t.Status}),e.statusFeedbackOpen=e.statusFeedback.filter(function(t){return"Open"===t.Status}),e.statusFTTPClosed=e.statusFTTP.filter(function(t){return"Closed"===t.Status}),e.statusFTTNClosed=e.statusFTTN.filter(function(t){return"Closed"===t.Status}),e.statusFTTCClosed=e.statusFTTC.filter(function(t){return"Closed"===t.Status}),e.statusADSLClosed=e.statusADSL.filter(function(t){return"Closed"===t.Status}),e.statusHWBClosed=e.statusHWB.filter(function(t){return"Closed"===t.Status}),e.statusSalesClosed=e.statusSales.filter(function(t){return"Closed"===t.Status}),e.statusCreditClosed=e.statusCredit.filter(function(t){return"Closed"===t.Status}),e.statusTIOClosed=e.statusTIO.filter(function(t){return"Closed"===t.Status}),e.statusL2Closed=e.statusL2.filter(function(t){return"Closed"===t.Status}),e.statusFeedbackClosed=e.statusFeedback.filter(function(t){return"Closed"===t.Status}),e.statusFTTPResolved=e.statusFTTP.filter(function(t){return"Resolved"===t.Status}),e.statusFTTNResolved=e.statusFTTN.filter(function(t){return"Resolved"===t.Status}),e.statusFTTCResolved=e.statusFTTC.filter(function(t){return"Resolved"===t.Status}),e.statusADSLResolved=e.statusADSL.filter(function(t){return"Resolved"===t.Status}),e.statusHWBResolved=e.statusHWB.filter(function(t){return"Resolved"===t.Status}),e.statusSalesResolved=e.statusSales.filter(function(t){return"Resolved"===t.Status}),e.statusCreditResolved=e.statusCredit.filter(function(t){return"Resolved"===t.Status}),e.statusTIOResolved=e.statusTIO.filter(function(t){return"Resolved"===t.Status}),e.statusL2Resolved=e.statusL2.filter(function(t){return"Resolved"===t.Status}),e.statusFeedbackResolved=e.statusFeedback.filter(function(t){return"Resolved"===t.Status}),e.statusFTTPReopened=e.statusFTTP.filter(function(t){return"Reopened"===t.Status}),e.statusFTTNReopened=e.statusFTTN.filter(function(t){return"Reopened"===t.Status}),e.statusFTTCReopened=e.statusFTTC.filter(function(t){return"Reopened"===t.Status}),e.statusADSLReopened=e.statusADSL.filter(function(t){return"Reopened"===t.Status}),e.statusHWBReopened=e.statusHWB.filter(function(t){return"Reopened"===t.Status}),e.statusSalesReopened=e.statusSales.filter(function(t){return"Reopened"===t.Status}),e.statusCreditReopened=e.statusCredit.filter(function(t){return"Reopened"===t.Status}),e.statusTIOReopened=e.statusTIO.filter(function(t){return"Reopened"===t.Status}),e.statusL2Reopened=e.statusL2.filter(function(t){return"Reopened"===t.Status}),e.statusFeedbackReopened=e.statusFeedback.filter(function(t){return"Reopened"===t.Status});var o=e.statusFTTP.length,a=e.statusFTTN.length,i=e.statusFTTC.length,s=e.statusADSL.length,l=e.statusHWB.length,d=e.statusSales.length,c=e.statusCredit.length,u=e.statusTIO.length,p=e.statusL2.length,k=e.statusFeedback.length;e.statusFeedback.length>0&&e.monthlyServicedeptData.push({status:e.statusFeedback[0].DeptName,open:e.statusFeedbackOpen.length,closed:e.statusFeedbackClosed.length,resolved:e.statusFeedbackResolved.length,reopened:e.statusFeedbackReopened.length,counter:k}),e.statusL2.length>0&&e.monthlyServicedeptData.push({status:e.statusL2[0].DeptName,open:e.statusL2Open.length,closed:e.statusL2Closed.length,resolved:e.statusL2Resolved.length,reopened:e.statusL2Reopened.length,counter:p}),e.statusFTTP.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTP[0].DeptName,open:e.statusFTTPOpen.length,closed:e.statusFTTPClosed.length,resolved:e.statusFTTPResolved.length,reopened:e.statusFTTPReopened.length,counter:o}),e.statusFTTN.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTN[0].DeptName,open:e.statusFTTNOpen.length,closed:e.statusFTTNClosed.length,resolved:e.statusFTTNResolved.length,reopened:e.statusFTTNReopened.length,counter:a}),e.statusFTTC.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTC[0].DeptName,open:e.statusFTTCOpen.length,closed:e.statusFTTCClosed.length,resolved:e.statusFTTCResolved.length,reopened:e.statusFTTCReopened.length,counter:i}),e.statusADSL.length>0&&e.monthlyServicedeptData.push({status:e.statusADSL[0].DeptName,open:e.statusADSLOpen.length,closed:e.statusADSLClosed.length,resolved:e.statusADSLResolved.length,reopened:e.statusADSLReopened.length,counter:s}),e.statusHWB.length>0&&e.monthlyServicedeptData.push({status:e.statusHWB[0].DeptName,open:e.statusHWBOpen.length,closed:e.statusHWBClosed.length,resolved:e.statusHWBResolved.length,reopened:e.statusHWBReopened.length,counter:l}),e.statusSales.length>0&&e.monthlyServicedeptData.push({status:e.statusSales[0].DeptName,open:e.statusSalesOpen.length,closed:e.statusSalesClosed.length,resolved:e.statusSalesResolved.length,reopened:e.statusSalesReopened.length,counter:d}),e.statusCredit.length>0&&e.monthlyServicedeptData.push({status:e.statusCredit[0].DeptName,open:e.statusCreditOpen.length,closed:e.statusCreditClosed.length,resolved:e.statusCreditResolved.length,reopened:e.statusCreditReopened.length,counter:c}),e.statusTIO.length>0&&e.monthlyServicedeptData.push({status:e.statusTIO[0].DeptName,open:e.statusTIOOpen.length,closed:e.statusTIOClosed.length,resolved:e.statusHWBResolved.length,reopened:e.statusTIOReopened.length,counter:u}),e.monthlyServicedeptData.length<1?e.opened=!0:(t.data=e.monthlyServicedeptData,t.saveAsExcel()),e.monthlyServicedeptData=[]}),$(".close").click()},t.prototype.exportTicketByDepartmentMonthlyRange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetchAllCustTicket(this.state).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){var n=parseInt(z.utc(t.OstCreatedDate).month())+1,o=parseInt(z.utc(t.OstCreatedDate).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),e.statusFTTP=r.filter(function(t){return"Grex Tech Support Level 3"===t.DeptName}),e.statusFTTN=r.filter(function(t){return"Grex Provisioning"===t.DeptName}),e.statusFTTC=r.filter(function(t){return"Sumo Retention Team"===t.DeptName}),e.statusADSL=r.filter(function(t){return"Sumo Customer Service"===t.DeptName}),e.statusHWB=r.filter(function(t){return"Sumo Operations"===t.DeptName}),e.statusSales=r.filter(function(t){return"Sumo Sales"===t.DeptName}),e.statusCredit=r.filter(function(t){return"Sumo Credit Team"===t.DeptName}),e.statusTIO=r.filter(function(t){return"Sumo TIO Ombudsman"===t.DeptName}),e.statusL2=r.filter(function(t){return"Grex Tech Support Level 2"===t.DeptName}),e.statusFeedback=r.filter(function(t){return"Customer Feedback -No Action Required"===t.DeptName}),e.statusFTTPOpen=e.statusFTTP.filter(function(t){return"Open"===t.Status}),e.statusFTTNOpen=e.statusFTTN.filter(function(t){return"Open"===t.Status}),e.statusFTTCOpen=e.statusFTTC.filter(function(t){return"Open"===t.Status}),e.statusADSLOpen=e.statusADSL.filter(function(t){return"Open"===t.Status}),e.statusHWBOpen=e.statusHWB.filter(function(t){return"Open"===t.Status}),e.statusSalesOpen=e.statusSales.filter(function(t){return"Open"===t.Status}),e.statusCreditOpen=e.statusCredit.filter(function(t){return"Open"===t.Status}),e.statusTIOOpen=e.statusTIO.filter(function(t){return"Open"===t.Status}),e.statusL2Open=e.statusL2.filter(function(t){return"Open"===t.Status}),e.statusFeedbackOpen=e.statusFeedback.filter(function(t){return"Open"===t.Status}),e.statusFTTPClosed=e.statusFTTP.filter(function(t){return"Closed"===t.Status}),e.statusFTTNClosed=e.statusFTTN.filter(function(t){return"Closed"===t.Status}),e.statusFTTCClosed=e.statusFTTC.filter(function(t){return"Closed"===t.Status}),e.statusADSLClosed=e.statusADSL.filter(function(t){return"Closed"===t.Status}),e.statusHWBClosed=e.statusHWB.filter(function(t){return"Closed"===t.Status}),e.statusSalesClosed=e.statusSales.filter(function(t){return"Closed"===t.Status}),e.statusCreditClosed=e.statusCredit.filter(function(t){return"Closed"===t.Status}),e.statusTIOClosed=e.statusTIO.filter(function(t){return"Closed"===t.Status}),e.statusL2Closed=e.statusL2.filter(function(t){return"Closed"===t.Status}),e.statusFeedbackClosed=e.statusFeedback.filter(function(t){return"Closed"===t.Status}),e.statusFTTPResolved=e.statusFTTP.filter(function(t){return"Resolved"===t.Status}),e.statusFTTNResolved=e.statusFTTN.filter(function(t){return"Resolved"===t.Status}),e.statusFTTCResolved=e.statusFTTC.filter(function(t){return"Resolved"===t.Status}),e.statusADSLResolved=e.statusADSL.filter(function(t){return"Resolved"===t.Status}),e.statusHWBResolved=e.statusHWB.filter(function(t){return"Resolved"===t.Status}),e.statusSalesResolved=e.statusSales.filter(function(t){return"Resolved"===t.Status}),e.statusCreditResolved=e.statusCredit.filter(function(t){return"Resolved"===t.Status}),e.statusTIOResolved=e.statusTIO.filter(function(t){return"Resolved"===t.Status}),e.statusL2Resolved=e.statusL2.filter(function(t){return"Resolved"===t.Status}),e.statusFeedbackResolved=e.statusFeedback.filter(function(t){return"Resolved"===t.Status}),e.statusFTTPReopened=e.statusFTTP.filter(function(t){return"Reopened"===t.Status}),e.statusFTTNReopened=e.statusFTTN.filter(function(t){return"Reopened"===t.Status}),e.statusFTTCReopened=e.statusFTTC.filter(function(t){return"Reopened"===t.Status}),e.statusADSLReopened=e.statusADSL.filter(function(t){return"Reopened"===t.Status}),e.statusHWBReopened=e.statusHWB.filter(function(t){return"Reopened"===t.Status}),e.statusSalesReopened=e.statusSales.filter(function(t){return"Reopened"===t.Status}),e.statusCreditReopened=e.statusCredit.filter(function(t){return"Reopened"===t.Status}),e.statusTIOReopened=e.statusTIO.filter(function(t){return"Reopened"===t.Status}),e.statusL2Reopened=e.statusL2.filter(function(t){return"Reopened"===t.Status}),e.statusFeedbackReopened=e.statusFeedback.filter(function(t){return"Reopened"===t.Status});var o=e.statusFTTP.length,a=e.statusFTTN.length,i=e.statusFTTC.length,s=e.statusADSL.length,l=e.statusHWB.length,d=e.statusSales.length,c=e.statusCredit.length,u=e.statusTIO.length,p=e.statusL2.length,k=e.statusFeedback.length;e.statusFeedback.length>0&&e.monthlyServicedeptData.push({status:e.statusFeedback[0].DeptName,open:e.statusFeedbackOpen.length,closed:e.statusFeedbackClosed.length,resolved:e.statusFeedbackResolved.length,reopened:e.statusFeedbackReopened.length,counter:k}),e.statusL2.length>0&&e.monthlyServicedeptData.push({status:e.statusL2[0].DeptName,open:e.statusL2Open.length,closed:e.statusL2Closed.length,resolved:e.statusL2Resolved.length,reopened:e.statusL2Reopened.length,counter:p}),e.statusFTTP.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTP[0].DeptName,open:e.statusFTTPOpen.length,closed:e.statusFTTPClosed.length,resolved:e.statusFTTPResolved.length,reopened:e.statusFTTPReopened.length,counter:o}),e.statusFTTN.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTN[0].DeptName,open:e.statusFTTNOpen.length,closed:e.statusFTTNClosed.length,resolved:e.statusFTTNResolved.length,reopened:e.statusFTTNReopened.length,counter:a}),e.statusFTTC.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTC[0].DeptName,open:e.statusFTTCOpen.length,closed:e.statusFTTCClosed.length,resolved:e.statusFTTCResolved.length,reopened:e.statusFTTCReopened.length,counter:i}),e.statusADSL.length>0&&e.monthlyServicedeptData.push({status:e.statusADSL[0].DeptName,open:e.statusADSLOpen.length,closed:e.statusADSLClosed.length,resolved:e.statusADSLResolved.length,reopened:e.statusADSLReopened.length,counter:s}),e.statusHWB.length>0&&e.monthlyServicedeptData.push({status:e.statusHWB[0].DeptName,open:e.statusHWBOpen.length,closed:e.statusHWBClosed.length,resolved:e.statusHWBResolved.length,reopened:e.statusHWBReopened.length,counter:l}),e.statusSales.length>0&&e.monthlyServicedeptData.push({status:e.statusSales[0].DeptName,open:e.statusSalesOpen.length,closed:e.statusSalesClosed.length,resolved:e.statusSalesResolved.length,reopened:e.statusSalesReopened.length,counter:d}),e.statusCredit.length>0&&e.monthlyServicedeptData.push({status:e.statusCredit[0].DeptName,open:e.statusCreditOpen.length,closed:e.statusCreditClosed.length,resolved:e.statusCreditResolved.length,reopened:e.statusCreditReopened.length,counter:c}),e.statusTIO.length>0&&e.monthlyServicedeptData.push({status:e.statusTIO[0].DeptName,open:e.statusTIOOpen.length,closed:e.statusTIOClosed.length,resolved:e.statusHWBResolved.length,reopened:e.statusTIOReopened.length,counter:u}),e.monthlyServicedeptData.length<1?e.opened=!0:(t.data=e.monthlyServicedeptData,t.saveAsExcel()),e.monthlyServicedeptData=[]}),$(".close").click()},t.prototype.exportTicketByDepartmentMonthly=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetchAllCustTicket(this.state).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){var n=parseInt(z.utc(t.OstCreatedDate).month())+1,o=parseInt(z.utc(t.OstCreatedDate).year());n===e.selectedTicketDept&&o===e.selectedYearTicketingde&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),e.statusFTTP=r.filter(function(t){return"Grex Tech Support Level 3"===t.DeptName}),e.statusFTTN=r.filter(function(t){return"Grex Provisioning"===t.DeptName}),e.statusFTTC=r.filter(function(t){return"Sumo Retention Team"===t.DeptName}),e.statusADSL=r.filter(function(t){return"Sumo Customer Service"===t.DeptName}),e.statusHWB=r.filter(function(t){return"Sumo Operations"===t.DeptName}),e.statusSales=r.filter(function(t){return"Sumo Sales"===t.DeptName}),e.statusCredit=r.filter(function(t){return"Sumo Credit Team"===t.DeptName}),e.statusTIO=r.filter(function(t){return"Sumo TIO Ombudsman"===t.DeptName}),e.statusL2=r.filter(function(t){return"Grex Tech Support Level 2"===t.DeptName}),e.statusFeedback=r.filter(function(t){return"Customer Feedback -No Action Required"===t.DeptName}),e.statusFTTPOpen=e.statusFTTP.filter(function(t){return"Open"===t.Status}),e.statusFTTNOpen=e.statusFTTN.filter(function(t){return"Open"===t.Status}),e.statusFTTCOpen=e.statusFTTC.filter(function(t){return"Open"===t.Status}),e.statusADSLOpen=e.statusADSL.filter(function(t){return"Open"===t.Status}),e.statusHWBOpen=e.statusHWB.filter(function(t){return"Open"===t.Status}),e.statusSalesOpen=e.statusSales.filter(function(t){return"Open"===t.Status}),e.statusCreditOpen=e.statusCredit.filter(function(t){return"Open"===t.Status}),e.statusTIOOpen=e.statusTIO.filter(function(t){return"Open"===t.Status}),e.statusL2Open=e.statusL2.filter(function(t){return"Open"===t.Status}),e.statusFeedbackOpen=e.statusFeedback.filter(function(t){return"Open"===t.Status}),e.statusFTTPClosed=e.statusFTTP.filter(function(t){return"Closed"===t.Status}),e.statusFTTNClosed=e.statusFTTN.filter(function(t){return"Closed"===t.Status}),e.statusFTTCClosed=e.statusFTTC.filter(function(t){return"Closed"===t.Status}),e.statusADSLClosed=e.statusADSL.filter(function(t){return"Closed"===t.Status}),e.statusHWBClosed=e.statusHWB.filter(function(t){return"Closed"===t.Status}),e.statusSalesClosed=e.statusSales.filter(function(t){return"Closed"===t.Status}),e.statusCreditClosed=e.statusCredit.filter(function(t){return"Closed"===t.Status}),e.statusTIOClosed=e.statusTIO.filter(function(t){return"Closed"===t.Status}),e.statusL2Closed=e.statusL2.filter(function(t){return"Closed"===t.Status}),e.statusFeedbackClosed=e.statusFeedback.filter(function(t){return"Closed"===t.Status}),e.statusFTTPResolved=e.statusFTTP.filter(function(t){return"Resolved"===t.Status}),e.statusFTTNResolved=e.statusFTTN.filter(function(t){return"Resolved"===t.Status}),e.statusFTTCResolved=e.statusFTTC.filter(function(t){return"Resolved"===t.Status}),e.statusADSLResolved=e.statusADSL.filter(function(t){return"Resolved"===t.Status}),e.statusHWBResolved=e.statusHWB.filter(function(t){return"Resolved"===t.Status}),e.statusSalesResolved=e.statusSales.filter(function(t){return"Resolved"===t.Status}),e.statusCreditResolved=e.statusCredit.filter(function(t){return"Resolved"===t.Status}),e.statusTIOResolved=e.statusTIO.filter(function(t){return"Resolved"===t.Status}),e.statusL2Resolved=e.statusL2.filter(function(t){return"Resolved"===t.Status}),e.statusFeedbackResolved=e.statusFeedback.filter(function(t){return"Resolved"===t.Status}),e.statusFTTPReopened=e.statusFTTP.filter(function(t){return"Reopened"===t.Status}),e.statusFTTNReopened=e.statusFTTN.filter(function(t){return"Reopened"===t.Status}),e.statusFTTCReopened=e.statusFTTC.filter(function(t){return"Reopened"===t.Status}),e.statusADSLReopened=e.statusADSL.filter(function(t){return"Reopened"===t.Status}),e.statusHWBReopened=e.statusHWB.filter(function(t){return"Reopened"===t.Status}),e.statusSalesReopened=e.statusSales.filter(function(t){return"Reopened"===t.Status}),e.statusCreditReopened=e.statusCredit.filter(function(t){return"Reopened"===t.Status}),e.statusTIOReopened=e.statusTIO.filter(function(t){return"Reopened"===t.Status}),e.statusL2Reopened=e.statusL2.filter(function(t){return"Reopened"===t.Status}),e.statusFeedbackReopened=e.statusFeedback.filter(function(t){return"Reopened"===t.Status});var o=e.statusFTTP.length,a=e.statusFTTN.length,i=e.statusFTTC.length,s=e.statusADSL.length,l=e.statusHWB.length,d=e.statusSales.length,c=e.statusCredit.length,u=e.statusTIO.length,p=e.statusL2.length,k=e.statusFeedback.length;e.statusFeedback.length>0&&e.monthlyServicedeptData.push({status:e.statusFeedback[0].DeptName,open:e.statusFeedbackOpen.length,closed:e.statusFeedbackClosed.length,resolved:e.statusFeedbackResolved.length,reopened:e.statusFeedbackReopened.length,counter:k}),e.statusL2.length>0&&e.monthlyServicedeptData.push({status:e.statusL2[0].DeptName,open:e.statusL2Open.length,closed:e.statusL2Closed.length,resolved:e.statusL2Resolved.length,reopened:e.statusL2Reopened.length,counter:p}),e.statusFTTP.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTP[0].DeptName,open:e.statusFTTPOpen.length,closed:e.statusFTTPClosed.length,resolved:e.statusFTTPResolved.length,reopened:e.statusFTTPReopened.length,counter:o}),e.statusFTTN.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTN[0].DeptName,open:e.statusFTTNOpen.length,closed:e.statusFTTNClosed.length,resolved:e.statusFTTNResolved.length,reopened:e.statusFTTNReopened.length,counter:a}),e.statusFTTC.length>0&&e.monthlyServicedeptData.push({status:e.statusFTTC[0].DeptName,open:e.statusFTTCOpen.length,closed:e.statusFTTCClosed.length,resolved:e.statusFTTCResolved.length,reopened:e.statusFTTCReopened.length,counter:i}),e.statusADSL.length>0&&e.monthlyServicedeptData.push({status:e.statusADSL[0].DeptName,open:e.statusADSLOpen.length,closed:e.statusADSLClosed.length,resolved:e.statusADSLResolved.length,reopened:e.statusADSLReopened.length,counter:s}),e.statusHWB.length>0&&e.monthlyServicedeptData.push({status:e.statusHWB[0].DeptName,open:e.statusHWBOpen.length,closed:e.statusHWBClosed.length,resolved:e.statusHWBResolved.length,reopened:e.statusHWBReopened.length,counter:l}),e.statusSales.length>0&&e.monthlyServicedeptData.push({status:e.statusSales[0].DeptName,open:e.statusSalesOpen.length,closed:e.statusSalesClosed.length,resolved:e.statusSalesResolved.length,reopened:e.statusSalesReopened.length,counter:d}),e.statusCredit.length>0&&e.monthlyServicedeptData.push({status:e.statusCredit[0].DeptName,open:e.statusCreditOpen.length,closed:e.statusCreditClosed.length,resolved:e.statusCreditResolved.length,reopened:e.statusCreditReopened.length,counter:c}),e.statusTIO.length>0&&e.monthlyServicedeptData.push({status:e.statusTIO[0].DeptName,open:e.statusTIOOpen.length,closed:e.statusTIOClosed.length,resolved:e.statusHWBResolved.length,reopened:e.statusTIOReopened.length,counter:u}),e.monthlyServicedeptData.length<1?e.opened=!0:(t.data=e.monthlyServicedeptData,t.saveAsExcel()),e.monthlyServicedeptData=[]}),$(".close").click()},t.prototype.exportTicketPDF=function(t){var e=this,r=[];this.reportDashComp=this._ticket.getAllTickets().subscribe(function(n){n.forEach(function(t){var n=parseInt(z(t.Created).month())+1,o=parseInt(z(t.Created).year());n===e.selectedTicket&&o===e.selectedYearTicketing&&(t.Created=z(t.Created).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),t.data=e.ticketData,t.saveAsPDF()})},t.prototype.exportCustomer=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCustomersMasterList().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.FirstName=t.FirstName+" "+t.LastName,t.CreditAmount=0,t.CustCreditsByAgent.length>0&&t.CustCreditsByAgent.forEach(function(e){t.CreditAmount+=e.CreditAmount}),t.ServiceAddressExcel="",null!==t.ServiceAddress.SubAddressNumber&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.SubAddressNumber),null!==t.ServiceAddress.StreetNumber1&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StreetNumber1),null!==t.ServiceAddress.StreetNumber2&&(t.ServiceAddressExcel+="-"+t.ServiceAddress.StreetNumber2),null!==t.ServiceAddress.StreetName&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StreetName),null!==t.ServiceAddress.SubAddressType&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.SubAddressType),null!==t.ServiceAddress.Suburb&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Suburb),null!==t.ServiceAddress.StateCode&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StateCode),null!==t.ServiceAddress.Postcode&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Postcode),null!==t.ServiceAddress.Country&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Country),!0===t.AuthRecurringPayments?t.AutoPay="Yes":t.AutoPay="No",t.Order.length>0){var n=t.Order.find(function(t){return t.OrderedDate});t.OrderedDate=n.OrderedDate,t.SalesPerson=n.SalesPerson,t.Channel=n.Channel,t.month=z(n.OrderedDate).month(),t.month=parseInt(t.month)+1,t.year=z(n.OrderedDate).year();for(var o=0,a=t.Order;o<a.length;o++){var i=a[o];if(t.OpenDate=z(t.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY"),i.Item.find(function(t){return"Data"===t.ProductType})){var s=i.Item.find(function(t){return"Data"===t.ProductType});t.StartDate=s.ActivationDate,t.AccessService=s.ServiceCharge,t.Deactivationdate=s.Deactivationdate,t.serviceClassType=s.TechnologyType,t.SupplierServiceId=s.SupplierServiceId,!0===i.SetupFeesPaid?t.InitialPayment="Yes":t.InitialPayment="No",t.Plan=s.ProductInternalName}else if(i.Item.find(function(t){return"Voice"===t.ProductType})){var l=i.Item.find(function(t){return"Voice"===t.ProductType});t.VOIP=l.ProductInternalName,t.AccessService=l.ServiceCharge}else if(i.Item.find(function(t){return"Purchase"===t.ProductType})){var d=i.Item.find(function(t){return"Purchase"===t.ProductType});t.ModemMake=e.calculateModemType(d.ProductInternalName),t.Discount=d.ProductInternalName,t.AccessService=d.ServiceCharge}}}t.Id=String(t.Id);var c=parseInt(z(t.OrderedDate).month())+1,u=parseInt(z(t.OrderedDate).year());c===e.selectedCustomer&&u===e.selectedYearCustomer&&(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.Deactivationdate=z(t.Deactivationdate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDueDate=z(t.PaymentDueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),"Invalid date"===t.PaymentDueDate&&(t.PaymentDueDate=""),"Invalid date"===t.Deactivationdate&&(t.Deactivationdate=""),"Invalid date"===t.StartDate&&(t.StartDate=""),r.push(t))}),r=e.getUnique(r,"Id"),e.customerData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){e.showSpinnerImage=!1})},t.prototype.calculateModemType=function(t){return t.includes("Netcomm")?"Netcomm":t.includes("Huawei")?"Huawei":"BYO"},t.prototype.exportADSL=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"},{field:"ServiceClassType",value:"ADSL",operator:"eq"}]}}).subscribe(function(n){e.showSpinnerImage=!1,e.tempMyrecord={},n.data.forEach(function(t){t.ServiceType=t.ServiceClassType,"Order Complete"===t.Status?t.CurrentStatus="Active":"Order Cancelled"===t.Status?t.CurrentStatus="Inactive":"Product Terminated"===t.Status?t.CurrentStatus="Inactive":t.CurrentStatus="",t.AccountBalance>0?t.PaymentOverdue="Yes":t.PaymentOverdue="No",t.Order.forEach(function(n){var o=parseInt(z(n.OrderedDate).month())+1,a=parseInt(z(n.OrderedDate).year());n.Item.forEach(function(e){1==e.ProductType&&(t.Plan=e.ProductExternalName)}),o===e.selectedCustomer&&a===e.selectedYearCustomer&&(t.OrderedDate=z(n.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})}),r=e.getUnique(r,"CustomerId"),e.adslData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportadslrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.fetch({filter:{logic:"and",filters:[{field:"FullName",value:"test",operator:"doesnotcontain"},{field:"CustomerId",value:"3",operator:"startswith"},{field:"ServiceClassType",value:"ADSL",operator:"eq"}]}}).subscribe(function(n){e.showSpinnerImage=!1,e.tempMyrecord={},n.data.forEach(function(t){t.ServiceType=t.ServiceClassType,t.CustomerName=t.FullName,"Order Complete"===t.Status?t.CurrentStatus="Active":"Order Cancelled"===t.Status?t.CurrentStatus="Inactive":"Product Terminated"===t.Status?t.CurrentStatus="Inactive":t.CurrentStatus="",t.AccountBalance>0?t.PaymentOverdue="Yes":t.PaymentOverdue="No",t.Order.forEach(function(n){var o=parseInt(z(n.OrderedDate).month())+1,a=parseInt(z(n.OrderedDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);n.Item.forEach(function(e){1==e.ProductType&&(t.Plan=e.ProductExternalName)}),+u<=+c&&+u>=+d&&(t.OrderedDate=z(n.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})}),r=e.getUnique(r,"CustomerId"),e.adslData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportCustomerrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCustomersMasterList().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.CustCreditsByAgent.length>0&&(t.CreditAmount=t.CustCreditsByAgent[0].CreditAmount),t.ServiceAddressExcel="",null!==t.ServiceAddress.SubAddressNumber&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.SubAddressNumber),null!==t.ServiceAddress.StreetNumber1&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StreetNumber1),null!==t.ServiceAddress.StreetNumber2&&(t.ServiceAddressExcel+="-"+t.ServiceAddress.StreetNumber2),null!==t.ServiceAddress.StreetName&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StreetName),null!==t.ServiceAddress.SubAddressType&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.SubAddressType),null!==t.ServiceAddress.Suburb&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Suburb),null!==t.ServiceAddress.StateCode&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.StateCode),null!==t.ServiceAddress.Postcode&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Postcode),null!==t.ServiceAddress.Country&&(t.ServiceAddressExcel+=" "+t.ServiceAddress.Country),t.AccountBalance>0?t.PaymentOverdue="Yes":t.PaymentOverdue="No",!0===t.AuthRecurringPayments?t.AutoPay="Yes":t.AutoPay="No",t.Order.length>0){var n=t.Order.find(function(t){return t.OrderedDate});t.OrderedDate=n.OrderedDate,t.SalesPerson=n.SalesPerson,t.Channel=n.Channel,t.month=z(n.OrderedDate).month(),t.month=parseInt(t.month)+1,t.year=z(n.OrderedDate).year();for(var o=new Date,a=(z(o).year(),0),i=t.Order;a<i.length;a++){var s=i[a];if(t.OpenDate=z(t.OpenDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.FirstName=t.FirstName+" "+t.LastName,s.Item.find(function(t){return"Data"===t.ProductType})){var l=s.Item.find(function(t){return"Data"===t.ProductType});t.Status=l.Status,t.StartDate=l.ActivationDate,t.AccessService=l.ServiceCharge,t.Deactivationdate=l.Deactivationdate,!0===s.SetupFeesPaid?t.InitialPayment="Yes":t.InitialPayment="No",t.Plan=l.ProductInternalName,t.serviceClassType=e.calculateServiceClass(t.ServiceClass,l.ProductInternalName)}else if(s.Item.find(function(t){return"Voice"===t.ProductType})){var d=s.Item.find(function(t){return"Voice"===t.ProductType});t.VOIP=d.ProductInternalName,t.VOIPCharge=d.ServiceCharge}else if(s.Item.find(function(t){return"Purchase"===t.ProductType})){var c=s.Item.find(function(t){return"Purchase"===t.ProductType});t.ModemMake=e.calculateModemType(c.ProductInternalName),t.Discount=c.ProductInternalName,t.Total=c.ServiceCharge}}}t.FirstName=e.nameConverter(t.FirstName),t.Id=String(t.Id);var u=parseInt(z(t.OrderedDate).month())+1,p=parseInt(z(t.OrderedDate).year()),k=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",m=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",g=p+"-"+u+"-01",h=new Date(k),b=new Date(m),f=new Date(g);+f<=+b&&+f>=+h&&(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StartDate=z(t.StartDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.Deactivationdate=z(t.Deactivationdate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDueDate=z(t.PaymentDueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),"Invalid date"===t.Deactivationdate&&(t.Deactivationdate=""),"Invalid date"===t.StartDate&&(t.StartDate=""),r.push(t))}),r=e.getUnique(r,"Id"),e.customerData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exporttechsales=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n],i=parseInt(z(t.OrderedDate).month())+1,s=parseInt(z(t.OrderedDate).year());i!==e.selectedMonthlysale||s!==e.selectedYearTechnology||1!==a.ProductType||t.CustomerName.includes("test")||(t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName),1===a.ProductType&&(t.Plan=a.ProductInternalName,t.Status=a.Status,t.Modem="No",t.VOIP="No"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.technologySaleData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exporttechsalesRange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n],i=parseInt(z(t.OrderedDate).month())+1,s=parseInt(z(t.OrderedDate).year()),l=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",d=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",c=s+"-"+i+"-01",u=new Date(l),p=new Date(d),k=new Date(c);+k<=+p&&+k>=+u&&1===a.ProductType&&!t.CustomerName.includes("test")&&(t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName),1===a.ProductType&&(t.Plan=a.ProductInternalName,t.Modem="No",t.Status=a.Status,t.StatusDate=a.StatusDate,t.VOIP="No"),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.technologySaleData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportmodemsales=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){t.CustomerName=t.FirstName+" "+t.LastName;var n=parseInt(z(t.OrderedDate).month())+1,o=parseInt(z(t.OrderedDate).year());if(t.Products.length>0){var a=t.Products.find(function(t){return t.ProductInternalName});(a.ProductInternalName.includes("Netcomm")||a.ProductInternalName.includes("Huawei"))&&(t.Plan=a.ProductInternalName,t.Fee=a.TotalSetupFee,t.AccessFee=a.TotalAccessFee,t.SetupFee=a.SetupFeePaid,t.Status=a.Status,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName))}n!==e.selectedModemSales||o!==e.selectedYearSales||!0!==t.SetupFee||"OrderComplete"!==t.Status||t.CustomerName.includes("test")||(t.Initial="Yes",r.push(t),t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),e.modemTotal=r.length)}),0!=r.length&&void 0!=r.length||(e.modemTotal=0),r=e.getUnique(r,"CustomerId"),e.modemsaleData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportmodemsalesrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.CustomerName=t.FirstName+" "+t.LastName,t.Products.length>0){var n=t.Products.find(function(t){return t.ProductInternalName});(n.ProductInternalName.includes("Netcomm")||n.ProductInternalName.includes("Huawei"))&&(t.Plan=n.ProductInternalName,t.Fee=n.TotalSetupFee,t.SetupFee=n.SetupFeePaid,t.AccessFee=n.TotalAccessFee,t.Status=n.Status,t.ServiceType=e.calculateServiceClass(t.ServiceClass,n.ProductInternalName))}var o=parseInt(z(t.OrderedDate).month())+1,a=parseInt(z(t.OrderedDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);+u<=+c&&+u>=+d&&!0===t.SetupFee&&"OrderComplete"===t.Status&&!t.CustomerName.includes("test")&&(t.Initial="Yes",t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t),e.modemTotal=r.length)}),0!=r.length&&void 0!=r.length||(e.modemTotal=0),r=e.getUnique(r,"CustomerId"),e.modemsaleData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportcredit=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getCreditlive().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.CreditDate).month())+1,o=parseInt(z(t.CreditDate).year());n!==e.selectedcredits||o!==e.selectedYearCredits||0==t.CreditAmount||t.CustomerName.includes("Test")||(r.push(t),t.CreditDate=z(t.CreditDate).tz("Australia/Sydney").format("DD-MM-YYYY"),e.modemTotal=r.length)}),0!=r.length&&void 0!=r.length||(e.modemTotal=0),r=e.getUnique(r,"Id"),e.creditData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportcreditdaily=function(t){var e=this,r=[];this.reportDashComp=this._report.getCreditlive().subscribe(function(n){n.forEach(function(t){1!=t.IsCredited||t.CustomerName.includes("Test")||r.push(t),t.CreditDate=z(t.CreditDate).tz("Australia/Sydney").format("DD-MM-YYYY")}),r=e.getUnique(r,"Id"),e.creditData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportcreditmanagement=function(t){var e=this,r=[];this.reportDashComp=this._report.getCreditCancel().subscribe(function(n){n.forEach(function(t){t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.BillingDate=z(t.BillingDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDueDate=z(t.PaymentDueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t)}),r=e.getUnique(r,"InvoiceNo"),e.creditManageData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.exportrefunddaily=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getCreditlive().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){0!=t.IsCredited||t.CustomerName.includes("test")||r.push(t),t.CreditDate=z(t.CreditDate).tz("Australia/Sydney").format("DD-MM-YYYY")}),r=e.getUnique(r,"Id"),e.creditData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.hideChange=function(t){this.listitemTo=t,"Date Range"==t?(this.showBtn=!1,this.monthlyTicket=!0):(this.showBtn=!0,this.monthlyTicket=!1),this.selectedActivationTo=0,$("#showmonth").css("display","none"),$("#hidemonth").css("display","inline"),$("#showmonth1").css("display","none"),$("#hidemonth1").css("display","inline"),$("#showmonthdept").css("display","none"),$("#hidemonthdept").css("display","inline")},t.prototype.exportcreditrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getCreditlive().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=z(t.CreditDate),o=z(new Date),a=o.diff(n,"days");"Daily"===e.listitemTo?n.isSame(o,"days")&&(r.push(t),t.CreditDate=z(t.CreditDate).tz("Australia/Sydney").format("DD-MM-YYYY"),e.modemTotal=r.length):"Weekly"===e.listitemTo&&a>=0&&a<7&&(r.push(t),t.CreditDate=z(t.CreditDate).tz("Australia/Sydney").format("DD-MM-YYYY"),e.modemTotal=r.length)}),0!=r.length&&void 0!=r.length||(e.modemTotal=0),r=e.getUnique(r,"Id"),e.creditData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),$(".close").click()},t.prototype.exportcreditrange1=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getCreditlive().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.CreditDate).month())+1,o=parseInt(z(t.CreditDate).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&0!=t.CreditAmount&&(r.push(t),t.CreditDate=z(t.CreditDate).tz("Australia/Sydney").format("DD-MM-YYYY"),e.modemTotal=r.length)}),0!=r.length&&void 0!=r.length||(e.modemTotal=0),r=e.getUnique(r,"Id"),e.creditData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),$(".close").click()},t.prototype.exportTicketRange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetchAllCustTicket({}).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){var n=z.utc(t.OstCreatedDate),o=z(new Date),a=o.diff(n,"days");"Daily"===e.listitemTo?n.isSame(o,"days")&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t)):"Weekly"===e.listitemTo&&a>=0&&a<7&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"TicketNumber"),e.ticketData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),$(".close").click()},t.prototype.exportTicketRange1=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._ticket.fetch(this.state).subscribe(function(n){e.showSpinnerImage=!1,n.data.forEach(function(t){if(t.PostReplyNotes.length>0){var n=t.PostReplyNotes.find(function(t){return t.CreatedByEmail});t.ActionedBy=n.CreatedByEmail}var o=parseInt(z.utc(t.OstCreatedDate).month())+1,a=parseInt(z.utc(t.OstCreatedDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);+u<=+c&&+u>=+d&&(t.Diff=z.utc(t.OstUpdateDate).diff(z.utc(t.OstCreatedDate),"days"),t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"TicketNumber"),e.ticketData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),$(".close").click()},t.prototype.exportmodemdetails=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getModemDetail().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var e=0,n=t.Products;e<n.length;e++){var o=n[e];t.ProductInternalName=o.ProductInternalName,t.SerialNumber=o.SerialNumber,t.TotalAccessFees=o.TotalAccessFee,t.Status=o.Status,t.MacAddress=o.MacAddress,t.ConsignmentNo=o.ConsignmentNo,t.SIM=o.SIM,t.IMEI=o.IMEI,t.MSN=o.MSN,t.ModemType=o.ModemType,!0===t.SetupFeesPaid&&(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}),0!=r.length&&void 0!=r.length||(e.modemTotal=0),r=e.getUnique(r,"CustomerId"),e.modemdetailData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.exportoverdue=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getTotalOverdueBills().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=new Date;if(!0===z(t.PaymentDueDate).isBefore(n,"day")){var o=parseInt(z(t.PaymentDueDate).month())+1,a=parseInt(z(t.PaymentDueDate).year());o===e.selectedOutstanding&&a===e.selectedYearOverdue&&"Yes"===t.PaymentOverdue&&(t.PaymentDueDate=z(t.PaymentDueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.BillingDate=z(t.BillingDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDate=z(t.PaymentDate).tz("Australia/Sydney").format("DD-MM-YYYY"),"Invalid date"===t.PaymentDate&&(t.PaymentDate=""),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.PaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.exportoverduerange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._bills.getTotalOverdueBills().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=new Date;if(!0===z(t.PaymentDueDate).isBefore(n,"day")){var o=parseInt(z(t.PaymentDueDate).month())+1,a=parseInt(z(t.PaymentDueDate).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);+u<=+c&&+u>=+d&&"Yes"===t.PaymentOverdue&&(t.PaymentDueDate=z(t.PaymentDueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.IssueDate=z(t.IssueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.BillingDate=z(t.BillingDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.PaymentDate=z(t.PaymentDate).tz("Australia/Sydney").format("DD-MM-YYYY"),"Invalid date"===t.PaymentDate&&(t.PaymentDate=""),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.PaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),$(".close").click()},t.prototype.exportInitialpayment=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];!0===a.SetupFeePaid?t.InitialPayment="Yes":t.InitialPayment="No",1!==a.ProductType||"OrderOnHoldPendingPayment"!==a.Status||t.CustomerName.includes("test")||(t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName),t.Plan=a.ProductInternalName,t.Discount=a.TotalAccessFee,t.Status=a.Status,t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}),r=e.getUnique(r,"CustomerId"),e.InitialpaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.exportFailedpayment=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCustomersPayment().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY"),"approved"!==t.Status&&"approved*"!==t.Status&&r.push(t)}),r=e.getUnique(r,"CustomerId"),e.InitialfailedpaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.exportOrder=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];1===a.ProductType&&(t.Status=a.Status)}var i=parseInt(z(t.OrderedDate).month())+1,s=parseInt(z(t.OrderedDate).year());i!==e.selectedorderstatus||s!==e.selectedYearstatus||t.CustomerName.includes("test")||(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),e.statusOrderReceived=r.filter(function(t){return"OrderReceived"===t.Status}),e.statusOrderOnHoldCoolingOff=r.filter(function(t){return"OrderOnHoldCoolingOff"===t.Status}),e.statusOrderOnHoldPendingPayment=r.filter(function(t){return"OrderOnHoldPendingPayment"===t.Status}),e.statusOrderOnHoldDelayed=r.filter(function(t){return"OrderOnHoldDelayed"===t.Status}),e.statusOrderCancelled=r.filter(function(t){return"OrderCancelled"===t.Status}),e.statusOrderOnHoldMissingInfo=r.filter(function(t){return"OrderOnHoldMissingInfo"===t.Status}),e.statusOrderInProgress=r.filter(function(t){return"OrderInProgress"===t.Status}),e.statusOrderComplete=r.filter(function(t){return"OrderComplete"===t.Status}),e.statusOrderUnableToComplete=r.filter(function(t){return"OrderUnableToComplete"===t.Status}),e.statusProductTerminated=r.filter(function(t){return"statusProductTerminated"===t.Status}),e.statusAppointmentReAllocated=r.filter(function(t){return"statusAppointmentReAllocated"===t.Status}),e.statusAppointmentAllocated=r.filter(function(t){return"statusAppointmentAllocated"===t.Status});var o=e.statusOrderReceived.length,a=e.statusOrderOnHoldCoolingOff.length,i=e.statusOrderOnHoldPendingPayment.length,s=e.statusOrderOnHoldDelayed.length,l=e.statusOrderCancelled.length,d=e.statusOrderOnHoldMissingInfo.length,c=e.statusOrderInProgress.length,u=e.statusOrderComplete.length,p=e.statusOrderUnableToComplete.length,k=e.statusProductTerminated.length,m=e.statusAppointmentReAllocated.length,g=e.statusAppointmentAllocated.length;e.statusOrderReceived.length>0&&e.ServiceTypeData.push({status:e.statusOrderReceived[0].Status,counter:o}),e.statusOrderOnHoldCoolingOff.length>0&&e.ServiceTypeData.push({status:e.statusOrderOnHoldCoolingOff[0].Status,counter:a}),e.statusOrderOnHoldPendingPayment.length>0&&e.ServiceTypeData.push({status:e.statusOrderOnHoldPendingPayment[0].Status,counter:i}),e.statusOrderOnHoldDelayed.length>0&&e.ServiceTypeData.push({status:e.statusOrderOnHoldDelayed[0].Status,counter:s}),e.statusOrderCancelled.length>0&&e.ServiceTypeData.push({status:e.statusOrderCancelled[0].Status,counter:l}),e.statusOrderOnHoldMissingInfo.length>0&&e.ServiceTypeData.push({status:e.statusOrderOnHoldMissingInfo[0].Status,counter:d}),e.statusOrderInProgress.length>0&&e.ServiceTypeData.push({status:e.statusOrderInProgress[0].Status,counter:c}),e.statusOrderComplete.length>0&&e.ServiceTypeData.push({status:e.statusOrderComplete[0].Status,counter:u}),e.statusOrderUnableToComplete.length>0&&e.ServiceTypeData.push({status:e.statusOrderUnableToComplete[0].Status,counter:p}),e.statusProductTerminated.length>0&&e.ServiceTypeData.push({status:e.statusProductTerminated[0].Status,counter:k}),e.statusAppointmentReAllocated.length>0&&e.ServiceTypeData.push({status:e.statusAppointmentReAllocated[0].Status,counter:m}),e.statusAppointmentAllocated.length>0&&e.ServiceTypeData.push({status:e.statusAppointmentAllocated[0].Status,counter:g}),e.ServiceTypeData.length<1?e.opened=!0:(t.data=e.ServiceTypeData,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),this.ServiceTypeData=[]},t.prototype.exportdailypayment=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCustomersPayment().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){"approved"===t.Status?t.Status="Approved":"declined"===t.Status?t.Status="Declined":"pending"===t.Status?t.Status="Pending":"voided"===t.Status?t.Status="Voided":"approved*"===t.Status&&(t.Status="Approved*"),t.CustomerName.includes("test")||(t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.dailypaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.exportmonthlydailypayment=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCustomersPayment().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){"approved"===t.Status?t.Status="Approved":"declined"===t.Status?t.Status="Declined":"pending"===t.Status?t.Status="Pending":"voided"===t.Status?t.Status="Voided":"approved*"===t.Status&&(t.Status="Approved*");var n=parseInt(z(t.LastModified).month())+1,o=parseInt(z(t.LastModified).year());n===e.selectedMonthOutstanding&&o===e.selectedMonthYearOverdue&&(t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.MonthlypaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportmonthlydailypaymentrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this.reportDashComp=this._customer.getCustomersPayment().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){"approved"===t.Status?t.Status="Approved":"declined"===t.Status?t.Status="Declined":"pending"===t.Status?t.Status="Pending":"voided"===t.Status?t.Status="Voided":"approved*"===t.Status&&(t.Status="Approved*");var n=parseInt(z(t.LastModified).month())+1,o=parseInt(z(t.LastModified).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&(t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.MonthlypaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportmonth=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getMonthPayment().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=t.CustsAllPayments.find(function(t){return t.LastModified});t.PrincAmnt=n.PrincAmnt,t.Status=n.Status,t.LastModified=n.LastModified;var o=parseInt(z(t.LastModified).month())+1,a=parseInt(z(t.LastModified).year());o===e.selectedPayments&&a===e.selectedYearPayments&&(t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t),e.modemTotal=r.length)}),r=e.getUnique(r,"CustomerId"),e.monthPaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportmonthrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getMonthPayment().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=t.CustsAllPayments.find(function(t){return t.LastModified});t.PrincAmnt=n.PrincAmnt,t.Status=n.Status,t.LastModified=n.LastModified;var o=parseInt(z(t.LastModified).month())+1,a=parseInt(z(t.LastModified).year()),i=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",s=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",l=a+"-"+o+"-01",d=new Date(i),c=new Date(s),u=new Date(l);+u<=+c&&+u>=+d&&(t.LastModified=z(t.LastModified).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss a"),r.push(t),e.modemTotal=r.length)}),r=e.getUnique(r,"CustomerId"),e.monthPaymentData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportMonthlysales=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName)}var i=parseInt(z(t.OrderedDate).month())+1,s=parseInt(z(t.OrderedDate).year());i!==e.selectedtechnology||s!==e.selectedYearTechnologysale||t.CustomerName.includes("test")||(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),e.statusFTTP=r.filter(function(t){return"FTTP"===t.ServiceType}),e.statusFTTN=r.filter(function(t){return"FTTN"===t.ServiceType}),e.statusFW=r.filter(function(t){return"FW"===t.ServiceType}),e.statusSatellite=r.filter(function(t){return"Satellite"===t.ServiceType}),e.statusHFC=r.filter(function(t){return"HFC"===t.ServiceType}),e.statusFTTC=r.filter(function(t){return"FTTC"===t.ServiceType}),e.statusADSL=r.filter(function(t){return"ADSL"===t.ServiceType}),e.statusHWB=r.filter(function(t){return"HWB"===t.ServiceType});var o=e.statusFTTP.length,a=e.statusFTTN.length,i=e.statusFW.length,s=e.statusSatellite.length,l=e.statusHFC.length,d=e.statusFTTC.length,c=e.statusADSL.length,u=e.statusHWB.length;e.statusFTTP.length>0&&e.monthlyServicesaleData.push({status:e.statusFTTP[0].ServiceType,counter:o}),e.statusFTTN.length>0&&e.monthlyServicesaleData.push({status:e.statusFTTN[0].ServiceType,counter:a}),e.statusFW.length>0&&e.monthlyServicesaleData.push({status:e.statusFW[0].ServiceType,counter:i}),e.statusSatellite.length>0&&e.monthlyServicesaleData.push({status:e.statusSatellite[0].ServiceType,counter:s}),e.statusHFC.length>0&&e.monthlyServicesaleData.push({status:e.statusHFC[0].ServiceType,counter:l}),e.statusFTTC.length>0&&e.monthlyServicesaleData.push({status:e.statusFTTC[0].ServiceType,counter:d}),e.statusADSL.length>0&&e.monthlyServicesaleData.push({status:e.statusADSL[0].ServiceType,counter:c}),e.statusADSL.length>0&&e.monthlyServicesaleData.push({status:e.statusHWB[0].ServiceType,counter:u}),e.monthlyServicesaleData.length<1?e.opened=!0:(t.data=e.monthlyServicesaleData,t.saveAsExcel())}),this.monthlyServicesaleData=[]},t.prototype.exportCancellationDaily=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCancelsMaster().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var e=z(t.CancellationDate),n=z(new Date);e.isSame(n,"days")&&(t.CancellationDate=z(t.CancellationDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.cancelDataDaily=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportcancel=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCancelsMaster().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.CancellationDate).month())+1,o=parseInt(z(t.CancellationDate).year());n===e.selectedcancellations&&o===e.selectedYearTerminations&&(t.CancellationDate=z(t.CancellationDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.MonthlycancelData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportcancellationrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCancelsMaster().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){var n=parseInt(z(t.CancellationDate).month())+1,o=parseInt(z(t.CancellationDate).year()),a=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",i=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",s=o+"-"+n+"-01",l=new Date(a),d=new Date(i),c=new Date(s);+c<=+d&&+c>=+l&&(t.CancellationDate=z(t.CancellationDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.MonthlycancelData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportterminate=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.Products.length>0)for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];1===a.ProductType&&(t.Status=a.Status,t.StatusDate=a.StatusDate,t.StatusReason=a.StatusReason,t.Plan=a.ProductInternalName,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName))}var i=parseInt(z(t.StatusDate).month())+1,s=parseInt(z(t.StatusDate).year());i!==e.selectedmonthOrder||s!==e.selectedyearOrder||"ProductTerminated"!==t.Status||t.CustomerName.includes("test")||(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.terminateData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportterminationrange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.Products.length>0)for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];1===a.ProductType&&(t.Status=a.Status,t.StatusDate=a.StatusDate,t.StatusReason=a.StatusReason,t.Plan=a.ProductInternalName,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName))}var i=parseInt(z(t.StatusDate).month())+1,s=parseInt(z(t.StatusDate).year()),l=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",d=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",c=s+"-"+i+"-01",u=new Date(l),p=new Date(d),k=new Date(c);+k<=+p&&+k>=+u&&"ProductTerminated"===t.Status&&!t.CustomerName.includes("test")&&(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.terminateData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportOrderMissingInfo=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.Products.length>0)for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];1===a.ProductType&&(t.Status=a.Status,t.StatusDate=a.StatusDate,t.StatusReason=a.StatusReason,t.Plan=a.ProductInternalName,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName))}"OrderOnHoldMissingInfo"!==t.Status||t.CustomerName.includes("test")||(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.OnHoldMissingInfo=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportOrderUnableToComplete=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.Products.length>0)for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];if(1===a.ProductType){t.Status=a.Status,t.StatusDate=a.StatusDate,t.StatusReason=a.StatusReason,t.Plan=a.ProductInternalName,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName);var i=parseInt(z(t.StatusDate).month())+1,s=parseInt(z(t.StatusDate).year());i!==e.selectedmonthOrder||s!==e.selectedyearOrder||"OrderUnableToComplete"!==t.Status||1!==a.ProductType||t.CustomerName.includes("test")||(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}}}),r=e.getUnique(r,"CustomerId"),e.OrderUnableToCompleteData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())})},t.prototype.exportOrderUnableToCompleteRange=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._report.getActivationData().subscribe(function(n){e.showSpinnerImage=!1,n.forEach(function(t){if(t.Products.length>0)for(var n=0,o=t.Products;n<o.length;n++){var a=o[n];1===a.ProductType&&(t.Status=a.Status,t.StatusDate=a.StatusDate,t.StatusReason=a.StatusReason,t.Plan=a.ProductInternalName,t.ServiceType=e.calculateServiceClass(t.ServiceClass,a.ProductInternalName))}var i=parseInt(z(t.StatusDate).month())+1,s=parseInt(z(t.StatusDate).year()),l=e.selectedYearActivation+"-"+e.selectedActivationTo+"-01",d=e.selectedYearActivationTo+"-"+e.selectedActivation+"-01",c=s+"-"+i+"-01",u=new Date(l),p=new Date(d),k=new Date(c);+k<=+p&&+k>=+u&&"OrderUnableToComplete"===t.Status&&!t.CustomerName.includes("test")&&(t.OrderedDate=z(t.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),t.StatusDate=z(t.StatusDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))}),r=e.getUnique(r,"CustomerId"),e.OrderUnableToCompleteData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.nameConverter=function(t){var e=t.split(" ");return t="",e.forEach(function(e){t+=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()+" "}),t},t.prototype.reportIdfilter=function(){var t,e,r,n;for(t=document.getElementById("myId").value.toUpperCase(),e=document.getElementById("myTable").getElementsByTagName("tr"),n=0;n<e.length;n++)(r=e[n].getElementsByTagName("td")[0])&&(r.innerHTML.toUpperCase().indexOf(t)>-1?e[n].style.display="":e[n].style.display="none")},t.prototype.reportTypefilter=function(){var t,e,r,n;for(t=document.getElementById("myInput").value.toUpperCase(),e=document.getElementById("myTable").getElementsByTagName("tr"),n=0;n<e.length;n++)(r=e[n].getElementsByTagName("td")[1])&&(r.innerHTML.toUpperCase().indexOf(t)>-1?e[n].style.display="":e[n].style.display="none")},t.prototype.reportDescfilter=function(){var t,e,r,n;for(t=document.getElementById("myInputdescs").value.toUpperCase(),e=document.getElementById("myTable").getElementsByTagName("tr"),n=0;n<e.length;n++)(r=e[n].getElementsByTagName("td")[2])&&(r.innerHTML.toUpperCase().indexOf(t)>-1?e[n].style.display="":e[n].style.display="none")},t.prototype.sortTable=function(t){this.open=!0;var e,r,n,o,a,i,s,l,d=0;for(e=document.getElementById("myTable"),n=!0,l="asc";n;){for(n=!1,r=e.rows,o=1;o<r.length-1;o++)if(s=!1,a=r[o].getElementsByTagName("TD")[t],i=r[o+1].getElementsByTagName("TD")[t],"asc"==l){if(a.innerHTML.toLowerCase()>i.innerHTML.toLowerCase()){s=!0;break}}else if("desc"==l&&a.innerHTML.toLowerCase()<i.innerHTML.toLowerCase()){s=!0;break}s?(r[o].parentNode.insertBefore(r[o+1],r[o]),n=!0,d++):0==d&&"asc"==l&&(l="desc",n=!0)}},t.prototype.changeIcon=function(t){"arrow_upward"==t.target.innerHTML?t.target.innerHTML="arrow_downward":"arrow_downward"==t.target.innerHTML&&(t.target.innerHTML="arrow_upward")},t.prototype.exportBundleReport=function(t){var e=this;this.showSpinnerImage=!0;var r=[];this.reportDashComp=this._customer.getCustomersMasterList().subscribe(function(n){e.showSpinnerImage=!1,e.tempMyrecord={},n.forEach(function(t){t.FirstName=t.FirstName+" "+t.LastName,t.Order.length>0&&t.Order.forEach(function(n){n.Item.forEach(function(o){"Data"===o.ProductType&&(t.ServiceType=e.calculateServiceClass(n.ServiceClass,o.ProductInternalName)),o.ProductInternalName.includes("Discount")&&!o.ProductInternalName.includes("Bundle Discount")&&(t.OrderedDate=n.OrderedDate,t.StateCode=t.ServiceAddress.StateCode,t.Plan=o.ProductInternalName,t.Discount=o.ServiceCharge,t.CustomerId=t.Id,t.CustomerName=t.FirstName,t.OrderedDate=z(n.OrderedDate).tz("Australia/Sydney").format("DD-MM-YYYY"),r.push(t))})})}),r=e.getUnique(r,"Id"),e.notbundleData=r,r.length<1?e.opened=!0:(t.data=r,t.saveAsExcel())}),$(".close").click()},t.prototype.exportDebtor=function(t){var e=new XMLHttpRequest;e.open("GET",this._url+"customerinvoices/outstandingreport?customerId=0",!0),e.setRequestHeader("Content-Type","application/json"),e.setRequestHeader("Authorization","Bearer "+localStorage.getItem("access_token")),e.responseType="text",e.onload=function(t){if(200==e.status){var r=e.response;Object(Pr.a)(new Blob([r],{type:"application/csv"}),"Aged Debtor Report.csv")}},e.send()},t.prototype.ngOnDestroy=function(){void 0!==this.reportDashComp&&this.reportDashComp.unsubscribe()},t=$r([Object(o.n)({selector:"app-reporting-dashboard",template:r("joy+"),styles:[r("3Yo0")]}),Qr("design:paramtypes",[Pt,ee,vt,Be])],t)}(),Zr=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Jr=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Xr=function(){function t(){this.baseurl=O,this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=Zr([Object(o.n)({selector:"app-reportviewer",template:r("mXnU"),styles:[r("D18n")]}),Jr("design:paramtypes",[])],t)}(),tn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},en=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},rn=function(){function t(t,e,r){this.route=t,this._customers=e,this.router=r,this.code=this.route.snapshot.queryParams.code}return t.prototype.ngOnDestroy=function(){void 0!==this.resetpasswordComp&&this.resetpasswordComp.unsubscribe()},t.prototype.ngOnInit=function(){},t.prototype.resetPassword=function(t){var e=this;this.Password=this.Password.trim(),this.ConfirmPassword=this.ConfirmPassword.trim(),this.Password=encodeURIComponent(this.Password),this.ConfirmPassword=encodeURIComponent(this.ConfirmPassword),this.Password!==this.ConfirmPassword?(this.successMsg="",this.errorMsg="The new password and confirmation password do not match."):(t.Code=this.code,this.resetpasswordComp=this._customers.resetPassword(t).subscribe(function(t){e.successMsg=t,e.errorMsg="",e.successMsg.includes("has been reset")&&setTimeout(function(){e.router.navigate(["./login"])},3e3)},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.successMsg="",e.errorMsg=t.error.error)}))},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=tn([Object(o.n)({selector:"app-reset-password",template:r("qLE7"),styles:[r("JeuK")]}),en("design:paramtypes",[x.a,vt,x.b])],t)}(),nn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},on=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},an=function(){function t(t){this._customerlist=t,this.ADSL=0,this.NBN=0,this.TechnologyType=[],this.ServiceTypeData=[],this.series=[0,0,0,0,0,0,0,0,0,0,0,0],this.categoriesListName=["Jan","Feb","Mar","Apr","May","Jun","July","Aug","Sep","Oct","Nov","Dec"],this.lastWeekCancelSale=[],this.thisWeekCancelSale=[],this.lastWeekSale=[],this.thisWeekSale=[],this.activefttn=0,this.cancelfttn=0,this.activefw=0,this.cancelfw=0,this.activehfc=0,this.cancelhfc=0,this.activeadsl=0,this.canceladsl=0,this.cancelnbn=0,this.activenbn=0,this.cancelfttp=0,this.activefttp=0,this.activenbndata=0,this.totalCustomerCounter=0,this.pieData=[{category:"Received",value:.42},{category:"Withdrawn",value:.58}],this.pieData1=[{category:"Progress",value:12},{category:"Completed",value:.3}],this.showSpinnerImage=!0,this.cancelMondaysale=[],this.cancelTuessale=[],this.cancelWedsale=[],this.cancelThurssale=[],this.cancelFrisale=[],this.lastcancelMondaysale=[],this.lastcancelTuessale=[],this.lastcancelWedsale=[],this.lastcancelThurssale=[],this.lastcancelFrisale=[],this.categoriesList=[0,1,2,3,4,5,6,7,8,9,10,11],this.fttn=[],this.FW=[],this.satellite=[],this.hfc=[],this.FTTC=[],this.Adsl=[],this.currfttp=[],this.currfttn=[],this.currFW=[],this.currsatellite=[],this.currhfc=[],this.currFTTC=[],this.currAdsl=[],this.fttp=[],this.paymentMonday=[],this.paymentTues=[],this.paymentWed=[],this.paymentFri=[],this.lastpaymentTues=[],this.lastpaymentWed=[],this.lastpaymentThurs=[],this.lastpaymentFri=[],this.paymentThurs=[],this.lastpaymentMonday=[],this.lastWed=[],this.lastThurs=[],this.lastFri=[],this.lastTues=[],this.lastMonday=[],this.Monday=[],this.Tues=[],this.Wed=[],this.Thurs=[],this.Fri=[],this.Sat=[],this.Sun=[],this.Mondaysale=[],this.Tuessale=[],this.Wedsale=[],this.Thurssale=[],this.Frisale=[],this.lastMondaysale=[],this.lastTuessale=[],this.lastWedsale=[],this.lastThurssale=[],this.lastFrisale=[],this.lastWeekProductSale=[],this.thisWeekProductSale=[],this.activevoipdata=0,this.activevoip=0,this.cancelvoip=0,this.Satsale=[],this.Sunsale=[],this.lastSatsale=[],this.lastSunsale=[],this.cancelSatsale=[],this.cancelSunsale=[],this.lastcancelSatsale=[],this.lastcancelSunsale=[],this.reportlastweek=[],this.techTypeData=[],this.techPieTypeData=[]}return t.prototype.ngOnDestroy=function(){void 0!==this.salesdashComp&&this.salesdashComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this,e=z();this.salesdashComp=this._customerlist.getSalesCharts().subscribe(function(e){t.chartval=!0,t.showSpinnerImage=!1,t.getOrderStatus=e[0],t.getTechStatus=e[1],t.getMonthsale=e[2],t.saleReport=e[3],t.thisWeekSale=e[3].CurrentWeekSale,t.lastWeekSale=e[3].LastWeekSale,t.cancelReport=e[4],t.thisWeekCancelSale=e[4].CurrentWeekOrderCancellation,t.lastWeekCancelSale=e[4].LastWeekOrderCancellation,e[5].CurrentWeekSaleByTech.forEach(function(t){"Home Wireless Broadband"===t.ServiceClassByType&&(t.ServiceClassByType="HWB")}),e[5].LastWeekSaleByTech.forEach(function(t){"Home Wireless Broadband"===t.ServiceClassByType&&(t.ServiceClassByType="HWB")}),t.productSale=e[5],t.thisWeekProductSale=e[5].CurrentWeekSaleByTech,t.lastWeekProductSale=e[5].LastWeekSaleByTech,t.getOrderStatus.forEach(function(e){"Test Order"===e.OrderStatus&&(t.ServiceTypeData[0]={kind:"Test Order",share:e.Count,color:"#1a5ee2"}),"Order on Hold - PP"===e.OrderStatus&&(t.ServiceTypeData[1]={kind:"Order on Hold - PP",share:e.Count,color:"#FDD835"}),"Order Received"===e.OrderStatus&&(t.ServiceTypeData[2]={kind:"Order Received",share:e.Count,color:"#1a5ee2"}),"Order on Hold - CO"===e.OrderStatus&&(t.ServiceTypeData[3]={kind:"Order on Hold - CO",share:e.Count,color:"#1a5ee2"}),"Order on Hold - Delayed"===e.OrderStatus&&(t.ServiceTypeData[4]={kind:"Order on Hold - Delayed",share:e.Count,color:"#1a5ee2"}),"Order on Hold - Missing Info"===e.OrderStatus&&(t.ServiceTypeData[5]={kind:"Order on Hold - Missing Info",share:e.Count,color:"#f44336"}),"Order in Progress"===e.OrderStatus&&(t.ServiceTypeData[6]={kind:"Order in Progress",share:e.Count,color:"#90caf9"}),"Appointment Allocated"===e.OrderStatus&&(t.ServiceTypeData[7]={kind:"Appointment Allocated",share:e.Count,color:"#0cb702"}),"Appointment Re-Allocated"===e.OrderStatus&&(t.ServiceTypeData[8]={kind:"Appointment Re-Allocated",share:e.Count,color:"#0cb702"}),"Order Complete"===e.OrderStatus&&(t.ServiceTypeData[9]={kind:"Order Complete",share:e.Count,color:"#00BCD4"}),"Order Unable to complete"===e.OrderStatus&&(t.ServiceTypeData[10]={kind:"Order Unable to complete",share:e.Count,color:"#e53935"}),"Order Cancelled"===e.OrderStatus&&(t.ServiceTypeData[11]={kind:"Order Cancelled",share:e.Count,color:"#e53935"}),"Product Terminated"===e.OrderStatus&&(t.ServiceTypeData[12]={kind:"Product Terminated",share:e.Count,color:"#424242"})}),t.TechnologyTypeinBar=t.getTechStatus,t.Techtype=Object.keys(t.getTechStatus),t.Techsalevalue=Object.values(t.getTechStatus),t.series=t.getMonthsale,t.getTechStatus.forEach(function(e){"FTTP"===e.ServiceClassByType&&(t.techTypeData[0]={kind:"FTTP",share:e.Count,color:"rgb(255, 210, 70)"},t.fttpCustomerCountRound=e.Count),"ADSL"===e.ServiceClassByType&&(t.techTypeData[1]={kind:"ADSL",share:e.Count,color:"rgb(40, 180, 200)"},t.adslCustomerCountRound=e.Count),"HFC"===e.ServiceClassByType&&(t.techTypeData[2]={kind:"HFC",share:e.Count,color:"rgb(120, 210, 55)"},t.hfcCustomerCountRound=e.Count),"FTTC"===e.ServiceClassByType&&(t.techTypeData[3]={kind:"FTTC",share:e.Count,color:"rgb(170, 70, 190)"},t.fttcCustomerCountRound=e.Count),"FTTN"===e.ServiceClassByType&&(t.techTypeData[4]={kind:"FTTN",share:e.Count,color:"rgb(255, 99, 88)"},t.fttnCustomerCountRound=e.Count),"FW"===e.ServiceClassByType&&(t.techTypeData[5]={kind:"FW",share:e.Count,color:"rgb(45, 115, 245)"},t.fwCustomerCountRound=e.Count),"Satellite"===e.ServiceClassByType&&(t.techTypeData[6]={kind:"Satellite",share:e.Count,color:"#607D8B"},t.satCustomerCountRound=e.Count),"Home Wireless Broadband"===e.ServiceClassByType&&(t.techTypeData[7]={kind:"HWB",share:e.Count,color:"#607D8B"},t.hwbCustomerCountRound=e.Count),"Mobile Broadband"===e.ServiceClassByType&&(t.techTypeData[7]={kind:"MBB",share:e.Count,color:"#607D8B"},t.mbbCustomerCountRound=e.Count)}),t.totalCustomerCounter=t.mbbCustomerCountRound+t.fttpCustomerCountRound+t.fttnCustomerCountRound+t.adslCustomerCountRound+t.hfcCustomerCountRound+t.fwCustomerCountRound+t.fttcCustomerCountRound+t.satCustomerCountRound+t.hwbCustomerCountRound,t.fttpCustomerCount=(t.fttpCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.fttnCustomerCount=(t.fttnCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.adslCustomerCount=(t.adslCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.hfcCustomerCount=(t.hfcCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.fwCustomerCount=(t.fwCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.satCustomerCount=(t.satCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.fttcCustomerCount=(t.fttcCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.hwbCustomerCount=(t.hwbCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.mbbCustomerCount=(t.mbbCustomerCountRound/t.totalCustomerCounter*100).toFixed(2),t.nbnCustomerCounter=t.fttpCustomerCountRound+t.fttnCustomerCountRound+t.hfcCustomerCountRound+t.fwCustomerCountRound+t.fttcCustomerCountRound+t.satCustomerCountRound,t.techPieTypeData[0]={kind:"FTTP",share:t.fttpCustomerCount,color:"rgb(255, 210, 70)"},t.techPieTypeData[1]={kind:"FTTN",share:t.fttnCustomerCount,color:"rgb(255, 99, 88)"},t.techPieTypeData[2]={kind:"ADSL",share:t.adslCustomerCount,color:"rgb(40, 180, 200)"},t.techPieTypeData[3]={kind:"HFC",share:t.hfcCustomerCount,color:"rgb(120, 210, 55)"},t.techPieTypeData[4]={kind:"FW",share:t.fwCustomerCount,color:"rgb(45, 115, 245)"},t.techPieTypeData[5]={kind:"Satellite",share:t.satCustomerCount,color:"#607D8B"},t.techPieTypeData[6]={kind:"FTTC",share:t.fttcCustomerCount,color:"rgb(170, 70, 190)"},t.techPieTypeData[7]={kind:"HWB",share:t.hwbCustomerCount,color:"#607D8B"},t.techPieTypeData[7]={kind:"MBB",share:t.mbbCustomerCount,color:"#607D8B"}},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)});for(var r=e.clone().startOf("isoWeek"),n=(e.clone().endOf("isoWeek"),e.clone().subtract(1,"weeks").startOf("isoWeek")),o=(e.clone().subtract(1,"weeks").endOf("isoWeek"),[]),a=[],i=0;i<=6;i++)a.push(z(r).add(i,"days"));for(i=0;i<=6;i++)o.push(z(n).add(i,"days"))},t.prototype.labelContent=function(t){return t.category+": \n "+t.value+"%"},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.exportTicketStatus=function(t){t.data=this.statusData,t.saveAsExcel()},t.prototype.show=function(){$("#search").hide()},t.prototype.save=function(t){},t.prototype.exportActivationDaily=function(t){this.reportlastweek.push(this.lastcancelMondaysale,this.lastcancelTuessale,this.lastcancelWedsale,this.lastcancelThurssale,this.lastcancelFrisale,this.lastcancelSatsale,this.lastcancelSunsale),this.dailyActivationData=this.reportlastweek,t.data=this.dailyActivationData,t.saveAsExcel()},t=nn([Object(o.n)({selector:"app-salesdashboard",template:r("Jp6u"),styles:[r("99ko")]}),on("design:paramtypes",[Be])],t)}(),sn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ln=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},dn=function(){function t(){this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=sn([Object(o.n)({selector:"app-shapedreport",template:r("RzM0"),styles:[r("MdiR")]}),ln("design:paramtypes",[])],t)}(),cn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},un=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},pn=function(){function t(){this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=cn([Object(o.n)({selector:"app-shapedtilldate",template:r("V6Pl"),styles:[r("Z/GY")]}),un("design:paramtypes",[])],t)}(),kn=r("RETk"),mn=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),gn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},hn=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},bn=z.MomentModule,fn=function(t,e){for(var r=0;r<e.length;r++)if(e[r].ProductID===t.ProductID)return r;return-1},vn=function(t){return t.map(function(t){return Object.assign({},t)})},yn=function(t){function e(e){var r=t.call(this,[])||this;return r.http=e,r.data=[],r.originalData=[],r.createdItems=[],r.updatedItems=[],r.deletedItems=[],r.accessToken=localStorage.getItem("access_token"),r}return mn(e,t),e.prototype.read=function(){var e=this;if(this.data.length)return t.prototype.next.call(this,this.data);this.fetch().subscribe(function(r){e.data=r,e.originalData=vn(r),t.prototype.next.call(e,r),r.forEach(function(t){t.Created=bn(t.Created).tz("Australia/Sydney").format("DD-MM-YYYY"),t.ReminderDate=bn(t.ReminderDate).tz("Australia/Sydney").format("DD-MM-YYYY"),"01-01-0001"===t.ReminderDate&&(t.ReminderDate="NA"),t.DueDate=bn(t.DueDate).tz("Australia/Sydney").format("DD-MM-YYYY"),"01-01-0001"===t.DueDate&&(t.DueDate="NA"),t.CustomerId=String(t.CustomerId)})})},e.prototype.create=function(e){this.createdItems.push(e),this.data.unshift(e),t.prototype.next.call(this,this.data)},e.prototype.update=function(t){if(t)for(var e in t)t.hasOwnProperty(e)&&"Id"===e&&(this.Id=t[e]);if(this.isNew(t)){r=fn(t,this.createdItems);this.createdItems.splice(r,1,t)}else{var r;-1!==(r=fn(t,this.updatedItems))?this.updatedItems.splice(r,1,t):this.updatedItems.push(t)}},e.prototype.remove=function(e){var r=fn(e,this.data);this.data.splice(r,1),(r=fn(e,this.createdItems))>=0?this.createdItems.splice(r,1):this.deletedItems.push(e),(r=fn(e,this.updatedItems))>=0&&this.updatedItems.splice(r,1),t.prototype.next.call(this,this.data)},e.prototype.isNew=function(t){return!t.Id},e.prototype.hasChanges=function(){return Boolean(this.deletedItems.length||this.updatedItems.length||this.createdItems.length)},e.prototype.saveChanges=function(){var t=this;if(this.hasChanges()){var e=[];this.deletedItems.length&&e.push(this.fetch("destroy",this.deletedItems)),this.updatedItems.length&&e.push(this.fetch("update",this.updatedItems)),this.createdItems.length&&e.push(this.fetch("create",this.createdItems)),this.reset(),kn.a.apply(void 0,e).subscribe(function(){return t.read()})}},e.prototype.cancelChanges=function(){this.reset(),this.data=this.originalData,this.originalData=vn(this.originalData),t.prototype.next.call(this,this.data)},e.prototype.assignValues=function(t,e){Object.assign(t,e)},e.prototype.reset=function(){this.data=[],this.deletedItems=[],this.updatedItems=[],this.createdItems=[]},e.prototype.fetch=function(t,e){return void 0===t&&(t=""),"update"===t?this.http.put(T+"diarytasks?Id="+this.Id,e[0]).pipe(Object(Gt.a)(function(t){return t})):this.http.get(T+"diarytasks/").pipe(Object(Gt.a)(function(t){return t}))},e.prototype.serializeModels=function(t){return t?"&models="+JSON.stringify(t):""},e=gn([Object(o.B)(),hn("design:paramtypes",[i.b])],e)}(jt.a),wn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},xn=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Sn=function(){function t(t){this.http=t}return t.prototype.fetchTasks=function(){return this.http.get(T+"diarytasks")},t=wn([Object(o.B)(),xn("design:paramtypes",[i.b])],t)}(),Dn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Tn=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},In=function(t){return new s.c({Id:new s.b(t.Id),DiaryTasks:new s.b(t.DiaryTasks,s.i.required),Status:new s.b(t.Status,s.i.required),ReminderDate:new s.b(t.ReminderDate,s.i.required),DueDate:new s.b(t.DueDate,s.i.required)})},Cn=function(){function t(t,e,r,n,o,a,i){this.route=t,this._tasks=e,this.service=r,this.router=n,this.formBuilder=o,this._customers=a,this.editService=i,this.gridDataOpen=[],this.gridDataClosed=[],this.categories=de,this.DateToday=new Date,this.state={skip:0,take:18},this.changes={}}return t.prototype.ngOnDestroy=function(){void 0!==this.tasksComp&&this.tasksComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.loadingGrid=!0,this.tasksComp=this.service.products().subscribe(function(e){var r=[];e.forEach(function(e){var n=z(e.ReminderDate),o=z(new Date);if(n.isSame(o,"days")&&"Open"==e.Status){r.push(e);var a=r.length;t._customers.updateComponent(a)}e.Created=z(e.Created).tz("Australia/Sydney").format("YYYY-MM-DD"),e.Created=new Date(e.Created),e.ReminderDate=z(e.ReminderDate).tz("Australia/Sydney").format("YYYY-MM-DD"),e.ReminderDate=new Date(e.ReminderDate),"Mon Jan 01 2001 00:00:00 GMT+0530 (IST)"!=e.ReminderDate&&"Thu Jan 01 1970 00:00:00 GMT+0530 (IST)"!=e.ReminderDate||(e.ReminderDate=""),e.DueDate=z(e.DueDate).tz("Australia/Sydney").format("YYYY-MM-DD"),e.DueDate=new Date(e.DueDate),"01/01/0001"===e.DueDate&&(e.DueDate=""),e.CustomerId=String(e.CustomerId),"Open"===e.Status?t.gridDataOpen.push(e):"Closed"===e.Status&&t.gridDataClosed.push(e)}),t.loadingGrid=!1},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),$(".diaryTab").addClass("active")},t.prototype.category=function(t){return this.categories.find(function(e){return e.Id===t})},t.prototype.addHandler=function(t){var e=t.sender;this.closeEditor(e),this.formGroup=In({Status:1,DiaryTasks:"",ReminderDate:"",DueDate:""}),e.addRow(this.formGroup)},t.prototype.cellCloseHandler=function(){},t.prototype.cellClickHandler=function(){},t.prototype.editHandler=function(t){var e=t.sender,r=t.rowIndex,n=t.dataItem;this.closeEditor(e),this.formGroup=In(n),this.editedRowIndex=r,e.editRow(r,this.formGroup)},t.prototype.cancelHandler=function(t){var e=t.sender,r=t.rowIndex;this.closeEditor(e,r)},t.prototype.onStateChange=function(t){this.state=t,this.service.products()},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.saveHandler=function(t){var e=this,r=t.sender,n=t.rowIndex,o=t.formGroup,a=t.isNew;this.loadingGrid=!0;var i=o.value;this.tasksComp=this.service.save(i,a).subscribe(function(t){e.loadingGrid=!1,e.gridDataClosed=[],e.gridDataOpen=[],e.ngOnInit()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)}),r.closeRow(n)},t.prototype.removeHandler=function(t){var e=t.dataItem;this.service.remove(e)},t.prototype.closeEditor=function(t,e){void 0===e&&(e=this.editedRowIndex),t.closeRow(e),this.editedRowIndex=void 0,this.formGroup=void 0},t.prototype.rowCallback=function(t){var e=new Date,r=z(t.dataItem.DueDate).isBefore(e,"day"),n=z(t.dataItem.DueDate).isSame(e,"day");if("Closed"===t.dataItem.Status)var o=!0;return{taskClosed:o,passDueDate:r,notpassDueDate:!r,passDueToday:n}},t=Dn([Object(o.n)({selector:"app-tasks",template:r("YGpT"),styles:[r("3zMt")]}),Tn("design:paramtypes",[x.a,Sn,ge,x.b,s.a,vt,yn])],t)}(),Nn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Mn=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},On=function(){function t(t){this._ticket=t,this.tendata=[],this.fivedata=[],this.fifdata=[],this.counter=0,this.techResolved=0,this.provResolved=0,this.genResolved=0,this.billResolved=0,this.opsResolved=0,this.sumoResolved=0,this.creditResolved=0,this.sealResolved=0,this.techReopen=0,this.provReopen=0,this.genReopen=0,this.billReopen=0,this.opsReopen=0,this.sumoReopen=0,this.creditReopen=0,this.sealReopen=0,this.techclose=0,this.provclose=0,this.genclose=0,this.billclose=0,this.opsclose=0,this.sumoclose=0,this.creditclose=0,this.sealclose=0,this.creditopen=0,this.sealopen=0,this.provopen=0,this.genopen=0,this.billopen=0,this.opsopen=0,this.sumoopen=0,this.techopen=0,this.totalprov=0,this.totalgen=0,this.totalbill=0,this.totalops=0,this.totalsalesumo=0,this.totalcredit=0,this.totaladmint=0,this.totalcount=0,this.Reopen=0,this.Open=0,this.Resolved=0,this.Close=0,this.graphticketData=[],this.outStandingFifteen=[],this.outStandingTen=[],this.outStandingFive=[],this.showSpinnerImage=!0}return t.prototype.ngOnDestroy=function(){void 0!==this.ticketDashboardComp&&this.ticketDashboardComp.unsubscribe()},t.prototype.ngOnInit=function(){var t=this;this.ticketDashboardComp=this._ticket.getAllMyTicketsoststat().subscribe(function(e){t.showSpinnerImage=!1,t.myTickets=e,t.open=t.myTickets.TotalOpenTickets,t.resolve=t.myTickets.TotalResolvedTickets,t.close=t.myTickets.TotalClosedTickets,t.reopen=t.myTickets.TotalReopenTickets,t.ticketData=[{category:"Open",value:t.myTickets.TotalOpenTickets},{category:"Resolved",value:t.resolve},{category:"Close",value:t.close},{category:"Reopened",value:t.reopen}]},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.ticketDashboardComp=this._ticket.getAllMyTicketsoststatbydep().subscribe(function(e){t.deptData=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.ticketDashboardComp=this._ticket.getAllMyTicketsoststatbyagent().subscribe(function(e){t.agentData=e},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.ticketDashboardComp=this._ticket.getAllMyTicketspriority1().subscribe(function(e){e.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY")}),t.five=e,t.totalopenfive=t.five.length,t.graphticketData.push({category:"> 5 Days",value:e.length,color:"#ffd180"})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.ticketDashboardComp=this._ticket.getAllMyTicketspriority2().subscribe(function(e){e.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY")}),t.ten=e,t.totalopenten=t.ten.length,t.graphticketData.push({category:"> 10 Days",value:e.length,color:"#81c784"})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)}),this.ticketDashboardComp=this._ticket.getAllMyTicketspriority3().subscribe(function(e){e.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY")}),t.fifteen=e,t.totalopenfif=t.fifteen.length,t.graphticketData.push({category:"> 15 Days",value:e.length,color:"#ef9a9a"})},function(e){0==e.status?t.noInternet=!0:(t.apiError=!0,t.errorMsg=e.message)})},t.prototype.closeDialog=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.labelContent=function(t){return t.category+": \n "+t.value},t=Nn([Object(o.n)({selector:"app-ticketdashboard",template:r("esvy"),styles:[r("WIV8")]}),Mn("design:paramtypes",[ee])],t)}(),Pn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},An=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Fn=function(){function t(){this.baseurl=O,this.viewerContainerStyle={position:"relative",width:"auto",height:"calc(100vh)"}}return t.prototype.ngOnInit=function(){},t=Pn([Object(o.n)({selector:"app-ticketreportviewer",template:r("vj4G"),styles:[r("UM2u")]}),An("design:paramtypes",[])],t)}(),En=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Yn=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Rn=function(t){var e=(t||{}).filters;return e?e.reduce(function(t,e){return t.concat(e.filters?Rn(e):[e])},[]):[]},Ln=function(){function t(t){this._customers=t,this.TicketData=[],this.gridDataOpen=[],this.gridDataClosed=[],this.gridDataResolved=[],this.agentEmail=localStorage.getItem("agent_name"),this.selectedtickettype="Post Reply",this.StatusTicket="Select Status",this.listStatus=["Open","Closed"],this.resolveStatus=["Open","Resolved","Closed"],this.distinctDeptdata=[{text:"Grex Tech Support Level 3",value:"Grex Tech Support Level 3"},{text:"Grex Provisioning",value:"Grex Provisioning"},{text:"Sumo Retention Team",value:"Sumo Retention Team"},{text:"Sumo Sales",value:"Sumo Sales"},{text:"Sumo Credit Team",value:"Sumo Credit Team"},{text:"Sumo Customer Service",value:"Sumo Customer Service"},{text:"Sumo TIO Ombudsman",value:"Sumo TIO Ombudsman"},{text:"Sumo Operations",value:"Sumo Operations"},{text:"Grex Tech Support Level 2",value:"Grex Tech Support Level 2"},{text:"Customer Feedback - No Action Required",value:"Customer Feedback - No Action Required"}],this.state={skip:0,take:30,filter:{logic:"and",filters:[{field:"Status",value:"Open",operator:"eq"}]}},this.complistStatus=["Open","Closed"],this.listItems=["Open","Resolved","Closed","Reopen"],this.selected="Open"}return t.prototype.ngOnDestroy=function(){void 0!==this.ticketcomp&&this.ticketcomp.unsubscribe()},t.prototype.categoryFilters=function(t){return Rn(t).map(function(t){return t.value})},t.prototype.ngOnInit=function(){var t=this;this.loading=!0,this.agentEmail.includes("@thegrexgroup.com")?(this.roleAuthorizationProvisioning=!0,this.listTicketType=["Post Internal Note","Post Reply"]):this.agentEmail.includes("@thegrexgroup.com")||(this.roleAuthorizationProvisioning=!1,this.listTicketType=["Post Reply"]),this.ticketcomp=this._customers.fetchAllCustTicket(this.state).subscribe(function(e){t.loading=!1,t.query=e,t.TicketData=t.query.data,t.TicketData.forEach(function(t){t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName),null!==t.DisputeFlag||null!==t.TioFlag?t.Complainttype="Yes":t.Complainttype="No",t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),e.data=e.data.map(function(t){return t})})},t.prototype.getDetails=function(t){var e=this;this.loading=!0,this.ticketcomp=this._customers.getAllMyTicketsdetails(t).subscribe(function(t){for(var r in e.loading=!1,13==t.DeptId||2==t.DeptId?e.resolve=!0:e.resolve=!1,null!==t.InternalNotes&&void 0!==t.InternalNotes&&t.InternalNotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")}),t)t.hasOwnProperty(r)&&("PostReplyNotes"===r&&(e.replynotes=t[r]),"InternalNotes"===r&&(e.internalreplynotes=t[r]));e.replynotes.forEach(function(t){t.CreatedDate=z(t.CreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A")})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.loading=!1})},t.prototype.dataStateChange=function(t){var e=this;this.state=t,this.loading=!0,this.ticketcomp=this._customers.fetchAllCustTicket(this.state).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,e.TicketData.forEach(function(t){t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName),null!==t.DisputeFlag||null!==t.TioFlag?t.Complainttype="Yes":t.Complainttype="No"}),t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.onChange=function(t){var e=this;this.loading=!0,this.state={skip:0,take:30,filter:{logic:"and",filters:[{field:"Status",value:t,operator:"eq"}]}},this.ticketcomp=this._customers.fetchAllCustTicket(this.state).subscribe(function(t){e.loading=!1,e.query=t,e.TicketData=e.query.data,e.TicketData.forEach(function(t){t.DeptName==t.DeptName&&(t.DeptNameTxt=t.DeptName),null!==t.DisputeFlag||null!==t.TioFlag?t.Complainttype="Yes":t.Complainttype="No"}),t.data=t.data.map(function(t){return t.OstCreatedDate=z.utc(t.OstCreatedDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t.OstUpdateDate=z.utc(t.OstUpdateDate).tz("Australia/Sydney").format("DD-MM-YYYY hh:mm:ss A"),t})},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.close=function(t){this[t+"Opened"]=!1,$(".ticketClass .close").click(),this.apiError=!1,this.noInternet=!1},t.prototype.actionTicket=function(t,e){var r=this;$(".ticketClass .close").click(),"Post Reply"===e.listTicketType?this.ticketcomp=this._customers.postreplyData(t,e).subscribe(function(t){r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)}):"Post Internal Note"===e.listTicketType&&(this.ticketcomp=this._customers.postStatus(t,e).subscribe(function(n){r.ticketcomp=r._customers.internalnoteData(t,e).subscribe(function(t){r.ngOnInit()},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)})},function(t){0==t.status?r.noInternet=!0:(r.apiError=!0,r.errorMsg=t.message)}))},t.prototype.deptcategoryChange=function(t,e){e.filter({filters:t.map(function(t){return{field:"DeptName",operator:"eq",value:t}}),logic:"or"})},t.prototype.allData=function(){return{data:Object(pt.f)(this.TicketData,{}).data,group:this.TicketData}},t.prototype.editHandler=function(t){var e=t.dataItem;this.editDataItem=e,this.isNew=!1},t.prototype.addHandler=function(){this.editDataItem=new Ce,this.isNew=!0},t.prototype.cancelHandler=function(){this.editDataItem=void 0},t.prototype.rowCallback=function(t){var e=t.index%2==0;return{even:e,odd:!e}},t=En([Object(o.n)({selector:"app-tickets",encapsulation:o._13.None,template:r("+LMW"),styles:[r("I2Gr")]}),Yn("design:paramtypes",[ee])],t)}(),_n=function(){return[{Timestamp:"2018-01-01T00:00:00.000",TMax:3.3,TMin:-12,Wind:5.5,Rain:0},{Timestamp:"2018-01-02T00:00:00.000",TMax:5.2,TMin:-10,Wind:8.1,Rain:0},{Timestamp:"2018-01-03T00:00:00.000",TMax:3.2,TMin:-8,Wind:8.1,Rain:0},{Timestamp:"2018-01-04T00:00:00.000",TMax:11,TMin:-7,Wind:24.5,Rain:0},{Timestamp:"2018-01-05T00:00:00.000",TMax:9,TMin:0,Wind:21.7,Rain:1.8},{Timestamp:"2018-01-06T00:00:00.000",TMax:2,TMin:-1,Wind:21.7,Rain:19.7},{Timestamp:"2018-01-07T00:00:00.000",TMax:2,TMin:-3,Wind:24.5,Rain:1.3},{Timestamp:"2018-01-08T00:00:00.000",TMax:3,TMin:-2,Wind:16.4,Rain:.8},{Timestamp:"2018-01-09T00:00:00.000",TMax:3,TMin:-7,Wind:13.6,Rain:.3},{Timestamp:"2018-01-10T00:00:00.000",TMax:2.2,TMin:-8,Wind:13.6,Rain:0},{Timestamp:"2018-01-11T00:00:00.000",TMax:4,TMin:-6,Wind:16.4,Rain:0},{Timestamp:"2018-01-12T00:00:00.000",TMax:5.5,TMin:-6,Wind:21.7,Rain:0},{Timestamp:"2018-01-13T00:00:00.000",TMax:2.7,TMin:-2,Wind:27.1,Rain:0},{Timestamp:"2018-01-14T00:00:00.000",TMax:0,TMin:-6,Wind:24.5,Rain:0},{Timestamp:"2018-01-15T00:00:00.000",TMax:-1,TMin:-6,Wind:27.1,Rain:0},{Timestamp:"2018-01-16T00:00:00.000",TMax:0,TMin:-7,Wind:24.5,Rain:0},{Timestamp:"2018-01-17T00:00:00.000",TMax:1,TMin:-7,Wind:21.7,Rain:0},{Timestamp:"2018-01-18T00:00:00.000",TMax:5,TMin:-6,Wind:13.6,Rain:0},{Timestamp:"2018-01-19T00:00:00.000",TMax:6,TMin:-3,Wind:13.6,Rain:0},{Timestamp:"2018-01-20T00:00:00.000",TMax:3,TMin:-3,Wind:29.9,Rain:7.2},{Timestamp:"2018-01-21T00:00:00.000",TMax:2.2,TMin:-7,Wind:19,Rain:1.5},{Timestamp:"2018-01-22T00:00:00.000",TMax:6.2,TMin:-8,Wind:8.1,Rain:.3},{Timestamp:"2018-01-23T00:00:00.000",TMax:6,TMin:-2,Wind:16.4,Rain:0},{Timestamp:"2018-01-24T00:00:00.000",TMax:2.4,TMin:-2,Wind:16.4,Rain:5.1},{Timestamp:"2018-01-25T00:00:00.000",TMax:-1.4,TMin:-9,Wind:16.4,Rain:17.2},{Timestamp:"2018-01-26T00:00:00.000",TMax:0,TMin:-8,Wind:10.9,Rain:5.9},{Timestamp:"2018-01-27T00:00:00.000",TMax:-2.7,TMin:-9,Wind:16.4,Rain:0},{Timestamp:"2018-01-28T00:00:00.000",TMax:-2.4,TMin:-14,Wind:19,Rain:0},{Timestamp:"2018-01-29T00:00:00.000",TMax:-5,TMin:-20,Wind:13.6,Rain:0},{Timestamp:"2018-01-30T00:00:00.000",TMax:-5.4,TMin:-22,Wind:5.5,Rain:0}].map(function(t){return t.Date=new Date(t.Timestamp),t})},zn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Bn=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Wn=function(){function t(t,e,r){this.router=t,this._customers=e,this.route=r,this.showme=!0,this.customerId=sessionStorage.getItem("customerId"),this.TechnologyType=sessionStorage.getItem("serviceClass"),this.isPushed=!1,this.errorMsg="",this.data1=_n(),this.baseUnit="days",this.showSpinnerImage=!1}return t.prototype.ngOnInit=function(){},t.prototype.pushMe=function(){this.isPushed=!0},t.prototype.unPushMe=function(){this.isPushed=!1},t.prototype.submitForm=function(){this.ngOnInit()},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t.prototype.saveData=function(t){var e=this;t.CustomerId=sessionStorage.getItem("customerId"),this.troubleshootComp=this._customers.saveTroubleshoot(t).subscribe(function(t){e.returnedId=t,e.showSpinnerImage=!1,e.router.navigate(["./customers",sessionStorage.getItem("customerId")]),e.ngOnInit()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message),e.showSpinnerImage=!1})},t.prototype.troubleshoot=function(t){var e=this;t.CustomerId=sessionStorage.getItem("customerId"),this.troubleshootComp=this._customers.saveTroubleshoot(t).subscribe(function(r){e.returnedId=r,e.showSpinnerImage=!1,"FTTN"===t.TechnologyType&&"No Internet"===t.IssueType?e.router.navigate(["./faults",1]):"FTTN"===t.TechnologyType&&"Dropouts"===t.IssueType?e.router.navigate(["./faults",2]):"FTTN"===t.TechnologyType&&"Slow speed"===t.IssueType?e.router.navigate(["./faults",3]):"FTTP"===t.TechnologyType&&"No Internet"===t.IssueType?e.router.navigate(["./faults",4]):"FTTP"===t.TechnologyType&&"Slow speed"===t.IssueType?e.router.navigate(["./faults",5]):"FTTP"===t.TechnologyType&&"Dropouts"===t.IssueType?e.router.navigate(["./faults",6]):"FW"===t.TechnologyType&&"Dropouts"===t.IssueType?e.router.navigate(["./faults",7]):"FW"===t.TechnologyType&&"Slow speed"===t.IssueType?e.router.navigate(["./faults",8]):"FW"===t.TechnologyType&&"No Internet"===t.IssueType?e.router.navigate(["./faults",9]):"HFC"===t.TechnologyType&&"Slow speed"===t.IssueType?e.router.navigate(["./faults",10]):"HFC"===t.TechnologyType&&"Dropouts"===t.IssueType?e.router.navigate(["./faults",11]):"HFC"===t.TechnologyType&&"No Internet"===t.IssueType?e.router.navigate(["./faults",12]):"ADSL"===t.TechnologyType&&"No Internet"===t.IssueType?e.router.navigate(["./faults",13]):"ADSL"===t.TechnologyType&&"Slow speed"===t.IssueType?e.router.navigate(["./faults",14]):"ADSL"===t.TechnologyType&&"Dropouts"===t.IssueType&&e.router.navigate(["./faults",15]),e.ngOnInit()},function(t){0==t.status?e.noInternet=!0:(e.apiError=!0,e.errorMsg=t.message)})},t.prototype.ngOnDestroy=function(){void 0!==this.troubleshootComp&&this.troubleshootComp.unsubscribe()},t=zn([Object(o.n)({selector:"app-troubleshoot",template:r("I3vh"),styles:[r("6+XQ")]}),Bn("design:paramtypes",[x.b,vt,x.a])],t)}(),Hn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},qn=[{path:"customers",component:nr,canActivate:[Nt]},{path:"customers/:id",component:ye,canActivate:[Nt]},{path:"faults/:id",component:Ee,canActivate:[Nt]},{path:"comms",component:Ut,canActivate:[Nt]},{path:"addProducts/:id",component:_,canActivate:[Nt]},{path:"login",component:cr},{path:"myTickets",component:yr,canActivate:[Nt]},{path:"complaints",component:ae,canActivate:[Nt]},{path:"netcommReport",component:Xr,canActivate:[Nt]},{path:"blockedReport",component:_t,canActivate:[Nt]},{path:"shapedReport",component:dn,canActivate:[Nt]},{path:"shapedTillDate",component:pn,canActivate:[Nt]},{path:"blockedTillDate",component:Wt,canActivate:[Nt]},{path:"disconnectedReport",component:Se,canActivate:[Nt]},{path:"financenetcommReport",component:Ge,canActivate:[Nt]},{path:"ticketReport",component:Fn,canActivate:[Nt]},{path:"creditReport",component:le,canActivate:[Nt]},{path:"tickets",component:Ln,canActivate:[Nt]},{path:"notes",component:Or,canActivate:[Nt]},{path:"billing/:Status",component:Yt,canActivate:[Nt]},{path:"newOrder",component:Dr,canActivate:[Nt]},{path:"orderPlaced",component:Wr,canActivate:[Nt]},{path:"orderIssues",component:Lr,canActivate:[Nt]},{path:"ordersComplete",component:xt,canActivate:[Nt]},{path:"futureOrders",component:Je,canActivate:[Nt]},{path:"allorders",component:Tt,canActivate:[Nt]},{path:"troubleshoot",component:Wn,canActivate:[Nt]},{path:"tasks",component:Cn,canActivate:[Nt]},{path:"forgotPassword",component:Qe},{path:"reset-password",component:rn},{path:"changePassword",component:Ur},{path:"logs",component:hr,canActivate:[Nt]},{path:"editOrder",component:Ie,canActivate:[Nt]},{path:"reporting",component:Kr,canActivate:[Nt]},{path:"ticketdashboard",component:On,canActivate:[Nt]},{path:"operations-dashboard",component:Er,canActivate:[Nt]},{path:"salesdashboard",component:an,canActivate:[Nt]},{path:"provisioningdashboard",component:Vr,canActivate:[Nt]},{path:"financedashboard",component:qe,canActivate:[Nt]},{path:"manageFault",component:Pe,canActivate:[Nt]},{path:"file-upload",component:Le,canActivate:[Nt]},{path:"**",redirectTo:"/login",pathMatch:"full"}],Un=function(){function t(){}return t=Hn([Object(o.J)({imports:[x.c.forRoot(qn)],exports:[x.c]})],t)}(),jn=[cr,ye,nr,Ln,Or,yr,Ln,Ee,Ur,xt,Lr,Wr,Cn,hr],Gn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Vn=function(){function t(){this.title="Billing Portal"}return t=Gn([Object(o.n)({selector:"app-root",template:r("efyd"),styles:[r("W675")]})],t)}(),$n=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Qn=function(){function t(){}return t.prototype.transform=function(t,e){return void 0===e?t:t.filter(function(t){return t.FirstName.toLowerCase().includes(e.toLowerCase())})},t=$n([Object(o.U)({name:"filter"})],t)}(),Kn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Zn=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},Jn=function(){function t(){this.StatusChanged=!1,this.active=!1,this.editForm=new s.c({CustomerId:new s.b,CustomerEmail:new s.b,CustomerFirstName:new s.b,CustomerLastName:new s.b,TicketNumber:new s.b,DeptName:new s.b,TopicName:new s.b,TicketId:new s.b,Status:new s.b,PostInternalNote:new s.b,StatusDrp:new s.b}),this.isNew=!1,this.cancel=new o.w,this.save=new o.w}return Object.defineProperty(t.prototype,"model",{set:function(t){this.editForm.reset(t),this.active=void 0!==t},enumerable:!0,configurable:!0}),t.prototype.onSave=function(t){t.preventDefault(),this.save.emit(this.editForm.value),this.active=!1},t.prototype.onCancel=function(t){t.preventDefault(),this.closeForm()},t.prototype.closeForm=function(){this.active=!1,this.cancel.emit()},t.prototype.onChange=function(t){this.StatusChanged=!this.StatusChanged},t.prototype.ngOnInit=function(){},Kn([Object(o.E)(),Zn("design:type",Object)],t.prototype,"isNew",void 0),Kn([Object(o.E)(),Zn("design:type",Ce),Zn("design:paramtypes",[Ce])],t.prototype,"model",null),Kn([Object(o.Q)(),Zn("design:type",o.w)],t.prototype,"cancel",void 0),Kn([Object(o.Q)(),Zn("design:type",o.w)],t.prototype,"save",void 0),t=Kn([Object(o.n)({selector:"app-grideditform",template:r("upDA"),styles:[r("OiZA")]}),Zn("design:paramtypes",[])],t)}(),Xn=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},to=function(){function t(){}return t.prototype.intercept=function(t,e){if(t.headers.has("X-ApiKey")){var r=t.headers;return e.handle(t.clone({headers:r}))}if(!0===t.reportProgress)t=t.clone({setHeaders:{Authorization:"Bearer "+localStorage.getItem("access_token")}});else{if(t.headers.has("Content-Type")&&!t.headers.has("Authorization")){r=t.headers;return e.handle(t.clone({headers:r}))}t="arraybuffer"===t.responseType?t.clone({setHeaders:{Authorization:"Bearer "+localStorage.getItem("access_token")}}):t.clone({setHeaders:{"Content-Type":"application/json",Authorization:"Bearer "+localStorage.getItem("access_token")}})}return e.handle(t)},t=Xn([Object(o.B)()],t)}(),eo=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ro=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},no=function(){function t(){}return t.prototype.ngOnInit=function(){},t=eo([Object(o.n)({selector:"app-landing-page",template:r("Psob"),styles:[r("+NDt")]}),ro("design:paramtypes",[])],t)}(),oo=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},ao=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},io=function(){function t(){}return t.prototype.ngOnInit=function(){},t=oo([Object(o.n)({selector:"app-loading-spinner",template:r("0sU8"),styles:[r("JUqi")]}),ao("design:paramtypes",[])],t)}(),so=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},lo=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},co=function(){function t(t){this._customers=t,this.username=localStorage.getItem("username"),this.customerId=sessionStorage.getItem("customerId"),this.roles=JSON.parse(localStorage.getItem("roles")),this.isNameSet=!1,this.FirstName="",this.LastName=""}return t.prototype.ngOnInit=function(){$("li").hasClass("active"),this.todayDate=new Date,this.todayDate=z(this.todayDate.DateOfBirth).tz("Australia/Sydney").format("MMMM Do YYYY"),this.getRoles(),0===localStorage.getItem("FirstName").length&&0===localStorage.getItem("LastName").length||"undefined"===localStorage.getItem("FirstName")&&"undefined"===localStorage.getItem("LastName")?this.isNameSet=!1:(this.FirstName=localStorage.getItem("FirstName"),this.LastName=localStorage.getItem("LastName"),this.isNameSet=!0)},t.prototype.getRoles=function(){var t=this;"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"CustomerServiceLimitedAccess"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"Sales"!==this.roles&&"PROVISIONING_VIEW"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"Finance"!==this.roles&&"SeniorManagement"!==this.roles&&"BILLING_VIEW"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleAuthorizationAllTickets=!0,this.roleAuthorizationCustomers=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"CustomerServiceLimitedAccess"!==this.roles&&"CustomerServiceFullAccess"!==this.roles&&"L1"!==this.roles&&"L2"!==this.roles&&"L3"!==this.roles&&"TeamLeaderFullAccess"!==this.roles&&"Sales"!==this.roles&&"PROVISIONING_VIEW"!==this.roles&&"PROVISIONING_EDIT"!==this.roles&&"Finance"!==this.roles&&"SeniorManagement"!==this.roles||(this.roleAuthorizationComplaints=!0),this._customers.updateState.subscribe(function(e){return t.openTasks=e}),"RSPAdministrators"!==this.roles&&"Administrators"!==this.roles&&"BILLING_VIEW"!==this.roles&&"BILLING_EDIT"!==this.roles||(this.roleAuthorizationBilling=!0),"Administrators"===this.roles&&(this.roleAuthorizationAdmin=!0),"RSPAdministrators"!==this.roles&&"Administrators"!==this.roles&&"Finance"!==this.roles||(this.roleAuthorization=!0),"Administrators"!==this.roles&&"RSPAdministrators"!==this.roles&&"PROVISIONING_VIEW"!==this.roles&&"PROVISIONING_EDIT"!==this.roles||(this.roleAuthorizationProvisioning=!0)},t.prototype.logout=function(){localStorage.clear(),sessionStorage.clear(),window.location.href="/login"},t.prototype.close=function(t){this[t+"Opened"]=!1,this.apiError=!1,this.noInternet=!1},t=so([Object(o.n)({selector:"app-navigation",template:r("6B0M"),styles:[r("ozvy")]}),lo("design:paramtypes",[vt])],t)}(),uo=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},po=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},ko=function(){function t(t){this.element=t}return t=uo([Object(o.t)({selector:"[popupAnchor]",exportAs:"popupAnchor"}),po("design:paramtypes",[o.u])],t)}(),mo=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},go=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},ho=function(){function t(t){this.sanitizer=t}return t.prototype.transform=function(t,e){switch(e){case"html":return this.sanitizer.bypassSecurityTrustHtml(t);case"style":return this.sanitizer.bypassSecurityTrustStyle(t);case"script":return this.sanitizer.bypassSecurityTrustScript(t);case"url":return this.sanitizer.bypassSecurityTrustUrl(t);case"resourceUrl":return this.sanitizer.bypassSecurityTrustResourceUrl(t);default:throw new Error("Invalid safe type specified: "+e)}},t=mo([Object(o.U)({name:"safe"}),go("design:paramtypes",[d.c])],t)}(),bo=this&&this.__decorate||function(t,e,r,n){var o,a=arguments.length,i=a<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},fo=function(){function t(){}return t=bo([Object(o.J)({declarations:[Vn,co,jn,nr,ye,Qn,Ln,io,Wn,Or,yr,Yt,Ee,Ur,Jn,xt,Lr,Wr,Cn,hr,ko,Kr,Dr,Tt,_,no,On,Vr,Er,an,Je,qe,Ie,Pe,Le,Xr,Qe,rn,Fn,le,ae,Ge,dn,_t,Se,ho,pn,Wt,Ut,Le],imports:[d.a,Un,s.d,s.h,i.d,l.a,c.a,h.b,m.b,m.c,u.b,p.b,h.b,k.a,i.c,f.b,p.a,h.a,g.b,h.c,v.a,b.a,y.a],providers:[sr,Be,gt,vt,ee,Sn,kr,Y,Cr,Nt,Pt,yn,pe,ge,{provide:o.H,useValue:"en-AU"},{provide:i.a,useClass:to,multi:!0},{deps:[i.b],provide:Zt,useFactory:function(t){return function(){return new Zt(t)}}}],bootstrap:[Vn]})],t)}();Object(o._16)(),Object(a.a)().bootstrapModule(fo).catch(function(t){return console.log(t)})},data:function(t,e){t.exports='<app-navigation>\r\n</app-navigation>\r\n<div class="padding_tables content">\r\n\t<div class="card z-depth-4 tickets_padding" style="width: auto; overflow-y: hidden !important">\r\n\t\t<div class="header">\r\n\t\t\t<h4 class="title">\r\n\t\t\t\tCustomers\r\n\t\t\t\t<span style="float:right;margin-top:-5px">\r\n\t\t\t\t\t{{waitMsg}}\r\n\t\t\t\t\t\x3c!-- <i title="Clear all filters" data-tooltip="tooltip" class="material-icons" style="cursor:pointer" (click)="filterChange($event, clearAll=true)">clear</i>--\x3e\r\n\t\t\t\t\t<i title="Signed up customers Export To Excel" data-tooltip="tooltip" class="material-icons"\r\n\t\t\t\t\t\tstyle="cursor:pointer" (click)="exportActivationDaily(ActivationDaily);">grid_on</i>\r\n\t\t\t\t</span>\r\n\t\t\t</h4>\r\n\t\t</div>\r\n\r\n\t\t<kendo-grid [data]="query | async" [skip]="state.skip" [pageSize]="state.take" [scrollable]="\'virtual\'"\r\n\t\t\t[sort]="state.sort" [rowHeight]="20" [filter]="state.filter" [resizable]="true" filterable="menu"\r\n\t\t\t[sortable]="true" [style.height.vh]="50" (dataStateChange)="dataStateChange($event)">\r\n\t\t\t<kendo-grid-column field="CustomerId" title="Customer No" [filterable]="true" width="120"\r\n\t\t\t\t[resizable]="false">\r\n\t\t\t\t<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n\t\t\t\t\t<a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.Id]">{{dataItem.Id}}</a>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="FullName" title="Name" [width]="140" [minResizableWidth]="200">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="Phone" title="Phone" [filterable]="true" width="120" [resizable]="false">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="Email" [width]="140" title="Email" [minResizableWidth]="200">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="AccountBalance" title="Account Balance" [filterable]="true" filter="numeric"\r\n\t\t\t\tformat="{0:c}" width="120" [resizable]="false">\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="Status" [width]="140" title="Status">\r\n\t\t\t\t<ng-template kendoGridFilterMenuTemplate let-column="column" let-filter="filter"\r\n\t\t\t\t\tlet-filterService="filterService">\r\n\t\t\t\t\t<kendo-multiselect style="width:250px" [data]="Statuses" textField="text" valueField="value"\r\n\t\t\t\t\t\t[valuePrimitive]="true" [value]="categoryFilters(filter)"\r\n\t\t\t\t\t\t(valueChange)="categoryChange($event, filterService)">\r\n\t\t\t\t\t</kendo-multiselect>\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template kendoGridCellTemplate let-dataItem>\r\n\t\t\t\t\t{{dataItem.Status}}\r\n\t\t\t\t</ng-template>\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="ServiceClassType" title="Service Type" width="100" [resizable]="true">\r\n\t\t\t\t<ng-template kendoGridFilterMenuTemplate let-column="column" let-filter="filter"\r\n\t\t\t\t\tlet-filterService="filterService">\r\n\t\t\t\t\t<kendo-multiselect style="width:250px" [data]="serviceType" textField="text" valueField="value"\r\n\t\t\t\t\t\t[valuePrimitive]="true" [value]="categoryFilters(filter)"\r\n\t\t\t\t\t\t(valueChange)="servicecategoryChange($event, filterService)">\r\n\t\t\t\t\t</kendo-multiselect>\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template kendoGridCellTemplate let-dataItem>\r\n\t\t\t\t\t{{dataItem.ServiceClassType}}\r\n\t\t\t\t</ng-template>\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="ModemType" title="Modem" width="120">\r\n\t\t\t\t<ng-template kendoGridFilterMenuTemplate let-column="column" let-filter="filter"\r\n\t\t\t\t\tlet-filterService="filterService">\r\n\t\t\t\t\t<kendo-multiselect style="width:250px" [data]="Modemtypeval" textField="text" valueField="value"\r\n\t\t\t\t\t\t[valuePrimitive]="true" [value]="categoryFilters(filter)"\r\n\t\t\t\t\t\t(valueChange)="modemcategoryChange($event, filterService)">\r\n\t\t\t\t\t</kendo-multiselect>\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t<ng-template kendoGridCellTemplate let-dataItem>\r\n\t\t\t\t\t{{dataItem.ModemType}}\r\n\t\t\t\t</ng-template>\r\n\t\t\t</kendo-grid-column>\r\n\t\t\t<kendo-grid-column field="SupplierServiceId" title="Wholesale No" [width]="140" [minResizableWidth]="200">\r\n\t\t\t</kendo-grid-column>\r\n\t\t</kendo-grid>\r\n\t\t<div *ngIf="loading" class="k-i-loading"></div>\r\n\r\n\t</div>\r\n</div>\r\n\x3c!-- <div class="col s12 m4" *ngIf="showBarGraph">\r\n\t\t\t\t\t<div class="graphCards">\r\n\t\t\t\t\t\t<div class="card-image">\r\n\t\t\t\t\t\t\t<kendo-chart [seriesColors]="[\'#626262\']" class="">\r\n\t\t\t\t\t\t\t\t<kendo-chart-tooltip format="{0}">\r\n\t\t\t\t\t\t\t\t</kendo-chart-tooltip>\r\n\t\t\t\t\t\t\t\t<kendo-chart-title text="Sales by tech"></kendo-chart-title>\r\n\t\t\t\t\t\t\t\t<kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n\t\t\t\t\t\t\t\t</kendo-chart-axis-defaults>\r\n\t\t\t\t\t\t\t\t<kendo-chart-series>\r\n\t\t\t\t\t\t\t\t\t<kendo-chart-series-item type="column" [data]="techTypeData" categoryField="kind" field="share" colorField="color">\r\n\t\t\t\t\t\t\t\t\t\t<kendo-chart-series-item-labels format="{0}">\r\n\t\t\t\t\t\t\t\t\t\t</kendo-chart-series-item-labels>\r\n\t\t\t\t\t\t\t\t\t</kendo-chart-series-item>\r\n\t\t\t\t\t\t\t\t</kendo-chart-series>\r\n\t\t\t\t\t\t\t</kendo-chart>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div> --\x3e\r\n\r\n\r\n\r\n<div class="row" *ngIf="chartval">\r\n\r\n\t<div class="row btn-type" *ngIf="chartval">\r\n\t\t<button (click)="showPieGraphMethod()" title="Pie Chart" data-tooltip="tooltip" class="btn btn-graph">\r\n\t\t\t<i class="material-icons chart-mouse-pointer">pie_chart_outlined</i>\r\n\t\t</button>\r\n\t\t<button (click)="showBarGraphMethod()" title="Bar Chart" data-tooltip="tooltip" class="btn btn-graph">\r\n\t\t\t<i class="material-icons chart-mouse-pointer">insert_chart</i>\r\n\t\t</button>\r\n\t</div>\r\n\t<div class="col s12 m4" *ngIf="chartval">\r\n\t\t<div class="graphCards">\r\n\t\t\t<div class="card-image">\r\n\t\t\t\t<kendo-chart class="orderChart">\r\n\r\n\t\t\t\t\t<kendo-chart-title style="font-weight: 700" text="Order status"></kendo-chart-title>\r\n\t\t\t\t\t<kendo-chart-tooltip format="{0}">\r\n\t\t\t\t\t</kendo-chart-tooltip>\r\n\t\t\t\t\t<kendo-chart-category-axis>\r\n\t\t\t\t\t\t<kendo-chart-category-axis-item>\r\n\t\t\t\t\t\t\t<kendo-chart-category-axis-item-labels rotation="-50">\r\n\t\t\t\t\t\t\t</kendo-chart-category-axis-item-labels>\r\n\t\t\t\t\t\t</kendo-chart-category-axis-item>\r\n\t\t\t\t\t</kendo-chart-category-axis>\r\n\t\t\t\t\t<kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n\t\t\t\t\t</kendo-chart-axis-defaults>\r\n\t\t\t\t\t<kendo-chart-series>\r\n\t\t\t\t\t\t<kendo-chart-series-item type="column" [data]="ServiceTypeData" categoryField="kind"\r\n\t\t\t\t\t\t\tfield="share" colorField="color">\r\n\t\t\t\t\t\t\t<kendo-chart-series-item-labels format="{0}">\r\n\t\t\t\t\t\t\t</kendo-chart-series-item-labels>\r\n\t\t\t\t\t\t</kendo-chart-series-item>\r\n\t\t\t\t\t</kendo-chart-series>\r\n\t\t\t\t\t<kendo-chart-legend [visible]="false"></kendo-chart-legend>\r\n\t\t\t\t</kendo-chart>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class="col s12 m4" *ngIf="chartval">\r\n\t\t<div class="card-image">\r\n\t\t\t<kendo-chart [seriesColors]="[\'#4CAF50\']" class="monthChart"\r\n\t\t\t\t[categoryAxis]="{ categories: categoriesListName }">\r\n\t\t\t\t<kendo-chart-title text="Sales by month"></kendo-chart-title>\r\n\t\t\t\t<kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>\r\n\t\t\t\t<kendo-chart-tooltip format="{0}"></kendo-chart-tooltip>\r\n\t\t\t\t<kendo-chart-category-axis>\r\n\t\t\t\t\t<kendo-chart-category-axis-item>\r\n\t\t\t\t\t\t<kendo-chart-category-axis-item-labels rotation="-50">\r\n\t\t\t\t\t\t</kendo-chart-category-axis-item-labels>\r\n\t\t\t\t\t</kendo-chart-category-axis-item>\r\n\t\t\t\t</kendo-chart-category-axis>\r\n\t\t\t\t<kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n\t\t\t\t</kendo-chart-axis-defaults>\r\n\t\t\t\t<kendo-chart-series>\r\n\t\t\t\t\t<kendo-chart-series-item type="line" [data]="series" categoryField="Month" field="SaleCount">\r\n\t\t\t\t\t\t<kendo-chart-series-item-labels format="{0}">\r\n\t\t\t\t\t\t</kendo-chart-series-item-labels>\r\n\t\t\t\t\t</kendo-chart-series-item>\r\n\t\t\t\t</kendo-chart-series>\r\n\t\t\t\t<kendo-chart-legend [visible]="false"></kendo-chart-legend>\r\n\t\t\t</kendo-chart>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s12 m4" *ngIf="PieGraph">\r\n\t\t<div class="graphCards">\r\n\t\t\t<div class="card-image">\r\n\t\t\t\t<kendo-chart class="piesale">\r\n\t\t\t\t\t<ng-template kendoChartDonutCenterTemplate>\r\n\t\t\t\t\t\t<h4 style="color: #000">{{totalCustomerCounter}}</h4>\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t<kendo-chart-title text="Order Complete by Tech"></kendo-chart-title>\r\n\t\t\t\t\t<kendo-chart-category-axis>\r\n\t\t\t\t\t\t<kendo-chart-category-axis-item>\r\n\t\t\t\t\t\t\t<kendo-chart-category-axis-item-labels rotation="-50">\r\n\t\t\t\t\t\t\t</kendo-chart-category-axis-item-labels>\r\n\t\t\t\t\t\t</kendo-chart-category-axis-item>\r\n\t\t\t\t\t</kendo-chart-category-axis>\r\n\t\t\t\t\t<kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n\t\t\t\t\t</kendo-chart-axis-defaults>\r\n\t\t\t\t\t<kendo-chart-series>\r\n\t\t\t\t\t\t<kendo-chart-series-item type="donut" [data]="techPieTypeData" categoryField="kind"\r\n\t\t\t\t\t\t\tfield="share" colorField="color">\r\n\t\t\t\t\t\t\t<kendo-chart-series-item-labels position="outsideEnd" [content]="labelContent" color="#000"\r\n\t\t\t\t\t\t\t\tbackground="none">\r\n\t\t\t\t\t\t\t</kendo-chart-series-item-labels>\r\n\t\t\t\t\t\t</kendo-chart-series-item>\r\n\t\t\t\t\t</kendo-chart-series>\r\n\t\t\t\t\t<kendo-chart-legend [visible]="false"></kendo-chart-legend>\r\n\t\t\t\t</kendo-chart>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s12 m4" *ngIf="showBarGraph">\r\n\t\t<div class="graphCards">\r\n\t\t\t<div class="card-image">\r\n\t\t\t\t<kendo-chart [seriesColors]="[\'#626262\']" class="">\r\n\t\t\t\t\t<kendo-chart-tooltip format="{0}">\r\n\t\t\t\t\t</kendo-chart-tooltip>\r\n\t\t\t\t\t<kendo-chart-title text="Order Complete by Tech"></kendo-chart-title>\r\n\t\t\t\t\t<kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n\t\t\t\t\t</kendo-chart-axis-defaults>\r\n\t\t\t\t\t<kendo-chart-series>\r\n\t\t\t\t\t\t<kendo-chart-series-item type="column" [data]="techTypeData" categoryField="kind" field="share"\r\n\t\t\t\t\t\t\tcolorField="color">\r\n\t\t\t\t\t\t\t<kendo-chart-series-item-labels format="{0}">\r\n\t\t\t\t\t\t\t</kendo-chart-series-item-labels>\r\n\t\t\t\t\t\t</kendo-chart-series-item>\r\n\t\t\t\t\t</kendo-chart-series>\r\n\t\t\t\t</kendo-chart>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div class="row" *ngIf="chartval">\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts total">\r\n\t\t\t<span class="black-text">Total: {{totalCustomerCounter}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">FTTN: {{fttnCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">FTTP: {{fttpCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">HFC: {{hfcCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">ADSL: {{adslCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">FW: {{fwCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">FTTC: {{fttcCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">HWB: {{hwbCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class="col s1">\r\n\t\t<div class="card-panel counts">\r\n\t\t\t<span class="black-text">MBB: {{mbbCustomerCountRound}}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>\r\n\r\n<kendo-grid #ActivationDaily="kendoGrid" [kendoGridBinding]="dailyActivationData" style="display: none">\r\n\t<kendo-grid-column field="Id" [locked]="true" title="Customer Id" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="CustName" title="Name" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="Email" title="Email" [width]="200">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="Phone" title="Phone" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="serviceClassType" title="Service Type" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="Status" title="Status" [width]="150">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="AccountBalance" title="Account Balance" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="ModemMake" title="Modem" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="TioFlag" title="Tio" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="DisputeFlag" title="Dispute" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="PaymentOverdue" title="Is Payment Overdue" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="BillDayOfMonth" title="Bill Anniversary Date" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="InitialPayment" title="Initial Payment Made" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="AddressFormatted" title="Service Address" [width]="400">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="AutoPay" title="Monthly Autopay" [width]="100">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="OrderedDate" title="Created Date" [width]="200">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="SupplierServiceId" title="Wholesale No" [width]="150">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="SalesPerson" title="Sales Person" [width]="200">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-column field="Channel" title="Channel" [width]="200">\r\n\t</kendo-grid-column>\r\n\t<kendo-grid-pdf fileName="Customers.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true" [landscape]="true">\r\n\t</kendo-grid-pdf>\r\n\t<kendo-grid-excel fileName="Customers.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n\t<p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n\t<kendo-dialog-actions>\r\n\t\t<button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n\t</kendo-dialog-actions>\r\n</kendo-dialog>\r\n\x3c!-- <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n\t<p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n\t<kendo-dialog-actions>\r\n\t  <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n\t</kendo-dialog-actions>\r\n  </kendo-dialog> --\x3e'},efyd:function(t,e){t.exports='\x3c!--The content below is only a placeholder and can be replaced.--\x3e\r\n\r\n\r\n\t<div id="container">\r\n\t\t<router-outlet></router-outlet>\r\n\t</div>\r\n\r\n'},esvy:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<ul class="nav nav-tabs tabs tabs-fixed-width tab-demo z-depth-1">\r\n  <li class="tab"><a routerLink="/salesdashboard">SALES</a></li>\r\n  <li class="tab"><a routerLink="/operations-dashboard">OPERATIONS</a></li>\r\n  <li class="tab"><a class="active" routerLink="/ticketdashboard">TICKETS</a></li>\r\n  <li class="tab"><a routerLink="/provisioningdashboard">PROVISIONING</a></li>\r\n  <li class="tab"><a routerLink="/financedashboard">FINANCE</a></li>\r\n</ul>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n\r\n<div class="padding_tables content" style="padding: 0px !important" *ngIf="!showSpinnerImage">\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow-y: hidden !important">\r\n    <div class="header">\r\n      <h3 class="title" style="text-align: left !important">\r\n        TICKETS OVERVIEW\r\n      </h3>\r\n    </div>\r\n    <div class="row first_row">\r\n      <div class="col s12 no_margins">\r\n        <div class="col s2 no_margins">\r\n          <div class="card  z-depth-4" style="    background: #03A9F4;\r\n                color: white;">\r\n            <h4 class="title">\r\n              TOTAL\r\n            </h4>\r\n            <div class="content cardContent">\r\n              {{myTickets.TotalTickets}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="col s2 no_margins">\r\n          <div class="card  z-depth-4" style="background: #ef5350;\r\n            color: white;">\r\n            <h4 class="title">\r\n              OPEN\r\n            </h4>\r\n\r\n            <div class="content cardContent">\r\n              {{myTickets.TotalOpenTickets}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="col s2 no_margins">\r\n          <div class="card  z-depth-4" style="    background: #607D8B;\r\n            color: white;">\r\n            <h4 class="title">\r\n              CLOSED\r\n            </h4>\r\n\r\n            <div class="content cardContent">\r\n              {{myTickets.TotalClosedTickets}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="col s2 no_margins">\r\n          <div class="card  z-depth-4" style="background: #FFEB3B;\r\n            color: white;">\r\n            <h4 class="title">\r\n              REOPENED\r\n            </h4>\r\n\r\n            <div class="content cardContent">\r\n              {{myTickets.TotalReopenTickets}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="col s2 no_margins">\r\n          <div class="card  z-depth-4" style="background: #4CAF50;\r\n            color: white;">\r\n            <h4 class="title">\r\n              RESOLVED\r\n            </h4>\r\n\r\n            <div class="content cardContent">\r\n              {{myTickets.TotalResolvedTickets}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s12 no_margins">\r\n        <div class="col s6 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title">\r\n              Tickets By Department\r\n            </h4>\r\n            <kendo-grid [kendoGridBinding]="deptData" [resizable]="true" [scrollable]="true" [height]="300">\r\n              <kendo-grid-column field="DepartmentName" width="200" title="Department"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalTickets" title="Total"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalOpenTickets" title="Open"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalClosedTickets" title="Closed"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalResolvedTickets" title="Resolved"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalReopenTickets" title="Reopened"></kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n        <div class="col s6 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title">\r\n              Tickets Created By Agent\r\n            </h4>\r\n\r\n            <kendo-grid [kendoGridBinding]="agentData" [resizable]="true" [scrollable]="true" [height]="300">\r\n              <kendo-grid-column field="AgentName" width="150" title="Agent Name"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalOpenTickets" title="Open"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalClosedTickets" title="Closed"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalResolvedTickets" title="Resolved"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalReopenTickets" title="Reopened"></kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="col-md-6">\r\n        <div class="card  z-depth-4">\r\n          <p class="boldfirst">Ticket Status\r\n          </p>\r\n\r\n          <kendo-chart *ngIf="ticketData.length > 0" [seriesColors]="[\'#ef5350\', \'#4CAF50\' , \'#607D8B\', \'#FFEB3B\']">\r\n            <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-series>\r\n              <kendo-chart-series-item type="donut" holeSize="0" [data]="ticketData" field="value"\r\n                categoryField="category">\r\n                <kendo-chart-series-item-labels color="#000" background="none">\r\n                </kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item>\r\n            </kendo-chart-series>\r\n          </kendo-chart>\r\n        </div>\r\n      </div>\r\n      <div class="col-md-6">\r\n        <div class="card  z-depth-4">\r\n\r\n          <p class="boldfirst">Outstanding Tickets\r\n\r\n          </p>\r\n\r\n          <kendo-chart *ngIf="graphticketData.length > 0" [seriesColors]="[\'#ef5350\', \'#8BC34A\' , \'#FFEE58\']">\r\n            <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-series>\r\n              <kendo-chart-series-item type="donut" holeSize="0" [data]="graphticketData" field="value"\r\n                colorField="color" categoryField="category">\r\n                <kendo-chart-series-item-labels [content]="labelContent" color="#000" background="none">\r\n                </kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item>\r\n            </kendo-chart-series>\r\n          </kendo-chart>\r\n        </div>\r\n      </div>\r\n\r\n      <div class="col s12 no_margins">\r\n        <div class="col s6 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title" style="background: #ef9a9a">\r\n              CRITICAL TICKETS (Open > 15 Days)\r\n            </h4>\r\n            <kendo-grid *ngIf="fifteen" [data]="fifteen" [scrollable]="true" [height]="300" [sortable]="true"\r\n              [sort]="sort" (sortChange)="sortChange($event)" [resizable]="true">\r\n              <kendo-grid-column field="CustId" title="Cust Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustId]">{{dataItem.CustId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CustName" title=" Name" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="DeptName" title="Dept" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="CreatedBy" title="Created By" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="CreatedDate" title="Created On" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="TicketNumber" title="Ticket No" class="header_bold"></kendo-grid-column>\r\n            </kendo-grid>\r\n\r\n          </div>\r\n        </div>\r\n        <div class="col s6 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title" style="background: #81c784">\r\n              CRITICAL TICKETS (Open > 10 Days)\r\n            </h4>\r\n\r\n            <kendo-grid *ngIf="ten" [data]="ten" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="300" [resizable]="true">\r\n              <kendo-grid-column field="CustId" title="Cust Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustId]">{{dataItem.CustId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CustName" title=" Name" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="DeptName" title="Dept" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="CreatedBy" title="Created By" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="CreatedDate" title="Created On" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="TicketNumber" title="Ticket No" class="header_bold"></kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s12 no_margins">\r\n        <div class="col s6 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title" style="background: #ffd180">\r\n              CRITICAL TICKETS (Open > 5 Days)\r\n            </h4>\r\n            <kendo-grid *ngIf="five" [data]="five" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="300" [resizable]="true">\r\n              <kendo-grid-column field="CustId" title="Cust Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustId]">{{dataItem.CustId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CustName" title=" Name" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="DeptName" title="Dept" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="CreatedBy" title="Created By" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="CreatedDate" title="Created On" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="TicketNumber" title="Ticket No" class="header_bold"></kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="closeDialog(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="closeDialog(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="closeDialog(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="closeDialog(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},fuuT:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-grid tr:hover{cursor:pointer}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.extraMargins{margin-right:10px}.k-state-selected{background-color:#bcc8f5!important;color:#000!important}.k-grid table{border-collapse:collapse!important}tr{border-bottom-color:1px solid rgba(0,0,0,.08)!important}.k-dropdown-wrap .k-input{height:calc(15px + 1.4285714286em)!important;background:#fff!important}input:not([type]){margin:0!important}.k-button{float:none!important}.k-checkbox:hover+.k-checkbox-label:before{border-color:0;background-color:0}.globalFilter .k-select{background-color:#ff7743!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff!important}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743}.btn-fix{float:none;height:20px;line-height:4px;padding:7px 11px;padding-bottom:6px;font-size:10px;color:#fff!important}.k-block:disabled,.k-widget:disabled,.k-widget[disabled],[disabled].k-block{outline:none;cursor:default;opacity:.6;-webkit-filter:grayscale(.1);filter:grayscale(.1);pointer-events:none;-webkit-box-shadow:none;box-shadow:none}.issueBtn{height:7px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},gqUK:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-grid tr:hover{cursor:pointer}.k-grid-header{padding:0!important}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.extraMargins{margin-right:10px}.k-state-selected{background-color:#bcc8f5!important;color:#000!important}.k-grid table{border-collapse:collapse!important}tr{border-bottom-color:1px solid rgba(0,0,0,.08)!important}.k-dropdown-wrap .k-input{height:calc(15px + 1.4285714286em)!important;background:#fff!important}input:not([type]){margin:0!important}.k-button{float:none!important}.k-checkbox:hover+.k-checkbox-label:before{border-color:0;background-color:0}.globalFilter .k-select{background-color:#ff7743!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743}.btn-fix{float:none;height:20px;line-height:4px;padding:7px 11px;padding-bottom:6px;font-size:10px;color:#fff!important}.k-block:disabled,.k-widget:disabled,.k-widget[disabled],[disabled].k-block{outline:none;cursor:default;opacity:.6;-webkit-filter:grayscale(.1);filter:grayscale(.1);pointer-events:none;-webkit-box-shadow:none;box-shadow:none}.modal{-webkit-box-shadow:none!important;box-shadow:none!important;background-color:transparent!important}.modal-open .modal{overflow-y:hidden!important}.k-grid-header .k-header,.k-header>.k-link{color:#000;font-weight:700;background:#fff!important}.issueBtn{height:7px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},gtEj:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="padding_tables content">\r\n  <div class="card z-depth-4 tickets_padding">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        All Orders\r\n      </h4>\r\n\r\n    </div>\r\n    <kendo-grid [style.height.vh]="87" [data]="allCompleteOrders" [pageSize]="25" [pageable]="true" [sortable]="true"\r\n      [scrollable]="true" [resizable]="true" [selectable]="true" filterable="menu" class="test" (edit)="open($event)">\r\n      <kendo-grid-column field="BillingId" title="Customer Id" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.BillingId]">{{dataItem.BillingId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OrderedDate" filter="date" width="120" [resizable]="false" format="{0:d}"\r\n        title="Ordered Date" [filterable]="true">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Name" title="Full Name" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="LocId" title="Location Id" [filterable]="true" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Address" title="Address" [minResizableWidth]="200" [style]="{\'white-space\': \'normal\'}">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Status" title="Status" [filterable]="true" [minResizableWidth]="200">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Type" title="Type" [filterable]="true" width="100" [resizable]="false">\r\n      </kendo-grid-column>\r\n      <kendo-grid-command-column *ngIf="roleAuthorizationProvisioning" title="Action" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem>\r\n          <button kendoGridEditCommand class="btn-sm btn waves-effect waves-light btn-fix">Raise ticket</button>\r\n          <button class="btn-sm btn waves-effect waves-light btn-fix issueBtn" (click)="edit(dataItem)"\r\n            target="_blank">Edit</button> </ng-template>\r\n      </kendo-grid-command-column>\r\n    </kendo-grid>\r\n    <div *ngIf="loadingGrid" class="k-i-loading"></div>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Raise ticket" *ngIf="dialogOpened" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n\r\n      <form class="k-form" #CreateTicket="ngForm" (ngSubmit)="action(CreateTicket.value,\'yes\');CreateTicket.reset()">\r\n        <legend style="text-align:center">Sumo Operations</legend>\r\n        <div class="control-label col s12">\r\n          <label>\r\n            Select topic</label>\r\n          <select style="display:block" [(ngModel)]="topicId" (change)="topicChange(topicId)" name="topicId">\r\n            <option [ngValue]="undefined" selected>Select topic</option>\r\n            <option *ngFor="let sub of TechSupportL3Sub" value="{{sub.value}}">\r\n              {{ sub.category }}\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="topicId && !billingEnquiry">\r\n          <label>\r\n            Select subject</label>\r\n          <select style="display:block" [(ngModel)]="subject" (change)="optionChange()" name="subject">\r\n            <option [ngValue]="undefined" selected>Select subject</option>\r\n            <option *ngFor="let sub of TechSupportSub" value="{{sub.value}}">\r\n              {{ sub.category }}\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="billingEnquiry">\r\n          <label>\r\n            Enter subject</label>\r\n          <input class="textareainput" type=text [(ngModel)]="subject" id="subject" name="subject" required />\r\n\r\n        </div>\r\n        <div class="control-label col s12" *ngIf="topicId">\r\n          <label>\r\n            Enter message</label>\r\n          <textarea [(ngModel)]="message" name="message" class="k-textarea"></textarea>\r\n        </div>\r\n        <div class="text-right" *ngIf="topicId">\r\n          <button type="button" class="k-button" (click)="close(\'dialog\')">Cancel</button>\r\n          <button type="submit" class="k-button k-primary">Submit</button>\r\n        </div>\r\n      </form>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>'},hKxP:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div id="content">\r\n  <a href="#" data-activates="slide-out" class="button-collapse hide-on-large-only">\r\n    <i class="material-icons">menu</i>\r\n  </a>\r\n\r\n  <div class="padding_tables content" style="padding: 0px !important">\r\n    <div class="card z-depth-4 tickets_padding">\r\n      <div class="header">\r\n        <h4 class="title">\r\n          Completed Orders\r\n        </h4>\r\n\r\n      </div>\r\n      <kendo-grid [style.height.vh]="87" [data]="allNewOrders" [pageSize]="25" [pageable]="true" [sortable]="true"\r\n        [scrollable]="true" [resizable]="true" [selectable]="true" filterable="menu" class="test" (edit)="open($event)">\r\n        <kendo-grid-column field="BillingId" title="Customer Id" width="120" [resizable]="false">\r\n          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n            <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.BillingId]">{{dataItem.BillingId}}</a>\r\n          </ng-template>\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="OrderedDate" filter="date" width="120" [resizable]="false" format="{0:d}"\r\n          title="Ordered Date" [filterable]="true">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="Name" title="Full Name" [minResizableWidth]="200">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="LocId" title="Location Id" [filterable]="true" [minResizableWidth]="200">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="Address" title="Address" [minResizableWidth]="200"\r\n          [style]="{\'white-space\': \'normal\'}">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="Status" title="Status" [filterable]="true" [minResizableWidth]="200">\r\n        </kendo-grid-column>\r\n        <kendo-grid-column field="Type" title="Type" [filterable]="true" width="100" [resizable]="false">\r\n        </kendo-grid-column>\r\n        <kendo-grid-command-column *ngIf="roleAuthorizationProvisioning" title="Action" [resizable]="false">\r\n          <ng-template kendoGridCellTemplate let-dataItem>\r\n            <button kendoGridEditCommand class="btn-sm btn waves-effect waves-light btn-fix">Raise ticket</button>\r\n            <button class="btn-sm btn waves-effect waves-light btn-fix issueBtn" (click)="edit(dataItem)"\r\n              target="_blank">Edit</button>\r\n            \x3c!-- <button kendoGridEditCommand [primary]="true" class="btn-sm btn waves-effect waves-light btn-fix-dashboard">Raise issue</button> --\x3e\r\n          </ng-template>\r\n        </kendo-grid-command-column>\r\n      </kendo-grid>\r\n      <div *ngIf="loadingGrid" class="k-i-loading"></div>\r\n      <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n        <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n        <kendo-dialog-actions>\r\n          <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n        </kendo-dialog-actions>\r\n      </kendo-dialog>\r\n      <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n        <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n        <kendo-dialog-actions>\r\n          <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n        </kendo-dialog-actions>\r\n      </kendo-dialog>\r\n      <kendo-dialog title="Raise ticket" *ngIf="dialogOpened" (close)="close(\'dialog\')" [minWidth]="250" [width]="450">\r\n\r\n        <form class="k-form" #CreateTicket="ngForm" (ngSubmit)="action(CreateTicket.value,\'yes\');CreateTicket.reset()">\r\n          <legend style="text-align:center">Sumo Operations</legend>\r\n          <div class="control-label col s12">\r\n            <label>\r\n              Select topic</label>\r\n            <select style="display:block" [(ngModel)]="topicId" (change)="topicChange(topicId)" name="topicId">\r\n              <option [ngValue]="undefined" selected>Select topic</option>\r\n              <option *ngFor="let sub of TechSupportL3Sub" value="{{sub.value}}">\r\n                {{ sub.category }}\r\n              </option>\r\n            </select>\r\n          </div>\r\n          <div class="control-label col s12" *ngIf="topicId && !billingEnquiry">\r\n            <label>\r\n              Select subject</label>\r\n            <select style="display:block" [(ngModel)]="subject" (change)="optionChange()" name="subject">\r\n              <option [ngValue]="undefined" selected>Select subject</option>\r\n              <option *ngFor="let sub of TechSupportSub" value="{{sub.value}}">\r\n                {{ sub.category }}\r\n              </option>\r\n            </select>\r\n          </div>\r\n          <div class="control-label col s12" *ngIf="billingEnquiry">\r\n            <label>\r\n              Enter subject</label>\r\n            <input class="textareainput" type=text [(ngModel)]="subject" id="subject" name="subject" required />\r\n\r\n          </div>\r\n          <div class="control-label col s12" *ngIf="topicId">\r\n            <label>\r\n              Enter message</label>\r\n            <textarea [(ngModel)]="message" name="message" class="k-textarea"></textarea>\r\n          </div>\r\n\r\n          <div class="text-right" *ngIf="topicId">\r\n            <button type="button" class="k-button" (click)="close(\'dialog\')">Cancel</button>\r\n            <button type="submit" class="k-button k-primary">Submit</button>\r\n          </div>\r\n        </form>\r\n      </kendo-dialog>\r\n    </div>\r\n  </div>\r\n</div>'},iUBE:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<ul class="nav nav-tabs tabs tabs-fixed-width tab-demo z-depth-1">\r\n  <li class="tab"><a routerLink="/salesdashboard">SALES</a></li>\r\n  <li class="tab"><a class="active" routerLink="/operations-dashboard">OPERATIONS</a></li>\r\n  <li class="tab"><a routerLink="/ticketdashboard">TICKETS</a></li>\r\n  <li class="tab"><a routerLink="/provisioningdashboard">PROVISIONING</a></li>\r\n  <li class="tab"><a routerLink="/financedashboard">FINANCE</a></li>\r\n</ul>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n\r\n<div class="padding_tables content" style="padding: 0px !important" *ngIf="!showSpinnerImage">\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow-y: hidden !important">\r\n    <div class="header">\r\n      <h3 class="title" style="text-align: left !important">\r\n        OPERATIONS OVERVIEW\r\n      </h3>\r\n    </div>\r\n\r\n\r\n    <div class="row first_row">\r\n      <div class="col s12 no_margins">\r\n\r\n        <div class="col-md-6 ">\r\n\r\n          <div class="card  z-depth-4">\r\n            <kendo-chart (seriesClick)="exportoverdue(Payment)" #chart [seriesColors]="[\'#4CAF50\',\'#ef5350\']">\r\n              <kendo-chart-legend position="bottom" orientation="horizontal">\r\n              </kendo-chart-legend>\r\n              <kendo-chart-title text="Weekly Payment Status "></kendo-chart-title>\r\n\r\n              <kendo-chart-category-axis>\r\n                <kendo-chart-category-axis-item [categories]="[\'Mon\', \'Tue\', \'Wed\', \'Thu\', \'Fri\', \'Sat\', \'Sun\']">\r\n                </kendo-chart-category-axis-item>\r\n              </kendo-chart-category-axis>\r\n              <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n              </kendo-chart-axis-defaults>\r\n              <kendo-chart-series>\r\n                <kendo-chart-series-item name="Approved" type="column" [gap]="2" [spacing]=".25" [data]="approvedData">\r\n                  <kendo-chart-series-item-labels format="${0}" rotation="-50">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n                <kendo-chart-series-item name="Declined" type="column" [data]="pendingData">\r\n                  <kendo-chart-series-item-labels format="${0}" rotation="-50">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n              </kendo-chart-series>\r\n            </kendo-chart>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="col-md-6">\r\n          <div class="card  z-depth-4">\r\n            <kendo-chart *ngIf="graphdata.length > 0" [seriesColors]="[\'#4CAF50\',\'#ef5350\']">\r\n              <kendo-chart-legend position="bottom" orientation="horizontal">\r\n              </kendo-chart-legend>\r\n              <kendo-chart-title text="Total Payment"></kendo-chart-title>\r\n              <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n              </kendo-chart-axis-defaults>\r\n              <kendo-chart-series>\r\n                <kendo-chart-series-item type="column" [data]="graphdata" colorField="color" field="Total"\r\n                  categoryField="Status">\r\n                  <kendo-chart-series-item-labels format="${0}">\r\n                  </kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item>\r\n              </kendo-chart-series>\r\n            </kendo-chart>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="col s12 no_margins">\r\n        <div class="col-md-offset-1 col-md-5 ">\r\n          <div class="card  z-depth-4">\r\n\r\n            <h4 class="title">\r\n              Shaped Users\r\n            </h4>\r\n            <kendo-grid [data]="shapedUsers" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="300">\r\n              <kendo-grid-column field="CustomerId" title="Customer Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid"\r\n                    [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Date" title="Shaped Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalOutStanding" format="{0:c}" title="Total Outstanding" class="header_bold">\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n\r\n\r\n          </div>\r\n        </div>\r\n        <div class="col-md-5">\r\n          <div class="card  z-depth-4">\r\n\r\n            <h4 class="title">\r\n              Blocked Users\r\n            </h4>\r\n            <kendo-grid [data]="blockedUsers" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="300">\r\n              <kendo-grid-column field="CustomerId" title="Customer Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid"\r\n                    [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Date" title="Blocked Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalOutStanding" format="{0:c}" title="Total Outstanding" class="header_bold">\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <div class="col s12 no_margins">\r\n        <div class="col s4 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title">\r\n              NBN Order In Progress > 5 Days\r\n            </h4>\r\n            <kendo-grid [resizable]="true" [data]="finalNbnListFive" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="300">\r\n              <kendo-grid-column field="CustomerId" title="Cust Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid"\r\n                    [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="OrderDate" title="Ordered Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="StatusDate" title="Status Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="NoOfDays" title="No. of Days" class="header_bold"></kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="col s4 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title">\r\n              ADSL Order In Progress > 10 Days\r\n            </h4>\r\n            <kendo-grid [resizable]="true" [data]="finalAdslListTen" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="300">\r\n              <kendo-grid-column field="CustomerId" title="Cust Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid"\r\n                    [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              \x3c!-- <kendo-grid-column field="Id" title="Cust Id" class="header_bold"></kendo-grid-column> --\x3e\r\n              <kendo-grid-column field="OrderDate" title="Ordered Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="StatusDate" title="Status Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="NoOfDays" title="No. of Days" class="header_bold"></kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="col s4 no_margins">\r\n          <div class="card  z-depth-4">\r\n            <h4 class="title">\r\n              Payment Pending > 5 Days\r\n            </h4>\r\n            <kendo-grid [resizable]="true" [data]="finalOnHoldFive" [scrollable]="true" [sortable]="true" [sort]="sort"\r\n              (sortChange)="sortChange($event)" [height]="300">\r\n              <kendo-grid-column field="CustomerId" title="Cust Id">\r\n                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n                  <a class="billing-customerid"\r\n                    [routerLink]="[\'/customers\', dataItem.CustomerId]">{{dataItem.CustomerId}}</a>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n              \x3c!-- <kendo-grid-column field="Id" title="Cust Id" class="header_bold"></kendo-grid-column> --\x3e\r\n              <kendo-grid-column field="OrderDate" title="Ordered Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="StatusDate" title="Status Date" class="header_bold"></kendo-grid-column>\r\n              <kendo-grid-column field="TotalOutStanding" format="{0:c}" title="Total Outstanding" class="header_bold">\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n<kendo-grid #Payment="kendoGrid" [kendoGridBinding]="PaymentData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Name" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="BillDayOfMonth" title="Invoice No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="IssueDate" title="Issue Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Total" title="Account Balance" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDue" title="Payment Due Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StartDate" title="Billing Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Overdue" title="Payment Overdue" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Monthly Overdue Payments.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Monthly Overdue Payments.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},ivFF:function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow: auto !important">\r\n    <kendo-grid [data]="agentLogs" [resizable]="true" [style.height.vh]="87"\r\n      style="width: auto; overflow: none !important">\r\n      <kendo-grid-column field="CustomerId" title="Customer Id" [width]="300" [minResizableWidth]="80">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="AccessDate" title="Access Date" [width]="300" [minResizableWidth]="80">\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="AgentEmail" title="Accessed By">\r\n      </kendo-grid-column>\r\n    </kendo-grid>\r\n    <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n    <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>'},jMGB:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"body{background:#e8e8ee;height:800px}h5{margin-top:100px;text-align:center;font-size:1rem}.card{height:500px;-webkit-box-shadow:0 2px 2px 0 #333;box-shadow:0 2px 2px 0 #333}.card .card-content{padding:10px 24px;height:180px}.btn,.card .card-content{background:#789;color:#fff}input{color:#000}.agent_portal{text-align:center}body{background:url(http://cdn.wallpapersafari.com/13/6/Mpsg2b.jpg);margin:0;background-size:100% 110%}a,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.login{margin:0 auto;max-width:500px}.login-header{color:#fff;text-align:center;font-size:300%}.login-form{border:.5px solid #fff;background:#4facff;border-radius:10px;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}.login-form h3{text-align:left;margin-left:40px;color:#fff}.login-form{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:15px;padding-bottom:10%;margin:5% auto;text-align:center}.login input[type=password],.login input[type=text]{max-width:400px;width:80%;line-height:3em;margin:1em 2em;border-radius:5px;border:2px solid #f2f2f2;outline:none;padding-left:10px}.login-form input[type=button]{height:30px;width:100px;background:#fff;border:1px solid #f2f2f2;border-radius:20px;color:#708090;text-transform:uppercase;cursor:pointer}img.center{display:block;margin-top:30px;margin-left:auto;margin-right:auto;height:100px;width:120px}.sign-up{color:#f2f2f2;margin-left:-70%;cursor:pointer;text-decoration:underline}.extra_padding{padding-right:235px;padding-top:120px}.no-access{color:#e86850;margin:20px 0 20px -57%}.no-access,.try-again{text-decoration:underline;cursor:pointer}.try-again{color:#f2f2f2}.error-code{color:#dd5661}.row .col.s4{width:42.333333%}.row .col.offset-s4{margin-left:12.3333333333%}.form-horizontal{margin-top:50px}@media screen and (max-width:900px){.row .col.offset-s4{margin-left:0}.row .col.s4{width:100%}}",""]),t.exports=t.exports.toString()},jb3P:function(t,e){t.exports='<div class="row extra_padding">\r\n  <div class="col s6 offset-s3">\r\n    <h5>Forgot Password</h5>\r\n    <div class="card">\r\n      <div class="card-content">\r\n        <div class="card-title">\r\n          <img class="center" src="../../assets/images/newlogo.png">\r\n\r\n        </div>\r\n        <form ngNativeValidate #ForgotPassword="ngForm" (ngSubmit)="updatePassword(ForgotPassword.value)">\r\n          <div style="margin-top:8rem">\r\n            <label for="file">Enter your email address</label>\r\n            <input [(ngModel)]="Email" name="Email" placeholder="Please verify your email address" id="oldpassword"\r\n              type="text" required />\r\n          </div>\r\n          <p class="errFile">{{errorMsg}}</p>\r\n          <div class="successFile">{{successMsg}}</div>\r\n          <div class="input-field col s12">\r\n            <button class="btn waves-effect waves-light right themebtn" style="\r\n                padding-left: 10px !important;\r\n                padding-right: 10px !important;" type="submit" name="action">\r\n              Email Link\r\n            </button>\r\n\r\n          </div>\r\n\r\n        </form>\r\n      </div>\r\n    </div>\r\n    <p class="center">Powered by the Grex Group</p>\r\n  </div>\r\n  <kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n    <kendo-dialog-actions>\r\n      <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>\r\n  <kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n    <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n    <kendo-dialog-actions>\r\n      <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n    </kendo-dialog-actions>\r\n  </kendo-dialog>'},jmNm:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-filtercell-wrapper{white-space:normal}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.k-state-selected{padding:5px;background:#dcdbec}tr :hover{cursor:pointer}kendo-dropdownlist{display:none}.btn-sm{background:#ff7743!important;padding:4px 5px;color:#fff!important}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743!important}.btn-fix-dashboard{float:none;height:18px!important;line-height:2px!important;padding:4px 12px!important;padding-bottom:6px!important;font-size:12px!important;letter-spacing:.5px!important}strong{color:#000;font-weight:700}.user-view{padding:12px 32px 0}.agent_name{float:left;padding-right:5px}.email{line-height:24px}.email,.side-nav .user-view .email{font-size:12px}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{padding:0 32px}.sidenav-footer{bottom:0;margin-bottom:0;padding:0}.sidenav-footer .row{margin-bottom:0}.sidenav-footer .row .social-icons a{opacity:.5;padding:0;text-align:center}.sidenav-footer .row .social-icons a:hover{background-color:inherit;opacity:1}.cyan{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important}a{cursor:pointer}.note-desc div{text-align:left}.side-nav.fixed{height:100%}ul>li:last-child{position:inherit;bottom:0}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{margin-left:15px}.internal-notes{font-weight:700;font-size:1.3rem}.note-border{font-size:11px}.note-head{font-size:10px}.note-body{font-size:10.5px}.note-desc{text-align:left!important}.k-grid-content{overflow-y:scroll!important}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block).leftTitle{width:6.8em!important}.modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},"joy+":function(t,e){t.exports='<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content" *ngIf="!showSpinnerImage">\r\n\r\n  <div class="card z-depth-4 tickets_padding">\r\n    <div class="header">\r\n      <h4 class="title" style="margin-left: -11px">\r\n        Reports\r\n      </h4>\r\n    </div>\r\n    <table id="myTable" class="table table-striped bordered responsive-table">\r\n      <thead>\r\n        <tr style="background: #c9cccf !important">\r\n          <th class="normth" (click)="sortTable(0)">Report No.\r\n            <input type="text" id="myId" style="height: 2rem" (keyup)="reportIdfilter();" title="Type"></th>\r\n          <th class="normth" (click)="sortTable(1)">Report Type\r\n            <input type="text" id="myInput" style="height: 2rem" (keyup)="reportTypefilter();" title="Type"></th>\r\n          <th class="normth" (click)="sortTable(2)">Report Description\r\n            <input type="text" id="myInputdescs" style="height: 2rem" (keyup)="reportDescfilter();" title="Type"></th>\r\n          <th>Select Month\r\n            <input type="text" style="height: 2rem; border: none">\r\n          </th>\r\n          <th>Select Year\r\n            <input type="text" style="height: 2rem; border: none">\r\n          </th>\r\n          <th>Download\r\n            <input type="text" style="height: 2rem; border: none">\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr>\r\n          <td style="width:3em">1</td>\r\n          <td>ADSL Accounts</td>\r\n          <td>Report of all active/inactive ADSL customers</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedCustomer">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearCustomer">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportADSL(ADSLReport)" />\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editadsl"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">2</td>\r\n          <td>Aged Debtor Report</td>\r\n          <td colspan="3">Summary of outstanding balance</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportDebtor(Debtor)" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">3</td>\r\n          <td>Billing Report - Approved Invoices</td>\r\n          <td>Report for customers in approved bills with total amount</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedApproved">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearBilling">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportApproved(Approved)" />\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editBillApprove"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">4</td>\r\n          <td>Billing Report - Draft Invoices</td>\r\n          <td>Report for customers in draft bills with total amount</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedDraft">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearDraft">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportDraft(Draft)" />\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editBillDraft"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">5</td>\r\n          <td>Billing Report - Suspended Invoices</td>\r\n          <td>Report for customers in suspended bills with total amount</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedSuspended">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearSuspended">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportSuspended(Suspended)" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editBillSuspend"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">6</td>\r\n          <td><a routerLink="/blockedReport" style="color: #039be5">\r\n              Blocked Users Report</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/blockedReport" style="color: #039be5">\r\n              Report with details of Blocked Users daily/weekly/monthly</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">7</td>\r\n          <td><a routerLink="/blockedTillDate" style="color: #039be5">\r\n              Blocked Users Report Till Date</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/blockedTillDate" style="color: #039be5">\r\n              Report with details of Blocked Users till date</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">8</td>\r\n          <td>Bundle Discounts</td>\r\n          <td>Report of all discounts applied to customers</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedDiscount">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearDiscounts">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportdiscount(Discount)" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editBundle"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n\r\n        <tr>\r\n          <td style="width:3em">9</td>\r\n          <td>Cancellation By Month</td>\r\n          <td>Monthly cancellations report</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedcancellations">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearTerminations">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportcancel(Cancellation)" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editcancel"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">10</td>\r\n          <td>Cancellation Report - Daily</td>\r\n          <td colspan="3">Report of orders cancelled daily</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportCancellationDaily(CancellationDaily);" />\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>11</td>\r\n          <td>Complaints Report</td>\r\n          <td colspan="3">Report of all customers under TIO/Dispute</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportcomplaint(ComplaintReport)" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">12</td>\r\n          <td><a routerLink="/creditReport" style="color: #039be5">\r\n              Credits Detail Report</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/creditReport" style="color: #039be5">\r\n              Report with details of Credits applied</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">13</td>\r\n          <td>Credits Report</td>\r\n          <td colspan="3">Credits applied till date</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportcreditdaily(creditDataDaily)" />\r\n            \x3c!-- <img class="material-icons pdf disabled" src="../../assets/images/pdf.png" title="Export to PDF"\r\n                data-tooltip="tooltip" />\r\n              <img class="material-icons excel custom" data-toggle="modal" data-target="#editCredit" src="../../assets/images/date.png"\r\n                title="Customize Date" data-tooltip="tooltip" /> --\x3e\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">14</td>\r\n          <td>Credit Management Report</td>\r\n          <td colspan="3">List of accounts to be cancelled</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportcreditmanagement(creditManagementDaily)" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>15</td>\r\n          <td>Customers not in Bundle Discounts</td>\r\n          <td colspan="3">Report of all customers not in bundled products</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportBundleReport(BundleReport)" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">16</td>\r\n          <td>Data Activation Report - Daily</td>\r\n          <td colspan="3" style="width:60px">Daily Order Active Report</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportActivationDaily(ActivationDaily);" />\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">17</td>\r\n          <td>Data Activation Report - Monthly</td>\r\n          <td>Report of Orders Activated</td>\r\n          <td style="width:3em">\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedActivation">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td style="width:3em">\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td style="width:13em">\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportActivation(Activation);" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editUsage"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        \x3c!-- <tr>\r\n          <td style="width:3em">14</td>\r\n          <td><a routerLink="/disconnectedReport" style="color: #039be5">\r\n              Disconnected Users Report</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/disconnectedReport" style="color: #039be5">\r\n            Report with details of Disconnected Users</a>\r\n        </td>\r\n        </tr> --\x3e\r\n        <tr>\r\n          <td style="width:3em">18</td>\r\n          <td>Failed Payment Report</td>\r\n          <td colspan="3">Report of customers with failed transaction</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportFailedpayment(Failedpayment)" />\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>19</td>\r\n          <td>Fault Report</td>\r\n          <td colspan="3">Report for faults raised</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportFaultReport(FaultReport)" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">20</td>\r\n          <td><a routerLink="/financenetcommReport" style="color: #039be5">\r\n              Finance Netcomm Report</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/financenetcommReport" style="color: #039be5">\r\n              Finance Report with Netcomm details</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">21</td>\r\n          <td>Initial Payment Pending Report</td>\r\n          <td colspan="3">Customers with No Initial Payment and Setup fees Paid</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportInitialpayment(Initialpayment)" />\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">22</td>\r\n          <td>Master Customer List</td>\r\n          <td>Report of all customers signed up with details</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedCustomer">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearCustomer">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportCustomer(Customer)" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editMaster"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">23</td>\r\n          <td>Modem Details</td>\r\n          <td colspan="3">Report of details of modem sold</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportmodemdetails(ModemDetail)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" disabled>\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">24</td>\r\n          <td>Monthly Billing Report</td>\r\n          <td>Report of total bills generated with total charges</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedBilling">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearMonthlybill">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportTotalBill(TotalBill)" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editBillmonth"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">25</td>\r\n          <td>Monthly Credits Report</td>\r\n          <td>Report for credits applied to customer</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedcredits">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearCredits">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportcredit(creditData)" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editCredit"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">26</td>\r\n          <td>Monthly Modem Sales</td>\r\n          <td>Report for sales of modem with customer details</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedModemSales">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearSales">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportmodemsales(ModemSale)" />\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editmodem"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">27</td>\r\n          <td>Monthly Overdue Payments</td>\r\n          <td>Report of Outstanding dues with Bill Issue vs Due Date</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedOutstanding">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearOverdue">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportoverdue(Payment)" />\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editoverdue"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">28</td>\r\n          <td>Monthly Payment Status Report</td>\r\n          <td>Report of all customers with approved/declined payment</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedMonthOutstanding">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedMonthYearOverdue">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" (click)="exportdailypayment(Dailypayment)">\r\n                <i class="material-icons">grid_on</i>\r\n              </button> --\x3e\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportmonthlydailypayment(MonthDailypayment)" />\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editpaymentstatus"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">29</td>\r\n          <td>Monthly Payments Summary</td>\r\n          <td>Report of payments received by customers</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedPayments">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearPayments">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel " src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportmonth(monthPayment)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" disabled>\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editpaysummary"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>30</td>\r\n          <td>Monthly Sales Report</td>\r\n          <td>Detailed report for Sales by Technology Type</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedMonthlysale">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearTechnology">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exporttechsales(TechnologySale)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" (click)="exporttechsales(TechnologySale)">\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editmonthsale"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">31</td>\r\n          <td><a routerLink="/netcommReport" style="color: #039be5">\r\n              Netcomm Report</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/netcommReport" style="color: #039be5">\r\n              Netcomm Details Report</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>32</td>\r\n          <td>Order Date To Activation Timeline Report</td>\r\n          <td>Report for connection time taken for every accounts from order placed till order activated</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedActivationtimeline">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearconnection">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportconnection(Timeline)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" disabled>\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#edittimeline"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">33</td>\r\n          <td>Order on Hold Missing Info</td>\r\n          <td colspan="3">Reports of all accounts which are on hold due to missing information</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportOrderMissingInfo(OrderMissingInfo);" />\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">34</td>\r\n          <td>Order Received Report - Daily</td>\r\n          <td colspan="3">Daily Report of Orders Received </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportReceivedDaily(ReceivedDaily);" />\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>35</td>\r\n          <td>Order Status Report</td>\r\n          <td>Report for total sales vs order status</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedorderstatus">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearstatus">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportOrder(Order)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" (click)="exportOrder(Order)">\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">36</td>\r\n          <td>Order Unable To Complete Report - Monthly</td>\r\n          <td>Report of all accounts whose orders are unable to complete</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedmonthOrder">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedyearOrder">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportOrderUnableToComplete(OrderUnableToComplete);" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" (click)="exportActivation(Activation)">\r\n                <i class="material-icons">grid_on</i>\r\n              </button> --\x3e\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editOrderUnable"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>37</td>\r\n          <td>Payment Status Report</td>\r\n          <td colspan="3">Report of all customers with approved/declined payment till date</td>\r\n          <td>\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" (click)="exportdailypayment(Dailypayment)">\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportdailypayment(Dailypayment)" />\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">38</td>\r\n          <td>Promo Discount Report</td>\r\n          <td>Report of accounts with Promo Discount</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedDiscount">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearDiscounts">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportPromoDiscount(PromoDiscReport)" />\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editPromoDiscount"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>39</td>\r\n          <td>Debits Report</td>\r\n          <td colspan="3">Debits applied till date</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportrefunddaily(refundDataDaily)" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>40</td>\r\n          <td>Sales By Agent Type</td>\r\n          <td>Report of sales made by agents</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedagent">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearAgent">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportagent(SalesAgent)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" disabled>\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>41</td>\r\n          <td>Sales By Channel Type</td>\r\n          <td>Report of sales made by various channels</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedchannel">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearChannel">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportchaanel(Channel)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" disabled>\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>42</td>\r\n          <td>Sales By Technology Type</td>\r\n          <td>Report of total sales by different technology</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedtechnology">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearTechnologysale">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportMonthlysales(monthlySales)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" (click)="exportMonthlysales(monthlySales)">\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>43</td>\r\n          <td>Service charge - DATA</td>\r\n          <td>Service charge for all Data plans</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedservicecharge">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearData">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportdatacharge(DataCharge)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" disabled>\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>44</td>\r\n          <td>Service charge - VOIP</td>\r\n          <td>Service charge for all VOIP services</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedVOIP">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearVOIP">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportvoicecharge(VoiceCharge)" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" title="Export to Excel" data-tooltip="tooltip" disabled>\r\n              <i class="material-icons">grid_on</i>\r\n            </button> --\x3e\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">45</td>\r\n          <td><a routerLink="/shapedReport" style="color: #039be5">\r\n              Shaped Users Report</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/shapedReport" style="color: #039be5">\r\n              Report with details of Shaped Users daily/weekly/monthly</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">46</td>\r\n          <td><a routerLink="/shapedTillDate" style="color: #039be5">\r\n              Shaped Users Report Till Date</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/shapedTillDate" style="color: #039be5">\r\n              Report with details of Shaped Users till date</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>47</td>\r\n          <td>Terminations By Month</td>\r\n          <td>Report of accounts terminated</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedcancellations">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearTerminations">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportterminate(Terminations)" />\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editcancellation"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">48</td>\r\n          <td><a routerLink="/ticketReport" style="color: #039be5">\r\n              Ticket Statistics Report</a>\r\n          </td>\r\n          <td colspan="4"><a routerLink="/ticketReport" style="color: #039be5">\r\n              Ticket Dashboard Report</a>\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>49</td>\r\n          <td>Ticketing Report</td>\r\n          <td>Report of all tickets Open/Closed</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedTicket">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearTicketing">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportTicket(Ticket)" />\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editticket"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>50</td>\r\n          <td>Tickets Actioned till date</td>\r\n          <td colspan="3">Report of all tickets created and actioned till date</td>\r\n          <td>\r\n            <img disabled class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportTicketdate(Tickettilldate)" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>51</td>\r\n          <td>Tickets by Department Report</td>\r\n          <td>Report of Tickets Actioned group by department</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedTicketDept">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearTicketingde">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportTicketByDepartmentMonthly(TicketDeptMonth)" />\r\n\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editticketDept"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td>52</td>\r\n          <td>Total Service Charge - Monthly\xa0</td>\r\n          <td>Charge for all data, voice and purchase product</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedNBN_ADSL">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearADSL">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportsalescharge(salesCharge)" />\r\n\r\n\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">53</td>\r\n          <td>Voice Activation Report - Daily</td>\r\n          <td colspan="3">Daily Report of Voice Activated</td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportDailyVoiceActivation(DailyVoiceActivation);" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" (click)="exportActivation(Activation)">\r\n                <i class="material-icons">grid_on</i>\r\n              </button> --\x3e\r\n\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" disabled (click)="exportActivationPDF(Activation)">\r\n                <i class="material-icons">picture_as_pdf</i>\r\n              </button> --\x3e\r\n          </td>\r\n        </tr>\r\n        <tr>\r\n          <td style="width:3em">54</td>\r\n          <td>Voice Activation Report - Monthly</td>\r\n          <td>Report of Voice Activated</td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n              [(ngModel)]="selectedActivationVoice">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n            </kendo-dropdownlist>\r\n          </td>\r\n          <td>\r\n            <img class="material-icons excel" src="../../assets/images/excel.jpg" title="Export to Excel"\r\n              data-tooltip="tooltip" (click)="exportVoiceActivation(VoiceActivation);" />\r\n            \x3c!-- <button class="btn-sm btn waves-effect waves-light btn-fix" (click)="exportActivation(Activation)">\r\n                <i class="material-icons">grid_on</i>\r\n              </button> --\x3e\r\n\r\n            <img class="material-icons excel custom" data-toggle="modal" data-target="#editVoice"\r\n              src="../../assets/images/date.png" title="Customize Date" data-tooltip="tooltip" />\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n\r\n\r\n    <div class="modal" id="editBillApprove" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Billing Report - Approved Invoices</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportApprovedrange(Approved)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editBillDraft" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Billing Report - Draft Invoices</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportDraftrange(Draft)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editBillSuspend" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Billing Report - Suspended Invoices</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n                  \x3c!-- <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist> --\x3e\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportSuspendedrange(Suspended)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="modal" id="editPromoDiscount" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Promo Discount Report</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportpromodiscountrange(PromoDiscReport)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editBundle" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Bundle Discounts</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportdiscountrange(Discount)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editpaysummary" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly Payments Summary</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportmonthrange(monthPayment)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="modal" id="editcancel" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Cancellation By Month</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportcancellationrange(Cancellation)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editCredit" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Credits Reports</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> Customise Date </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItemsReport" (selectionChange)="hideChange($event)"\r\n                    [(ngModel)]="listitemTo">\r\n                  </kendo-dropdownlist>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="monthlyTicket">\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="monthlyTicket">\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n                  <button *ngIf="showBtn" id="hidemonth" class="dateSbt btn btn-primary" type="submit"\r\n                    (click)="exportcreditrange(creditData)">Download</button>\r\n                  <button *ngIf="monthlyTicket" id="showmonth" class="dateSbt btn btn-primary" type="submit"\r\n                    (click)="exportcreditrange1(creditData)">Download</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="modal" id="editadsl" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>ADSL Accounts</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportadslrange(ADSLReport)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editMaster" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Master Customer List</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportCustomerrange(Customer)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="modal" id="editmodem" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly Modem Sales</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportmodemsalesrange(ModemSale)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="modal" id="editBillmonth" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly Billing Report</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportTotalBillrange(TotalBill)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editoverdue" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly Overdue Payments</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportoverduerange(Payment)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editpaymentstatus" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly Payment Status Report</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportmonthlydailypaymentrange(MonthDailypayment)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editmonthsale" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly Sales Report</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exporttechsalesRange(TechnologySale)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="edittimeline" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Order Date To Activation Timeline Report</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportconnectionRange(Timeline)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editUsage" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Data Activation Report - Monthly</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportActivationRange(Activation)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editticketDept" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Ticket raised and actioned on by department</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> Customise Date </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItemsReport" (selectionChange)="hideChange($event)"\r\n                    [(ngModel)]="listitemTo">\r\n                  </kendo-dropdownlist>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="monthlyTicket">\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="monthlyTicket">\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n                  <button *ngIf="showBtn" id="hidemonthdept" class="dateSbt btn btn-primary" type="submit"\r\n                    (click)="exportTicketByDepartmentWeekly(TicketDept)">Download</button>\r\n                  <button *ngIf="monthlyTicket" id="showmonthdept" class="dateSbt btn btn-primary" type="submit"\r\n                    (click)="exportTicketByDepartmentMonthlyRange(TicketDeptMonth)">Download</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editticket" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly Ticket report Open/Closed</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> Customise Date </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItemsReport" (selectionChange)="hideChange($event)"\r\n                    [(ngModel)]="listitemTo">\r\n                  </kendo-dropdownlist>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="monthlyTicket">\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf="monthlyTicket">\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n                  <button *ngIf="showBtn" id="hidemonth1" class="dateSbt btn btn-primary" type="submit"\r\n                    (click)="exportTicketRange(Ticket)">Download</button>\r\n                  <button *ngIf="monthlyTicket" id="showmonth1" class="dateSbt btn btn-primary" type="submit"\r\n                    (click)="exportTicketRange1(Ticket)">Download</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editcancellation" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Monthly terminations report</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportterminationrange(Terminations)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class="modal" id="editOrderUnable" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Order Unable To Complete Report</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportOrderUnableToCompleteRange(OrderUnableToComplete)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n\r\n\r\n            </tbody>\r\n          </table>\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class="modal" id="editVoice" role="dialog">\r\n      <div class="modal-dialog modal-md">\r\n        <div class="modal-content">\r\n          <div class="modal-header" style="padding: 0">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h5 class="modal-title">Customise Reports</h5>\r\n          </div>\r\n\r\n          <table class="table responsive-table table-striped">\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong> Report Type</strong>\r\n                </td>\r\n                <td>Voice Activation Report - Monthly</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> From Month </strong>\r\n                </td>\r\n                <td>\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivationTo">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivation">\r\n                  </kendo-dropdownlist>\r\n                </td>\r\n\r\n                \x3c!-- <td>\r\n                      <kendo-datepicker class="myDate" [(ngModel)]="FromDate" name="UsageDataFrom" [(value)]="Fromvalue"></kendo-datepicker>\r\n                    </td> --\x3e\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong> To Month</strong>\r\n                </td>\r\n                <td>\r\n                  \x3c!-- <kendo-datepicker class="myDate" [(ngModel)]="ToDate" name="UsageDataTo" [(value)]="Tovalue"></kendo-datepicker> --\x3e\r\n                  <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [valuePrimitive]="true"\r\n                    [(ngModel)]="selectedActivation">\r\n                  </kendo-dropdownlist>\r\n                  <kendo-dropdownlist [data]="Year" [(ngModel)]="selectedYearActivationTo">\r\n                  </kendo-dropdownlist>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  \x3c!-- <strong> Select Year</strong> --\x3e\r\n                </td>\r\n                <td>\r\n\r\n\r\n                  <button class="dateSbt btn btn-primary" style="display: inline" type="submit"\r\n                    (click)="exportVoiceActivationRange(VoiceActivation)">ok</button>\r\n                  <button class="dateSbt btn btn-primary" style="background: #8b8785; display: inline" type="button"\r\n                    data-dismiss="modal">Cancel</button>\r\n                </td>\r\n              </tr>\r\n\r\n\r\n            </tbody>\r\n          </table>\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <kendo-dialog title="Success" *ngIf="opened" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n      <p style="margin: 30px; text-align: center;">No Data to download</p>\r\n      <kendo-dialog-actions>\r\n        <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n  </div>\r\n</div>\r\n\r\n\x3c!-- <kendo-grid #Debtor="kendoGrid" [kendoGridBinding]="dataDebtor" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Phone" title="Contact No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountCreatedDate" title="Sign Up Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" title="Account Balance($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CurrMonthOutStanding" title="30 days($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="LastMonthOutStanding" title="60 days($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ThirdMonthOutStanding" title="90 days($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ForthMonthOutStanding" title="120 days($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="FifthMonthOutStanding" title="150 days($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="SixthMonthOutStanding" title="180 days($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="BeforeSixMonthOutStanding" title="180+ days($)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="BillAniversaryDay" title="Bill Aniversary Day" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="LastBillDate" title="Last Bill Date" [width]="150"></kendo-grid-column>\r\n  <kendo-grid-column field="LastPaidupDate" title="Last Paidup Date" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="LastPaidupAmount" title="Last Paidup Amount($)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TIO" title="TIO" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Dispute" title="Dispute" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PaymentExtensionEnabled" title="Payment Extension Enabled" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Aged Debtor Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Aged Debtor Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid> --\x3e\r\n<kendo-grid #ActivationDaily="kendoGrid" [kendoGridBinding]="billActivationDataDaily" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="Modem" title="Modem (Y/N)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="VOIP" title="VOIP (Y/N)" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Status" title="Order Status(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ProductActivatedDate" title="Activation Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Data Activation Report - Daily.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Data Activation Report - Daily.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #ReceivedDaily="kendoGrid" [kendoGridBinding]="receivedDataDaily" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="Modem" title="Modem (Y/N)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="VOIP" title="VOIP (Y/N)" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Status" title="Order Status(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Daily Report of Orders Received.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Daily Report of Orders Received.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #CancellationDaily="kendoGrid" [kendoGridBinding]="cancelDataDaily" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="CancellationDate" title="Cancellation Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CancelReason" title="Cancellation Reason" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CancelDescription" title="Cancellation Description" [width]="250">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Order Cancelled Report - Daily.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Order Cancelled Report - Daily.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n\r\n<kendo-grid #refundDataDaily="kendoGrid" [kendoGridBinding]="creditData" style="display: none">\r\n  <kendo-grid-column field="Id" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AgntName" title="Debit Applied By" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CreditDate" title="Debit Applied On" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CreditAmount" format="{0:c}" title="Debit Amount (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Descripton" title="Debit Description" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" format="{0:c}" title="Total Outstanding (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceClassType" title="Data Product" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustOrderStatus" title="Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of debits applied till date.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of debits applied till date.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #creditDataDaily="kendoGrid" [kendoGridBinding]="creditData" style="display: none">\r\n  <kendo-grid-column field="Id" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AgntName" title="Credit Applied By" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CreditDate" title="Credit Applied On" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CreditAmount" format="{0:c}" title="Credit Amount (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Descripton" title="Credit Description" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" format="{0:c}" title="Total Outstanding (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceClassType" title="Data Product" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustOrderStatus" title="Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Credits Report Applied Till Date.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Credits Report Applied Till Date.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #creditManagementDaily="kendoGrid" [kendoGridBinding]="creditManageData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="InvoiceNo" title="Invoice No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="IssueDate" title="Issue Date" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="BillingDate" title="Billing Date" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDueDate" title="Payment Due Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Total" format="{0:c}" title="Invoice Amount (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" format="{0:c}" title="Account Balance (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="List of Accounts to be Cancelled.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="List of Accounts to be Cancelled.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #creditData="kendoGrid" [kendoGridBinding]="creditData" style="display: none">\r\n  <kendo-grid-column field="Id" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AgntName" title="Credit Applied By" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CreditDate" title="Credit Applied On" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CreditAmount" format="{0:c}" title="Credit Amount (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Descripton" title="Credit Description" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" format="{0:c}" title="Total Outstanding (in $)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceClassType" title="Data Product" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustOrderStatus" title="Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report for credits applied to customer.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report for credits applied to customer.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #PromoDiscReport="kendoGrid" [kendoGridBinding]="promodiscountdata" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="250"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="CurrentStatus" title="Active/Inactive" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="StatusDate" title="Discount Applied On" [width]="150"></kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Customers with Promotional Discounts Report.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Customers with Promotional Discounts Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #BundleReport="kendoGrid" [kendoGridBinding]="notbundleData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="Discount" title="Discount Amount($)" [width]="100"></kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="OrderedDate" title="Discount Applied On" [width]="150"></kendo-grid-column>\r\n\r\n  <kendo-grid-column field="StateCode" title="State Code" [width]="150"></kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Customers with No Bundle Discounts Report.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Customers with No Bundle Discounts Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Discount="kendoGrid" [kendoGridBinding]="discountData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="CurrentStatus" title="Active/Inactive" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="StatusDate" title="Discount Applied On" [width]="150"></kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of bundle discounts applied to customers.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of bundle discounts applied to customers.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #DataCharge="kendoGrid" [kendoGridBinding]="dataChargeData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Data" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Discount" title="Total Service Charge (in $)" [width]="200">\r\n    <ng-template kendoGridFooterTemplate let-column="column">\r\n      Total Customers: {{datatotal}}\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Service charge for all Data plans.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Service charge for all Data plans.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #VoiceCharge="kendoGrid" [kendoGridBinding]="voiceChargeData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Voice" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Discount" title="Total Service Charge (in $)" [width]="200">\r\n    <ng-template kendoGridFooterTemplate let-column="column">\r\n      Total Customers: {{voicetotal}}\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Service charge for all VOIP services.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Service charge for all VOIP services.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #SalesAgent="kendoGrid" [kendoGridBinding]="agentData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n\r\n  <kendo-grid-column field="Modem" title="Modem (Y/N)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="VOIP" title="VOIP (Y/N)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Order Status(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="SalesPerson" title="SalesPerson" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of sales made by agents.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of sales made by agents.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Channel="kendoGrid" [kendoGridBinding]="channeldata" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" title="AccountBalance" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="ProductActivatedDate" title="ProductActivatedDate" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="StatusDate" title="StatusDate" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Order Status(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of sales made by various channels.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of sales made by various channels.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n\r\n<kendo-grid #Activation="kendoGrid" [kendoGridBinding]="billActivationData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Data Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="100"></kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="VOIP" title="VOIP (Y/N)" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Status" title="Order Status(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ProductActivatedDate" title="Activation Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Data Activation Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Data Activation Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #VoiceActivation="kendoGrid" [kendoGridBinding]="voiceActivationData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="FullName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Voice Plan" [width]="200"></kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="Modem" title="Modem (Y/N)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="VOIP" title="VOIP (Y/N)" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Status" title="Order Status(voice)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(voice)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ProductActivatedDate" title="Activation Date(voice)" [width]="200">\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="NBNTERM" title="NBNTERM Date(voice)" [width]="200">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-pdf fileName="Voice Activation Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Voice Activation Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #DailyVoiceActivation="kendoGrid" [kendoGridBinding]="dailyvoiceActivationData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="FullName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Voice Plan" [width]="200"></kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="Modem" title="Modem (Y/N)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="VOIP" title="VOIP (Y/N)" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Status" title="Order Status(voice)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(voice)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ProductActivatedDate" title="Activation Date(voice)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Voice Activation Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Voice Activation Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #ModemSale="kendoGrid" [kendoGridBinding]="modemsaleData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="ServiceType" title="Modem Type" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Plan" title="Modem Plan" [width]="300"></kendo-grid-column>\r\n  <kendo-grid-column field="Initial" title="Initial Payment Made" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Fee" title="Modem Setup Charges(in $)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccessFee" title="Modem Access Charges(in $)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccessFee" title="Modem Access Charges(in $)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="200">\r\n    <ng-template kendoGridFooterTemplate let-column="column">\r\n      Total Modem Sold: {{modemTotal}}\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="OrderedDate" title="Order Status" [width]="200">\r\n    \r\n  </kendo-grid-column>  --\x3e\r\n\r\n  <kendo-grid-pdf fileName="Report for sales of modem with customer details.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report for sales of modem with customer details.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #ModemDetail="kendoGrid" [kendoGridBinding]="modemdetailData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ModemType" title="Modem Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ProductInternalName" title="Modem Plan" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="SerialNumber" title="Serial Number" [width]="300"></kendo-grid-column>\r\n  <kendo-grid-column field="MacAddress" title="Mac Address" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ConsignmentNo" title="Consignment Number" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="SIM" title="SIM" [width]="300"></kendo-grid-column>\r\n  <kendo-grid-column field="IMEI" title="IMEI" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="MSN" title="MSN" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TotalSetupFees" title="Modem Setup Charges (in $)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TotalAccessFees" title="Modem Access Charges (in $)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Order Status" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of details of modem sold.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of details of modem sold.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #Draft="kendoGrid" [kendoGridBinding]="billDraftData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Name" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Id" title="Invoice No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="IssueDate" title="Issue Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="OpeningBalance" title="Opening Balance($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="NewCharges" title="New Charges($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Credits" title="Credits($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Payments" title="Payments($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Total" title="Amount Due($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDue" title="Payment Due Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StartDate" title="Billing Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Billing Report - Draft Invoices.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Billing Report - Draft Invoices.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Approved="kendoGrid" [kendoGridBinding]="billApprovedData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Name" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Id" title="Invoice No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="IssueDate" title="Issue Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="OpeningBalance" title="Opening Balance($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="NewCharges" title="New Charges($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Credits" title="Credits($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Payments" title="Payments($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Total" title="Amount Due($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDue" title="Payment Due Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StartDate" title="Billing Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Billing Report - Approved Invoices.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Billing Report - Approved Invoices.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #TotalBill="kendoGrid" [kendoGridBinding]="billtotalData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Name" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Id" title="Invoice No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="IssueDate" title="Issue Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Total" title="Amount Due" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDue" title="Payment Due Date" [width]="120">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StartDate" title="Billing Date" [width]="200">\r\n    <ng-template kendoGridFooterTemplate let-column="column">\r\n      Total bills generated: {{countTotal}}\r\n    </ng-template>\r\n  </kendo-grid-column>\r\n\r\n  <kendo-grid-pdf fileName="Billing Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Billing Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Suspended="kendoGrid" [kendoGridBinding]="billSuspendedData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Name" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Id" title="Invoice No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="IssueDate" title="Issue Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="OpeningBalance" title="Opening Balance($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="NewCharges" title="New Charges($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Credits" title="Credits($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Payments" title="Payments($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Total" title="Amount Due($)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDue" title="Payment Due Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StartDate" title="Billing Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Reason" title="Reason to suspend" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Billing Report - Suspended Invoices.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Billing Report - Suspended Invoices.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #ComplaintReport="kendoGrid" [data]="ticketData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OstCreatedDate" title="Complaint Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="EstimatedDueDate" title="Due Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OstUpdateDate" title="Actioned On" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="UserFullname" title="Agent Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TicketNumber" title="Ticket No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TopicName" title="Topic" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Age" title="Age of Complaint (days)" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Ticket Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Ctype" title="Complaint Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Complaint Report.pdf" [allPages]="true" paperSize="A1" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Complaint Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #FaultReport="kendoGrid" [kendoGridBinding]="ticketData" style="display: none">\r\n  <kendo-grid-column field="CustId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OstCreatedDate" title="Created On" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OstUpdateDate" title="Actioned On" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="UserFullname" title="Created By" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TicketNumber" title="Ticket No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TopicName" title="Topic" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Age" title="Age of Fault (days)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Ticket Status" [width]="100">\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="OrderStatus" title="Order Status" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  \x3c!-- <kendo-grid-column field="Ctype" title="TIO Status" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  \x3c!-- <kendo-grid-column field="ServiceClassType" title="Technology Type" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-pdf fileName="Fault Report.pdf" [allPages]="true" paperSize="A1" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Fault Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Tickettilldate="kendoGrid" [kendoGridBinding]="ticketData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OstCreatedDate" title="Created On" [width]="200">\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="Day" title="Day" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Month" title="Month" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Monthday" title="Month2" [width]="100">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Age" title="Age (days)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="UserFullname" title="Created By" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TicketNumber" title="Ticket No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="DeptName" title="Department" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TopicName" title="Topic" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of all Tickets created and actioned till date.pdf" [allPages]="true" paperSize="A1"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of all Tickets created and actioned till date.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Ticket="kendoGrid" [kendoGridBinding]="ticketData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OstCreatedDate" title="Created On" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="UserFullname" title="Created By" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OstUpdateDate" title="Actioned On" [width]="200">\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="ActionedBy" title="Actioned By" [width]="200">\r\n  </kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="Diff" title="No.of Days till actioned" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TicketNumber" title="Ticket No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="DeptName" title="Department" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="TopicName" title="Topic" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of all tickets.pdf" [allPages]="true" paperSize="A1" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of all tickets.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #TicketDeptMonth="kendoGrid" [kendoGridBinding]="monthlyServicedeptData" style="display: none">\r\n  <kendo-grid-column field="status" [locked]="true" title="Department" [width]="300">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="open" title="Open" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="closed" title="Closed" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="resolved" title="Resolved" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="reopened" title="Reopened" [width]="100">\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="counter" title="Assigned" [width]="100">\r\n  </kendo-grid-column>  --\x3e\r\n  <kendo-grid-pdf fileName="Monthly Report of Tickets Actioned group by Department.pdf" [allPages]="true" paperSize="A1"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Monthly Report of Tickets Actioned group by Department.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #TicketDept="kendoGrid" [kendoGridBinding]="monthlyServicedeptData" style="display: none">\r\n  <kendo-grid-column field="status" [locked]="true" title="Department" [width]="300">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="open" title="Open" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="closed" title="Closed" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="resolved" title="Resolved" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="reopened" title="Reopened" [width]="100">\r\n  </kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="counter" title="Assigned" [width]="100">\r\n  </kendo-grid-column>  --\x3e\r\n  <kendo-grid-pdf fileName="{{listitemTo}}Ticket by Department Report.pdf" [allPages]="true" paperSize="A1"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="{{listitemTo}} Ticket by Department Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #ADSLReport="kendoGrid" [kendoGridBinding]="adslData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="FullName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Email" title="Email" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Phone" title="Phone" [width]="100"></kendo-grid-column>\r\n  \x3c!-- <kendo-grid-column field="AddressFormatted" title="Address" [width]="400"></kendo-grid-column> --\x3e\r\n  <kendo-grid-column field="OrderedDate" title="Order Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Order Status" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="CurrentStatus" title="Status(Active/Inactive)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="ServiceClassType" title="Service Type" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="300">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PaymentOverdue" title="Payment Overdue" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" title="Account Balance" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="ADSL Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="ADSL Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-grid #Customer="kendoGrid" [kendoGridBinding]="customerData" style="display: none">\r\n  <kendo-grid-column field="Id" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="FirstName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Email" title="Email" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Phone" title="Phone" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="AddressFormatted" title="Address" [width]="400"></kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Order Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StartDate" title="Activation Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Deactivationdate" title="Deactivation Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Order Status" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="serviceClassType" title="Service Type" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="AccessService" title="Service Charges" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="300">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Discount" title="Discount" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CreditAmount" title="Credits" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ModemMake" title="Modem Type" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="AccessService" title="Modem Charges" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="VOIP" title="VOIP Service" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccessService" title="VOIP Charges" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDueDate" title="Payment Due Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PaymentOverdue" title="Payment Overdue" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" title="Account Balance" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="SupplierServiceId" title="STP#" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="SalesPerson" title="Sales Person" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Master Customer Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Master Customer Report.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #TechnologySale="kendoGrid" [kendoGridBinding]="technologySaleData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan Type" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Order Status(Current)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StatusDate" title="Order Status Date(Last time it changed)" [width]="300">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report for Sales by Technology Type.pdf" [allPages]="true" paperSize="A1"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report for Sales by Technology Type.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Payment="kendoGrid" [kendoGridBinding]="PaymentData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="InvoiceNo" title="Invoice No" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="IssueDate" title="Issue Date" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" title="Account Balance in $" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDueDate" title="Payment Due Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="BillingDate" title="Billing Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PaymentOverdue" title="Payment Overdue" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PaymentDate" title="Last Payment Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PaymentAmt" title="Last Payment Amount" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report for Overdue Payments.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report for Overdue Payments.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n\r\n<kendo-grid #monthPayment="kendoGrid" [kendoGridBinding]="monthPaymentData" style="display: none">\r\n  <kendo-grid-column field="Id" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" title="Account Balance\r\n  (in $)" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="LastModified" title="Payment Date\r\n  " [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="PrincAmnt" title="Payment Amount (in $)\r\n  " [width]="100"></kendo-grid-column>\r\n\r\n  <kendo-grid-pdf fileName="Summary of Payments.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Summary of Payments.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n\r\n<kendo-grid #Failedpayment="kendoGrid" [kendoGridBinding]="InitialfailedpaymentData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PrincipalAmount" title="Amount" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="LastModified" title="Failed Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Failed Payment Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Failed Payment Report.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n<kendo-grid #Initialpayment="kendoGrid" [kendoGridBinding]="InitialpaymentData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="300">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="InitialPayment" title="Initial Payment Made" [width]="150">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="AccountBalance" title="Total Amount Due" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="SalesPerson" title="Sales Person" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Initial Payment Pending Report.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Initial Payment Pending Report.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n<kendo-grid #Dailypayment="kendoGrid" [kendoGridBinding]="dailypaymentData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n\r\n  <kendo-grid-column field="LastModified" title="Payment Date" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PrincipalAmount" title="Amount" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Payment Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of all customers with approved/declined payment till date.pdf" [allPages]="true"\r\n    paperSize="A4" [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of all customers with approved/declined payment till date.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n<kendo-grid #MonthDailypayment="kendoGrid" [kendoGridBinding]="MonthlypaymentData" [selectable]="true"\r\n  style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n\r\n  <kendo-grid-column field="LastModified" title="Payment Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="PrincipalAmount" title="Amount" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Payment Status" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of all customers with approved/declined payment.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of all customers with approved/declined payment.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n\r\n<kendo-grid #Order="kendoGrid" [kendoGridBinding]="ServiceTypeData" style="display: none">\r\n  <kendo-grid-column field="status" [locked]="true" title="Order Status" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="counter" title="Total orders" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report for Sales vs Order status.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report for Sales vs Order status.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #salesCharge="kendoGrid" [kendoGridBinding]="salesChargeData" style="display: none">\r\n  <kendo-grid-column field="status" [locked]="true" title="Order Status" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="counter" title="Total Charge" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Total Service Charge of all Products.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Total Service Charge of all Products.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #monthlySales="kendoGrid" [kendoGridBinding]="monthlyServicesaleData" style="display: none">\r\n  <kendo-grid-column field="status" title="Technology Type" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="counter" title="Total" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName=" Total Sales By Technology Type.pdf" [allPages]="true" paperSize="A1" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Total Sales By Technology Type.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n\r\n<kendo-grid #Cancellation="kendoGrid" [kendoGridBinding]="MonthlycancelData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="CancellationDate" title="Cancellation Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CancelReason" title="Cancellation Reason" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CancelDescription" title="Cancellation Description" [width]="250">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Cancellation By Month.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Cancellation By Month.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n<kendo-grid #Terminations="kendoGrid" [kendoGridBinding]="terminateData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="150"></kendo-grid-column>\r\n  <kendo-grid-column field="StatusReason" title="Reason" [width]="400">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StatusDate" title="Termination Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of accounts terminated.pdf" [allPages]="true" paperSize="A4" [repeatHeaders]="true"\r\n    [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of accounts terminated.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n<kendo-grid #OrderMissingInfo="kendoGrid" [kendoGridBinding]="OnHoldMissingInfo" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="150"></kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="StatusReason" title="Reason" [width]="400">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StatusDate" title="Status Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of Order on Hold Missing Info.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of Order on Hold Missing Info .xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n<kendo-grid #OrderUnableToComplete="kendoGrid" [kendoGridBinding]="OrderUnableToCompleteData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="200"></kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Status" [width]="150"></kendo-grid-column>\r\n  <kendo-grid-column field="Channel" title="Channel" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="StatusReason" title="Reason" [width]="400">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="StatusDate" title="Status Date" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report of all accounts whose orders are unable to complete.pdf" [allPages]="true"\r\n    paperSize="A4" [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report of all accounts whose orders are unable to complete.xlsx"></kendo-grid-excel>\r\n\r\n</kendo-grid>\r\n\r\n<kendo-grid #Timeline="kendoGrid" [kendoGridBinding]="billconnectionData" style="display: none">\r\n  <kendo-grid-column field="CustomerId" [locked]="true" title="Customer Id" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="CustomerName" title="Customer Name" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ServiceType" title="Service Type" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Plan" title="Plan" [width]="300"></kendo-grid-column>\r\n  <kendo-grid-column field="Modem" title="Modem (Y/N)" [width]="100"></kendo-grid-column>\r\n  <kendo-grid-column field="VOIP" title="VOIP (Y/N)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="Status" title="Order Status(data)" [width]="200">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="OrderedDate" title="Ordered Date(data)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ProductActivatedDate" title="Activation Date(data)" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-column field="ConnectionTimetaken" title="Connection Time" [width]="100">\r\n  </kendo-grid-column>\r\n  <kendo-grid-pdf fileName="Report for time taken to connect/activate account.pdf" [allPages]="true" paperSize="A4"\r\n    [repeatHeaders]="true" [landscape]="true">\r\n  </kendo-grid-pdf>\r\n  <kendo-grid-excel fileName="Report for time taken to connect/activate account.xlsx"></kendo-grid-excel>\r\n</kendo-grid>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},kMMc:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},kZhn:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<ul class="nav nav-tabs tabs tabs-fixed-width tab-demo z-depth-1">\r\n  <li class="tab"><a routerLink="/salesdashboard">SALES</a></li>\r\n  <li class="tab"><a routerLink="/operations-dashboard">OPERATIONS</a></li>\r\n  <li class="tab"><a routerLink="/ticketdashboard">TICKETS</a></li>\r\n  <li class="tab"><a routerLink="/provisioningdashboard">PROVISIONING</a></li>\r\n  <li class="tab"><a class="active" routerLink="/financedashboard">FINANCE</a></li>\r\n</ul>\r\n<app-loading-spinner *ngIf="showSpinnerImage"></app-loading-spinner>\r\n\r\n<div class="padding_tables content" style="padding: 0px !important" *ngIf="!showSpinnerImage">\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow-y: hidden !important">\r\n    <div class="header">\r\n      <h3 class="title" style="text-align: left !important">\r\n        FINANCE OVERVIEW\r\n      </h3>\r\n    </div>\r\n\r\n    <div class="row">\r\n      <div class="col-md-4">\r\n        <div class="card  z-depth-4">\r\n\r\n          <kendo-chart>\r\n            <kendo-chart-title text="Total Billing Invoice"></kendo-chart-title>\r\n            <kendo-chart-tooltip format="${0}">\r\n            </kendo-chart-tooltip>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-series>\r\n              <kendo-chart-series-item type="column" [data]="InvoiceData" field="share" categoryField="kind"\r\n                colorField="color">\r\n                <kendo-chart-series-item-labels format="${0}">\r\n                </kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item>\r\n            </kendo-chart-series>\r\n          </kendo-chart>\r\n\r\n        </div>\r\n      </div>\r\n      <div class="col-md-4">\r\n        <div class="card  z-depth-4">\r\n\r\n          <kendo-chart>\r\n            <kendo-chart-title text="Total Charges"></kendo-chart-title>\r\n            <kendo-chart-tooltip format="${0}">\r\n            </kendo-chart-tooltip>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>\r\n            <kendo-chart-series>\r\n              <kendo-chart-series-item type="column" [data]="ChargeData" field="share" categoryField="kind"\r\n                colorField="color">\r\n                <kendo-chart-series-item-labels format="${0}">\r\n                </kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item>\r\n            </kendo-chart-series>\r\n          </kendo-chart>\r\n        </div>\r\n      </div>\r\n      <div class="col-md-4">\r\n        <div class="card  z-depth-4">\r\n\r\n          <kendo-chart>\r\n            <kendo-chart-title text="Cancellation vs Activation"></kendo-chart-title>\r\n            <kendo-chart-tooltip format="{0}">\r\n            </kendo-chart-tooltip>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-series>\r\n              <kendo-chart-series-item type="column" [data]="cancelData" field="share" categoryField="kind"\r\n                colorField="color">\r\n                <kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item>\r\n            </kendo-chart-series>\r\n          </kendo-chart>\r\n\r\n        </div>\r\n      </div>\r\n      <div class="col-md-4">\r\n        <div class="card  z-depth-4">\r\n\r\n          <kendo-chart [seriesColors]="[\'#4CAF50\']" class="" [categoryAxis]="{ categories: categoriesListName }">\r\n            <kendo-chart-title text="Discounts Sales by Month"></kendo-chart-title>\r\n            <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>\r\n            <kendo-chart-tooltip format="{0}"></kendo-chart-tooltip>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-series>\r\n              <kendo-chart-series-item type="line" [data]="series">\r\n                <kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item>\r\n            </kendo-chart-series>\r\n          </kendo-chart>\r\n        </div>\r\n      </div>\r\n      <div class="col-md-4">\r\n        <div class="card  z-depth-4">\r\n\r\n          <kendo-chart>\r\n            <kendo-chart-title text="Sales Value"></kendo-chart-title>\r\n            <kendo-chart-tooltip format="{0}">\r\n            </kendo-chart-tooltip>\r\n            <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n            </kendo-chart-axis-defaults>\r\n            <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>\r\n            <kendo-chart-series>\r\n              <kendo-chart-series-item type="column" [data]="SalesData" field="share" categoryField="kind"\r\n                colorField="color">\r\n                <kendo-chart-series-item-labels>\r\n                </kendo-chart-series-item-labels>\r\n              </kendo-chart-series-item>\r\n            </kendo-chart-series>\r\n          </kendo-chart>\r\n\r\n        </div>\r\n      </div>\r\n      \x3c!-- <div class="col-md-4">\r\n            <div class="card  z-depth-4">\r\n  \r\n              <div class="card-image">\r\n                <kendo-chart *ngIf = "creditTotal > 0" [seriesColors]="[\'rgb(255, 210, 70)\', \'rgb(40, 180, 200)\']">\r\n                  <kendo-chart-title text="Total Credits Applied"></kendo-chart-title>\r\n                  <kendo-chart-legend position="bottom"></kendo-chart-legend>\r\n                  <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n                    </kendo-chart-axis-defaults>\r\n                  <kendo-chart-series>\r\n                    <kendo-chart-series-item type="pie" [data]="progress" field="value" categoryField="category">\r\n                      <kendo-chart-series-item-labels format="${0}" [content]="labelContent" color="#000" background="none">\r\n                      </kendo-chart-series-item-labels>\r\n                    </kendo-chart-series-item>\r\n                  </kendo-chart-series>\r\n                </kendo-chart>\r\n  \r\n              </div>\r\n            </div>\r\n          </div> --\x3e\r\n      \x3c!-- <div class="col-md-4">\r\n            <div class="card  z-depth-4">\r\n  \r\n              <div class="card-image">\r\n                  <kendo-chart>\r\n                      <kendo-chart-title style="font-weight: 700" text="Purchase Product Sales"></kendo-chart-title>\r\n                      <kendo-chart-tooltip format="${0}">\r\n                      </kendo-chart-tooltip>\r\n                      <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">\r\n                        </kendo-chart-axis-defaults>\r\n                      <kendo-chart-category-axis>\r\n                        <kendo-chart-category-axis-item>\r\n                          <kendo-chart-category-axis-item-labels rotation="-50">\r\n                          </kendo-chart-category-axis-item-labels>\r\n                        </kendo-chart-category-axis-item>\r\n                      </kendo-chart-category-axis>\r\n                      <kendo-chart-series>\r\n                        <kendo-chart-series-item type="column" [data]="ProductTypeData" field="share" categoryField="kind" colorField="color">\r\n                          <kendo-chart-series-item-labels format="${0}">\r\n                          </kendo-chart-series-item-labels>\r\n                        </kendo-chart-series-item>\r\n                      </kendo-chart-series>\r\n                    </kendo-chart>             \r\n              </div>\r\n            </div>\r\n          </div> --\x3e\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},"lK+p":function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"h4,p{text-align:center}h4{padding-top:5px}.cardContent{text-align:center;font-size:3.3rem}.row .col.s2{width:12%}.colourbg{background:#90a4ae;color:#fff}.table-striped>tbody>tr:nth-of-type(odd){background:#ece9f5}.excel{cursor:pointer}.k-chart{height:25em}.table>tbody>tr>td{padding:3px}.boldfirst{font-weight:700}.k-header,tr .myClass{background:#ef9a9a!important}.small{margin-left:39%;margin-top:-5px}.topPadding{height:46px}",""]),t.exports=t.exports.toString()},mXnU:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Orders/Netcomm orders.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Orders/Netcomm orders.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},ozvy:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".user-view{padding:12px 32px 0}.agent_name{float:left;padding-right:5px}.email{line-height:24px}.email,.side-nav .user-view .email{font-size:12px}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{padding:0 32px}.sidenav-footer{bottom:0;margin-bottom:0;padding:0}.sidenav-footer .row{margin-bottom:0}.sidenav-footer .row .social-icons a{opacity:.5;padding:0;text-align:center}.sidenav-footer .row .social-icons a:hover{background-color:inherit;opacity:1}.cyan{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important}a{cursor:pointer}.side-nav.fixed{height:100%}ul>li:last-child{position:inherit;bottom:0}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{margin-left:15px}",""]),t.exports=t.exports.toString()},qF69:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-grid tr:hover{cursor:pointer}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.extraMargins{margin-right:10px}.k-state-selected{background-color:#bcc8f5!important;color:#000!important}.k-grid table{border-collapse:collapse!important}tr{border-bottom-color:1px solid rgba(0,0,0,.08)!important}.k-dropdown-wrap .k-input{height:calc(15px + 1.4285714286em)!important;background:#fff!important}input:not([type]){margin:0!important}.k-button{float:none!important}.k-checkbox:hover+.k-checkbox-label:before{border-color:0;background-color:0}.globalFilter .k-select{background-color:#ff7743!important}.btn-sm{background:#ff7743;padding:4px 5px;color:#fff}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px;color:#fff!important}.btn-cust{background:green!important}a.billing-customerid:hover{color:red!important;background:#fff}a.billing-customerid{color:blue!important}.delayed{background:#42f492!important}.notdelayed{background-color:#41f4df!important}.k-grid-content,.k-virtual-content{overflow-y:hidden!important}kendo-grid-list{overflow-y:scroll!important}.k-dialog-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;top:0;left:0;width:100%;height:100%;z-index:10001}",""]),t.exports=t.exports.toString()},qLE7:function(t,e){t.exports='<div class="row extra_padding" style="padding-top: calc(5em)">\r\n  <div class="col s6 offset-s3">\r\n    <div class="card" style="box-shadow: 0 2px 3px 0 #333">\r\n      <div class="card-content" style="background: white; color: #000">\r\n        <div class="card-title">\r\n          <h4>Reset Password</h4>\r\n        </div>\r\n        <form ngNativeValidate #ChangePassword="ngForm" (ngSubmit)="resetPassword(ChangePassword.value)">\r\n          <div class="input-field col s12" style="margin-top:50px">\r\n            <input [(ngModel)]="Email" name="Email" placeholder="Enter your username" id="oldpassword" type="text"\r\n              required />\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="Password" name="Password" placeholder="Enter new password" id="newpassword"\r\n              type="password" required />\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="ConfirmPassword" name="ConfirmPassword" placeholder="Re-enter new password"\r\n              id="confirmpassword" type="password" required />\r\n          </div>\r\n          <p class="errFile">{{errorMsg}}</p>\r\n          <div class="successFile">{{successMsg}}</div>\r\n          <div class="input-field col s12">\r\n            <button class="btn waves-effect waves-light right themebtn" style="\r\n                 padding-left: 10px !important;\r\n                 padding-right: 10px !important;" type="submit" name="action">\r\n              Reset Password\r\n            </button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},qfpB:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Finance/NetcommFinanceReport.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Finance/NetcommFinanceReport.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},soF5:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Finance/CreditReport/.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Finance/CreditReport/.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},t8C7:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},tfIO:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Finance/DisconnectionReport.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Finance/DisconnectionReport.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},tgdz:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Finance/BlockedUserReport.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Finance/BlockedUserReport.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},upDA:function(t,e){t.exports='<kendo-dialog *ngIf="active" (close)="closeForm()">\r\n  <kendo-dialog-titlebar>\r\n    {{ isNew ? \'Add new product\' : \'Edit ticket\' }}\r\n  </kendo-dialog-titlebar>\r\n\r\n  <form kendo-validator="validator" [formGroup]="editForm">\r\n    <div class="form-group">\r\n      <label for="Status" class="control-label">\r\n        <strong>Status</strong>\r\n      </label>\r\n      <select formControlName="Status" (change)="onChange($event.target.value)">\r\n        <option value="" disabled selected>Choose your option</option>\r\n        <option value="Open">Open</option>\r\n        <option value="Resolved">Resolved</option>\r\n        <option value="Closed">Closed</option>\r\n      </select>\r\n    </div>\r\n    <div class="form-group edit-ticket">\r\n      <label for="PostInternalNote" class="control-label">\r\n        <strong>Note</strong>\r\n      </label>\r\n      <textarea rows="120" cols="50" class="k-required" required formControlName="PostInternalNote"></textarea>\r\n    </div>\r\n\r\n    <div hidden class="form-group edit-ticket">\r\n      <label for="StatusDrp" class="control-label">\r\n        <strong>Status Change</strong>\r\n      </label>\r\n      <input [(ngModel)]=StatusChanged class="k-textbox" formControlName="StatusDrp">\r\n    </div>\r\n  </form>\r\n\r\n  <kendo-dialog-actions>\r\n    <button class="k-button" (click)="onCancel($event)">Cancel</button>\r\n    <button class="k-button k-primary" [disabled]="!editForm.valid" (click)="onSave($event);">Save</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},vUZs:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Finance/BlockedTillDate.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Finance/BlockedTillDate.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},vj4G:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />\r\n<link href="https://kendo.cdn.telerik.com/2016.3.914/styles/kendo.blueopal.min.css" rel="stylesheet" />\r\n\r\n\r\n<div>\r\n  \x3c!-- <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n      url: \'https://staging.thegrexgroup.com:83/\',\r\n      username: \'thegrexgroup\',\r\n      password: \'Grex@0m\'\r\n    }"\r\n        [reportSource]="{\r\n        report: \'NAME/Tickets/OsTicketDashboard/.trdp\'\r\n    }" [viewMode]="\'INTERACTIVE\'"\r\n        [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n    </tr-viewer> --\x3e\r\n\r\n  <tr-viewer [containerStyle]="viewerContainerStyle" [reportServer]="{\r\n        url: \'https://cloud.thegrexgroup.com:84/\',\r\n        username: \'report_reader\',\r\n        password: \'hq7nzFMzQF!\'\r\n      }" [reportSource]="{\r\n          report: \'NAME/Tickets/OsTicketDashboard/.trdp\'\r\n      }" [viewMode]="\'INTERACTIVE\'" [scaleMode]="\'SPECIFIC\'" [scale]="1.0">\r\n  </tr-viewer>\r\n\r\n</div>'},xxq2:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"",""]),t.exports=t.exports.toString()},yKXi:function(t,e){t.exports='<app-navigation></app-navigation>\r\n<div class="row extra_padding" style="padding-top: calc(5em)">\r\n  <div class="col s6 offset-s3">\r\n    <div class="card" style="box-shadow: 0 2px 3px 0 #333">\r\n      <div class="card-content" style="background: white; color: #000;height: calc(35rem)">\r\n        <div class="card-title">\r\n          <h4>Change Password</h4>\r\n        </div>\r\n        <form ngNativeValidate #ChangePassword="ngForm" (ngSubmit)="updatePassword(ChangePassword.value)">\r\n          <div class="input-field col s12" style="margin-top:50px">\r\n            <input [(ngModel)]="oldPassword" name="oldPassword" id="oldpassword" type="password" required /><label\r\n              class="active">Enter your old password</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="newPassword" name="newPassword" id="newpassword" type="password" required /><label\r\n              class="active">Enter your new password</label>\r\n          </div>\r\n          <div class="input-field col s12">\r\n            <input [(ngModel)]="confirmPassword" name="confirmPassword" id="confirmpassword" type="password"\r\n              required /><label class="active">Confirm password</label>\r\n          </div>\r\n          <p class="errFile">{{errorMsg}}</p>\r\n          <div class="successFile">{{successMsg}}</div>\r\n          <div class="input-field col s12">\r\n            <button class="btn waves-effect waves-light right themebtn" style="\r\n            padding-left: 10px !important;\r\n            padding-right: 10px !important;" type="submit" name="action">\r\n              Update\r\n            </button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>'},yjPD:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,"h4,p{text-align:center}h4{padding-top:5px}.cardContent{text-align:center;font-size:3.3rem}.row .col.s2{width:12%}.colourbg{background:#90a4ae;color:#fff}.table-striped>tbody>tr:nth-of-type(odd){background:#ece9f5}.excel{cursor:pointer}.table>tbody>tr>td{padding:3px}.boldfirst{font-weight:700}.k-header,tr .myClass{background:#ef9a9a!important}.k-chart{height:30.3em}.k-grid-content{overflow-y:scroll!important}",""]),t.exports=t.exports.toString()},yrnC:function(t,e,r){(t.exports=r("rP7Y")(!1)).push([t.i,".k-filtercell-wrapper{white-space:normal}thead{background:#fff}a,input{color:#000}.padding_tables{padding:20px}.k-pager-numbers li{display:-webkit-inline-box;padding:10px}.k-pager-info{float:none}.tickets_padding{font-size:12px}.k-state-selected{padding:5px;background:#dcdbec}tr :hover{cursor:pointer}strong{color:#000;font-weight:700}.internal-notes{font-weight:700;font-size:1.3rem}.note-border{font-size:11px}.note-head{font-size:10px}.note-body{font-size:10.5px}.btn-sm{background:#ff7743!important;padding:4px 5px;color:#fff!important}.btn-sm:hover{background:#ea5015!important}.btn-sm:visited{background:#ff7743!important}.btn-fix-dashboard{float:none;height:18px!important;line-height:2px!important;padding:4px 12px!important;padding-bottom:6px!important;font-size:12px!important;letter-spacing:.5px!important}.user-view{padding:12px 32px 0}.agent_name{float:left;padding-right:5px}.email{line-height:24px}.email,.side-nav .user-view .email{font-size:12px}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{padding:0 32px}.sidenav-footer{bottom:0;margin-bottom:0;padding:0}.sidenav-footer .row{margin-bottom:0}.sidenav-footer .row .social-icons a{opacity:.5;padding:0;text-align:center}.sidenav-footer .row .social-icons a:hover{background-color:inherit;opacity:1}.cyan{background:-webkit-gradient(linear,left top,left bottom,from(#1b348e),color-stop(35%,#1b348e),color-stop(0,#1b348e),to(#1b348e))!important;background:linear-gradient(180deg,#1b348e,#1b348e 35%,#1b348e 0,#1b348e)!important}.note-desc div{text-align:left}a{cursor:pointer}.side-nav.fixed{height:100%}ul>li:last-child{position:inherit;bottom:0}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{margin-left:15px}.note-desc{text-align:left!important}.k-grid-content{overflow-y:scroll!important}.k-form-inline .k-form-field>span:not(.k-widget):not(.k-block).leftTitle{width:6.8em!important}.modal{padding-right:0;position:fixed;left:0;right:0;background-color:transparent;padding:0;max-height:inherit;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;-webkit-box-shadow:transparent!important;box-shadow:transparent!important}.btn-fix{float:none;height:10px;line-height:10px;padding:6px 12px;padding-bottom:6px;font-size:10px}",""]),t.exports=t.exports.toString()},znu7:function(t,e){t.exports='<app-navigation></app-navigation>\r\n\r\n<div class="padding_tables content">\r\n  <div class="card z-depth-4 tickets_padding" style="width: auto; overflow-y: hidden !important">\r\n    <div class="header">\r\n      <h4 class="title">\r\n        {{selected}} Faults\r\n      </h4>\r\n    </div>\r\n    <div class="input-field col s12" style="font-weight: bold">\r\n      Select Fault Ticket Status: <kendo-dropdownlist [data]="listItems" [(ngModel)]="selected"\r\n        (selectionChange)="onChange($event)"></kendo-dropdownlist>\r\n    </div>\r\n    <kendo-grid [data]="query" [style.height.vh]="84" [skip]="state.skip" [pageSize]="state.take" [sort]="state.sort"\r\n      [filter]="state.filter" [resizable]="true" filterable="menu" [sortable]="true" class="newOrderGrid"\r\n      (dataStateChange)="dataStateChange($event)" [scrollable]="true" [pageable]="true">\r\n\r\n      <kendo-grid-column hidden="true" field="TicketId" title="Ticket Id"></kendo-grid-column>\r\n      <kendo-grid-column field="CustId" title="Customer Id" [filterable]="true" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" [routerLink]="[\'/customers\', dataItem.CustId]">{{dataItem.CustId}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="OstCreatedDate" title="Created On" [width]="150" filter="date"></kendo-grid-column>\r\n      <kendo-grid-column field="OstUpdateDate" title="Updated On" [width]="150" filter="date"></kendo-grid-column>\r\n      <kendo-grid-column field="UserFullname" title="Created By" [minResizableWidth]="200"></kendo-grid-column>\r\n      <kendo-grid-column field="TicketNumber" title="Ticket No" [filterable]="true" width="120" [resizable]="false">\r\n        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">\r\n          <a class="billing-customerid" data-toggle="modal" [attr.data-target]="\'#\' + dataItem.TicketId"\r\n            (click)="getDetails(dataItem.TicketId)" data-position="bottom" data-delay="50"\r\n            data-tooltip="tooltip">{{dataItem.TicketNumber}}</a>\r\n        </ng-template>\r\n      </kendo-grid-column>\r\n      <kendo-grid-column field="Priority" title="Priority" width="100" [resizable]="false"></kendo-grid-column>\r\n      <kendo-grid-column field="TopicName" title="Topic" [minResizableWidth]="200"></kendo-grid-column>\r\n\r\n    </kendo-grid>\r\n    <div *ngIf="loading" class="k-i-loading"></div>\r\n  </div>\r\n</div>\r\n<kendo-dialog title="Error" *ngIf="noInternet" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">Kindly check your internet connection !</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<kendo-dialog title="Error" *ngIf="apiError" (close)="close(\'cancel\')" [minWidth]="250" [width]="450">\r\n  <p style="margin: 30px; text-align: center;">{{errorMsg}}</p>\r\n  <kendo-dialog-actions>\r\n    <button class="confirmDialog" kendoButton (click)="close(\'yes\')" primary="true">Ok</button>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n<div class="modal ticketClass" *ngFor="let ticketContent of TicketData" id={{ticketContent.TicketId}} role="dialog">\r\n  <div class="modal-dialog modal-lg">\r\n    <div class="modal-content">\r\n      <div class="modal-header" style="padding: 0">\r\n        <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n        <h4 class="modal-title" style="font-size:1.5rem">Ticket# {{ticketContent.TicketNumber}}</h4>\r\n      </div>\r\n      <kendo-tabstrip>\r\n        <kendo-tabstrip-tab [title]="\'Post Reply\'" [selected]="true">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="replynotes" filterable="menu" [scrollable]="true" [selectable]="true"\r\n              [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal"></div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Internal Notes\'" *ngIf="roleAuthorizationProvisioning">\r\n          <ng-template kendoTabContent>\r\n            <kendo-grid [kendoGridBinding]="internalreplynotes" filterable="menu" [scrollable]="true"\r\n              [selectable]="true" [resizable]="false" [sortable]="true" [style.height.vh]="47">\r\n              <kendo-grid-column field="CreatedDate" title="Created On" [width]="150" class="header_bold">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="CreatedByEmail" title="Created By" class="header_bold" [width]="200">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column field="Note" title="Note" class="header_bold">\r\n                <ng-template kendoGridCellTemplate let-dataItem>\r\n                  <div [innerHtml]="dataItem.Note | safe: \'html\'" style="text-align:initial; white-space: normal"></div>\r\n                </ng-template>\r\n              </kendo-grid-column>\r\n            </kendo-grid>\r\n            <div *ngIf="loading" class="k-i-loading"></div>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab [title]="\'Edit Ticket\'">\r\n          <ng-template kendoTabContent>\r\n            <form ngNativeValidate class="k-form-inline" #EditOrder="ngForm"\r\n              (ngSubmit)="actionTicket(ticketContent,EditOrder.value);EditOrder.reset();loading=true">\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Type</span>\r\n                <kendo-dropdownlist [data]="listTicketType" name="listTicketType" required\r\n                  [(ngModel)]="selectedtickettype"></kendo-dropdownlist>\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Status</span>\r\n                <kendo-dropdownlist *ngIf="resolve" [data]="resolveStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n                <kendo-dropdownlist *ngIf="!resolve" [data]="listStatus" name="Status" required\r\n                  [ngModel]="ticketContent.Status"></kendo-dropdownlist>\r\n\r\n              </label>\r\n              <label class="k-form-field">\r\n                <span class="leftTitle">Note</span>\r\n                <textarea style="height: 20rem !important" [(ngModel)]="PostInternalNote" name="PostInternalNote"\r\n                  required type="text" [(value)]="PostInternalNote"></textarea>\r\n              </label>\r\n\r\n              <div class="text-right">\r\n                <button type="button" class="k-button" (click)="close()">Cancel</button>\r\n                <button type="submit" class="k-button k-primary">Submit</button>\r\n              </div>\r\n            </form>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n      </kendo-tabstrip>\r\n    </div>\r\n  </div>\r\n</div>'}},[0]);