Skip to content

A
aeropuertov2-front-framework
Commit d30e5802 authored by Sebastian Chicoma's avatar Sebastian Chicoma
Browse files
Options

Correcciones post revisión

parent 8f00e57d
Hide whitespace changes
Inline Side-by-side
Showing with 261 additions and 271 deletions
projects/bytebot-html/src/app/modules/agent/view/agent-list/agent-list.component.html
View file @ d30e5802
...@@ -30,7 +30,8 @@ ...@@ -30,7 +30,8 @@
<ng-container matColumnDef="{{template.name}}" <ng-container matColumnDef="{{template.name}}"
*ngFor="let template of columnTemplateArray"> *ngFor="let template of columnTemplateArray">
<div *ngIf="template.sortable"> <div *ngIf="template.sortable">
<th mat-header-cell *matHeaderCellDef mat-sort-header> <th mat-header-cell *matHeaderCellDef mat-sort-header
[ngClass]="{'th-avatar': template['name'] === 'avatar', 'text-right': template['name'] === 'id'}">
{{ template.title | translate }} {{ template.title | translate }}
<mat-icon *ngIf="sortColumn===template?.name"> <mat-icon *ngIf="sortColumn===template?.name">
<i class="fa fa-sort-amount-desc" <i class="fa fa-sort-amount-desc"
...@@ -45,13 +46,14 @@ ...@@ -45,13 +46,14 @@
</th> </th>
</div> </div>
<td mat-cell *matCellDef="let item" <td mat-cell *matCellDef="let item"
[style.width]="template.width ? template.width : ''" [style.width]="template.style.width ? template.style.width : ''"
[ngClass]="{'td-view': !this.resourceAuth['view']}" (click)="view(item)"> [ngClass]="{'td-view': !this.resourceAuth['view'], 'text-right': template['name'] === 'id'}"
(click)="view(item)">
<div *ngIf="template['name'] !== 'avatar'"> <div *ngIf="template['name'] !== 'avatar'">
<span class="label" <span class="label" [ngClass]="{'label-success': item[template['name']] === 'DP', 'label-default': item[template['name']] === 'CR',
[ngClass]="{'label-success': item[template['name']] === 'DP', 'label-default': item[template['name']] === 'CR'}" 'label-warning': item[template['name']] === 'PS' }"
*ngIf="template['name'] === 'status'">{{ item[template['name']] | agentStatus | translate }}</span> *ngIf="template['name'] === 'status'">{{ item[template['name']] | agentStatus | translate }}</span>
<span <span
*ngIf="template['name'] !== 'status'">{{ item[template['name']] }}</span> *ngIf="template['name'] !== 'status'">{{ item[template['name']] }}</span>
...@@ -66,14 +68,15 @@ ...@@ -66,14 +68,15 @@
<th mat-header-cell *matHeaderCellDef></th> <th mat-header-cell *matHeaderCellDef></th>
<td class="text-center mat-cell cdk-column-actions mat-column-actions ng-star-inserted" <td class="text-center mat-cell cdk-column-actions mat-column-actions ng-star-inserted"
mat-cell="" role="gridcell" *matCellDef="let item"> mat-cell="" role="gridcell" *matCellDef="let item">
<div class="btn-group"> <div class="btn-group btn-actions">
<!--
<button mat-icon-button [matMenuTriggerFor]="beforeMenu" <button mat-icon-button [matMenuTriggerFor]="beforeMenu"
aria-label="Example icon-button with a menu"> aria-label="Example icon-button with a menu">
<mat-icon>more_vert</mat-icon> <mat-icon>more_vert</mat-icon>
</button> </button>
<mat-menu #beforeMenu="matMenu" xPosition="before"> <mat-menu #beforeMenu="matMenu" xPosition="before">
<button mat-menu-item (click)="synchronize(item)" *ngIf="item.status !== 'DP'"> <button mat-menu-item (click)="synchronize(item)"
*ngIf="item.status !== 'DP'">
<mat-icon>sync_alt</mat-icon> <mat-icon>sync_alt</mat-icon>
<span>Sincronizar</span> <span>Sincronizar</span>
</button> </button>
...@@ -82,24 +85,13 @@ ...@@ -82,24 +85,13 @@
<mat-icon>edit</mat-icon> <mat-icon>edit</mat-icon>
<span>{{'btn.edit' | translate}}</span> <span>{{'btn.edit' | translate}}</span>
</button> </button>
<button mat-menu-item color="warn" (click)="delete(item)" <button mat-menu-item color="warn" (click)="delete(item)"
*ngIf="this.resourceAuth['delete']"> *ngIf="this.resourceAuth['delete']">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
<span>{{'btn.delete' | translate}}</span> <span>{{'btn.delete' | translate}}</span>
</button> </button>
</mat-menu> </mat-menu>
<!-- <div class="dropdown"> -->
<button class="btn btn-default btn-sm dropdown-toggle" type="button"
id="dropdownMenuButton" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
<button class="btn btn-default btn-sm" (click)="edit(item)" <button class="btn btn-default btn-sm" (click)="edit(item)"
*ngIf="this.resourceAuth['edit']" type="button"> *ngIf="this.resourceAuth['edit']" type="button">
<i class="fa fa-edit"></i> <i class="fa fa-edit"></i>
...@@ -114,7 +106,19 @@ ...@@ -114,7 +106,19 @@
<span class="visible-md-inline visible-lg-inline visible-xl-inline"> <span class="visible-md-inline visible-lg-inline visible-xl-inline">
{{'btn.delete' | translate}} {{'btn.delete' | translate}}
</span> </span>
</button> --> </button>
<button class="btn btn-default btn-sm dropdown-toggle" type="button"
[matMenuTriggerFor]="beforeMenu" [disabled]="item.status !== 'PS'">
<!-- <i class="fa fa-ellipsis-v"></i> -->
</button>
<mat-menu #beforeMenu="matMenu" xPosition="before">
<button mat-menu-item (click)="synchronize(item)"
*ngIf="item.status !== 'DP'">
<mat-icon>sync_alt</mat-icon>
<span>{{'btn.synchronize' | translate}}</span>
</button>
</mat-menu>
</div> </div>
</td> </td>
......
projects/bytebot-html/src/app/modules/agent/view/agent-list/agent-list.component.scss
View file @ d30e5802
...@@ -60,16 +60,6 @@ $fontcolor: #676a6c; ...@@ -60,16 +60,6 @@ $fontcolor: #676a6c;
margin: -10px auto 0 auto; margin: -10px auto 0 auto;
} }
th.mat-column-actions {
width: 1px !important;
padding-right: 0px !important;
}
td.mat-column-actions {
min-width: 80px;
padding-right: 20px !important;
cursor: default !important;
}
td { td {
vertical-align: middle !important; vertical-align: middle !important;
color: $fontcolor; color: $fontcolor;
...@@ -203,11 +193,6 @@ tr.mat-row { ...@@ -203,11 +193,6 @@ tr.mat-row {
padding-top: 2px; padding-top: 2px;
} }
.btn-grid-action {
padding: 0 10px;
line-height: 0em;
}
.mat-row:hover { .mat-row:hover {
cursor: pointer; cursor: pointer;
background-color: #f8f9fa; background-color: #f8f9fa;
...@@ -261,3 +246,11 @@ tr.mat-row { ...@@ -261,3 +246,11 @@ tr.mat-row {
::ng-deep .mat-menu-panel { ::ng-deep .mat-menu-panel {
overflow: hidden !important; overflow: hidden !important;
} }
.th-avatar {
width: 130px;
}
::ng-deep .text-right > .mat-sort-header-container {
justify-content: flex-end !important;
}
projects/bytebot-html/src/app/modules/agent/view/agent-list/agent-list.component.ts
View file @ d30e5802
...@@ -13,7 +13,7 @@ import { AgentService } from '../../service/agent.service'; ...@@ -13,7 +13,7 @@ import { AgentService } from '../../service/agent.service';
const columnTemplateArray = [ const columnTemplateArray = [
{ {
name: 'avatar', name: 'avatar',
sortable: true, sortable: false,
title: 'agent_avatar', title: 'agent_avatar',
visible: true, visible: true,
filtable: true, filtable: true,
...@@ -34,7 +34,7 @@ const columnTemplateArray = [ ...@@ -34,7 +34,7 @@ const columnTemplateArray = [
title: 'agent_code', title: 'agent_code',
visible: true, visible: true,
filtable: true, filtable: true,
style: { width: 'auto' }, style: { width: '75px' },
type: 'number', type: 'number',
aliasName: null, aliasName: null,
queryName: null, queryName: null,
...@@ -136,6 +136,7 @@ const columnTemplateArray = [ ...@@ -136,6 +136,7 @@ const columnTemplateArray = [
const fieldFilters = [ const fieldFilters = [
new FieldFilter('agent_code', 'id', 'id', 'number', undefined), new FieldFilter('agent_code', 'id', 'id', 'number', undefined),
new FieldFilter('agent_name', 'name', 'name', 'string', undefined), new FieldFilter('agent_name', 'name', 'name', 'string', undefined),
new FieldFilter('agent_status', 'status', 'status', 'select', []),
]; ];
@Component({ @Component({
......
projects/bytebot-html/src/app/modules/agent/view/agent/agent.component.scss
View file @ d30e5802
...@@ -25,7 +25,9 @@ ...@@ -25,7 +25,9 @@
} }
::ng-deep .mat-step-header[aria-selected="true"] { ::ng-deep .mat-step-header[aria-selected="true"] {
background: #c3ccff !important; /*background: #c3ccff !important;*/
background: #c3ccff9e !important;
border: solid 1px #c3ccff80;
border-radius: 9px !important; border-radius: 9px !important;
} }
......
projects/bytebot-html/src/app/modules/agent/view/components/ca-deployment-channels-modal/ca-deployment-channels-modal.component.html
View file @ d30e5802
...@@ -12,18 +12,20 @@ ...@@ -12,18 +12,20 @@
<mat-dialog-content> <mat-dialog-content>
<h4> <h4>
{{'label.deployment-channels.configuration.description' | translate}} {{'label.deployment-channels.configuration.description' | translate}}
<!-- --> <!-- -->
</h4> </h4>
<div> <div>
<mat-card class="channel-card" *ngFor="let channel of channels" (click)="selectChannel(channel)" <ng-container *ngFor="let channel of channels">
[ngClass]="{ 'active': selectedChannel === channel}"> <mat-card class="channel-card" (click)="selectChannel(channel)"
<mat-card-header> [ngClass]="{ 'active': selectedChannel === channel}" *ngIf="!channel.disabled">
<img [src]="channel.image" mat-card-avatar> <mat-card-header>
<mat-card-title>{{channel.name}}</mat-card-title> <img [src]="channel.image" mat-card-avatar>
</mat-card-header> <mat-card-title>{{channel.name}}</mat-card-title>
</mat-card> </mat-card-header>
</mat-card>
</ng-container>
</div> </div>
</mat-dialog-content> </mat-dialog-content>
......
projects/bytebot-html/src/app/modules/agent/view/components/ca-deployment-channels/ca-deployment-channels.component.html
View file @ d30e5802
...@@ -85,7 +85,8 @@ ...@@ -85,7 +85,8 @@
<mat-action-row *ngIf="!viewMode"> <mat-action-row *ngIf="!viewMode">
<button mat-button color="warn" (click)="deleteChannel(i)"> <button mat-button color="warn" (click)="deleteChannel(i)">
<i class="fa fa-trash"></i>&nbsp;&nbsp;{{'label.delete-channel' | translate}} <i
class="fa fa-trash"></i><span>&nbsp;&nbsp;{{'label.delete-channel' | translate}}</span>
</button> </button>
</mat-action-row> </mat-action-row>
</mat-expansion-panel> </mat-expansion-panel>
......
projects/bytebot-html/src/app/modules/agent/view/components/ca-deployment-channels/ca-deployment-channels.component.ts
View file @ d30e5802
...@@ -91,6 +91,18 @@ export class CaDeploymentChannelsComponent implements OnInit { ...@@ -91,6 +91,18 @@ export class CaDeploymentChannelsComponent implements OnInit {
} }
addChannel() { addChannel() {
mainLoop: for (let channel of this.channels) {
channel.disabled = false;
for (let deploymentChannel of this.deploymentChannels) {
if (channel.id === deploymentChannel.channelId) {
channel.disabled = true;
continue mainLoop;
}
}
}
let dialog = this.matDialog.open(CaDeploymentChannelsModalComponent, { let dialog = this.matDialog.open(CaDeploymentChannelsModalComponent, {
width: '500px', width: '500px',
data: { data: {
......
projects/bytebot-html/src/app/modules/agent/view/components/ca-file-upload-modal/ca-file-upload-modal.component.html
View file @ d30e5802
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</div> </div>
</div> </div>
<mat-dialog-content class="none-overflow"> <mat-dialog-content class="none-overflow" [hidden]="fileErrorDetail">
<h4> <h4>
{{'label.file-upload.description' | translate}} {{'label.file-upload.description' | translate}}
</h4> </h4>
...@@ -68,9 +68,38 @@ ...@@ -68,9 +68,38 @@
</div> </div>
</form> </form>
</mat-dialog-content>
<mat-dialog-content class="none-overflow" [hidden]="!fileErrorDetail">
<h4>
{{'label.file-upload.error.description' | translate}}
</h4>
<div class="row pt-2" *ngIf="fileErrorDetail">
<!-- <div class="col-12">
<h4>
<b>{{'label.file-upload.error.subtitle' | translate}}</b>
</h4>
</div> -->
<div class="col-12">
<div class="example-container mat-elevation-z8">
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
<!-- Position Column -->
<ng-container [matColumnDef]="column" *ngFor="let column of displayedColumns">
<th mat-header-cell *matHeaderCellDef> {{ 'header.' + column | translate}} </th>
<td mat-cell *matCellDef="let element"> {{element[column] | translate}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
</div>
</div>
</div>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions align="end"> <mat-dialog-actions align="end">
<button mat-button mat-dialog-close>{{'btn.cancel' | translate}}</button> <button mat-button mat-dialog-close>{{'btn.cancel' | translate}}</button>
<button mat-button (click)="ok()" cdkFocusInitial <button mat-button (click)="retry()" *ngIf="fileErrorDetail">{{'btn.retry' | translate}}</button>
[disabled]="formGroup.invalid || !enabledOK">{{'btn.accept' | translate}}</button> <button mat-button (click)="ok()" cdkFocusInitial *ngIf="!fileErrorDetail"
</mat-dialog-actions> [disabled]="formGroup.invalid || !enabledOK">{{'btn.accept' | translate}}</button>
\ No newline at end of file </mat-dialog-actions>
\ No newline at end of file
projects/bytebot-html/src/app/modules/agent/view/components/ca-file-upload-modal/ca-file-upload-modal.component.ts
View file @ d30e5802
...@@ -4,7 +4,7 @@ import { HttpEventType, HttpErrorResponse } from '@angular/common/http'; ...@@ -4,7 +4,7 @@ import { HttpEventType, HttpErrorResponse } from '@angular/common/http';
import { of } from 'rxjs'; import { of } from 'rxjs';
import { map, catchError } from 'rxjs/operators'; import { map, catchError } from 'rxjs/operators';
import { AgentService } from '../../../service/agent.service'; import { AgentService } from '../../../service/agent.service';
import { MatDialogRef, MatTableDataSource, MAT_DIALOG_DATA} from '@angular/material'; import { MatDialogRef, MatTableDataSource, MAT_DIALOG_DATA } from '@angular/material';
import { NotificationService, NotificationType } from '@xdf/commons'; import { NotificationService, NotificationType } from '@xdf/commons';
import { TranslateService } from '@ngx-translate/core'; import { TranslateService } from '@ngx-translate/core';
...@@ -68,7 +68,7 @@ export class CaFileUploadModalComponent implements OnInit { ...@@ -68,7 +68,7 @@ export class CaFileUploadModalComponent implements OnInit {
ngOnInit() { ngOnInit() {
} }
buildErrorDetail(status , detail) { buildErrorDetail(status, detail) {
this.fileErrorDetail = undefined; this.fileErrorDetail = undefined;
if ("CONTENT_ERROR" === status) { if ("CONTENT_ERROR" === status) {
...@@ -121,6 +121,10 @@ export class CaFileUploadModalComponent implements OnInit { ...@@ -121,6 +121,10 @@ export class CaFileUploadModalComponent implements OnInit {
} }
} }
retry() {
this.fileErrorDetail = undefined;
}
uploadFile(event) { uploadFile(event) {
for (const i in event) { for (const i in event) {
if (event[i] instanceof File) { if (event[i] instanceof File) {
......
projects/bytebot-html/src/app/modules/agent/view/components/ca-frequent-questions/ca-frequent-questions.component.html
View file @ d30e5802
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<div class="row pb-4"> <div class="row pb-4">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col-10"> <div class="col-10">
<div class="row pt-2" *ngIf="!viewMode"> <div class="row pt-2" *ngIf="!viewMode" [hidden]="!(dataSource.data && dataSource.data.length)">
<div class="col-12"> <div class="col-12">
<button type="button" class="btn btn-outline-primary btn-sm pull-right" (click)="addFile()"> <button type="button" class="btn btn-outline-primary btn-sm pull-right" (click)="addFile()">
<i class="fa fa-file-excel-o"></i> <i class="fa fa-file-excel-o"></i>
...@@ -19,12 +19,21 @@ ...@@ -19,12 +19,21 @@
</div> </div>
</div> </div>
<div class="table-container mat-elevation-z8 p-b-15 mt-3"> <div class="border-all text-center" *ngIf="!(dataSource.data && dataSource.data.length)">
Seleccione <button type="button" class="btn btn-outline-primary btn-sm " (click)="addFile()">
<i class="fa fa-file-excel-o"></i>
<span class="visible-md-inline visible-lg-inline visible-xl-inline">
{{'btn.new.file' | translate}}
</span>
</button> para cargar un archivo de preguntas frecuentes
</div>
<div class="table-container mat-elevation-z8 p-b-15 mt-3" [hidden]="!(dataSource.data && dataSource.data.length)">
<table mat-table [dataSource]="dataSource" matSort> <table mat-table [dataSource]="dataSource" matSort>
<!-- Load ID --> <!-- Load ID -->
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef mat-sort-header class="w-id">{{'label.file.id' | translate}}</th> <th mat-header-cell *matHeaderCellDef mat-sort-header class="w-id text-right">{{'label.file.id' | translate}}</th>
<td mat-cell *matCellDef="let element" class="w-id"> {{element.id}} </td> <td mat-cell *matCellDef="let element" class="w-id text-right"> {{element.id}} </td>
</ng-container> </ng-container>
<!-- Filename --> <!-- Filename -->
...@@ -59,8 +68,10 @@ ...@@ -59,8 +68,10 @@
<!-- Fecha de carga --> <!-- Fecha de carga -->
<ng-container matColumnDef="uploadDate"> <ng-container matColumnDef="uploadDate">
<th mat-header-cell *matHeaderCellDef class="w-uploadDate">{{'label.file.upload.date' | translate}}</th> <th mat-header-cell *matHeaderCellDef class="w-uploadDate text-right">{{'label.file.upload.date' | translate}}</th>
<td mat-cell *matCellDef="let element" class="w-uploadDate"> {{element.uploadDate}} </td> <td mat-cell *matCellDef="let element" class="w-uploadDate text-right">
<i class="fa fa-calendar" *ngIf="element.uploadDate"></i> {{element.uploadDate}}
</td>
</ng-container> </ng-container>
<!-- Actions --> <!-- Actions -->
......
projects/bytebot-html/src/app/modules/agent/view/components/ca-frequent-questions/ca-frequent-questions.component.scss
View file @ d30e5802
table {
width: 100%;
}
.table-container { .table-container {
height: 400px; height: 300px;
overflow: auto; overflow: auto;
} }
...@@ -11,14 +7,6 @@ th.mat-sort-header-sorted { ...@@ -11,14 +7,6 @@ th.mat-sort-header-sorted {
color: black; color: black;
} }
.no-padding {
padding: 0px;
}
::ng-deep mat-form-field .mat-form-field-infix {
width: initial;
}
$fontcolor: #676a6c; $fontcolor: #676a6c;
.content { .content {
width: 100%; width: 100%;
...@@ -30,61 +18,32 @@ $fontcolor: #676a6c; ...@@ -30,61 +18,32 @@ $fontcolor: #676a6c;
margin-bottom: 0px; margin-bottom: 0px;
width: 100%; width: 100%;
} }
.form {
padding: 10px 20px 10px 20px;
}
} }
.filter-panel { .filter-panel {
margin-bottom: 10px; margin-bottom: 10px;
} }
.toolbar-option {
margin-left: 10px;
margin-right: -10px;
}
}
.grid-ibox-content {
// width: calc(100% - 35px);
width: 100%;
}
.grid-ibox-content-options {
width: calc(100% - 35px);
} }
.btn-actions { .btn-group {
.btn { .btn {
font-size: 10px; font-size: 10px;
white-space: nowrap;
} }
} }
.spinner-container {
height: 100%;
width: 100%;
padding-top: 50px;
position: fixed;
}
.spinner-container {
height: 100%;
width: 100%;
padding-top: 50px;
position: fixed;
}
.spinner-container mat-spinner {
margin: -10px auto 0 auto;
}
th.mat-column-actions { th.mat-column-actions {
width: 1px !important; width: 1px !important;
padding-right: 0px !important; padding-right: 0px !important;
} }
td.mat-column-actions { td.mat-column-actions {
min-width: 80px;
padding-right: 20px !important; padding-right: 20px !important;
cursor: default !important; cursor: default !important;
} }
td { td {
vertical-align: middle !important; vertical-align: middle !important;
color: $fontcolor; color: $fontcolor;
...@@ -98,8 +57,8 @@ tr.mat-header-row { ...@@ -98,8 +57,8 @@ tr.mat-header-row {
} }
tr.mat-footer-row, tr.mat-footer-row,
tr.mat-row:not(.inner-detail-row) { tr.mat-row {
height: 40px; height: 40px !important;
} }
.table-toolbar { .table-toolbar {
...@@ -110,27 +69,10 @@ tr.mat-row:not(.inner-detail-row) { ...@@ -110,27 +69,10 @@ tr.mat-row:not(.inner-detail-row) {
} }
} }
.status-button-bar {
button {
font-size: 16px;
}
padding-top: 8px;
padding-left: 15px;
}
.mat-raised-button { .mat-raised-button {
padding: 0px 10px; padding: 0px 10px;
} }
.icon-centered-button span.mat-button-wrapper {
display: flex;
}
.icon-centered-button mat-icon {
font-size: 15px;
padding-top: 2px;
}
::ng-deep .mat-sort-header-arrow { ::ng-deep .mat-sort-header-arrow {
visibility: hidden; visibility: hidden;
} }
...@@ -143,81 +85,48 @@ tr.mat-row:not(.inner-detail-row) { ...@@ -143,81 +85,48 @@ tr.mat-row:not(.inner-detail-row) {
} }
} }
@media (min-width: 576px) { th {
::ng-deep .d-sm-block { background: rgb(242, 242, 242);
display: table-cell !important;
}
}
@media (max-width: 576px) {
::ng-deep .mat-paginator-page-size-label {
display: none !important;
}
} }
tr.inner-detail-row { //////
height: 0;
.mat-column-expandedDetail {
padding: 0 10px;
}
}
.inner-element-detail { table {
overflow: hidden; width: 100%;
display: flex;
}
//@extend
tr.inner-detail-row {
td {
border-bottom: 1px solid #dee2e6;
border-top: 0px;
}
} }
tr.inner-element-row.odd, tr.mat-header-row {
tr.inner-detail-row.odd { height: 25px;
background-color: rgba(0, 0, 0, 0.05);
} }
// tr.inner-detail-row { tr.mat-footer-row,
// cursor: pointer !important; tr.mat-row {
// } height: 40px;
tr.mat-row-auth:not(.inner-expanded-row):hover {
background-color: #f8f9fa;
cursor: pointer !important;
} }
tr.mat-row-auth.inner-expanded-row:hover { .button-grid {
cursor: pointer !important; margin: 2px 5px;
mat-icon {
padding-top: 2px;
}
} }
tr.inner-element-row-expanded td { .btn-grid-action {
border-top: 0px; padding: 0 10px;
border-bottom: 0px; line-height: 0em;
} }
.additional-options-section { .grid-ibox-content {
padding: 0;
width: 100%; width: 100%;
display: inline-grid;
button {
margin: 1px 0;
color: inherit;
font-size: inherit;
border-radius: 0px;
}
}
::ng-deep .mat-menu-item {
padding: 0 10px;
} }
@media (min-width: 992px) { td.mat-cell,
.d-t-lg-block { td.mat-footer-cell,
display: table-cell !important; th.mat-header-cell {
} /* padding: 0; */
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 1px 10px 1px 10px;
} }
.p-b-15 { .p-b-15 {
...@@ -225,11 +134,11 @@ tr.inner-element-row-expanded td { ...@@ -225,11 +134,11 @@ tr.inner-element-row-expanded td {
} }
.w-id { .w-id {
width: 10%; width: 5%;
} }
.w-filename { .w-filename {
width: 15%; width: 20%;
} }
.w-description { .w-description {
...@@ -251,3 +160,14 @@ tr.inner-element-row-expanded td { ...@@ -251,3 +160,14 @@ tr.inner-element-row-expanded td {
.w-actions { .w-actions {
width: 20%; width: 20%;
} }
.border-all.text-center {
padding: 50px;
border-radius: 4px;
margin-top: 56px;
}
::ng-deep .text-right > .mat-sort-header-container {
justify-content: flex-end !important;
}
\ No newline at end of file
projects/bytebot-html/src/app/modules/agent/view/components/ca-general-information/ca-general-information.component.html
View file @ d30e5802
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<div class="panel-viewer-body"> <div class="panel-viewer-body">
<div class="row pt-3 pb-4"> <div class="row pt-3 pb-4">
<div class="col-3"></div> <div class="col-3"></div>
<div class="col-6 border-all"> <div class="col-6 mat-elevation-z3">
<div class="row pt-2"> <div class="row">
<div class="col-6"> <div class="col-6">
<!-- INICIO :: SECCION AVATAR --> <!-- INICIO :: SECCION AVATAR -->
<div class="row pt-2 h-100"> <div class="row pt-2 h-100">
......
projects/bytebot-html/src/app/modules/agent/view/components/ca-general-information/ca-general-information.component.scss
View file @ d30e5802
ul, ul,
li { li {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
#file-label { #file-label {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
} }
#file-label mat-icon { #file-label mat-icon {
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
} }
#file-label a { #file-label a {
cursor: pointer; cursor: pointer;
} }
.uploadList { .uploadList {
margin-top: 10px; margin-top: 10px;
} }
.uploadfilecontainer { .uploadfilecontainer {
background-position: center; background-position: center;
line-height: 200px; line-height: 200px;
margin: 20px auto; margin: 20px auto;
border: 2px dashed #1C8ADB; border: 2px dashed #1c8adb;
border-radius: 10px; border-radius: 10px;
button { button {
vertical-align: middle; vertical-align: middle;
} }
} }
.uploadfilecontainer:hover { .uploadfilecontainer:hover {
cursor: pointer; cursor: pointer;
background-color: #9ecbec !important; background-color: #9ecbec !important;
opacity: 0.8; opacity: 0.8;
} }
.image-preview { .image-preview {
height: 100%; height: 100%;
width: 100%; width: 100%;
position: relative;
overflow: hidden;
background-image: none;
background-color: white;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 5px;
}
.image-notfound {
width: 100%;
height: 100%;
// border-radius: 5px;
// border-bottom-color:rgba(0,0,0,.12);
&::after {
content: "photo_size_select_actual";
font-family: "Material Icons";
position: relative; position: relative;
overflow: hidden; font-size: 4.5em;
background-image: none; color: rgba(230, 230, 230, 1);
background-color: white; top: calc(50% - 3rem);
background-position: center center; left: calc(50% - 2.25rem);
background-repeat: no-repeat; z-index: 0;
background-size: cover;
border: 1px solid rgba(0,0,0,.12);
border-radius: 5px;
} }
}
.image-notfound { .btn-upload-image {
width: 100%; font-size: 80%;
height: 100%; width: 100%;
// border-radius: 5px; border-radius: 0;
// border-bottom-color:rgba(0,0,0,.12); border-width: 1px 0 0 0;
&::after { border-top-color: rgba(0, 0, 0, 0.12);
content: "photo_size_select_actual"; }
font-family: 'Material Icons';
position: relative;
font-size: 4.5em;
color: rgba(230, 230, 230, 1);
top: calc(50% - 3rem);
left: calc(50% - 2.25rem);
z-index: 0;
}
}
.btn-upload-image { .form-field-label {
font-size: 80%; color: rgba(0, 0, 0, 0.54);
width: 100%; font-size: 75%;
border-radius: 0; }
border-width: 1px 0 0 0;
border-top-color:rgba(0,0,0,.12);
}
.form-field-label { .with-image {
color: rgba(0,0,0,.54); text-align: center;
font-size: 75%; height: 100%;
} }
.with-image { .edit-image {
text-align: center; text-align: center;
height: 100%; height: calc(100% - 36px);
} }
.edit-image { .without-image {
text-align: center; text-align: inherit;
height: calc(100% - 36px); height: calc(100% - 36px);
} }
.without-image { .h-85 {
text-align: inherit; height: 85%;
height: calc(100% - 36px); }
}
.h-85 { .h-100 {
height: 85%; height: 85%;
} }
.h-100 { .col-6.mat-elevation-z3 {
height: 85%; padding: 24px;
} }
\ No newline at end of file
projects/bytebot-html/src/assets/i18n/en.json
View file @ d30e5802
...@@ -62,8 +62,11 @@ ...@@ -62,8 +62,11 @@
"NOT.FOUND.VALUE": "Value not found", "NOT.FOUND.VALUE": "Value not found",
"header.type": "Column", "header.type": "Column",
"header.header": "Column", "header.header": "Column",
"header.line": "Line", "header.line": "Row",
"header.value": "Value", "header.value": "Value",
"HEADER.REPETEAD": "Repeated column", "HEADER.REPETEAD": "Repeated column",
"HEADER.NOT.FOUND": "Column not found" "HEADER.NOT.FOUND": "Column not found",
"label.file-upload.error.subtitle": "Error detail",
"label.file-upload.error.description": "An error occurred in the validation of the file.",
"btn.synchronize": "Synchronize"
} }
\ No newline at end of file
projects/bytebot-html/src/assets/i18n/es.json
View file @ d30e5802
...@@ -62,8 +62,12 @@ ...@@ -62,8 +62,12 @@
"NOT.FOUND.VALUE": "Valor no encontrado", "NOT.FOUND.VALUE": "Valor no encontrado",
"header.type": "Columna", "header.type": "Columna",
"header.header": "Columna", "header.header": "Columna",
"header.line": "Línea", "header.line": "Fila",
"header.value": "Valor", "header.value": "Valor",
"HEADER.REPETEAD": "Columna repetida", "HEADER.REPETEAD": "Columna repetida",
"HEADER.NOT.FOUND": "Columna no encontrado" "HEADER.NOT.FOUND": "Columna no encontrado",
"label.file-upload.error.subtitle": "Detalle de error",
"label.file-upload.error.description": "Ha ocurrido un error en la validación del archivo.",
"btn.retry": "Cargar otro archivo",
"btn.synchronize": "Sincronizar"
} }
\ No newline at end of file
Markdown is supported
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