Andrey
/
object-type-constructor-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

document icons

master
Boris Voropaev 2023-09-12 10:04:53 +03:00
parent b8ccc534ac
commit ec51a7a3aa
7 changed files with 46 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/_modules/form-fields/types/document/form-field-document.component.scss
View File

@ -55,8 +55,9 @@
.values {
.item {
background: transparent url('~src/assets/images/icons/document/document_pdf_60dp.svg') 0 0 no-repeat;
min-height: 60px;
background: transparent url('~src/assets/images/icons/document/document_60dp.svg') 0 0 no-repeat;
background-size: contain;
height: 60px;
padding-left: 72px;
font-size: 20px;
display: flex;

4
src/app/_modules/form-fields/types/document/single/field-document-single.component.html
View File

@ -10,8 +10,10 @@
</div>
</div>
<div class="values" *ngIf="asset">
<div class="item">
<div class="item" [style.backgroundImage]="extension">
<a href="{{asset.links?.open}}" target="_blank">{{asset.name}}</a>
<button type="button" class="btn clear trash" (click)="clear()"></button>
</div>
</div>
<pre>{{asset.extension}}</pre>
<pre>{{extension}}</pre>

17
src/app/_modules/form-fields/types/document/single/field-document-single.component.ts
View File

@ -52,6 +52,9 @@ export class FieldDocumentSingleComponent {
this.asset = asset;
this.control?.setValue(asset?.id);
}
get extension(){
return `url(/assets/images/icons/document/${ICON_TYPE[this.asset.extension]}.svg)`
}
@ -87,3 +90,17 @@ export class FieldDocumentSingleComponent {
});
}
}
const ICON_TYPE:any={
rtf:'DOC',
docx:'DOC',
doc:'DOC',
xl:'XLS',
xls:'XLS',
xlsx:'XLS',
ppt:'PPT',
pptx:'PPT',
jpg:'JPG',
jpeg:'JPG',
pdf:'PDF'
}

2
src/app/_modules/pages/sections/types/basic/document/document-section.component.scss
View File

@ -7,7 +7,7 @@
align-items: flex-start;
height: 60px;
background: center no-repeat;
background-image: url('~src/assets/images/icons/document/document_pdf_60dp.svg');
background-image: url('~src/assets/images/icons/document/document_60dp.svg');
background-size: contain;
}
a{

21
src/app/_modules/pages/sections/types/basic/document/document-section.component.ts
View File

@ -29,12 +29,29 @@ export class DocumentSectionComponent {
}
get docIcon(){
const ext = this.section.groups.data[0].fields.data[0].value.data[0].extension.toUpperCase();
const ext = ICON_TYPE[
this.section.groups.data[0].fields.data[0].value.data[0].extension
]
return `url('/assets/images/icons/document/${ext}.svg')`
// return `url('/assets/images/icons/document/document_pdf_60dp.svg')`
}
get download(){
return this.section.groups.data[0].fields.data[0].value.data[0].links.download;
}
}
const ICON_TYPE:any={
rtf:'DOC',
docx:'DOC',
doc:'DOC',
xl:'XLS',
xls:'XLS',
xlsx:'XLS',
ppt:'PPT',
pptx:'PPT',
jpg:'JPG',
jpeg:'JPG',
pdf:'PDF'
}

2
src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss
View File

@ -19,7 +19,7 @@
}
.doc{
display: block;
background: url('~src/assets/images/icons/document/document_pdf_60dp.svg') top left no-repeat;
background: url('~src/assets/images/icons/document/document_60dp.svg') top left no-repeat;
padding-left: 62px;
min-height: 60px;
}

2
src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts
View File

@ -89,10 +89,12 @@ export class MemberSectionListComponent {
const ICON_TYPE:any={
rtf:'DOC',
docx:'DOC',
doc:'DOC',
xl:'XLS',
xls:'XLS',
xlsx:'XLS',
ppt:'PPT',
pptx:'PPT',
jpg:'JPG',