novedades.component copy.html

<div class="main-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="container-fluid">
                    <div class="card-title">
                        <h2> Tipos de Novedades</h2>
                    </div>
                    <div class="row">

                        <!--
                        <h5 class="mt-10">
                            {{allNovedades | json}}
                        </h5> -->
                        <button type="button" (click)="showDialog()" class="btn btn-primary float-end">Ingresar nueva Novedad</button>


                        <p-table [value]="allNovedades">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th>CODIGO</th>
                                    <th>DESCRIPCION</th>
                                    <th>ESTADO</th>
                                    <th>USUARIO CREA</th>
                                    <!--     <th>USUARIO MODIFICA</th>  -->
                                    <th>FECHA CREA</th>
                                    <!--   <th>FECHA MODIFICA</th> -->
                                    <th>opciones</th>

                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-item>
                                <tr>
                                    <td>{{item.code}}</td>
                                    <td>{{item.descripcion}}</td>
                                    <td>{{item.estado}}</td>
                                    <td>{{item.usercrea}}</td>
                                    <td>{{item.usermodif}}</td>
                                    <td>{{item.fechacrea | date:'dd/MM/yyyy' }}</td>
                                    <td>{{item.fechamodif}}</td>
                                    <!-- <button class="btn btn-danger">editar </button> -->

                                    <button (click)="editar()" class="btn btn-danger ">Editar Registro</button>
                                </tr>
                            </ng-template>
                        </p-table>

                        <!--
                        <ul>
                            <li *ngFor="let item of allNovedades">
                                {{item.code}} {{item.descripcion}}
                            </li>
                        </ul>  -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- modal para crear un formulario -->
<p-dialog header="Title" [(visible)]="display">
    <form [formGroup]="miFormulario">
        <div class="mb-3">
            <label for="codeNovedad" class="form-label">id</label>
            <input formControlName="code" type=" code" class="form-control" id="codeNovedad" aria-describedby="emailHelp">
            <div id="emailHelp" class="form-text">Codigo del Registro</div>
        </div>
        <div class="mb-3">
            <label for="descripcion" class="form-label">Descripción</label>
            <input formControlName="descripcion" type=" descripcion " class="form-control " id="descripcion ">
        </div>
        <div class="mb-3 ">
            <label for="estado " class="form-label ">Estado</label>
            <input formControlName="estado" type="estado " class="form-control " id="estado ">
            <div id="estado" class="form-text"> A Activo I Inactivo</div>
        </div>
        <div class="mb-3 ">
            <label for="UsuarioC " class="form-label ">UsuarioC</label>
            <input formControlName="usercrea" type="usercrea " class="form-control " id="UsuarioC ">
        </div>
        <button (click)="guardar() " class="btn btn-primary " [disabled]="miFormulario.invalid">Guardar Registro</button>
    </form>
    {{miFormulario.value| json}}
</p-dialog>


<!-- modal para editar un formulario  
<div class="card">
    <h5>Row Editing</h5>
    <p-table [value]="allNovedades" dataKey="id" editMode="row">
        <ng-template pTemplate="header">
            <tr>
                <th>CODIGO</th>
                <th>DESCRIPCION</th>
                <th>ESTADO</th>
                <th>USUARIO CREA</th>

                <th>FECHA CREA</th>

                <th>opciones</th>
                <th style="width:8rem"></th>
            </tr>
        </ng-template>
        <ng-template pTemplate="body" let-product let-editing="editing" let-ri="rowIndex">
            <tr [pEditableRow]="product">
                <td>
                    <p-cellEditor>
                        <ng-template pTemplate="input">
                            <input pInputText type="text" [(ngModel)]="product.code">
                        </ng-template>
                        <ng-template pTemplate="output">
                            {{product.code}}
                        </ng-template>
                    </p-cellEditor>
                </td>
                <td>
                    <p-cellEditor>
                        <ng-template pTemplate="input">
                            <input pInputText type="text" [(ngModel)]="product.descripcion" required>
                        </ng-template>
                        <ng-template pTemplate="output">
                            {{product.descripcion}}
                        </ng-template>
                    </p-cellEditor>
                </td>
                <td>
                    <p-cellEditor>
                        <ng-template pTemplate="input">
                            <input pInputText type="text" [(ngModel)]="product.estado" required>
                       
                            <p-dropdown [options]="statuses" [(ngModel)]="product.estado" [style]="{'width':'100%'}"></p-dropdown>
                   
</ng-template>
<ng-template pTemplate="output">
    {{product.estado}}
</ng-template>
</p-cellEditor>
</td>
<td>
    <p-cellEditor>
        <ng-template pTemplate="input">
            <input pInputText type="text" [(ngModel)]="product.usercrea">
        </ng-template>
        <ng-template pTemplate="output">
            {{product.usercrea}}
        </ng-template>
    </p-cellEditor>
</td>
<td style="text-align:center">
    <button *ngIf="!editing" pButton pRipple type="button" pInitEditableRow icon="pi pi-pencil" (click)="onRowEditInit(product)" class="p-button-rounded p-button-text"></button>
    <button *ngIf="editing" pButton pRipple type="button" pSaveEditableRow icon="pi pi-check" (click)="onRowEditSave(product)" class="p-button-rounded p-button-text p-button-success p-mr-2"></button>
    <button *ngIf="editing" pButton pRipple type="button" pCancelEditableRow icon="pi pi-times" (click)="onRowEditCancel(product, ri)" class="p-button-rounded p-button-text p-button-danger"></button>
</td>
</tr>
</ng-template>
</p-table>
</div>

-->