diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 4cbc826..e8fbb19 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -10,8 +10,6 @@ import {ConnectHelper} from './openaireLibrary/connect/connectHelper'; import {SubscribeService} from './openaireLibrary/utils/subscribe/subscribe.service'; import {HelperFunctions} from "./openaireLibrary/utils/HelperFunctions.class"; -// import {LayoutService} from "./openaireLibrary/services/layout.service"; - @Component({ //changeDetection: ChangeDetectionStrategy.Default, //encapsulation: ViewEncapsulation.Emulated, @@ -24,6 +22,7 @@ import {HelperFunctions} from "./openaireLibrary/utils/HelperFunctions.class"; [showMenu]=showMenu [properties]="properties" [showHomeMenuItem]="true"> +
@@ -57,12 +56,10 @@ export class AppComponent { communities = null; subscriberOfCommunities = false; managerOfCommunities = false; - - // layout = null; // community: {id:string, name:string, logoUrl:string}; constructor( private route: ActivatedRoute, private propertiesService:EnvironmentSpecificService, private _communitiesService:CommunitiesService, private _subscribeService: SubscribeService, - private router: Router) {//, private _layoutService: LayoutService) { + private router: Router) { router.events.forEach((event) => { if (event instanceof NavigationStart) { HelperFunctions.scroll(); @@ -132,15 +129,6 @@ export class AppComponent { if(communityId && communityId!="" && com.communityId == communityId){ community = com; - document.documentElement.style.setProperty('--portal-main-color', "#4C9CD5"); - - // this._layoutService.getLayout(com.communityId, - // this.properties.adminToolsAPIURL + '/').subscribe ( - // layout => { - // this.layout = layout; - // document.documentElement.style.setProperty('--portal-main-color', this.layout.color); - // } - // ); let isCommunityManager: boolean = false; if(Session.isCommunityCurator() || Session.isPortalAdministrator()){ isCommunityManager = true; diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 72717a9..b50fc2e 100755 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -23,6 +23,7 @@ import {CommunitiesService} from './openaireLibrary/connect/communities/communit import {LayoutService} from "./openaireLibrary/services/layout.service"; import {SubscribeModule} from './utils/subscribe/subscribe.module'; import {ThemeComponent} from "./test/theme.component"; +import {CustomizationModule} from "./utils/customization/customization.module"; @NgModule({ @@ -37,6 +38,7 @@ import {ThemeComponent} from "./test/theme.component"; NavigationBarModule, BottomModule, CookieLawModule, + CustomizationModule, SubscribeModule.forRoot(), BrowserModule.withServerTransition({appId: 'my-app'}), AppRoutingModule diff --git a/src/app/communities/communities.component.html b/src/app/communities/communities.component.html index 57ce419..3aae830 100644 --- a/src/app/communities/communities.component.html +++ b/src/app/communities/communities.component.html @@ -71,7 +71,7 @@
-

Build an Open Research Gateway for your Community

+
Build an Open Research Gateway for your Community

Turn Open Science into practice

Share and link your research results.
Across organizations, across borders.
Customized to your needs.
@@ -87,7 +87,7 @@
-

Open and FAIR science is our mission

+
Open and FAIR science is our mission
@@ -205,7 +205,7 @@
-

Community Gateways in Action

+
Community Gateways in Action
@@ -232,9 +232,9 @@
-

+
Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It is reliable.
-

+
Get in touch with our team to find out how.
CONTACT diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html index 36ffb10..fd9d8b1 100644 --- a/src/app/community/community.component.html +++ b/src/app/community/community.component.html @@ -1,7 +1,7 @@
-
+
@@ -264,7 +264,7 @@
  • -
    +
    {{chartsInfoMap[chart].title}}
    @@ -299,7 +299,7 @@
    -
    +
    {{chartsInfoMap[chart].title}}
    @@ -340,7 +340,7 @@
  • other research products
    • -
      +
      • diff --git a/src/app/contact/contact.component.html b/src/app/contact/contact.component.html index 53dfb18..d2178a8 100644 --- a/src/app/contact/contact.component.html +++ b/src/app/contact/contact.component.html @@ -1,6 +1,7 @@ -

        OpenAIRE gives you the virtual environment and services designed for your community to:

        +
        OpenAIRE gives you the virtual + environment and services designed for your community to:
        • Create and Manage your Community Gateway
          • @@ -9,7 +10,7 @@
        -
        +
        @@ -20,7 +21,7 @@
        -

        Contact us to create your Community Gateway

        +
        Contact us to create your Community Gateway
        * Required fields
        diff --git a/src/app/deposit/zenodo/shareInZenodo.component.html b/src/app/deposit/zenodo/shareInZenodo.component.html index f3eb6b7..0519495 100644 --- a/src/app/deposit/zenodo/shareInZenodo.component.html +++ b/src/app/deposit/zenodo/shareInZenodo.component.html @@ -1,4 +1,4 @@ -
        +
          @@ -29,11 +29,11 @@

        - + {{masterZenodoCommunity.title}} [no name available] -
        +
        {{masterZenodoCommunity.title}} [no name available]
        diff --git a/src/app/learn-how/learn-how.component.ts b/src/app/learn-how/learn-how.component.ts index 826e660..7158f1e 100644 --- a/src/app/learn-how/learn-how.component.ts +++ b/src/app/learn-how/learn-how.component.ts @@ -36,7 +36,7 @@ import {HelperService} from "../openaireLibrary/utils/helper/helper.service";
        -
        +

        Learn the process

        Build a Gateway to your community's open and linked research outcomes. Customized to your needs.
        @@ -85,7 +85,7 @@ import {HelperService} from "../openaireLibrary/utils/helper/helper.service";
        -

        We look forward to working together and helping you unlock the full potential of your research community through open science.

        +
        We look forward to working together and helping you unlock the full potential of your research community through open science.
        Get in touch with our team to find out how.
        CONTACT US diff --git a/src/app/learn-how/learnInDepth/learn-in-depth.component.ts b/src/app/learn-how/learnInDepth/learn-in-depth.component.ts index b6b5e68..7bba543 100644 --- a/src/app/learn-how/learnInDepth/learn-in-depth.component.ts +++ b/src/app/learn-how/learnInDepth/learn-in-depth.component.ts @@ -11,10 +11,10 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
        -
        +
        -

        Let’s set up a Gateway for your Community Together

        +

        Let’s set up a Gateway for your Community Together

        You don’t have to go alone.
        @@ -41,7 +41,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
        -

        1. Analyse your needs

        +
        1. Analyse your needs
        Identify the scope and goals. Understand open science practices within EOSC and the OpenAIRE services

        @@ -78,7 +78,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";

        -

        2. Develop a pilot

        +
        2. Develop a pilot
        We translate your needs into rules and processes and we configure operational OpenAIRE services.

        @@ -100,7 +100,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";

        -

        3. Test and Validate

        +
        3. Test and Validate
        You validate and test your new Community Gateway (portal). If needed, we further refine and adapt to your needs

        @@ -126,7 +126,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";

        -

        4. Roll out the service

        +
        4. Roll out the service
        We jointly roll out your new portal. You take over the business operations and start engaging your researchers

        @@ -154,9 +154,9 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";

        -

        +
        Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It is reliable.
        -

        +
        Get in touch with our team to find out how.
        CONTACT diff --git a/src/app/searchEntries/results/results.component.ts b/src/app/searchEntries/results/results.component.ts index b2ad461..d43ce7b 100644 --- a/src/app/searchEntries/results/results.component.ts +++ b/src/app/searchEntries/results/results.component.ts @@ -6,7 +6,7 @@ import {SearchResult} from "../../openaireLibrary/utils/entities/searchResult"; @Component({ selector: 'results-comp', template: ` -
        Recent research results
        +
        Recent research results
        diff --git a/src/app/test/theme.component.html b/src/app/test/theme.component.html index 71d9d18..9ded157 100644 --- a/src/app/test/theme.component.html +++ b/src/app/test/theme.component.html @@ -768,3 +768,31 @@
        +
        + +
        portal-color
        +
        portal-secondary-color
        +
        portal-background-color
        +         portal-link +
        portal-box
        +
        portal-icon-button + uk-icon-button uk-icon
        + +
        +
        +
        small container
        + + +
        +
        +
        large container
        + + +
        +
        +
        large container
        + + +
        + +. diff --git a/src/app/utils/customization/CustomizationOptions.ts b/src/app/utils/customization/CustomizationOptions.ts new file mode 100644 index 0000000..3453bd8 --- /dev/null +++ b/src/app/utils/customization/CustomizationOptions.ts @@ -0,0 +1,81 @@ +export class CustomizationOptions { + mainColor: string; + secondaryColor: string; + panel: { + background: { + gradientDirection: string; + borderStyle: string; + borderColor: string; + borderWidth: string; + }, fonts: { + color: string; + family: string; + size: string; + }, + title: { + color: string; + family: string; + size: string; + }, + links: { + color: string; + family: string; + size: string; + decoration: string; + onHover: { + color: string; + } + }; + buttons: { + backgroundColor: string; + color: string; + borderStyle: string; + borderColor: string; + borderWidth: string; + borderRadius: string; + onHover: { + backgroundColor: string; + color: string; + borderColor: string; + } + + }; + + + panelElements: { + backgroundColor: string; + borderColor: string; + color: string; + } + }; + + box: { + borderColor: string; + borderStyle: string; + borderWidth: string; + borderRadius: string; + } + ; + links: { + color: ""; + family: string; + decoration: string; + onHover: { + color: string; + }; + }; + + buttons: { + backgroundColor: string; + color: string; + borderStyle: string; + borderColor: string; + borderWidth: string; + borderRadius: string; + onHover: { + backgroundColor: string; + color: string; + borderColor: string; + }; + }; +} diff --git a/src/app/utils/customization/customization.component.ts b/src/app/utils/customization/customization.component.ts new file mode 100644 index 0000000..b5c62f0 --- /dev/null +++ b/src/app/utils/customization/customization.component.ts @@ -0,0 +1,195 @@ +import {Component, Input} from '@angular/core'; +import {ActivatedRoute, Router} from '@angular/router'; +import {EnvProperties} from '../../openaireLibrary/utils/properties/env-properties'; +import {LayoutService} from "../../openaireLibrary/services/layout.service"; +import {CustomizationOptions} from "./CustomizationOptions"; +import {ConnectHelper} from "../../openaireLibrary/connect/connectHelper"; +import {PiwikHelper} from "../piwikHelper"; +import {StringUtils} from "../../openaireLibrary/utils/string-utils.class"; + +declare var appendCss: any; + +@Component({ + selector: 'customization', + template: ` + + + ` +}) + +export class CustomizationComponent { + @Input() communityId; + layout: CustomizationOptions; + + constructor(private route: ActivatedRoute, + private router: Router, private _layoutService: LayoutService + ) { + } + + public ngOnInit() { + this.route.data + .subscribe((data: { envSpecific: EnvProperties }) => { + this.route.queryParams.subscribe(params => { + + if(params['layout']) { + this.layout = JSON.parse(StringUtils.URIDecode(params['layout'])); + this.buildCss(); + }else{ + // this.properties = data.envSpecific; +//com.communityId, +// data.envSpecific.adminToolsAPIURL + '/' + + this._layoutService.mockLayout().subscribe( + layout => { + this.layout = layout; + + this.buildCss(); + } + ); + } + + }); + + + + }); + + + } + + private buildCss() { + // console.log(this.layout); + document.documentElement.style.setProperty('--portal-main-color', this.layout.mainColor); + document.documentElement.style.setProperty('--portal-dark-color', this.layout.secondaryColor); + let css = ` + /*Panel background*/ +.communityPanelBackground, .communityPanelBackground .uk-section-primary { + background-image: linear-gradient(` + + (this.layout.panel.background.gradientDirection != null ? this.layout.panel.background.gradientDirection : 'to right') + `,` + + this.layout.mainColor + `,` + + this.layout.secondaryColor + `);` + + ` + border-style: ` + (this.layout.panel.background.borderStyle != null ? this.layout.panel.background.borderStyle : 'solid') + `; + border-color:` + (this.layout.panel.background.borderColor != null ? this.layout.panel.background.borderColor : 'transparent') + `; + border-width: ` + (this.layout.panel.background.borderWidth != null ? this.layout.panel.background.borderWidth : '1px') + `; +} + +/*Panel fonts*/ + +.communityPanelBackground { + color:` + (this.layout.panel.fonts.color != null ? this.layout.panel.fonts.color : 'white') + ` !important;` + + (this.layout.panel.fonts.family != null ? ('font-family: ' + this.layout.panel.fonts.family + ' !important;') : '') + + (this.layout.panel.fonts.size != null ? ('font-size: ' + this.layout.panel.fonts.size + ' !important;') : '') + + + ` +} + +.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) { + color: ` + (this.layout.panel.title.color != null ? this.layout.panel.title.color : 'white') + ` !important;` + + (this.layout.panel.title.family != null ? ('font-family: ' + this.layout.panel.title.family + ' !important;') : '') + + (this.layout.panel.title.size != null ? ('font-size: ' + this.layout.panel.title.size + ' !important;') : '') + + + ` +} + +.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground), .communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground), .portal-card a { + color: ` + + (this.layout.panel.links.color != null ? this.layout.panel.links.color : 'white') + ` !important;` + + (this.layout.panel.links.family != null ? ('font-family: ' + this.layout.panel.links.family + ' !important;') : '') + + (this.layout.panel.links.size != null ? ('font-size: ' + this.layout.panel.links.size + ' !important;') : '') + + (this.layout.panel.links.decoration != null ? ('text-decoration: ' + this.layout.panel.links.decoration + ';') : '') + + ` +} + +.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover, .communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover, .portal-card a:hover { + color: ` + + (this.layout.panel.links.color != null ? this.layout.panel.links.color : `rgba(255, 255, 255, 0.8)`) + ` !important;` + ` +} + +.uk-link, a:not(.uk-button), .uk-navbar-dropdown-nav > li > a, .uk-navbar-nav > li > a, .loginLink, +.uk-tab > .uk-active > a, .uk-tab > * > a:focus, .uk-tab > * > a:hover { + color:` + (this.layout.links.color != null ? this.layout.links.color : `var(--portal-main-color)`) + ` +} + +.uk-link:hover, a:not(.uk-button):hover, +.uk-navbar-dropdown-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a:active, .uk-navbar-nav > li:hover > a, +.uk-navbar-dropdown-nav > li.uk-active > a, .uk-tab > .uk-active > a, .uk-navbar-nav > li.uk-active > a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li.uk-active > a { + color:` + (this.layout.links.onHover.color != null ? this.layout.links.onHover.color : `var(--portal-dark-color)`) + ` +} + +.communityBorder { + border-color: ` + (this.layout.box.borderColor != null ? this.layout.box.borderColor : `var(--portal-main-color)`) + `; + border-style: ` + (this.layout.box.borderStyle != null ? this.layout.box.borderStyle : `solid`) + `; + border-width: ` + (this.layout.box.borderWidth != null ? this.layout.box.borderWidth : `2px`) + `; + border-radius: ` + (this.layout.box.borderRadius != null ? this.layout.box.borderRadius : `6px`) + `; +} + +/*Panel Elements & cards*/ +.communityPanelBackground .uk-card:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) { + background-color: ` + (this.layout.panel.panelElements.backgroundColor != null ? this.layout.panel.panelElements.backgroundColor : `rgba(255, 255, 255, 0.5)`) + `; + border-color: ` + (this.layout.panel.panelElements.borderColor != null ? this.layout.panel.panelElements.borderColor : `rgba(255, 255, 255, 0.5)`) + `; +} + +.communityPanelBackground .uk-card:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) { + color: ` + (this.layout.panel.panelElements.color != null ? this.layout.panel.panelElements.color : `rgba(255, 255, 255, 0.5)`) + `; +} + + +.uk-button:not(.uk-button-text), .portal-button { + background-color:` + (this.layout.buttons.backgroundColor != null ? this.layout.buttons.backgroundColor : `var(--portal-main-color)`) + `; + color: ` + (this.layout.buttons.color != null ? this.layout.buttons.color : `white`) + `; + border-color: ` + (this.layout.buttons.borderColor != null ? this.layout.buttons.borderColor : `transparent`) + `; + border-style: ` + (this.layout.buttons.borderStyle != null ? this.layout.buttons.borderStyle : `solid`) + `; + border-width: ` + (this.layout.buttons.borderWidth != null ? this.layout.buttons.borderWidth : `1px`) + `; + border-radius:` + (this.layout.buttons.borderRadius != null ? this.layout.buttons.borderRadius : `4px`) + `; + +} + +.uk-button:not(.uk-button-text):hover, .portal-button:hover { + background-color: ` + (this.layout.buttons.onHover.backgroundColor != null ? this.layout.buttons.onHover.backgroundColor : `var(--portal-dark-color)`) + `; + color: ` + (this.layout.buttons.onHover.color != null ? this.layout.buttons.onHover.color : `white`) + `; + border-color: ` + (this.layout.buttons.onHover.color != null ? this.layout.buttons.onHover.color : `white`) + `; +} + +/*Buttons*/ +.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground) { + background-color: ` + (this.layout.panel.buttons.backgroundColor != null ? this.layout.panel.buttons.backgroundColor : `white`) + ` !important; + color: ` + (this.layout.panel.buttons.color != null ? this.layout.panel.buttons.color : `var(--portal-main-color)`) + ` !important; + border-color: ` + (this.layout.panel.buttons.borderColor != null ? this.layout.panel.buttons.borderColor : `transparent`) + ` !important; + border-style: ` + (this.layout.panel.buttons.borderStyle != null ? this.layout.panel.buttons.borderStyle : `solid`) + ` !important; + border-width: ` + (this.layout.panel.buttons.borderWidth != null ? this.layout.panel.buttons.borderWidth : `1px`) + ` !important; + border-radius:` + (this.layout.panel.buttons.borderRadius != null ? this.layout.panel.buttons.borderRadius : `4px`) + ` !important; + +} + +.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground):hover { + background-color: ` + (this.layout.panel.buttons.onHover.backgroundColor != null ? this.layout.panel.buttons.onHover.backgroundColor : ` #eeeeee `) + ` !important; + color: ` + (this.layout.panel.buttons.onHover.color != null ? this.layout.panel.buttons.onHover.color : ` var(--portal-main-color) `) + ` !important; + border-color:` + (this.layout.panel.buttons.onHover.borderColor != null ? this.layout.panel.buttons.onHover.borderColor : `transparent`) + ` !important; +} + + +.uk-navbar-dropdown { + background-color: white; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, .15); + /*border:var(--portal-main-color) 1px solid;*/ +} + +.customTabs .uk-tab > .uk-active > a { + border-color: var(--portal-main-color); +} + +.customTabs .uk-tab > .uk-active > a { + border-color: var(--portal-main-color); +} + +.uk-tab > * > a:focus, .uk-tab > * > a:hover { + border-color: var(--portal-dark-color); +} + + +` + appendCss(css); + } +} diff --git a/src/app/utils/customization/customization.module.ts b/src/app/utils/customization/customization.module.ts new file mode 100644 index 0000000..a2785d6 --- /dev/null +++ b/src/app/utils/customization/customization.module.ts @@ -0,0 +1,28 @@ +import {ModuleWithProviders, NgModule} from '@angular/core'; +import {CommonModule} from '@angular/common'; +import {RouterModule} from '@angular/router'; +import {CustomizationComponent} from "./customization.component"; +import {LayoutService} from "../../openaireLibrary/services/layout.service"; + + +@NgModule({ + imports: [ + CommonModule, RouterModule + ], + declarations: [ + CustomizationComponent + ], + exports: [ + CustomizationComponent + ] +}) +export class CustomizationModule { + static forRoot(): ModuleWithProviders { + return { + ngModule: CustomizationModule, + providers: [ + LayoutService + ] + } + } +} diff --git a/src/assets/connect-custom.css b/src/assets/connect-custom.css index 692d51a..5b98316 100644 --- a/src/assets/connect-custom.css +++ b/src/assets/connect-custom.css @@ -2,7 +2,7 @@ --portal-main-color: #EBB13E; /* --portal-main-contrast: #2E2E2E; */ --portal-main-contrast: white; - --portal-dark-color: #4687E6; + --portal-dark-color: #b48536; --openaire-main-color: #313179; @@ -161,39 +161,20 @@ border:0; } - -/* Community Page -community_main_color -community_secondary_color -community_main_dark_color - -*/ - -.communityPanelBackground,.communityPanelBackground .uk-section-primary { - background-image: linear-gradient(to right, var(--community_main_color) , var(--community_secondary_color)); - color:white; -} div:not(.connect_App) bottom .uk-totop{ background-color: transparent !important; } -/*div:not(.connectApp).uk-section-primary{ - background-image: linear-gradient(to right, var(--community_main_color) , var(--community_secondary_color)) !important; - color:white !important; - }*/ -.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground), .communityPanelBackground a:not(.uk-button):not(.ignoreCommunityPanelBackground){ - color:white; +.communityPanelBackground .curator-photo{ + border:rgba(255, 255, 255, 0.5) 8px solid; } -.communityPanelBackground .uk-card:not(.ignoreCommunityPanelBackground), .communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground){ - background-color:rgba(255,255,255,0.5); - border-color:rgba(255,255,255,0.5); +.communityRecentResults .search-results > li:nth-child(2){ + border-top: none !important; } - .communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):not(.license):not(.newsletter), - .communityPanelBackground a:not(.uk-button):not(.ignoreCommunityPanelBackground):not(.uk-icon):not(.license):not(.newsletter):not(.breadcrumb) - { - /*text-decoration: underline;*/ - border-bottom: 1px solid white; +.communityRecentResults .search-results > li:last-child { + border-bottom: none !important; + } .communityPanelBackground .uk-breadcrumb .active{ @@ -208,68 +189,8 @@ div:not(.connect_App) bottom .uk-totop{ border-radius: 20px; padding: 10px 20px; } -.communityPanelBackground .lowOpacityColor:not(.ignoreCommunityPanelBackground){ - color:rgba(255,255,255,0.7); -} -.communityPanelBackground .curator-photo{ - border:rgba(255, 255, 255, 0.5) 10px solid -} -.customTabs .customTabsTitle li { -/*rgba(red(var(--community_main_color)), green(var(--community_main_color)), blue(var(--community_main_color)));*/ - background-color:rgba(var(--community_main_color_rgb), 0.6); - color: white; - border-top: var(--community_main_dark_color) 1px solid; - border-left: var(--community_main_dark_color) 1px solid; -} -.customTabs .customTabsTitle li:last-child { - - border-bottom: var(--community_main_dark_color) 1px solid; -} -.customTabs .customTabsTitle li a, .customTabs .customTabsTitle li a:hover{ - color: white !important; - margin: 6px; - border: none; -} -.customTabs .customTabsTitle li.uk-active { - background-color: var(--community_main_color); - opacity: 1; -} -.customTabs ul.customTabsContent { - border:var(--community_main_dark_color) 1px solid; -} - -.communityRecentResults .search-results > li:nth-child(2){ - border-top: none !important; -} .communityRecentResults .search-results > li:last-child { - border-bottom: none !important; -} - -.font-41 { - font-size: 41px; -} - -.line-height-normal { - line-height: normal; -} - -.border-grey { - border: #EFEFEF; - border-style: solid; - border-width: 8px; - border-radius: 6px; -} .communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before { border-left: 1px solid rgba(255, 255, 255, .2); } - -/* NOT USED -.sketch-line { - height:80%; -} - -.img-sketch { - height:20%; -} -*/ diff --git a/src/assets/customizationOptions.json b/src/assets/customizationOptions.json new file mode 100644 index 0000000..a00468f --- /dev/null +++ b/src/assets/customizationOptions.json @@ -0,0 +1,81 @@ +{ + "mainColor": "#0080aa", + "secondaryColor": "#005A77", + "panel": { + "background": { + "gradientDirection": "to right", + "borderStyle": null, + "borderColor": null, + "borderWidth": null + }, "fonts": { + "color": "white", + "family": null, + "size": null + }, + "title": { + "color": "white", + "family": null, + "size": null + }, + "links": { + "color": "rgba(255, 255, 255, 0.98)", + "family": null, + "size": null, + "decoration": null, + "onHover": { + "color": "rgba(255, 255, 255, 0.8) " + } + }, + "buttons": { + "backgroundColor": "white", + "color": null, + "borderStyle": null, + "borderColor": null, + "borderWidth": "1px", + "borderRadius": "4px", + "onHover": { + "backgroundColor": "#eeeeee", + "color": null, + "borderColor": null + } + + }, + + + "panelElements": { + "backgroundColor": "rgba(255, 255, 255, 0.5)", + "borderColor": "rgba(255, 255, 255, 0.5)", + "color": "white" + } + }, + + "box": { + "borderColor": null, + "borderStyle": "solid", + "borderWidth": "2px", + "borderRadius": "6px" + }, + + "links": { + "color": null, + "family": null, + "decoration": null, + "onHover": { + "color": null + } + }, + + "buttons": { + "backgroundColor": null, + "color": null, + "borderStyle": null, + "borderColor": null, + "borderWidth": null, + "borderRadius": null, + "onHover": { + "backgroundColor": null, + "color": null, + "borderColor": null + } + } +} diff --git a/src/assets/env-properties.json b/src/assets/env-properties.json index f759f0e..325fb30 100644 --- a/src/assets/env-properties.json +++ b/src/assets/env-properties.json @@ -56,7 +56,7 @@ "cacheUrl" :"http://scoobydoo.di.uoa.gr:3000/get?url=", - "adminToolsAPIURL" :"http://mpagasas.di.uoa.gr:8080/uoa-admin-tools", + "adminToolsAPIURL" :"http://duffy.di.uoa.gr:8080/uoa-admin-tools", "adminToolsCommunity" :"connect", "datasourcesAPI": "https://beta.services.openaire.eu/openaire/ds/search/", diff --git a/src/index.html b/src/index.html index d8cdf61..0847aeb 100644 --- a/src/index.html +++ b/src/index.html @@ -92,6 +92,20 @@ $(document).ready(function(){ var d="createElement",c="getElementsByTagName",m="setAttribute",n=document.getElementById(e); return n&&n.parentNode&&n.parentNode.removeChild(n),n=document[d+"NS"]&&document.documentElement.namespaceURI,n=n?document[d+"NS"](n,"script"):document[d]("script"),n[m]("id",e),n[m]("src",t),(document[c]("head")[0]||document[c]("body")[0]).appendChild(n),n=new Image,void n[m]("src","https://d1uo4w7k31k5mn.cloudfront.net/donut/0.png") }; + function appendCss(customData) { + if (typeof customData != "undefined") + $(document).ready(function () { + $("style").append(customData); + }); + } + /* console.log("here!"); + var fileref=document.createElement("link"); + fileref.setAttribute("rel", "stylesheet"); + fileref.setAttribute("type", "text/css"); + fileref.setAttribute("href", "assets/customization.css"); + if (typeof fileref!="undefined") + document.getElementsByTagName("head")[0].appendChild(fileref) + }*/