major
sergeybodin
commit
d1908c03a9
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
</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>
|
||||
</div>
|
||||
|
|
@ -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'
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,18 +3,15 @@
|
|||
<div class="main-menu-btn" (click)="showBottom=true">
|
||||
<button class=" clear"></button>
|
||||
</div>
|
||||
<a href="/glavnaia/">
|
||||
<div class="logo">
|
||||
<header-user-bar *ngIf="user" [user]="user"></header-user-bar>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/glavnaia/" class="logo hidemobile"></a>
|
||||
<div class="grid-menu" >
|
||||
<button class="close" (click)="showBottom=false"></button>
|
||||
<pages-menu [items]="menuItems" (onSelected)="itemSelect($event)"></pages-menu>
|
||||
<a class="ais">АИС СЦ ВНИИГАЗ</a>
|
||||
</div>
|
||||
<div class="right" style="position: relative;">
|
||||
<a class="btn" href="https://ais.vniigaz-cert.ru/" target="_blank">АИС СЦ ВНИИГАЗ</a>
|
||||
<a href="/glavnaia/" class="logo showmobile"></a>
|
||||
<a class="btn hidemobile" href="https://ais.vniigaz-cert.ru/" target="_blank">АИС СЦ ВНИИГАЗ</a>
|
||||
<header-user-bar *ngIf="user" [user]="user"></header-user-bar>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
@media screen and (max-width: 1264px){
|
||||
|
||||
.hidemobile{
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
.header{
|
||||
flex-grow: 1;
|
||||
padding: 12px 24px;
|
||||
padding: 0px 24px;
|
||||
background-color: #FFF;
|
||||
min-height: 100%;
|
||||
|
||||
|
|
@ -22,19 +22,14 @@
|
|||
background: url('~src/assets/images/icons/burger_blue_40dp.svg') no-repeat center;;
|
||||
}
|
||||
}
|
||||
.logo{
|
||||
width: 114px;
|
||||
.logo {
|
||||
display: inline-flex;
|
||||
width:114px;
|
||||
height: 80px;
|
||||
background: url('~src/assets/images/logo_vniigaz_1163x816.svg') no-repeat center;;
|
||||
margin: 12px 24px 12px 40px;
|
||||
background-image: url('~src/assets/images/logo_vniigaz_1163x816.svg');
|
||||
background-size: contain;
|
||||
header-user-bar{
|
||||
position: absolute;
|
||||
top:144px;
|
||||
right: 24px;
|
||||
*{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.fog{
|
||||
flex-grow: 1;
|
||||
|
|
@ -91,7 +86,7 @@
|
|||
|
||||
}
|
||||
.right{
|
||||
display: none;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -144,9 +139,6 @@
|
|||
background-image: url('~src/assets/images/logo_vniigaz_1163x816.svg');
|
||||
background-size: contain;
|
||||
flex-shrink: 0;
|
||||
header-user-bar{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.grid-menu{
|
||||
display: flex;
|
||||
|
|
@ -183,9 +175,11 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
header-user-bar{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -96px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
header-user-bar{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -96px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -71,6 +71,7 @@ export class HeaderComponent {
|
|||
}
|
||||
|
||||
itemSelect(event:any){
|
||||
if(!event.children?.data.length) this.showBottom = false;
|
||||
// if(!event.children?.data.length)
|
||||
this.showBottom = false;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<div class="user">
|
||||
<div class="user" (click)="ddHidden=!ddHidden" (mouseover)="ddHidden=false" (mouseleave)="ddHidden=true" >
|
||||
<div class="avatar">
|
||||
<img *ngIf="avatar" [src]="avatar.links?.thumb" />
|
||||
<span *ngIf="!avatar" class="initials">{{user.initials}}</span>
|
||||
</div>
|
||||
<div class="dropdown" [class.hidden]="ddHidden" (mouseleave)="close()">
|
||||
<ul>
|
||||
<div class="dropdown" [class.hidden]="ddHidden" (click)="close()">
|
||||
<ul >
|
||||
<li (click)="link('profile')">Личный кабинет</li>
|
||||
<!-- <li *ngIf="isJournalVisible" (click)="link('applications')">Журнал заявок</li> -->
|
||||
<li *ngIf="authService.isAdmin" (click)="link('administrate')">Структура сайта</li>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,7 @@
|
|||
.user {
|
||||
.ddHidden{
|
||||
display: none;
|
||||
}
|
||||
position: relative;
|
||||
display: flex;
|
||||
padding: 11px;
|
||||
|
|
@ -47,7 +50,7 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
.dropdown {
|
||||
display: block;
|
||||
width: 250px;
|
||||
|
|
@ -92,7 +95,7 @@
|
|||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@media screen and (max-width: 1264px) {
|
||||
.user {
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ import {Router} from "@angular/router";
|
|||
export class HeaderUserBarComponent {
|
||||
@Input() user: any;
|
||||
public menuItems = <any>[];
|
||||
public ddHidden = false;
|
||||
public ddHidden = true;
|
||||
|
||||
constructor(public authService: AuthenticationService, private router: Router) {
|
||||
}
|
||||
|
|
@ -28,10 +28,12 @@ export class HeaderUserBarComponent {
|
|||
|
||||
|
||||
close() {
|
||||
this.ddHidden = true;
|
||||
setTimeout(() => {this.ddHidden = false}, 10);
|
||||
setTimeout(() => {
|
||||
this.ddHidden = true;
|
||||
}, 10);
|
||||
}
|
||||
|
||||
|
||||
logout() {
|
||||
if (confirm('Вы деествительно хотите выйти из системы?')) {
|
||||
this.authService.logout();
|
||||
|
|
@ -41,7 +43,7 @@ export class HeaderUserBarComponent {
|
|||
}
|
||||
|
||||
link(link: string) {
|
||||
this.ddHidden = true;
|
||||
this.close()
|
||||
this.router.navigate([link]).then();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="expand" [ngClass]="{toggle:children?.length, open:showChildren}" (click)="showChildren=!showChildren"></div>
|
||||
|
||||
<a [routerLink]="item.link" routerLinkActive="active" (click)="showChildren=!showChildren; select(item)"
|
||||
<a [routerLink]="item.link" routerLinkActive="active" (click)="select(item)"
|
||||
[ngClass]="{'active-mob':item.link==currentURL}"><span>{{item.name}}</span></a>
|
||||
|
||||
<pages-menu *ngIf="children?.length" [items]="children"
|
||||
|
|
|
|||
|
|
@ -32,15 +32,15 @@ export class PageComponent {
|
|||
get permissions() {
|
||||
return this.page?.permissions;
|
||||
}
|
||||
|
||||
get isEditable() {
|
||||
return this.permissions?.edit || this.permissions?.anything;
|
||||
}
|
||||
|
||||
get pageTopName(){
|
||||
return this.page?.parents?.data[2]?.name;
|
||||
return this.page?.parents?.data[1]?.name;
|
||||
}
|
||||
|
||||
|
||||
|
||||
ngOnInit() {
|
||||
this.listsService.controls().subscribe(res => {
|
||||
this.inited ? this.fetch() : this.inited = true;
|
||||
|
|
@ -51,7 +51,6 @@ export class PageComponent {
|
|||
this.routeSubscription?.unsubscribe();
|
||||
}
|
||||
|
||||
|
||||
onNavigationEnd(event: NavigationEnd) {
|
||||
let url = event.url.split('(')[0];
|
||||
url = url.split('?')[0];
|
||||
|
|
|
|||
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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'
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<div class="member">
|
||||
<div class="add">
|
||||
<div class="add" *ngIf="editMode">
|
||||
<div class="title">
|
||||
<h2 [innerHTML]="title"></h2>
|
||||
<span [innerHTML]="title"></span>
|
||||
</div>
|
||||
<div *ngIf="editMode" class="toggle" (click)="add()"></div>
|
||||
<div class="toggle" (click)="add()"></div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="item" *ngFor="let member of members">
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
}
|
||||
.large img{
|
||||
max-width: 100%;
|
||||
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(45, 45, 45, 0.27);
|
||||
}
|
||||
|
|
@ -46,11 +46,13 @@
|
|||
&.large{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.item{
|
||||
max-width: 100%;
|
||||
margin-bottom: 32px;
|
||||
img{
|
||||
max-height: 468px;
|
||||
max-width: 900px;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -168,6 +170,7 @@
|
|||
width: auto;
|
||||
height: 100%;
|
||||
max-height: calc(100vh - 2 * 24px);
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -32,14 +32,3 @@
|
|||
|
||||
|
||||
}
|
||||
.full-screen{
|
||||
position: fixed;
|
||||
top:0;
|
||||
z-index: 200;
|
||||
left: 0;
|
||||
background-color: rgba(45, 45, 45, 0.63);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
object-fit: contain;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -1,32 +1,35 @@
|
|||
<div class="members">
|
||||
<div class="add">
|
||||
<div class="add" *ngIf="editMode">
|
||||
<div class="title">
|
||||
<h2 [innerHTML]="title"></h2>
|
||||
<span [innerHTML]="title"></span>
|
||||
</div>
|
||||
<div *ngIf="editMode" class="toggle" (click)="add()"></div>
|
||||
<div class="toggle" (click)="add()"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="list">
|
||||
<div class="item" *ngFor="let member of members">
|
||||
<div class="item" *ngFor="let member of members; let i=index;">
|
||||
<page-menu [editMode]="editMode" [section]="member" [modelId]="modelId" [modelType]="modelType"></page-menu>
|
||||
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="image"/>
|
||||
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="image" (click)="showImage[i]=true"/>
|
||||
<div class="name" [innerHTML]="getFields(member)['member-name-required']"></div>
|
||||
<div class="position" [innerHTML]="getFields(member)['member-position-required']" *ngIf="getFields(member)['member-position-required']"></div>
|
||||
<a class="link" [innerHTML]="getFields(member)['member-phone']" [href]="'tel:'+getFields(member)['member-phone']" *ngIf="getFields(member)['member-phone']"></a>
|
||||
<a class="link" [innerHTML]="getFields(member)['member-email']" [href]="'mailto:'+getFields(member)['member-email']" *ngIf="getFields(member)['member-email']"></a>
|
||||
<a class="link tel" [innerHTML]="getFields(member)['member-phone']" [href]="'tel:'+getFields(member)['member-phone']" *ngIf="getFields(member)['member-phone']"></a>
|
||||
<a class="link mail" [innerHTML]="getFields(member)['member-email']" [href]="'mailto:'+getFields(member)['member-email']" *ngIf="getFields(member)['member-email']"></a>
|
||||
<div class="doc" *ngIf="getFields(member)['member-doc']?.links.download">
|
||||
<!-- <div class="doc-icon" [style.backgroundImage]="iconUrl(field?.value?.data[0]?.extension)">
|
||||
</div> -->
|
||||
<div class="doc-link">
|
||||
<a [textContent]="getFields(member)['member-doc-name']" class="title" [href]="getFields(member)['member-doc'].links.download"></a>
|
||||
</div>
|
||||
<div class="doc-icon" [style.backgroundImage]="iconUrl(getFields(member)['member-doc'].extension)"></div>
|
||||
<div class="doc-link">
|
||||
<a [textContent]="getFields(member)['member-doc'].name" class="title" [href]="getFields(member)['member-doc'].links.download"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more"><a [href]="getLink(member.id)">
|
||||
Подробнее <img src="/assets/images/icons/chevron_right_24dp.svg" alt="">
|
||||
</a></div>
|
||||
<div class="more">
|
||||
<a *ngIf="getFields(member)['member-description']" (click)="showDescription=true">
|
||||
<!-- [href]="getLink(member.id)" -->
|
||||
Подробнее <img src="/assets/images/icons/chevron_right_24dp.svg" alt="">
|
||||
</a>
|
||||
<div *ngIf="showDescription" class="modal" (click)="showDescription=false">
|
||||
<div [innerHTML]="getFields(member)['member-description']"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <pre >{{getFields(member)|json}}</pre> -->
|
||||
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="full-screen" [hidden]="!showImage[i]" (click)="showImage[i]=false"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
width: 100%;
|
||||
max-width: 900px;
|
||||
.add {
|
||||
padding: 16px 12px;
|
||||
padding: 16px ;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
|
|
@ -64,6 +64,7 @@
|
|||
|
||||
}
|
||||
.image {
|
||||
cursor: pointer;
|
||||
// background: url("/assets/images/view-man.svg") center no-repeat;
|
||||
img {
|
||||
width: 273px;
|
||||
|
|
@ -91,28 +92,46 @@
|
|||
}
|
||||
.link{
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
display: inline-block;
|
||||
&.tel::before{
|
||||
content: '';
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
vertical-align: -3px;
|
||||
margin-right: 4px;
|
||||
background: url('~src/assets/images/icons/phone_blue_24dp.svg') center no-repeat;
|
||||
}
|
||||
&.mail::before{
|
||||
content: '';
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
vertical-align: -5px;
|
||||
margin-right: 4px;
|
||||
background: url('~src/assets/images/icons/mail_blue_24dp.svg') center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.doc{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
.doc-icon{
|
||||
flex-basis: 60px;
|
||||
align-items: flex-start;
|
||||
flex-shrink: 0;
|
||||
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;
|
||||
}
|
||||
.doc-link{
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: 100%;
|
||||
flex-basis: 200px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
|
|
@ -127,4 +146,41 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.full-screen{
|
||||
position: fixed;
|
||||
top:0;
|
||||
z-index: 200;
|
||||
left: 0;
|
||||
background-color: rgba(45, 45, 45, 0.63);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
object-fit: contain;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
.modal{
|
||||
position: fixed;
|
||||
top:0;
|
||||
z-index: 200;
|
||||
left: 0;
|
||||
background-color: rgba(45, 45, 45, 0.63);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
div{
|
||||
background-color: #fff;
|
||||
width: 50vw;
|
||||
min-width: 400px;
|
||||
border-radius: 12px;
|
||||
padding: 0 24px;
|
||||
}
|
||||
}
|
||||
.hidden{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,9 @@ export class MemberSectionListComponent {
|
|||
@Input() editMode: boolean;
|
||||
@Input() page: any;
|
||||
|
||||
public showImage:boolean[] = [];
|
||||
public showDescription = false;
|
||||
|
||||
constructor(
|
||||
private formsService: FormsService,
|
||||
private router: Router,
|
||||
|
|
@ -51,8 +54,9 @@ export class MemberSectionListComponent {
|
|||
return this.section.id;
|
||||
}
|
||||
|
||||
iconUrl(name: string) {
|
||||
return `url(/assets/images/icons/document/${name.toUpperCase()}.svg)`
|
||||
|
||||
iconUrl(name:string) {
|
||||
if (name) return ICON_TYPE[name] && `url(/assets/images/icons/document/${ICON_TYPE[name]}.svg)`
|
||||
}
|
||||
|
||||
get modelType() {
|
||||
|
|
@ -70,4 +74,23 @@ export class MemberSectionListComponent {
|
|||
getLink(id: any) {
|
||||
return this.router.url + '?id=' + id;
|
||||
}
|
||||
|
||||
photo(member) {
|
||||
return this.getFields(member)['member-image'].links.open
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
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'
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,6 +14,13 @@
|
|||
.item .item .bar{
|
||||
padding-left: 150px;
|
||||
}
|
||||
.item .item .item .bar{
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.item .item .item .item .bar{
|
||||
padding-left: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -137,7 +144,7 @@
|
|||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
@media screen and (max-width: 1264px) {
|
||||
.item {
|
||||
.bar {
|
||||
.mid {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,11 @@
|
|||
:host-context(publications-list-item:not(:last-child)){
|
||||
.item {
|
||||
border-bottom: 1px solid #C0C0C0;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
border-top: 1px solid #E8E8E8;
|
||||
margin-top: 24px;
|
||||
padding-top: 24px;
|
||||
padding: 24px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
.items {
|
||||
border-bottom: 1px solid #E8E8E8;
|
||||
padding-bottom: 24px;
|
||||
margin-bottom: 24px;
|
||||
.add {
|
||||
|
|
|
|||
|
|
@ -74,12 +74,11 @@
|
|||
margin-right: 16px;
|
||||
}
|
||||
.toggle{
|
||||
background: url('~src/assets/images/icons/expand_less_24.svg') center no-repeat;
|
||||
transform: rotateZ(90deg);
|
||||
background: url('~src/assets/images/icons/chevron_cirle_right_24dp.svg') center no-repeat;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.open {
|
||||
transform: rotateZ(180deg);
|
||||
transform: rotateZ(90deg);
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0"?>
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
<g class="layer">
|
||||
<title>Layer 1</title>
|
||||
<ellipse cx="12.05" cy="12.05" fill="#ffffff" fill-opacity="0" id="svg_2" rx="10.95" ry="10.95" stroke="#ffffff" stroke-opacity="0.33" stroke-width="1.8"/>
|
||||
<path d="m16,12l-6,6l-1.4,-1.4l4.6,-4.6l-4.6,-4.6l1.4,-1.4l6,6z" fill="#ffffff" id="svg_1"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 435 B |
|
|
@ -0,0 +1,20 @@
|
|||
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<g>
|
||||
<title>background</title>
|
||||
<rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
|
||||
</g>
|
||||
<g>
|
||||
<title>Layer 1</title>
|
||||
<path id="svg_1" stroke="#C0C0C0" fill="white" d="m8.5,2c0,-0.82843 0.67157,-1.5 1.5,-1.5l31.7929,0l9.7071,9.7071l0,47.7929c0,0.8284 -0.6716,1.5 -1.5,1.5l-40,0c-0.82843,0 -1.5,-0.6716 -1.5,-1.5l0,-56z"/>
|
||||
<path id="svg_2" fill="#C0C0C0" d="m42,0l10,10l-8,0c-1.1046,0 -2,-0.89543 -2,-2l0,-8z"/>
|
||||
<rect id="svg_3" fill="#C0C0C0" height="2" width="13" y="31" x="29"/>
|
||||
<rect id="svg_4" fill="#C0C0C0" height="2" width="13" y="37" x="29"/>
|
||||
<rect id="svg_5" fill="#C0C0C0" height="2" width="24" y="43" x="18"/>
|
||||
<rect id="svg_6" fill="#C0C0C0" height="2" width="13" y="49" x="18"/>
|
||||
<rect fill="#ffffff" id="svg_7" stroke-width="2" stroke="#C0C0C0" height="6" width="6" y="31.9375" x="18.9375"/>
|
||||
<rect id="svg_8" fill="#898989" height="14" width="34" y="9" x="4"/>
|
||||
<path id="svg_9" fill="#5b5b5b" d="m4,23l4,0l0,4l-4,-4z"/>
|
||||
<text font-weight="bold" xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_13" y="20.125" x="8.90625" stroke-width="0" fill="#ffffff">FILE</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_440_10337)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5859 6H4.41427L11.293 12.8787C11.6835 13.2692 12.3167 13.2692 12.7072 12.8787L19.5859 6ZM4 8.41415V18H20V8.4143L14.1214 14.2929C12.9498 15.4645 11.0503 15.4645 9.87876 14.2929L4 8.41415ZM2 6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6Z" fill="#F9B417"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5859 6H4.41427L11.293 12.8787C11.6835 13.2692 12.3167 13.2692 12.7072 12.8787L19.5859 6ZM4 8.41415V18H20V8.4143L14.1214 14.2929C12.9498 15.4645 11.0503 15.4645 9.87876 14.2929L4 8.41415ZM2 6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6Z" fill="#0070BA"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_440_10337">
|
||||
|
Before Width: | Height: | Size: 626 B After Width: | Height: | Size: 626 B |
|
|
@ -3,7 +3,7 @@
|
|||
<mask id="path-1-inside-1_440_10343" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.73834 7.32943C8.87281 7.71026 8.7905 8.13843 8.50492 8.42402L5.97283 10.9561C7.56763 13.962 10.038 16.4324 13.0439 18.0272L15.576 15.4951C15.8616 15.2095 16.2897 15.1272 16.6706 15.2617C18.0248 15.7398 19.482 16 21 16C21.5401 16 22 16.423 22 16.9631V21.0246C22 21.5568 21.5831 21.9985 21.051 21.9999L21 22C17.5688 22 14.3501 21.0905 11.5717 19.4994C8.63145 17.8156 6.18438 15.3686 4.50061 12.4283C2.90951 9.64994 2 6.43118 2 3L2.00007 2.94904C2.00146 2.41688 2.44319 2 2.97535 2H7.03693C7.57702 2 8 2.45991 8 3C8 4.51796 8.26017 5.97516 8.73834 7.32943Z"/>
|
||||
</mask>
|
||||
<path d="M8.50492 8.42402L7.0907 7.0098L8.50492 8.42402ZM8.73834 7.32943L10.6242 6.66354L10.6242 6.66354L8.73834 7.32943ZM5.97283 10.9561L4.55862 9.54189L3.51314 10.5874L4.20609 11.8934L5.97283 10.9561ZM13.0439 18.0272L12.1066 19.7939L13.4126 20.4869L14.4581 19.4414L13.0439 18.0272ZM16.6706 15.2617L17.3365 13.3758H17.3365L16.6706 15.2617ZM21.051 21.9999L21.0536 23.9999L21.0562 23.9999L21.051 21.9999ZM21 22V24L21.0026 24L21 22ZM11.5717 19.4994L12.5656 17.7638L11.5717 19.4994ZM4.50061 12.4283L6.23617 11.4344L4.50061 12.4283ZM2 3L0 2.99738V3H2ZM2.00007 2.94904L7.20024e-05 2.94379L6.85453e-05 2.94642L2.00007 2.94904ZM9.91913 9.83823C10.7901 8.96726 10.9954 7.71482 10.6242 6.66354L6.85245 7.99531C6.7502 7.70571 6.7909 7.3096 7.0907 7.0098L9.91913 9.83823ZM7.38704 12.3703L9.91913 9.83823L7.0907 7.0098L4.55862 9.54189L7.38704 12.3703ZM13.9812 16.2604C11.3284 14.853 9.14701 12.6716 7.73957 10.0188L4.20609 11.8934C5.98825 15.2525 8.74747 18.0118 12.1066 19.7939L13.9812 16.2604ZM14.1618 14.0809L11.6297 16.613L14.4581 19.4414L16.9902 16.9093L14.1618 14.0809ZM17.3365 13.3758C16.2852 13.0046 15.0327 13.2099 14.1618 14.0809L16.9902 16.9093C16.6904 17.2091 16.2943 17.2498 16.0047 17.1475L17.3365 13.3758ZM21 14C19.712 14 18.4798 13.7795 17.3365 13.3758L16.0047 17.1475C17.5699 17.7002 19.2521 18 21 18V14ZM24 16.9631C24 15.2218 22.5455 14 21 14V18C20.5346 18 20 17.6241 20 16.9631H24ZM24 21.0246V16.9631H20V21.0246H24ZM21.0562 23.9999C22.7545 23.9955 24 22.5946 24 21.0246H20C20 20.519 20.4117 20.0016 21.0457 19.9999L21.0562 23.9999ZM21.0026 24L21.0536 23.9999L21.0483 19.9999L20.9974 20L21.0026 24ZM10.5778 21.235C13.6507 22.9947 17.211 24 21 24V20C17.9266 20 15.0494 19.1862 12.5656 17.7638L10.5778 21.235ZM2.76505 13.4222C4.62566 16.6712 7.32875 19.3743 10.5778 21.235L12.5656 17.7638C9.93414 16.2569 7.7431 14.0659 6.23617 11.4344L2.76505 13.4222ZM0 3C0 6.78901 1.00528 10.3493 2.76505 13.4222L6.23617 11.4344C4.81375 8.95059 4 6.07335 4 3H0ZM6.85453e-05 2.94642L1.66893e-06 2.99738L4 3.00262L4.00007 2.95167L6.85453e-05 2.94642ZM2.97535 0C1.40541 0 0.00453222 1.24548 7.37906e-05 2.94379L4.00006 2.95429C3.9984 3.58829 3.48098 4 2.97535 4V0ZM7.03693 0H2.97535V4H7.03693V0ZM10 3C10 1.45446 8.77816 0 7.03693 0V4C6.37587 4 6 3.46537 6 3H10ZM10.6242 6.66354C10.2205 5.52018 10 4.288 10 3H6C6 4.74792 6.2998 6.43013 6.85245 7.99531L10.6242 6.66354Z" fill="#F9B417" mask="url(#path-1-inside-1_440_10343)"/>
|
||||
<path d="M8.50492 8.42402L7.0907 7.0098L8.50492 8.42402ZM8.73834 7.32943L10.6242 6.66354L10.6242 6.66354L8.73834 7.32943ZM5.97283 10.9561L4.55862 9.54189L3.51314 10.5874L4.20609 11.8934L5.97283 10.9561ZM13.0439 18.0272L12.1066 19.7939L13.4126 20.4869L14.4581 19.4414L13.0439 18.0272ZM16.6706 15.2617L17.3365 13.3758H17.3365L16.6706 15.2617ZM21.051 21.9999L21.0536 23.9999L21.0562 23.9999L21.051 21.9999ZM21 22V24L21.0026 24L21 22ZM11.5717 19.4994L12.5656 17.7638L11.5717 19.4994ZM4.50061 12.4283L6.23617 11.4344L4.50061 12.4283ZM2 3L0 2.99738V3H2ZM2.00007 2.94904L7.20024e-05 2.94379L6.85453e-05 2.94642L2.00007 2.94904ZM9.91913 9.83823C10.7901 8.96726 10.9954 7.71482 10.6242 6.66354L6.85245 7.99531C6.7502 7.70571 6.7909 7.3096 7.0907 7.0098L9.91913 9.83823ZM7.38704 12.3703L9.91913 9.83823L7.0907 7.0098L4.55862 9.54189L7.38704 12.3703ZM13.9812 16.2604C11.3284 14.853 9.14701 12.6716 7.73957 10.0188L4.20609 11.8934C5.98825 15.2525 8.74747 18.0118 12.1066 19.7939L13.9812 16.2604ZM14.1618 14.0809L11.6297 16.613L14.4581 19.4414L16.9902 16.9093L14.1618 14.0809ZM17.3365 13.3758C16.2852 13.0046 15.0327 13.2099 14.1618 14.0809L16.9902 16.9093C16.6904 17.2091 16.2943 17.2498 16.0047 17.1475L17.3365 13.3758ZM21 14C19.712 14 18.4798 13.7795 17.3365 13.3758L16.0047 17.1475C17.5699 17.7002 19.2521 18 21 18V14ZM24 16.9631C24 15.2218 22.5455 14 21 14V18C20.5346 18 20 17.6241 20 16.9631H24ZM24 21.0246V16.9631H20V21.0246H24ZM21.0562 23.9999C22.7545 23.9955 24 22.5946 24 21.0246H20C20 20.519 20.4117 20.0016 21.0457 19.9999L21.0562 23.9999ZM21.0026 24L21.0536 23.9999L21.0483 19.9999L20.9974 20L21.0026 24ZM10.5778 21.235C13.6507 22.9947 17.211 24 21 24V20C17.9266 20 15.0494 19.1862 12.5656 17.7638L10.5778 21.235ZM2.76505 13.4222C4.62566 16.6712 7.32875 19.3743 10.5778 21.235L12.5656 17.7638C9.93414 16.2569 7.7431 14.0659 6.23617 11.4344L2.76505 13.4222ZM0 3C0 6.78901 1.00528 10.3493 2.76505 13.4222L6.23617 11.4344C4.81375 8.95059 4 6.07335 4 3H0ZM6.85453e-05 2.94642L1.66893e-06 2.99738L4 3.00262L4.00007 2.95167L6.85453e-05 2.94642ZM2.97535 0C1.40541 0 0.00453222 1.24548 7.37906e-05 2.94379L4.00006 2.95429C3.9984 3.58829 3.48098 4 2.97535 4V0ZM7.03693 0H2.97535V4H7.03693V0ZM10 3C10 1.45446 8.77816 0 7.03693 0V4C6.37587 4 6 3.46537 6 3H10ZM10.6242 6.66354C10.2205 5.52018 10 4.288 10 3H6C6 4.74792 6.2998 6.43013 6.85245 7.99531L10.6242 6.66354Z" fill="#0070BA" mask="url(#path-1-inside-1_440_10343)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_440_10343">
|
||||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
Loading…
Reference in New Issue