Commit Graph

36 Commits

Author SHA1 Message Date
argirok 13ae37cb61 Tabs: fix scrolling when header is sticky 2022-06-16 10:22:40 +03:00
Alex Martzios a89710765e fix for loading animation in landing pages 2022-06-10 14:56:32 +03:00
Konstantina Galouni b88c65a343 [Library | new-theme]: Create common methods to get entity name and entity file name from OpenaireEntities.
1. string-utils.class.ts:
   a. Added method "public static getEntityName(entityType: string, plural: boolean = false): string" to return OpenaireEntities name by entityType.
   b. Added method "public static getEntityFileName(entityType: string): string" to return OpenaireEntities file name by entityType.
2. directLinking.component.ts & dataProvider.component.ts & project.component.ts & resultLanding.component.ts & myOrcidLinks.component.ts & searchResearchResults.component.ts & result-preview.component.ts & search-tab.component.ts: Call StringUtils.getEntityName and StringUtils.getEntityFileName methods instead of checking if/then/else locally.
2022-06-03 13:01:55 +03:00
Konstantina Galouni 84cb6b6d96 [Library | new-theme]: In landing pages, title & tabs sticky even when bottom is in viewport | Other versions modals title updated | DMPs tab updated.
1. dataProvider.component.html & project.component.html & resultLanding.component.html: Removed "shouldSticky" check from id="main-tabs-div" - title & tabs sticky even when bottom is in viewport.
2. dataProvider.component.ts & organization.component.ts & project.component.ts & resultLanding.component.ts: Commented shouldSticky and observer for bottom - title & tabs sticky even when bottom is in viewport.
3. organization.component.ts & resultLanding.component.ts: In modal for other versions, title updated without "of".
4. project.component.html: In <search-tab> for DMPs added resultType="DMPs" | Title in DMPs tab changed to Data Management Plans.
5. search-tab.component.ts: Moved <errorMessages> after tab title and <ng-content> | In method "getEntityName()" return "this.resultType" if exists and no other condition matches.
2022-05-06 16:31:40 +03:00
argirok db1cd20867 Add blur background in tabs slider arrows and in search selected filters 2022-05-06 13:13:45 +03:00
Konstantinos Triantafyllou 0168c5e894 Delete some console logs. Change inputs in filters to small instead of x-small 2022-05-05 16:47:21 +03:00
Konstantina Galouni e658c5d23a [Library | new-theme]: Redesign of project landing page and small upadates on result landing and common components.
1. addThis.component.ts: Updated social icons of addThis.
2. landing-header.component.ts: Added "uk-text-small" in subtitle.
3. metrics.component.ts: Added method "clickedMetrics()" to set "metricsClicked" | Added metricsClicked and metrics.infos conditions for loading table or iframes | Added customContainerClass and customIframeClass in <i-frame>.
4. project.component: Updated project landing page according to UI redesign.
5. project.module.ts: Import LoadingModule, IconsModule, InputModule.
6. project.service.ts: Use parsingFunctions.parseDescription.
7. projectService.module.ts: iconsService.registerIcons([link, graph]).
8. resultLanding.component.html: Small fixes in ui | Added right arrow on tooltips of actions that are links to other pages | Display of description updated as innerHtml (#7345).
9. orcid-work.component.ts: Added flex=true in <icon>.
10. input.component.ts: Added disabled?: boolean in Option interface and show disabled options as muted.
11. projectInfo.ts: Updated description to be string[] instead of string.
12. iframe.component.ts: Added @Input() customContainerClass: string = ""; and @Input() customIframeClass: string = "";
13. search-tab.component.ts: Updated according to redesign | Update "getEntityName()" to return values from OpenaireEntities.
14. tabs.component.ts: Added "uk-height-1-1" in custom tabs | In #mytabs::before set left:0.
2022-04-28 12:13:06 +03:00
Konstantina Galouni 53d05bf54f [Explore & Library & Common Assets | new-theme]: Updates related to result landing redesign.
1. fos.component.css: Removed rule "mark.highlighted" and ".custom-bottom-border" updated with variables.
2. feedback.component.html: Updated width of email input for small screens.
3. parsingFunctions.class.ts: In "parseAllSubjects()" method, comment otherSubjects and push them in subjects.
4. showIdentifiers.component.ts: Updated classes in <modal-alert>.
5. showSubjects.component.ts: "Subjects by Vocabulary" and "Subjects" separated & view more functionality added in "Subjects".
6. resultLanding.component:
	a. Added button and modal for <addThis> (share in social media).
	b. View more functionality for related organizations.
	c. Graph and feedback section sticky.
	d. Added checks for summary tab and right sidebar.
	e. In small screens made right sidebar offcanvas.
7. resultLanding.module.ts: Updated iconsService.registerIcons to register link, graph, quotes.
8. orcid-work.component.ts: Added visually-hidden in icon buttons for landing | Updated classes in <modal-alert> and use buttons of alert instead of custom.
9. no-load-paging.component.ts: Use new component <results-and-pages> for results and pages number and set uk-flex-right in <paging-no-load> (default is center).
10. cookie-law.css: In ".cookie-law-wrapper" increased z-index from 100 to 1000.
11. showAuthors.component.ts: Removed shadow from search button | Updated classes in <modal-alert>.
12. icons.ts: Added "quotes" svg.
13. alert.ts: Updated modal to have header - body - footer (theme was updated too) | classTitle input set default to "uk-background-primary-opacity" | @Input() overflowBody: boolean = true; added to add overflow in body.
14. paging.module.ts: Added ResultsAndPagesNumComponent in declarations and exports.
15. pagingFormatter.component.ts: Add "uk-invisible" to previous and next buttons instead of hiding them.
16. pagingFormatterNoLoad.component.ts: Add "uk-invisible" to previous and next buttons instead of hiding them | Set customClasses default to "uk-flex-center".
17. tabs.component.ts: Updated margins/ paddings | Added @Input() offsetForSticky:number=0; to compare with the top distance for isSticky.
18. resultsAndPagesNum.component.ts: [NEW] Component to show number of results, number of pages and current page (used in paging).
19. landing-utils.css:
	a. Moved variables in .landing instead of :root.
	b. Added variable --landing-light-color-rgb: var(--light-color-rgb);
	c. Added glass filter in #graph_and_feedback.
	d. Set z-index of #main-tabs-div and #graph_and_feedback to 979 (default 980 caused problems with metrics box).
	e. Added padding-bottom: 80px and margin-top: 80px in .landing-sections.
	f. Added top rule for #right-sidebar-switcher.
	g. Added custom width rules for .landing-left-sidebar-width.
20. css-rules.txt: Added cookie-law-wrapper: 1000 info for z-index
21. explore-custom.css: Added variable --background-primary-rgb: var(--explore-color-rgb);
2022-04-20 17:40:18 +03:00
argirok 51efcfc19c Landing tabs: title to appear when tabs stick to top, add css for the sections, css for featured tabs 2022-04-08 18:26:27 +03:00
argirok 29d92edb91 Content providers: tabs and title sticky on top 2022-04-06 18:27:55 +03:00
argirok 44bb9772a9 tabs: add disabled tab,
Content providers add check for other > 0
2022-04-06 18:02:15 +03:00
argirok 9630d27fe8 Tabs as slider, scroll effect
apply changes for content providers
2022-04-06 17:01:25 +03:00
Konstantina Galouni 99ed7ea6ba [Library & Monitor Dashboard | new-theme]: Sidebar & Navbar checks updated to use the same method | "activeMenuItem" in route data (optional) to set which menu item is active when url does not match | Bug fix in <my-tabs>.
1. layout.service.ts: Added "activeMenuItemSubject" to keep value of data['activeMenuItem'].
2. menu.ts: Removed "markAsActive" (not used) | Set RootMenuItem as deprecated (should use only MenuItem) | Added "isTheActiveMenuItem()" method to check if a MenuItem (root or not / sidebar or navbar) is active.
3. navigationBar.component.ts: Updated "isTheActiveMenu()" method to call MenuItem.isTheActiveMenu() | Removed method "isTheActiveMenuItem()".
4. navigationBar.component.html: Always call "isTheActiveMenu()" method.
5. sideBar.component.ts: Added "get currentRoute()" and updated method "isTheActiveMenuItem()".
6. tabs.component.ts: [Bug fix] Removed [class.uk-active] from <li> of tabs (since small-tabs are not currently used it is ok to remove this) - caused by version update of Uikit.
7. monitor-routing.module.ts: Set activeMenuItem: "dashboard" for any path under a stakeholder that has nothing or anything under a topic. | Set activeMenuItem: "search" in paths under search.
8. app-routing.module.ts: Set activeMenuItem: "manage" for paths under admin/:stakeholder.
9. app.component.ts: Updated menu in Admin Dashboard (all items visible and logo of monitor used) | Set value for MenuItem.routeActive when adding menu items of topics and users.
2022-03-28 11:40:21 +03:00
Konstantinos Triantafyllou 7e76c885ba Add active status and name alternative instead of svg in tabicon 2022-03-10 19:45:44 +02:00
Konstantinos Triantafyllou 13fee133e4 Add new icon for restricted. Change tabs base on new guidelines. Change how-to base on new mocks 2022-02-23 00:37:18 +02:00
Alex Martzios a59143f381 Add svg icon option for tabs component 2022-01-21 15:40:30 +02:00
Konstantina Galouni dd7aeaa34f [Library]: small-tabs.component.ts: For active tab, set class by checking activeTab.customClass (not activeTab.statistics). 2022-01-07 11:46:58 +02:00
Konstantina Galouni ca430fd89f [Library]: search-tab.component.ts: [SEO (interlinking)] in <search-tab> added an invisible link to advanced search page when status is LOADING (with disabled javascript this is the status of the tabs). 2021-12-01 16:39:39 +02:00
konstantina.galouni ac8381b004 [Trunk | Library]:
1. src/app/openaireLibrary/orcid/orcid-work.component.ts: [Bug fix] On ngOnInit() method, call getPutCode, only if(!this.givenPutCode && this.isLoggedIn).
2. src/app/openaireLibrary/utils/properties/env-properties.ts: Added field "enermapsAPIURL?: string".
3. src/app/openaireLibrary/utils/tabs/contents/search-tab.component.ts: Added <ng-content></ng-content> on top of <search-result>.
4. src/app/openaireLibrary/landingPages/project/project.component.html: Moved alert inside <search-tab> (was before it).
5. src/app/openaireLibrary/landingPages/result/resultLanding.service.ts: Added methods "getEnermapsDetails()" and "parseEnermapsDetails()" (hide "shared_id").
6. src/app/openaireLibrary/landingPages/result/resultLanding.component.ts: Added fields and methods to get enermpas details (only when properties.enermapsAPIURL is set).
7. src/app/openaireLibrary/landingPages/result/resultLanding.component.html: 
	a. [Bug fix] Capitalize first letter of title in "References" tab (in small tabs).
	b. When clicking on tab, call (selectedActiveTab)="onSelectActiveTab($event)".
	c. If available, show uk-list with enermaps details (key-value pairs).


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@61021 d315682c-612b-4755-9ff5-7f18f6832af3
2021-05-19 09:36:09 +00:00
argiro.kokogiannaki e6d0721fb8 [Library|Trunk]
Tabs: 
 - use CustomClass directive instead of statistics
 - update it  in landing pages

Enermaps Integration:
 - Result LAnding at a new tab with enermaps tool
 - Image on the left of the result preview component



git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60814 d315682c-612b-4755-9ff5-7f18f6832af3
2021-04-08 10:50:11 +00:00
argiro.kokogiannaki 3ef2e0168d [Library|Trunk]
Enermaps integration:
- parse enermaps id
- show in results and in landing (to be revised)
- add enermaps url property
- add function to query all results for community id/ context




git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60783 d315682c-612b-4755-9ff5-7f18f6832af3
2021-04-02 09:17:00 +00:00
k.triantafyllou a9c25698dd [Library | Trunk]: Add dmps on project
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60614 d315682c-612b-4755-9ff5-7f18f6832af3
2021-03-10 13:24:19 +00:00
argiro.kokogiannaki cca8a3c7f3 [Library|Trunk]
Enermaps datasets: 
	apply changes in search  results components to be able to add custom title and add an image if available.



git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60612 d315682c-612b-4755-9ff5-7f18f6832af3
2021-03-10 10:41:38 +00:00
konstantina.galouni c20391f3fc [Trunk | Library]:
1. src/assets/common-assets/common/custom.css: Add 'font-display: swap;' in '@font-face' css rules - improve performance.
2. dataProvider.component.html & organizations.component.html & project.component.html & resultLanding.component.html: Add check if 'indexUpdateDate' is initialized.
3. dataProvider.component.ts & organization.component.ts & project.component.ts & resultLanding.component.ts: 
	Initialize 'indexUpdateDate' and tabs counts only if "typeof document !== 'undefined'" (javascript is enabled) - improve performance.
4. resultLanding.component.ts: Get "provenanceActionVocabulary" and "altMetrics" only if "typeof document !== 'undefined'" (javascript is enabled) - improve performance.
5. organization.component.ts: [Bug fix] Get 'indexUpdateDate' from service (not properties) if available.
6. project.component.ts: [Bug fix] Call 'getProjectInfo()' only once (was called twice).
7. project.service.ts: [Bug fix] Add check for rels.rel.to.class=="hasParticipant" (when not array).
8. metrics.component.ts: Get metrics if "typeof document !== 'undefined'" (javascript is enabled) | Show charts only if user clicked on metrics badge | Do not set "width" for <i-frame> elements.
9. iframe.component.ts: Add case when only height is sent as input.
10. searchDataProviders.component.ts & searchOrganizations.component.ts: [Bug fix] Set "firstLoad" to false after getting results (was asking refine filters in paging too). 
11. search-tab.component.ts: [Bug fix]: In method "getEntityName()" add cases when 'entityType == "project"' and 'entityType == "dataprovider"' and fix case when 'entityType == "result"'.
12. navigationBar.component.ts: [Bug fix] Do not initialize navbar inside route.queryParams subscription - !!! check it carefully when deployed in all portals !!! .


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58874 d315682c-612b-4755-9ff5-7f18f6832af3
2020-06-10 11:05:59 +00:00
argiro.kokogiannaki 2fc71dad0c [Library|Trunk]
Impact factors:
	add a check for identifiers
	add showImpactFactors input in search-tab


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58820 d315682c-612b-4755-9ff5-7f18f6832af3
2020-06-02 08:40:56 +00:00
konstantina.galouni 1165a93c95 [Trunk | Library]:
In utils/tabs add folder 'contents' and 'search-tab.component', 'search-tab.module': common view for tabs with search results.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58809 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-31 11:26:45 +00:00
konstantina.galouni ad44991cd1 [Trunk | Library]:
1. tabs.component.ts: If tabs are more than 2, add class (in all html) 'uk-visible@m' - <small-tabs> will be displayed instead.
2. small-tabs.component.ts: Show small tabs if they are more than 2 and add class 'uk-hidden@m'.   
3. resultLanding.component & project.component & organization.component & dataProvider.component:
        a. Show tabs without waiting for initialization - do not calculate number of tabs.
        b. Show summary tab always - if no primary or secondary information, show alert message.
        c. Remove checks and 'uk-visible@m', 'uk-hidden@m' from calling <my-tabs> and <my-small-tabs> - chekcs are now inside components.
        d. Add 'uk-active' in first tab (no need to calculate which tab is first).
        e. resultLanding.component & project.component & dataProvider.component: 
                Summary tab always visible - if no primary or secondary information, show alert message.
        f. organizations.component: projects tab always visible.
        g. resultLanding.component & project.component: Add margins in linking button.
4. organization.component: 
        a. [Bug fix] Execute search queries only once for each tab.
        b. [Bug fix] In datasets and other tab, show appropriate view (not projects tab).
        c. [Bug fix] On initialization, get projects results (not just count).


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58807 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-29 14:15:35 +00:00
konstantina.galouni 38584e213a [Trunk | Library]:
1. library.css: Rename class 'fake_tab' to 'fake-tab'.
2. small-tabs.component.ts: Remove 'uk-list-divider' from tabs list and add nargin instead in each tab of list (to fix problem of hidden active tab).


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58798 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-28 10:31:16 +00:00
konstantina.galouni eeca3648eb [Trunk | Library]:
1. tab.component.ts: Remove field 'active'.
2. tabs.component.ts: Add again "selectTab" to send output EventEmitter to parent component when tab changes.
3. small-tabs.component.ts: Tooltip in fake tab | in fake tab use uikit icon 'more' from (svg version) | hide active tab from list | Use field 'activeTab: TabComponent' | close drop when there is 'document'.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58787 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-26 20:12:37 +00:00
k.triantafyllou 1fe05f52d6 [Library | Trunk]: Remove active from tabs. Change tabs, authos and funded by to work on js disable.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58778 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-25 18:58:13 +00:00
konstantina.galouni cd5d412b81 [Trunk | Library]: Add in tabs, view for small screens:
1. small-tabs.component.ts: File added for small screens - active tab & a fake tab are always visible, while all tabs are shows in a list, toggled by fake tab (connected to switcher 'small-tabs-content').
2. tabs.component.ts: Tabs are connected to switcher 'tabs-content'.
3. tabs.module.ts: Add 'SmallTabsComponent' in declarations & exports.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58758 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-25 11:27:07 +00:00
k.triantafyllou 3c476e39f9 [Library | Trunk]: Tab add height match for tab-header
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58738 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-21 09:35:05 +00:00
k.triantafyllou cbc32aaa46 [Library | Trunk]: Some changes on result landing page base on new mocks.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58735 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-20 20:34:29 +00:00
konstantina.galouni c8f71a4093 [Trunk | Library]:
1. tabs.component.ts: Remove unnecessary logs.
2. alert.ts: Input field 'classTitle' added - applied on 'uk-modal-title' (background in landing pages' modals).
3. project.component: 
	a. comment 'test' right column in tabs
	b. apply 'ModalSelectDirective' in <mat-select> inside modals
	c. In modals pass in classTitle: landing-modal-header & in classBody: landing-modal & fix paddings and margins.
	d. [Bug fix] Show 'View all' button in search results (inside tabs) by comparing totalResults with 'searchNumber'.
	e. In 'Share results', dynamic content is NOT hidden by default and there is no toggle button anymore. 


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58733 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-20 16:45:50 +00:00
konstantina.galouni 6a94908622 [Trunk | Library]:
1. searchResult.component: Removed field 'dividerNotCard' added to show results in card or not (added in r58717) - result-preview is used instead.
2. tabs.component.ts: Removed class 'uk-width-3-4' from 'main-tabs'.
3. project.component: [Landing redesign]:
        a. Add field 'public searchNuumber: number = 5;' to set how many results to search and display.
        b. Use '<result-preview' instead of 'search-result'.
        c. Fix margins and paddings in page to align app box with right column in tabs.
        d. Show open access mandate (not in labels) only for 'No'.
        e. Move update date next to openaire graph.
        f. Add class 'user-actions' in ul in app box (right box of page) and set margins.
	g. Add class 'basic-info' in ul for basic information (set margin).
	h. Get indexUpdateDate from service if available.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58724 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-19 15:59:20 +00:00
konstantina.galouni 76fe820fb5 [Trunk | Library]: [NEW] tab.component & tabs.component & tabs.module added in /utils folder - skeleton structure for tabs used in landing pages and community home page.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58710 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-18 12:37:52 +00:00