MaDgIK
/
connect-admin
13
0
Fork 0
Code Issues Pull Requests Projects Releases 8 Wiki Activity

customization: fixes layout + preview background and sizes

This commit is contained in:
argirok 2022-07-05 16:43:18 +03:00
parent eaebaded60
commit 0c9242d9de
5 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/pages/customization/background-upload.component.ts
View File

@ -21,8 +21,8 @@ declare var UIkit;
[style.background-image]=" getUrl()">
<a (click)="removePhoto()" uk-tooltip="Remove" class="uk-float-right uk-padding-small uk-background-muted">
<icon name="remove" [defaultSize]="true" [flex]="true"></icon>
<a (click)="removePhoto()" uk-tooltip="Remove" class="uk-float-right uk-border-rounded uk-margin-top uk-margin-right uk-background-muted uk-button uk-button-link">
<icon name="delete" [defaultSize]="true" [flex]="true"></icon>
</a>
</div>
</div>

8
src/app/pages/customization/color.component.ts
View File

@ -19,10 +19,12 @@ import {CustomizationOptions} from '../../openaireLibrary/connect/community/Cust
styles:[
`
.color-input{
width:15px;
height:8px;
width:24px;
height:14px;
border-radius:3px;
border:0.10000000149011612px solid #707070;
border:0.1px solid #707070;
cursor: pointer;
}`
]
})

12
src/app/pages/customization/customization.component.html
View File

@ -28,7 +28,7 @@
<div *ngIf="item.icon" class="uk-width-auto">
<icon class="menu-icon" [name]="item.icon" [flex]="true"></icon>
</div>
<span [class.uk-text-small]="item.id != menuSelected.id"
<span
class="uk-width-expand uk-text-truncate uk-margin-small-left">
{{item.name}}
</span>
@ -126,12 +126,10 @@
<div class=" uk-padding-small ">
<div class="uk-margin-top uk-margin-small-bottom uk-h5">See a preview</div>
<div id="ipadcontainer" class=" uk-flex uk-flex-center uk-flex-middle">
<div id="container" class=" uk-flex uk-flex-center uk-flex-middle">
<div id="iframecontainer" class="">
<div
class="uk-margin-medium-top uk-position-relative uk-width-1-1 uk-height-1-1 uk-flex uk-flex-center">
<div *ngIf="hasChanges(draftCustomizationOptions, appliedCustomizationOptions)"
class=" uk-width-1-1 refresh-indicator">
<div class="uk-height-1-1">
<div class=" uk-width-1-1 refresh-indicator">
<div class="uk-position-relative uk-height-1-1">
<div class="uk-position-center uk-text-center clickable uk-h3" style="color:white"
(click)="applyLayout()">
@ -144,7 +142,7 @@
</div>
</div>
<iframe *ngIf="previewUrl" [src]="previewUrl" class="uk-width-1-1 "
style="transform: scale(0.28,0.28) translate(1258px,-865px);width: 1000px;height: 700px;border-radius: 50px;"
style=" border-radius: 10px;"
></iframe>
</div>

30
src/app/pages/customization/customization.component.ts
View File

@ -41,20 +41,27 @@ declare var UIkit;
iframe, .refresh-indicator{
height:100%
}
#ipadcontainer{
background-image: url('/assets/iPad-Pro.svg');
background-size: contain;
background-repeat: no-repeat;
height: 900px;
#container{
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
background-color:black;
border-radius:10px;
}
#iframecontainer{
height: 64%;
width: 73%;
}
.uk-nav-sub{
padding-left: 25px;
position: absolute;
top: 2%;
left: 2.5%;
bottom: 2%;
right: 2.5%;
width: 95%;
height: 96%;
border: none;
border-radius:10px;
}
`]
})
@ -270,6 +277,7 @@ sidebarItems = [{name:"Identity", id : "identity", icon: "desktop_windows" },
}
getCommunityUrl() {
return 'https://'+ (this.properties.environment == 'production'?'':'beta.')+this.communityId+'.openaire.eu';
// return "https://example.com"
}
getCommunityUrlNewLayout(layout: string) {

2
src/app/pages/customization/quickLook-backgrounds.component.ts
View File

@ -21,7 +21,7 @@ import {ButtonsCustomization} from '../../openaireLibrary/connect/community/Cust
></quick-look-buttons>
</div>
</div>
<div [class.uk-margin-top]="!buttonView">
<div>
<div class="uk-margin-large-top uk-margin-medium-bottom uk-text-large">Light background</div>
<div [class]="'uk-padding-small uk-text-center uk-width-1-1 uk-height-medium lightBackground' + (buttonView?' uk-flex uk-flex-middle uk-flex-center':'') "
[class.uk-height-small]="buttonView" [class.uk-height-medium]="!buttonView">