66 lines
2.8 KiB
HTML
66 lines
2.8 KiB
HTML
<h2 mat-dialog-title class="dialog-title">Añadir acción a: {{ data.task?.name }}</h2>
|
|
|
|
<mat-dialog-content class="dialog-content">
|
|
<div class="task-form">
|
|
|
|
<div class="toggle-options">
|
|
<mat-button-toggle-group [(ngModel)]="commandType" exclusive>
|
|
<mat-button-toggle value="new">
|
|
<mat-icon>edit</mat-icon> Nuevo Script
|
|
</mat-button-toggle>
|
|
<mat-button-toggle value="existing">
|
|
<mat-icon>storage</mat-icon> Script Guardado
|
|
</mat-button-toggle>
|
|
</mat-button-toggle-group>
|
|
</div>
|
|
|
|
<div *ngIf="commandType === 'new'" class="new-command-container">
|
|
<mat-form-field appearance="fill" class="custom-width">
|
|
<mat-label>Orden de ejecucion </mat-label>
|
|
<input matInput type="number" [(ngModel)]="executionOrder" placeholder="Orden de ejecución">
|
|
</mat-form-field>
|
|
<mat-form-field appearance="fill" class="full-width">
|
|
<mat-label>Ingrese el script</mat-label>
|
|
<textarea matInput [(ngModel)]="newScript" rows="6" placeholder="Escriba su script aquí"></textarea>
|
|
</mat-form-field>
|
|
<button mat-flat-button color="primary" (click)="saveNewScript()">Guardar Script</button>
|
|
</div>
|
|
|
|
<div *ngIf="commandType === 'existing'">
|
|
<mat-form-field appearance="fill" class="custom-width">
|
|
<mat-label>Seleccione script a ejecutar</mat-label>
|
|
<mat-select [(ngModel)]="selectedScript" (selectionChange)="onScriptChange()">
|
|
<mat-option *ngFor="let script of scripts" [value]="script">{{ script.name }}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div *ngIf="selectedScript && commandType === 'existing'" class="script-container">
|
|
<mat-form-field appearance="fill" class="custom-width">
|
|
<mat-label>Orden de ejecucion </mat-label>
|
|
<input matInput type="number" [(ngModel)]="executionOrder" placeholder="Orden de ejecución">
|
|
</mat-form-field>
|
|
|
|
<div class="script-content">
|
|
<h3>Script:</h3>
|
|
<div class="script-preview" [innerHTML]="scriptContent"></div>
|
|
</div>
|
|
|
|
<div class="script-params" *ngIf="parameterNames.length > 0">
|
|
<h3>Ingrese los parámetros:</h3>
|
|
<div *ngFor="let paramName of parameterNames">
|
|
<mat-form-field appearance="fill" class="full-width">
|
|
<mat-label>{{ paramName }}</mat-label>
|
|
<input matInput [ngModel]="parameters[paramName]" (ngModelChange)="onParamChange(paramName, $event)" placeholder="Valor para {{ paramName }}">
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</mat-dialog-content>
|
|
|
|
<mat-dialog-actions class="action-container">
|
|
<button class="ordinary-button" (click)="onCancel()">{{ 'buttonCancel' | translate }}</button>
|
|
<button class="submit-button" (click)="onSubmit()" >{{ 'buttonSave' | translate }}</button>
|
|
</mat-dialog-actions>
|