[Usage Statistics | Trunk]: Finish home page, except third section

This commit is contained in:
k.triantafyllou 2020-06-16 20:00:45 +00:00
parent 59e4cbafff
commit 50812196e9
5 changed files with 62 additions and 63 deletions

View File

@ -1,4 +1,4 @@
<navbar *ngIf= "showMenu" portal="usage-statistics" [onlyTop]="false" [userMenu]="false" <navbar *ngIf= "showMenu" portal="usage-statistics" [onlyTop]="false" [userMenu]="false" [showLogo]="!isHome.value"
[user]="user" [userMenuItems]=userMenuItems [menuItems]=menuItems [properties]=properties></navbar> [user]="user" [userMenuItems]=userMenuItems [menuItems]=menuItems [properties]=properties></navbar>
<div class="custom-main-content"> <div class="custom-main-content">
<main> <main>

View File

@ -29,7 +29,8 @@ export class AppComponent implements OnInit {
private router: Router) { private router: Router) {
this.router.events.subscribe(event => { this.router.events.subscribe(event => {
if (event instanceof NavigationStart) { if (event instanceof NavigationStart) {
this.isHome.next(event.url === '/'); let path = event.url.split('?')[0];
this.isHome.next(path === '/');
} }
}) })
} }
@ -47,7 +48,7 @@ export class AppComponent implements OnInit {
if(!isHome) { if(!isHome) {
this.menuItems = [ this.menuItems = [
{ {
rootItem: new MenuItem("home", "Home", "", "", false, [], null, {}), rootItem: new MenuItem("home", "Home", "", "/", false, [], null, {}),
items: [ items: [
new MenuItem("intro", "Usage Statistics Intro", "", "/", false, [], null, {}), new MenuItem("intro", "Usage Statistics Intro", "", "/", false, [], null, {}),
new MenuItem("countries", "Track Countries Usage Activity", "", "/", false, [], null, {slide: 2}), new MenuItem("countries", "Track Countries Usage Activity", "", "/", false, [], null, {slide: 2}),

View File

@ -88,7 +88,7 @@
</div> </div>
</div> </div>
</ng-template> </ng-template>
<fp-slider class="uk-visible@m" [initSlide]="initSlide"> <fp-slider class="uk-visible@m" [initSlide]="initSlide" logoURL="/assets/common-assets/logo-small-usage-statistics.png">
<slide> <slide>
<ng-container *ngTemplateOutlet="first"></ng-container> <ng-container *ngTemplateOutlet="first"></ng-container>
</slide> </slide>

View File

@ -5,11 +5,11 @@
<div class="uk-width-1-1 uk-width-4-5@m uk-margin-medium-top uk-margin-medium-bottom"> <div class="uk-width-1-1 uk-width-4-5@m uk-margin-medium-top uk-margin-medium-bottom">
<p> <p>
{{ {{
'The service has to be enabled for the repository. This step results in the generation of two unique identifiers:' 'The service has to be enabled for the repository. This step results in the generation of two unique identifiers:'
| titlecase }} | titlecase }}
</p> </p>
<ul class="uk-list uk-list-bullet"> <ul class="uk-list uk-list-bullet">
<li>a Matomo-ID that associates the repository with its usage events in Matomo platform; </li> <li>a Matomo-ID that associates the repository with its usage events in Matomo platform;</li>
<li>an authentication-ID that allows to track usage activity on the Matomo platform.</li> <li>an authentication-ID that allows to track usage activity on the Matomo platform.</li>
</ul> </ul>
<p>After the generation of the identifiers the repository manager has to perform the following steps:</p> <p>After the generation of the identifiers the repository manager has to perform the following steps:</p>
@ -55,61 +55,63 @@
</div> </div>
</div> </div>
<div> <div>
<div class="uk-section uk-container uk-container-large how-background"> <div class="uk-section uk-container uk-container-large how-background uk-text-break">
<div class="uk-card uk-card-default uk-card-body card-text <div class="uk-card uk-card-default uk-card-body card-text
uk-margin-large-bottom uk-margin-medium-left uk-margin-medium-right"> uk-margin-large-bottom uk-margin-medium-left uk-margin-medium-right">
<h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6> <h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6>
<div class="uk-grid uk-padding"> <div class="uk-grid uk-padding">
<div class="uk-width-1-2 uk-padding border-top border-right"> <div class="uk-width-1-2 uk-padding border-top border-right">
<img src="/assets/usage-statistics-assets/resources/guidelines.svg"/> <img src="/assets/usage-statistics-assets/resources/guidelines.svg"/>
<p class="card-title">Guidelines</p> <p class="card-title">Guidelines</p>
<div> <div>
<a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank"> <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
https://openaire.github.io/usage-statistics-guidelines/ https://openaire.github.io/usage-statistics-guidelines/
</a> </a>
</div>
</div> </div>
</div> <div class="uk-width-1-2 uk-padding border-top">
<div class="uk-width-1-2 uk-padding border-top"> <img src="/assets/usage-statistics-assets/resources/software.svg"/>
<img src="/assets/usage-statistics-assets/resources/software.svg"/> <p class="card-title">Software</p>
<p class="card-title">Software</p> <ul class="uk-list">
<ul class="uk-list"> <li>
<li> <span class="uk-text-bold">Generic Matomo Tracker - </span>
<span class="uk-text-bold">Generic Matomo Tracker - </span> <a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank">
<a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank"> https://github.com/openaire/Generic-Matomo-Tracker
https://github.com/openaire/Generic-Matomo-Tracker </a>
</a> </li>
</li> <li>
<li> <span class="uk-text-bold">Matomo tracker for DSpace - </span>
<span class="uk-text-bold">Matomo tracker for DSpace - </span> <a href=" https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank">
<a href=" https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank"> https://github.com/openaire/OpenAIRE-Piwik-DSpace
https://github.com/openaire/OpenAIRE-Piwik-DSpace </a>
</a> </li>
</li> <li>
<li> <span class="uk-text-bold">Matomo tracker for Eprints - </span>
<span class="uk-text-bold">Matomo tracker for Eprints - </span> <a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank">
<a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank"> https://github.com/openaire/EPrints-OAPiwik
https://github.com/openaire/EPrints-OAPiwik </a>
</a> </li>
</li> </ul>
</ul>
</div>
<div class="uk-width-1-2 uk-padding border-top border-right">
<img src="/assets/usage-statistics-assets/resources/services.svg"/>
<p class="card-title">Services API</p>
<div>
<span class="uk-text-bold">SUSHI Lite Endpoint - </span>
<a href="http://services.openaire.eu/usagestats/sushilite/" target="_blank">
http://services.openaire.eu/usagestats/sushilite/
</a>
</div> </div>
</div> <div class="uk-width-1-2 uk-padding border-top border-right">
<div class="uk-width-1-2 uk-padding border-top"> <img src="/assets/usage-statistics-assets/resources/services.svg"/>
<img src="/assets/usage-statistics-assets/resources/faq.svg"/> <p class="card-title">Services API</p>
<p class="card-title">FAQ</p> <div>
<div> <span class="uk-text-bold">SUSHI Lite Endpoint - </span>
<a href="https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing" target="_blank"> <a href="http://services.openaire.eu/usagestats/sushilite/" target="_blank">
https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing http://services.openaire.eu/usagestats/sushilite/
</a> </a>
</div>
</div>
<div class="uk-width-1-2 uk-padding border-top">
<img src="/assets/usage-statistics-assets/resources/faq.svg"/>
<p class="card-title">FAQ</p>
<div>
<a href="https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing"
target="_blank">
https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -9,10 +9,6 @@
--portal-dark-color: #a0462c; --portal-dark-color: #a0462c;
} }
body, html {
height: 100%;
}
main { main {
background-color: #F9FBFC; background-color: #F9FBFC;
color: #333333; color: #333333;