Commit Graph

23 Commits

Author SHA1 Message Date
argirok 13ae37cb61 Tabs: fix scrolling when header is sticky 2022-06-16 10:22: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
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
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 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