mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
* upgrade to HttpClient * upgrade to Renderer2 * upgrade Document reference * remove useless test with deprecated ReflectiveInjector * upgrade to latest typescript * upgrade libs * upgrade package scripts * remove rxjs blacklists and duplicate rules * add rxjs compat to help with migration * fix breaking changes * fix breaking changes in material * fix breaking changes (material 6) * upgrade rxjs, ngx-translate and flex layout * update unit tests * restore providers * upgrade deprecated Observable.error * rebase fix first configuration problems * fix style issues commented * fix core build * fix lib template errors * move lib test execution in angular.json * ignore * karma conf files * fix import statement test * single run option * update packages reporter * restore report * increase timeout * improve karma conf test configuration * fix test issues about lint * fix test analytics * fix process service test * content service fix test * fix logout directive test * fix core test * fix build * update node-sass to latest * update angular cli dependencies * improve build script create directorites and move files only if previous command succeded * upgrade individual libs to 6.0 * remove old webpack files * revert sass change * fix type issues fix style issues * fix tslint demo shell issue * fix peerdependencies * fix test e2e BC * package upate * fix style import issue * extract-text-webpack-plugin beta * fix test dist build command * remove alpha js-api * fix tslint issue add banner tslint rule * upload service fix * change BC script * fix test dist script * increase demo shell timeout test * verbose copy * path absolute * fix script bc * fix copy part * fix path warning fix monaco editor * remove duplicate header * remove unused import * fix align and check ago tests * add missing import * fix notification button selector * [ANGULAR6] fixed core tests * fix CS test * fix cs test step 2 * increase travis_wait for dist * fix attachment PS * fix checklist test * use pdf min
136 lines
8.1 KiB
HTML
136 lines
8.1 KiB
HTML
<div [class.hide]="hideComponent">
|
|
<div class="adf-report-report-container">
|
|
<div *ngIf="reportParameters">
|
|
<form [formGroup]="reportForm" novalidate>
|
|
<adf-toolbar>
|
|
<adf-toolbar-title class="adf-report-title-container">
|
|
<div *ngIf="isEditable">
|
|
<mat-form-field class="adf-full-width-input">
|
|
<input
|
|
matInput
|
|
type="text"
|
|
class="adf-edit-report-title"
|
|
id="reportName"
|
|
autofocus
|
|
data-automation-id="reportName"
|
|
[value]="reportParameters.name"
|
|
(input)="reportParameters.name=$event.target.value"
|
|
(blur)="editTitle()"
|
|
(keyup.enter)="editTitle()"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="adf-report-title" *ngIf="!isEditable" (click)="editEnable()">
|
|
<mat-icon class="adf-report-icon" >mode_edit</mat-icon>
|
|
<h4>{{reportParameters.name}}</h4>
|
|
</div>
|
|
</adf-toolbar-title>
|
|
<adf-buttons-action-menu *ngIf="!isEditable">
|
|
<button mat-menu-item (click)="toggleParameters()" id="">
|
|
<mat-icon>settings</mat-icon><span>{{ 'ANALYTICS.MESSAGES.ICON-SETTING' | translate }}</span>
|
|
</button>
|
|
<button mat-menu-item (click)="deleteReport(reportId)" id="delete-button">
|
|
<mat-icon>delete</mat-icon><span>{{ 'ANALYTICS.MESSAGES.ICON-DELETE' | translate }}</span>
|
|
</button>
|
|
<div *ngIf="isFormValid()">
|
|
<button mat-menu-item (click)="showDialog('Export')" id="export-button">
|
|
<mat-icon>file_download</mat-icon><span>{{ 'ANALYTICS.MESSAGES.ICON-EXPORT-CSV' | translate }}</span>
|
|
</button>
|
|
<button mat-menu-item (click)="showDialog('Save')" id="save-button">
|
|
<mat-icon>save</mat-icon><span>{{ 'ANALYTICS.MESSAGES.ICON-SAVE' | translate }}</span>
|
|
</button>
|
|
</div>
|
|
</adf-buttons-action-menu>
|
|
</adf-toolbar>
|
|
<div *ngFor="let field of reportParameters.definition.parameters"
|
|
[class.is-hide]="isParametersHide()">
|
|
<div [ngSwitch]="field.type">
|
|
<div *ngSwitchCase="'integer'">
|
|
<br>
|
|
<analytics-number-widget [field]="field" [group]="reportForm.controls.processInstanceGroup"
|
|
[controllerName]="'slowProcessInstanceInteger'"
|
|
[required]="true"></analytics-number-widget>
|
|
</div>
|
|
<div *ngSwitchCase="'duration'">
|
|
<br>
|
|
<duration-widget [field]="field" [group]="reportForm.controls.durationGroup"
|
|
[controllerName]="'duration'"></duration-widget>
|
|
</div>
|
|
<div *ngSwitchCase="'boolean'">
|
|
<br>
|
|
<analytics-checkbox-widget [field]="field" [group]="reportForm.controls.typeFilteringGroup"
|
|
[controllerName]="'typeFiltering'"></analytics-checkbox-widget>
|
|
</div>
|
|
<div *ngSwitchCase="'status'">
|
|
<br>
|
|
<analytics-dropdown-widget [field]="field" [group]="reportForm.controls.statusGroup"
|
|
[controllerName]="'status'"
|
|
[required]="true"></analytics-dropdown-widget>
|
|
</div>
|
|
<div *ngSwitchCase="'processDefinition'">
|
|
<br>
|
|
<analytics-dropdown-widget [field]="field" [group]="reportForm.controls.processDefGroup"
|
|
[controllerName]="'processDefinitionId'"
|
|
[required]="true"
|
|
(fieldChanged)="onProcessDefinitionChanges(field)"></analytics-dropdown-widget>
|
|
</div>
|
|
<div *ngSwitchCase="'task'">
|
|
<br>
|
|
<analytics-dropdown-widget [field]="field" [group]="reportForm.controls.taskGroup"
|
|
[controllerName]="'taskName'"
|
|
[required]="true"></analytics-dropdown-widget>
|
|
</div>
|
|
<div *ngSwitchCase="'dateRange'">
|
|
<br>
|
|
<adf-date-range-widget [field]="field"
|
|
[group]="reportForm.controls.dateRange"></adf-date-range-widget>
|
|
</div>
|
|
<div *ngSwitchCase="'dateInterval'">
|
|
<br>
|
|
<analytics-dropdown-widget [field]="field" [group]="reportForm.controls.dateIntervalGroup"
|
|
[controllerName]="'dateRangeInterval'"
|
|
[required]="true" [showDefaultOption]="false"></analytics-dropdown-widget>
|
|
</div>
|
|
<div *ngSwitchDefault>
|
|
<span>{{'ANALYTICS.MESSAGES.UNKNOWN-WIDGET-TYPE' | translate}}: {{field.type}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ng-template #reportNameDialog>
|
|
<div id="report-dialog" class="adf-report-dialog">
|
|
<h5 matDialogTitle id="report-dialog-title">{{action}} report</h5>
|
|
<div mat-dialog-content>
|
|
<div *ngIf="isSaveAction()" id="save-title-submessage" class="export-message">
|
|
{{'DIALOG.SAVE_MESSAGE' | translate}}
|
|
</div>
|
|
<div class="save-export-input">
|
|
<mat-form-field class="example-full-width" floatPlaceholder="always">
|
|
<input matInput
|
|
type="text"
|
|
id="repName"
|
|
placeholder="Report Name"
|
|
[value]="reportName"
|
|
[(ngModel)]="reportName"
|
|
[ngModelOptions]="{standalone: true}">
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
<div mat-dialog-actions>
|
|
<button mat-button
|
|
color="accent"
|
|
type="button"
|
|
id="close-dialog-button"
|
|
(click)="closeDialog()">Close</button>
|
|
<button mat-button
|
|
color="primary"
|
|
type="button"
|
|
id="action-dialog-button"
|
|
(click)="performAction(action, reportParamQuery)">{{action}}</button>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|