Project

General

Profile

1
<div id="page_content_inner">
2
  <!--<h2 class="heading_b uk-margin-bottom">Metrics for repository....</h2>-->
3
  <h2 *ngIf="repo" class="heading_b uk-margin-bottom">Metrics for {{repo.officialName}}</h2>
4

    
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>
9

    
10
  <div class="uk-grid">
11

    
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>
16

    
17
    <!-- MIDDLE -->
18
    <div class=" uk-width-expand@m">
19

    
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">
30

    
31
          <div class="md-card">
32
            <div class="md-card-content large-padding">
33
              <div class="uk-article">
34

    
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>
36

    
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 actions need to be performed:</p>
45
                    <p><i>As the repository manager, on datasource site:</i><br>
46
                      1. Download the tracking code for your datasource platform.<br>
47
                      2. Follow the instructions to configure the tracking code.<br>
48
                      3. Deploy the tracking code into your datasource platform.
49
                    </p>
50
                    <p><i>As OpenAIRE's Usage Counts Technical Staff, on our data analytics platform:</i><br>
51
                      4. Validate the installation and inform you accordingly.<br>
52
                    </p>
53
                  </div>
54
                </div>
55

    
56
                <blockquote>
57
                  For more details about the workflows, please consult the
58
                  <a href="https://openaire.github.io/usage-statistics-guidelines/">OpenAIRE Usage Counts Guidelines</a>.<br>
59
                  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>.
60

    
61
                </blockquote>
62

    
63
                <button class="uk-button uk-button-primary uk-margin-top" (click)="confirmEnabling()">Enable Metrics</button>
64

    
65
              </div>
66
            </div>
67
          </div>
68

    
69
        </div>
70
      </div>
71

    
72
    </div>
73

    
74
    <!-- RIGHT HELP CONTENT -->
75
    <aside-help-content #rightHelperContent [position]="'right'"
76
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
77
    </aside-help-content>
78

    
79
  </div>
80

    
81
  <!-- BOTTOM HELP CONTENT -->
82
  <help-content #bottomHelperContent [position]="'bottom'"
83
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
84
  </help-content>
85

    
86
</div>
87

    
88
<confirmation-dialog #confirmEnablingModal [title]="modalTitle" [isModalShown]="isModalShown"
89
                     [confirmActionButton]="modalButton" (emitObject)="confirmedEnabling($event)">
90
  Are you sure you want to enable metrics for this repository?
91
</confirmation-dialog>
(1-1/15)