Skip to content
Snippets Groups Projects
Verified Commit 9a7bc39d authored by Alex ORLUC's avatar Alex ORLUC
Browse files

FEAT #7731 add docservers component

parent dba72236
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
apps/maarch_entreprise/Views/docservers-administration.component.html
+ 71
− 2
View file @ 9a7bc39d
......@@ -19,7 +19,76 @@
<mat-spinner style="margin:auto;"></mat-spinner>
</div>
<mat-card *ngIf="!loading" class="card-app-content">
<h3>Zone documentaire <small>DOC</small></h3>
<hr/>
<div class="row">
<div class="col-md-4" *ngFor="let docserver of this.docserversFasthd">
<mat-card>
<div color="warn" style="position: absolute;top: 10px;left: 10px;font-weight: bold;">
{{docserver.priority_number}}
</div>
<button *ngIf="docserver.is_readonly == 'N'" mat-icon-button color="accent" style="position: absolute;top: 5px;right:10px;" title="Verrouiller la zone de stockage (lecture seule)">
<mat-icon class="fa fa-lock-open"></mat-icon>
</button>
<button *ngIf="docserver.is_readonly == 'Y'" mat-icon-button color="warn" style="position: absolute;top: 5px;right:10px;" title="Déverouiller la zone de stockage (lecture seule)">
<mat-icon class="fa fa-lock"></mat-icon>
</button>
<div class="row" style="margin-top: 10px;">
<div class="col-md-12">
<mat-form-field>
<input matInput required name="label" id="label" title="{{lang.label}}" type="text" placeholder="{{lang.label}}" maxlength="255"
[(ngModel)]="docserver.device_label" [disabled]="docserver.is_readonly == 'Y'">
</mat-form-field>
</div>
<div class="col-md-4">
<mat-progress-spinner *ngIf="docserver.percent_number < 70" name="percent_val" id="percent_val" color="primary" mode="determinate" [value]="docserver.percent_number" style="margin:auto;">
</mat-progress-spinner>
<mat-progress-spinner *ngIf="docserver.percent_number >= 70" name="percent_val" id="percent_val" color="warn" mode="determinate" [value]="docserver.percent_number" style="margin:auto;">
</mat-progress-spinner>
<span style="position: absolute;top: 40px;left:60px;font-weight: bold;" title="{{docserver.actual_size_number}} Go">{{docserver.percent_number}}%</span>
</div>
<div class="col-md-8">
<mat-form-field>
<input matInput required name="Collection" id="Collection" title="Collection" type="text" placeholder="Collection"
[(ngModel)]="docserver.coll_id" maxlength="255" disabled>
</mat-form-field>
<mat-form-field>
<input matInput required name="identifier" id="identifier" title="Identifiant" type="text" placeholder="Identifiant"
[(ngModel)]="docserver.docserver_id" maxlength="255" disabled>
</mat-form-field>
<mat-form-field>
<mat-select id="status" name="status" title="Docserver secondaire" placeholder="Docserver secondaire"
required>
<mat-option value="none">
Aucun
</mat-option>
<mat-option value="fasthd_man_2">
FASTHD_MAN_2
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<input matInput required name="max_size" id="max_size" title="Taille maximale" type="number" placeholder="Taille maximale"
[(ngModel)]="docserver.size_limit_number" [disabled]="docserver.is_readonly == 'Y'">
<span matSuffix> Go</span>
</mat-form-field>
</div>
<div class="col-md-12">
<mat-form-field>
<input matInput required name="path" id="path" title="path" type="text" placeholder="Chemin" maxlength="255" [(ngModel)]="docserver.path_template" [disabled]="docserver.is_readonly == 'Y'">
</mat-form-field>
</div>
</div>
</mat-card>
</div>
</div>
<h3>Zone Imagette</h3>
<hr/>
<div class="row">
</div>
<!--<div class="row">
<div class="col-md-6 col-xs-6">
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="{{lang.filterBy}}">
......@@ -56,8 +125,8 @@
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;" routerLink="/administration/docservers/{{row.docserver_id}}" style="cursor:pointer;" matTooltip="{{lang.view}}"></mat-row>
</mat-table>
</mat-table>-->
</mat-card>
</mat-sidenav-content>
</mat-sidenav-container>
</mat-sidenav-container>
</div>
\ No newline at end of file
apps/maarch_entreprise/js/angular/app/administration/docservers-administration.component.ts
+ 51
− 5
View file @ 9a7bc39d
......@@ -23,6 +23,7 @@ export class DocserversAdministrationComponent implements OnInit {
dataSource : any;
docservers : any = {};
docserversFasthd : any = [];
@ViewChild(MatPaginator) paginator: MatPaginator;
@ViewChild(MatSort) sort: MatSort;
......@@ -53,11 +54,56 @@ export class DocserversAdministrationComponent implements OnInit {
this.http.get(this.coreUrl + 'rest/docservers')
.subscribe((data: any) => {
this.docservers = data.docservers;
setTimeout(() => {
this.dataSource = new MatTableDataSource(this.docservers);
this.dataSource.paginator = this.paginator;
this.dataSource.sort = this.sort;
}, 0);
this.docserversFasthd = [
{
actual_size_number: 44444444444,
adr_priority_number: 2,
coll_id: "letterbox_coll",
creation_date: "2011-01-13 14:47:49.197164",
device_label: "Fast internal disc bay for letterbox mode",
docserver_id: "FASTHD_MAN",
docserver_location_id: "NANTERRE",
docserver_type_id: "DOC",
enabled: "Y",
is_readonly: "N",
path_template: "/var/www/html/docservers/maarch_courrier_develop/manual/",
priority_number: 10,
size_limit_number: 50000000000
},
{
actual_size_number: 2455890616,
adr_priority_number: 2,
coll_id: "letterbox_coll",
creation_date: "2011-01-13 14:47:49.197164",
device_label: "Fast internal disc bay for letterbox mode",
docserver_id: "FASTHD_AI",
docserver_location_id: "NANTERRE",
docserver_type_id: "DOC",
enabled: "Y",
is_readonly: "Y",
path_template: "/var/www/html/docservers/maarch_courrier_develop/ai/",
priority_number: 10,
size_limit_number: 50000000000
}
]
this.docserversFasthd.forEach((elem: any, index: number) => {
var factor = null;
elem.size_limit_number = elem.size_limit_number / 1000000000;
factor = Math.pow(10, 2);
elem.size_limit_number = Math.round(elem.size_limit_number * factor) / factor;
elem.actual_size_number = elem.actual_size_number / 1000000000;
factor = Math.pow(10, 2);
elem.actual_size_number = Math.round(elem.actual_size_number * factor) / factor;
//percent
elem.percent_number = (elem.actual_size_number*100)/elem.size_limit_number;
});
console.log(this.docserversFasthd);
this.loading = false;
});
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment