uoa-repository-manager-ui/src/app/pages/repository/metrics/metrics-enable.component.html

92 lines
4.2 KiB
HTML
Executable File

<div id="page_content_inner">
<!--<h2 class="heading_b uk-margin-bottom">Metrics for repository....</h2>-->
<h2 *ngIf="repo" class="heading_b uk-margin-bottom">Metrics for {{repo.officialName}}</h2>
<!-- TOP HELP CONTENT -->
<help-content #topHelperContent [position]="'top'"
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
</help-content>
<div class="uk-grid">
<!-- LEFT HELP CONTENT -->
<aside-help-content #leftHelperContent [position]="'left'"
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
</aside-help-content>
<!-- MIDDLE -->
<div class=" uk-width-expand@m">
<div>
<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
<div *ngIf="loadingMessage" class="loading-big">
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
{{ loadingMessage }}
</div>
<div class="transparentFilm"></div>
</div>
<div *ngIf="repo && !loadingMessage">
<div class="md-card">
<div class="md-card-content large-padding">
<div class="uk-article">
<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>
<div class="uk-grid uk-margin-medium-top uk-margin-medium-bottom">
<figure class="uk-width-1-3 uk-first-column">
<img src="../../../../assets/imgs/metricsWorkflow-new.svg" alt="" data-dense-cap="2" class="dense-image dense-ready">
<figcaption class="uk-thumbnail-caption">Usage stats enable workflow</figcaption>
</figure>
<div class="info uk-width-2-3">
<p>Once you select to enable metrics for your repository, the following actions need to be performed:</p>
<p><i>As the repository manager, on datasource site:</i><br>
1. Download the tracking code for your datasource platform.<br>
2. Follow the instructions to configure the tracking code.<br>
3. Deploy the tracking code into your datasource platform.
</p>
<p><i>As OpenAIRE's Usage Counts Technical Staff, on our data analytics platform:</i><br>
4. Validate the installation and inform you accordingly.<br>
</p>
</div>
</div>
<blockquote>
For more details about the workflows, please consult the
<a href="https://openaire.github.io/usage-statistics-guidelines/">OpenAIRE Usage Counts Guidelines</a>.<br>
If you have any questions, please create a <a href="https://www.openaire.eu/support/helpdesk">helpdesk ticket</a> or write to <a href="mailto:usagecounts-helpdesk@openaire.eu">usagecounts-helpdesk@openaire.eu</a>.
</blockquote>
<button class="uk-button uk-button-primary uk-margin-top" (click)="confirmEnabling()">Enable Metrics</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- RIGHT HELP CONTENT -->
<aside-help-content #rightHelperContent [position]="'right'"
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
</aside-help-content>
</div>
<!-- BOTTOM HELP CONTENT -->
<help-content #bottomHelperContent [position]="'bottom'"
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
</help-content>
</div>
<confirmation-dialog #confirmEnablingModal [title]="modalTitle" [isModalShown]="isModalShown"
[confirmActionButton]="modalButton" (emitObject)="confirmedEnabling($event)">
Are you sure you want to enable metrics for this repository?
</confirmation-dialog>