Revision 57129
Added by Stefania Martziou over 4 years ago
| metrics-enable.component.html | ||
|---|---|---|
| 1 |
<div class="uk-section-default uk-section uk-section-small uk-padding-remove-bottom" style="min-height: 325px"> |
|
| 1 |
<div id="page_content"> |
|
| 2 |
<div id="page_content_inner"> |
|
| 3 |
<h2 class="heading_b uk-margin-bottom">Metrics for {{repo.officialName}}</h2>
|
|
| 2 | 4 |
|
| 3 |
<!-- MARGIN-TOP --> |
|
| 4 |
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div> |
|
| 5 |
<div class="uk-container uk-container-large"> |
|
| 5 |
<!-- TOP HELP CONTENT --> |
|
| 6 |
<help-content #topHelperContent [position]="'top'" |
|
| 7 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
| 8 |
</help-content> |
|
| 6 | 9 |
|
| 7 |
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> |
|
| 8 |
<div class="uk-width-1-1@m uk-first-column"> |
|
| 10 |
<div class="uk-grid"> |
|
| 9 | 11 |
|
| 10 |
<h1 class="uk-h2">Metrics</h1> |
|
| 12 |
<!-- LEFT HELP CONTENT --> |
|
| 13 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
| 14 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
| 15 |
</aside-help-content> |
|
| 11 | 16 |
|
| 12 |
<!-- TOP HELP CONTENT --> |
|
| 13 |
<help-content #topHelperContent [position]="'top'" |
|
| 14 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
| 15 |
</help-content> |
|
| 17 |
<!-- MIDDLE --> |
|
| 18 |
<div class=" uk-width-expand@m"> |
|
| 16 | 19 |
|
| 17 |
<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom"> |
|
| 18 |
<div class="uk-grid"> |
|
| 20 |
<div> |
|
| 21 |
<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
|
|
| 22 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
|
| 23 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
| 24 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
| 25 |
{{ loadingMessage }}
|
|
| 26 |
</div> |
|
| 27 |
<div class="transparentFilm"></div> |
|
| 28 |
</div> |
|
| 29 |
<div *ngIf="repo && !loadingMessage"> |
|
| 19 | 30 |
|
| 20 |
<!-- LEFT HELP CONTENT --> |
|
| 21 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
| 22 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
| 23 |
</aside-help-content> |
|
| 31 |
<div class="md-card"> |
|
| 32 |
<div class="md-card-content large-padding"> |
|
| 33 |
<div class="uk-article"> |
|
| 24 | 34 |
|
| 25 |
<!-- MIDDLE --> |
|
| 26 |
<div class=" uk-width-expand@m"> |
|
| 35 |
<p class="uk-article-lead uk-margin-bottom">You don't have metrics enabled for this repository yet. Would you like to enable them?</p> |
|
| 27 | 36 |
|
| 28 |
<div> |
|
| 29 |
<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
|
|
| 30 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
|
| 31 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
| 32 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
| 33 |
{{ loadingMessage }}
|
|
| 34 |
</div> |
|
| 35 |
<div class="whiteFilm"></div> |
|
| 36 |
</div> |
|
| 37 |
<div *ngIf="repo && !loadingMessage"> |
|
| 38 |
<div> |
|
| 39 |
<h4>You don't have metrics enabled for this repository yet. Would you like to enable them?</h4> |
|
| 40 |
<p><img src="../../../assets/imgs/metricsWorkflow-new.svg" |
|
| 41 |
style="display:block; margin: 0 auto;" |
|
| 42 |
width="50%"></p> |
|
| 43 |
<p>Once you select to enable metrics for your repository, the following steps need to be performed:</p> |
|
| 44 |
<p><i>On your side</i><br> |
|
| 45 |
1. Download the tracking code for your repository platform<br> |
|
| 46 |
2. Configure the tracking code according to the instructions<br> |
|
| 47 |
3. Deploy the tracking code in your repository platform |
|
| 48 |
</p> |
|
| 49 |
<p><i>On the OpenAIRE's side</i><br> |
|
| 50 |
4. Validate the installation of the tracking code and inform the repository manager accordingly<br> |
|
| 51 |
</p> |
|
| 52 |
<div class="uk-alert uk-alert-info"> |
|
| 53 |
For more details about the workflows and tools please consult the |
|
| 54 |
<a target="_blank" href="https://openaire.github.io/usage-statistics-guidelines/"> |
|
| 55 |
“Guidelines for Collecting Usage Events and Provision of Usage Statistics” |
|
| 56 |
</a> |
|
| 57 |
. |
|
| 37 |
<div class="uk-grid uk-margin-medium-top uk-margin-medium-bottom"> |
|
| 38 |
<figure class="uk-width-1-3 uk-first-column"> |
|
| 39 |
<img src="../../../assets/imgs/metricsWorkflow-new.svg" alt="" data-dense-cap="2" class="dense-image dense-ready"> |
|
| 40 |
<figcaption class="uk-thumbnail-caption">Usage stats enable workflow</figcaption> |
|
| 41 |
</figure> |
|
| 42 |
|
|
| 43 |
<div class="info uk-width-2-3"> |
|
| 44 |
<p>Once you select to enable metrics for your repository, the following steps need to be performed:</p> |
|
| 45 |
<p><i>On your side</i><br> |
|
| 46 |
1. Download the tracking code for your repository platform<br> |
|
| 47 |
2. Configure the tracking code according to the instructions<br> |
|
| 48 |
3. Deploy the tracking code in your repository platform |
|
| 49 |
</p> |
|
| 50 |
<p><i>On the OpenAIRE's side</i><br> |
|
| 51 |
4. Validate the installation of the tracking code and inform the repository manager accordingly<br> |
|
| 52 |
</p> |
|
| 58 | 53 |
</div> |
| 59 |
<button class="uk-button uk-button-primary" (click)="confirmEnabling()">Enable Metrics</button> |
|
| 60 | 54 |
</div> |
| 55 |
|
|
| 56 |
<blockquote> |
|
| 57 |
For more details about the workflows and tools please consult the |
|
| 58 |
<a target="_blank" href="https://openaire.github.io/usage-statistics-guidelines/"> |
|
| 59 |
“Guidelines for Collecting Usage Events and Provision of Usage Statistics” |
|
| 60 |
</a> |
|
| 61 |
. |
|
| 62 |
</blockquote> |
|
| 63 |
|
|
| 64 |
<button class="uk-button uk-button-primary uk-margin-top" (click)="confirmEnabling()">Enable Metrics</button> |
|
| 65 |
|
|
| 61 | 66 |
</div> |
| 62 | 67 |
</div> |
| 63 |
|
|
| 64 | 68 |
</div> |
| 65 | 69 |
|
| 66 |
<!-- RIGHT HELP CONTENT --> |
|
| 67 |
<aside-help-content #rightHelperContent [position]="'right'" |
|
| 68 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
| 69 |
</aside-help-content> |
|
| 70 |
|
|
| 71 | 70 |
</div> |
| 72 | 71 |
</div> |
| 73 | 72 |
|
| 73 |
</div> |
|
| 74 | 74 |
|
| 75 |
<!-- BOTTOM HELP CONTENT -->
|
|
| 76 |
<help-content #bottomHelperContent [position]="'bottom'"
|
|
| 77 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
|
| 78 |
</help-content>
|
|
| 75 |
<!-- RIGHT HELP CONTENT -->
|
|
| 76 |
<aside-help-content #rightHelperContent [position]="'right'"
|
|
| 77 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
| 78 |
</aside-help-content>
|
|
| 79 | 79 |
|
| 80 |
</div> |
|
| 80 | 81 |
|
| 81 |
</div> |
|
| 82 |
</div> |
|
| 82 |
<!-- BOTTOM HELP CONTENT --> |
|
| 83 |
<help-content #bottomHelperContent [position]="'bottom'" |
|
| 84 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
| 85 |
</help-content> |
|
| 86 |
|
|
| 83 | 87 |
</div> |
| 84 | 88 |
</div> |
| 85 | 89 |
|
Also available in: Unified diff
Finished the first version of the usage statistics pages