peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 20:47:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge

Browse Source
This commit is contained in:
Peter Maquiran
2021-04-06 11:56:04 +01:00
parent 38283f2855 b3cdbc5681
commit f531356aff
29 changed files with 372 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config.xml
+1 -1
View File
@@ -3,7 +3,7 @@
<name>gabinete digital</name>
<description>An awesome Ionic/Cordova app.</description>
<author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author>
<content original-src="index.html" src="http://localhost:8101" />
<content src="index.html" />
<access origin="*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
src/app/pages/agenda/edit-event/edit-event.page.html
+18 -11
View File
@@ -1,17 +1,21 @@
<ion-content class="height-100">
<div class="main-content d-flex height-100">
<ion-content>
<div class="main-content height-100">
<div class="content d-flex flex-column width-100 height-100">
<div class="main-header pt-30 px-20">
<div class="title-content" style="min-height: 40px;">
<div class="main-header pt-30 px-20 background-white pb-15">
<ion-header>
<div class="title-content">
<div class="middle">
<ion-label class="title">***Editar Evento</ion-label>
<ion-label class="title">Editar Evento com divisão</ion-label>
</div>
</div>
</ion-header>
</div>
<ion-item-sliding class="overflow-y-auto">
<div class="overflow-y-auto px-20">
<div>
<div class="px-20">
<div class="ion-item-container width-100">
<ion-input placeholder="Assunto" [(ngModel)]="postEvent.Subject"></ion-input>
</div>
@@ -172,7 +176,7 @@
</div>
</div>
</div>
</div>
<div class="container-div width-100">
@@ -180,9 +184,8 @@
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
</div>
<div class="ion-input-class">
<ion-input placeholder="Detalhes" [(ngModel)]="postEvent.Body.Text"></ion-input>
</div>
<div class="ion-input-class-no-height width-100">
<ion-textarea placeholder="Detalhes" [(ngModel)]="postEvent.Body.Text" rows="6" cols="20"></ion-textarea>
</div>
</div>
@@ -198,6 +201,8 @@
</div>
</div>
</div>
<div hidden>
<ion-item>
@@ -212,9 +217,11 @@
</ion-item>
</ion-list>
</div>
</ion-item-sliding>
</div>
<app-attendee-modal class="aside-right flex-column height-100 d-none d-md-flex"
<app-attendee-modal class="aside-right flex-column height-100 d-none d-md-flex pt-10"
[taskParticipants]="taskParticipants"
[taskParticipantsCc]="taskParticipantsCc"
[adding]="adding"
src/app/pages/agenda/edit-event/edit-event.page.scss
+8 -1
View File
@@ -1,4 +1,9 @@
.title-content::after, .header-md::after{
display: none;
}
.content{
margin: 0;
float: left;
@@ -7,8 +12,8 @@
.main-header{
font-family: Roboto;
background-color: #fff;
overflow:hidden;
color:#000;
transform: translate3d(0, 1px, 0);
.title-content{
@@ -65,6 +70,7 @@
float: left;
}
.ion-input-class-no-height{
width: calc(100% - 45px);
border: 1px solid #ebebeb;
border-radius: 5px;
}
@@ -157,3 +163,4 @@
padding: 20px;
overflow: auto;
}
src/app/pages/agenda/view-event/view-event.page.html
+7 -4
View File
@@ -47,6 +47,7 @@
</ion-label>
</div>
</div>
<div class="line"></div>
<div class="middle-content">
<div *ngIf="loadedEvent.Attendees">
<h5>Intervenientes</h5>
@@ -58,18 +59,20 @@
</ion-label>
</ion-item>
</div>
<div *ngIf="loadedEvent.Body.Text">
<h5>Detalhes</h5>
<ion-item class="ion-no-margin ion-no-padding">
<p [innerHTML]="loadedEvent.Body.Text"></p>
<textarea disabled class="width-100" [innerHTML]="loadedEvent.Body.Text" rows="6"></textarea>
</ion-item>
</div>
</div>
<div *ngIf="loadedAttachments" class="bottom-content">
<div *ngIf="loadedAttachments" class="bottom-content width-100">
<ion-list>
<h3>Documentos Anexados</h3>
<h5>Documentos Anexados</h5>
<ion-item class="ion-no-margin ion-no-padding">
<ion-label *ngFor="let attach of loadedAttachments"
(click)="viewDocument()">
(click)="viewDocument(attach.SourceId)">
<p class="attach-title-item">{{attach.SourceName}}</p>
<p><span class="span-left">{{attach.Stakeholders}}</span><span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span></p>
</ion-label>
src/app/pages/agenda/view-event/view-event.page.scss
+8 -1
View File
@@ -151,6 +151,10 @@ ion-menu{
font-size: 16px;
}
}
.line{
margin-top: 15px;
border-top: 1px solid #d8d8d8;
}
.middle-conten{
.middle-content h3, .middle-content p{
font-size: 16px;
@@ -158,7 +162,6 @@ ion-menu{
}
.bottom-content{
width: 360px;
margin: 0 auto;
.bottom-content h3{
@@ -231,3 +234,7 @@ ion-menu{
margin-bottom: 10px !important;
}
}
textarea{
border:none;
--background:#fff !important;
}
src/app/pages/agenda/view-event/view-event.page.ts
+9 -4
View File
@@ -8,7 +8,7 @@ import { EventsService } from 'src/app/services/events.service';
import { Event } from '../../../models/event.model';
import { EditEventPage } from '../edit-event/edit-event.page';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { EventEditPage } from '../../events/edit-event/edit-event.component';
import { ProcessesService } from 'src/app/services/processes.service';
@Component({
selector: 'app-view-event',
@@ -43,6 +43,7 @@ export class ViewEventPage implements OnInit {
private attachmentsService: AttachmentsService,
public alertController: AlertController,
private iab: InAppBrowser,
private processes: ProcessesService,
)
{
this.profile = this.navParams.get('profile');
@@ -116,7 +117,7 @@ export class ViewEventPage implements OnInit {
}
const modal = await this.modalController.create({
component: EventEditPage,
component: EditEventPage,
componentProps: {
eventId: this.loadedEvent.EventId,
profile: this.profile,
@@ -157,10 +158,14 @@ export class ViewEventPage implements OnInit {
});
}
viewDocument(){
const url: string = this.loadedAttachments.DocumentURL.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
viewDocument(sourceId){
this.processes.GetDocumentUrl(sourceId, '8').subscribe(res=>{
console.log(res);
const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
const browser = this.iab.create(url,"_blank");
browser.show();
});
}
}
src/app/pages/events/edit-event/app-edit-event-home.page.html
+1 -1
View File
@@ -3,7 +3,7 @@
<ion-buttons slot="start">
<ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
</ion-buttons>
<ion-title class="header-title">Visualizar Evento</ion-title>
<ion-title class="header-title">21Visualizar Evento</ion-title>
<ion-buttons slot="end">
<button (click)="deleteConfirm()" class="ion-icon-delete">
<ion-icon name="trash"></ion-icon>
src/app/pages/events/events-routing.module.ts
+2 -1
View File
@@ -23,7 +23,8 @@ const routes: Routes = [
{
path: 'attendee-modal',
loadChildren: () => import('./attendee-modal/attendee-modal.module').then( m => m.AttendeeModalPageModule)
},
},
{
path: 'event-detail-modal',
loadChildren: () => import('./event-detail-modal/event-detail-modal.module').then( m => m.EventDetailModalPageModule)
}
src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html
+1 -1
View File
@@ -25,7 +25,7 @@
</ion-item>
<ion-item (click)="emendTask(loadedEvent.serialNumber)">
<ion-icon name="create-outline"></ion-icon>
<ion-label>Emendar</ion-label>
<ion-label>Emendar1</ion-label>
</ion-item>
<ion-item (click)="rejectTask(loadedEvent.serialNumber)">
<ion-icon name="close-sharp"></ion-icon>
src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
+3 -2
View File
@@ -25,7 +25,7 @@
</ion-item>
<ion-item (click)="emendTask(loadedEvent.serialNumber)">
<ion-icon name="create-outline"></ion-icon>
<ion-label>Emendar</ion-label>
<ion-label>Emendar1</ion-label>
</ion-item>
<ion-item (click)="rejectTask(loadedEvent.serialNumber)">
<ion-icon name="close-sharp"></ion-icon>
@@ -54,6 +54,7 @@
</ion-label>
</div>
</div>
<div class="line"></div>
<div class="middle-content" *ngIf="loadedEvent">
<h5>Intervenientes</h5>
<ion-item>
@@ -92,7 +93,7 @@
</ion-menu-button>
</p>
<p>
<ion-button class="button-approve" shape="round" (click)="approveTask(loadedEvent.serialNumber)">Aprovar</ion-button>
<ion-button class="button-approve" shape="round" (click)="approveTask(loadedEvent.serialNumber)">Aprovar1</ion-button>
</p>
</ion-item>
<ion-item hidden>
src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.ts
+1
View File
@@ -86,6 +86,7 @@ export class ExpedientTaskModalPage implements OnInit {
this.taskDate = new Date(this.task.taskStartDate);
this.getAttachments();
this.getSubjectType();
}
close(){
src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.html
+3 -2
View File
@@ -55,8 +55,8 @@
<ion-menu-button></ion-menu-button>
</div>
<ion-content class="height-100">
<div class="main-content d-flex height-100">
<ion-content>
<div class="main-content d-flex">
<div class="content d-flex flex-column" *ngIf="task">
<div class="main-header">
<div class="title-content">
@@ -79,6 +79,7 @@
</ion-label>
</div>
</div>
<div class="line"></div>
<div class="middle-content">
<h5 *ngIf="intervenientes">Intervenientes</h5>
<ion-item class="ion-no-margin ion-no-padding">
src/app/pages/gabinete-digital/gabinete-digital.page.ts
+1 -1
View File
@@ -163,7 +163,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
this.closeAllDesktopComponent();
let classs;
if( window.innerWidth <= 1024){
if( window.innerWidth <= 800){
classs = 'modal'
} else {
classs = 'gabinete-digital-mobile-modal-to-Desktop'
src/app/pages/publications/publications.page.html
+1
View File
@@ -97,6 +97,7 @@
*ngIf="desktopComponent.showPublicationDetail"
class="height-100 d-flex flex-column overflow-hidden background-white flex-grow-1"
[publicationId]="publicationId"
[folderId]="folderId"
(addNewPublication)="addNewPublication($event)"
(closeDesktopComponent)="closeDesktopComponent($event)"
(goBacktoPublicationDetails)="goBacktoPublicationDetails($event)"
src/app/services/events.service.ts
+1 -1
View File
@@ -192,7 +192,7 @@ export class EventsService {
return this.http.delete(`${puturl}`, options)
}
postExpedientEvent(docId:any, body:any, sharedagenda:string, serialNumber:any){
const geturl = environment.apiURL + 'calendar/' + ((sharedagenda != '') ? sharedagenda : 'CreateEventExpediente');
const geturl = environment.apiURL + 'calendar/' + ((sharedagenda != '') ? sharedagenda : 'CreateEventExpediente')+'/event';
let params = new HttpParams();
params = params.set("DocId", docId);
src/app/shared/agenda/approve-event/approve-event.component.html
+2 -1
View File
@@ -21,7 +21,7 @@
<ion-list>
<ion-item (click)="approveTask(loadedEvent.serialNumber)">
<ion-icon name="checkmark-sharp"></ion-icon>
<ion-label>Aprovar</ion-label>
<ion-label>Aprovar3</ion-label>
</ion-item>
<ion-item (click)="emendTask(loadedEvent.serialNumber)">
<ion-icon name="create-outline"></ion-icon>
@@ -65,6 +65,7 @@
</ion-label>
</div>
</div>
<div class="line"></div>
<div class="middle-content">
<h5>Intervenientes</h5>
<ion-item class="ion-no-margin ion-no-padding">
src/app/shared/agenda/approve-event/approve-event.component.ts
+7 -3
View File
@@ -71,8 +71,12 @@ export class ApproveEventComponent implements OnInit {
})
}
approveTask(serialNumber:string){
this.approveEventDismiss.emit({
let body = { "serialNumber": serialNumber, "action": "Aprovar" }
console.log(body);
this.processes.PostTaskAction(body);
this.alertService.presentAlert('Operação realizada com sucesso!');
this.modalController.dismiss(serialNumber);
/* this.approveEventDismiss.emit({
"serialNumber": serialNumber,
"action": "Aprovar",
"saveData": {
@@ -80,7 +84,7 @@ export class ApproveEventComponent implements OnInit {
today: this.today,
customDate: this.customDate
}
});
}); */
}
emendTask(serialNumber:string){
src/app/shared/agenda/edit-event/edit-event.component.html
+3 -5
View File
@@ -3,7 +3,7 @@
<div class="main-header">
<div class="title-content">
<div class="middle">
<ion-label class="title">Editar Evento</ion-label>
<ion-label class="title">2Editar Evento</ion-label>
</div>
</div>
</div>
@@ -177,10 +177,8 @@
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
</div>
<div class="ion-input-class-no-height flex-grow-1">
<ion-textarea [(ngModel)]="postEvent.Body.Text" placeholder="Detalhes" ></ion-textarea>
<div class="ion-input-class-no-height width-100">
<ion-textarea [(ngModel)]="postEvent.Body.Text" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
</div>
</div>
</div>
src/app/shared/agenda/edit-event/edit-event.component.scss
+3 -8
View File
@@ -57,7 +57,6 @@ ion-content{
margin-bottom: 15px;
}
.ion-item-class-2{
margin: 0px auto;
}
.ion-icon-class{
@@ -81,8 +80,11 @@ ion-content{
float: left;
}
.ion-input-class-no-height{
height: auto !important;
border: 1px solid #ebebeb;
border-radius: 5px;
margin-bottom: 15px;
overflow: auto;
}
.list-people{
@@ -166,10 +168,3 @@ ion-content{
}
}
.container-div{
ion-textarea{
height: 81px;
}
}
src/app/shared/agenda/edit-event/edit-event.component.ts
+6 -1
View File
@@ -37,9 +37,14 @@ export class EditEventComponent implements OnInit {
public alertController: AlertController,
) {
}
ngOnInit() {
let innerHtml :string = this.postEvent.Body.Text;
this.postEvent.Body.Text = innerHtml;
console.log(this.postEvent);
this.isEventEdited = false;
if(this.postEvent.IsRecurring == false){
@@ -49,13 +54,13 @@ export class EditEventComponent implements OnInit {
this.isRecurring = "Repete";
}
}
close(){
console.log('!!!!!!!!!!!!!!!!! close')
this.closeComponent.emit();
this.clearContact.emit();
}
save(){
this.eventsService.editEvent(this.postEvent, 2, 3).subscribe(async () => {
const alert = await this.alertController.create({
cssClass: 'my-custom-class',
src/app/shared/agenda/event-list/event-list.component.html
+1 -1
View File
@@ -49,7 +49,7 @@
<ion-item
class=" ion-no-padding width-100"
*ngFor="let event of eventsPRList"
(click)="openApproveModal(event.serialNumber)">
(click)="openApproveModal(event.serialNumber, event)">
<div class="item event-pr-{{event.workflowInstanceDataFields.Agenda}} width-100">
<div class="approve-event-time">
<p>{{event.workflowInstanceDataFields.StartDate | date: 'hh:mm'}}</p>
src/app/shared/agenda/view-event/view-event.page.html
+8 -5
View File
@@ -32,6 +32,7 @@
</ion-label>
</div>
</div>
<div class="line"></div>
<div class="middle-content">
<div *ngIf="loadedEvent.Attendees">
<h5>Intervenientes</h5>
@@ -44,22 +45,24 @@
</ion-item>
</div>
<h5>Detalhes</h5>
<ion-item class="ion-no-margin ion-no-padding">
<p [innerHTML]="loadedEvent.Body.Text"></p>
<ion-item lines="none" class="ion-no-margin ion-no-padding">
<ion-textarea [innerHTML]="loadedEvent.Body.Text"></ion-textarea>
</ion-item>
</div>
<div class="line"></div>
<div *ngIf="loadedAttachments" class="bottom-content">
<h5>Documentos Anexados</h5>
<ion-list>
<h3>Documentos Anexados</h3>
<ion-item class="ion-no-margin ion-no-padding">
<ion-item lines="none" class="ion-no-margin ion-no-padding">
<ion-label *ngFor="let attach of loadedAttachments"
(click)="viewDocument()">
(click)="viewDocument(attach.SourceId)">
<p class="attach-title-item">{{attach.SourceName}}</p>
<p><span class="span-left">{{attach.Stakeholders}}</span><span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span></p>
</ion-label>
</ion-item>
</ion-list>
</div>
<!-- <div class="line"></div> -->
</div>
</ion-content>
src/app/shared/agenda/view-event/view-event.page.scss
+4
View File
@@ -123,6 +123,10 @@ ion-menu{
font-size: 16px;
}
}
.line{
margin-top: 15px;
border-top: 1px solid #d8d8d8;
}
.middle-conten{
.middle-content h3, .middle-content p{
font-size: 16px;
src/app/shared/agenda/view-event/view-event.page.ts
+16 -9
View File
@@ -7,6 +7,7 @@ import { EventsService } from 'src/app/services/events.service';
import { Event } from 'src/app/models/event.model';
import { EditEventPage } from 'src/app/pages/agenda/edit-event/edit-event.page';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { ProcessesService } from 'src/app/services/processes.service';
@Component({
selector: 'app-view-event',
@@ -42,24 +43,26 @@ export class ViewEventPage implements OnInit {
private attachmentsService: AttachmentsService,
public alertController: AlertController,
private iab: InAppBrowser,
private processes: ProcessesService,
)
{
this.isEventEdited = false;
this.loadedEvent = new Event();
this.eventBody = { BodyType : "1", Text : ""};
this.loadedEvent.Body = this.eventBody;
}
ngOnInit() {
/* console.log(this.eventId); */
this.loadEvent();
this.getAttachments();
//this.getAttachments();
}
ngOnChanges(changes: any): void {
this.loadedAttachments = null;
this.loadEvent();
this.getAttachments();
}
close(){
@@ -73,12 +76,11 @@ export class ViewEventPage implements OnInit {
loadEvent(){
this.eventsService.getEvent(this.eventId).subscribe(res => {
this.loadedEvent = res;
console.log(res);
this.today = new Date(res.StartDate);
console.log(new Date(this.today));
this.customDate = this.days[this.today.getDay()]+ ", " + this.today.getDate() +" de " + ( this.months[this.today.getMonth()]);
this.getAttachments(this.loadedEvent.EventId);
});
}
deleteEvent(){
@@ -95,8 +97,8 @@ export class ViewEventPage implements OnInit {
});
}
getAttachments(){
this.attachmentsService.getAttachmentsById(this.eventId).subscribe(res=>{
getAttachments(eventId){
this.attachmentsService.getAttachmentsById(eventId).subscribe(res=>{
this.loadedAttachments = res;
console.log(res);
});
@@ -109,10 +111,15 @@ export class ViewEventPage implements OnInit {
event: this.loadedEvent
})
}
viewDocument(){
const url: string = this.loadedAttachments.DocumentURL.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
viewDocument(sourceId){
this.processes.GetDocumentUrl(sourceId, '8').subscribe(res=>{
console.log(res);
const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
const browser = this.iab.create(url,"_blank");
browser.show();
});
}
}
src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.ts
+6 -2
View File
@@ -67,7 +67,7 @@ S
}
async openApproveModal(eventSerialNumber){
let classs;
if( window.innerWidth <= 1024){
if( window.innerWidth <= 800){
classs = 'modal modal-desktop'
} else {
classs = 'modal modal-desktop showAsideOptions'
@@ -81,7 +81,11 @@ S
cssClass: classs,
});
await modal.present();
modal.onDidDismiss();
modal.onDidDismiss().then((res) => {
console.log(res['data']);
this.LoadToApproveEvents();
});
}
doRefresh(event) {
src/app/shared/publication/new-publication/new-publication.page.html
+5 -5
View File
@@ -29,9 +29,9 @@
</div>
</div>
<div class="container-title py-10">Fotografia Anexada</div>
<div class="container-title py-10 hide-desktop">Fotografia Anexada</div>
<div class="picture d-flex pb-5" *ngIf="publication.FileBase64.length > 10">
<div class="picture d-flex pb-5 hide-desktop" *ngIf="publication.FileBase64.length > 10">
<div class="post-img">
<img src="{{publication.FileBase64}}" alt="image" >
</div>
@@ -45,7 +45,7 @@
</div>
<div *ngIf="capturedImage != ''" class="ion-item-container-no-border">
<div *ngIf="capturedImage != ''" class="ion-item-container-no-border hide-desktop">
<ion-label class="attached-title">Fotografia Anexada</ion-label>
<ion-item lines="none">
<ion-thumbnail slot="start">
@@ -66,7 +66,7 @@
</ion-thumbnail> -->
</div>
<div class="ion-item-container-no-border">
<div class="ion-item-container-no-border hide-desktop">
<ion-label (click)="takePicture()">
<div class="attach-icon">
<ion-icon src="assets/images/icons-add-photo.svg"></ion-icon>
@@ -77,7 +77,7 @@
</ion-label>
</div>
<div class="ion-item-container-no-border">
<div class="ion-item-container-no-border hide-desktop">
<ion-label (click)="getPicture()">
<div class="attach-icon">
<ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
src/app/shared/publication/new-publication/new-publication.page.scss
+4
View File
@@ -153,3 +153,7 @@ font-size: 25px;
font-size: 15px;
font-weight: bold;
}
.hide-desktop{
display: block;
}
src/app/shared/publication/view-publications/publication-detail/publication-detail.page.ts
+4 -1
View File
@@ -12,10 +12,11 @@ import { PublicationsService } from 'src/app/services/publications.service';
})
export class PublicationDetailPage implements OnInit {
showLoader: boolean;
folderId: string;
/* folderId: string; */
publication: Publication;
@Input() publicationId: string;
@Input() folderId: string;
@Output() addNewPublication = new EventEmitter<any>();
@Output() closeDesktopComponent = new EventEmitter<any>();
@Output() goBackToViewPublications = new EventEmitter();
@@ -41,6 +42,8 @@ export class PublicationDetailPage implements OnInit {
}
ngOnInit() {
console.log(this.folderId);
/* console.log(this.publication.FileBase64); */
this.getPublicationDetail();
}
src/global.scss
+14 -1
View File
@@ -97,7 +97,10 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
width: 100% !important;
margin-left: 0px !important;
}
.line{
margin-top: 15px;
border-top: 1px solid #d8d8d8;
}
@@ -290,6 +293,16 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
height: 100%;
}
}
@media screen and (min-width: 1200px) {
.hide-desktop{
display: none !important;
}
.container-div{
border-bottom:none !important;
}
}
.hideAsideOptions{
@media only screen and (max-width: 800px) {
.div-icon{