Project

General

Profile

1
<div class="uk-section-default uk-section uk-section-small uk-padding-remove-bottom" style="min-height: 325px">
2

    
3
  <!-- MARGIN-TOP  -->
4
  <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div>
5
  <div class="uk-container">
6

    
7
    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
8
      <div class="uk-width-1-1@m uk-first-column">
9

    
10
        <h1 class="uk-h2">Metrics</h1>
11

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

    
17
        <div class="uk-container uk-margin-medium-top uk-margin-medium-bottom">
18
          <div class="uk-grid">
19

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

    
25
            <!-- MIDDLE -->
26
            <div class=" uk-width-expand@m">
27

    
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">
38
                  <div class="gwt-HTML">
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="http://beta.repomanager.openaire.eu/pdf/OpenAIRE_usage_stats_Guidelinesv1.pdf">
55
                        “Guidelines for Collecting Usage Events and Provision of Usage Statistics”
56
                      </a>
57
                      .
58
                    </div>
59
                    <button class="uk-button uk-button-primary" (click)="confirmEnabling()">Enable Metrics</button>
60
                  </div>
61
                </div>
62
              </div>
63

    
64
            </div>
65

    
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
          </div>
72
        </div>
73

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

    
80

    
81
      </div>
82
    </div>
83
  </div>
84
</div>
85

    
86
<!--   *** OLD HTML ***
87

    
88
<div id="contentWrapper"
89
     class="tm-main uk-section uk-section-default"
90
     uk-height-viewport="expand: true"
91
     style="box-sizing: border-box;" >
92

    
93
  &lt;!&ndash; MARGIN-TOP  &ndash;&gt;
94
  <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div>
95

    
96
  <div>
97
    <div class="uk-container">
98
      <div class="uk-grid uk-grid-stack">
99
        <div class="uk-width-expand@m uk-first-column">
100
          <div class="gwt-HTML uk-margin-medium-bottom">
101
            <h1 class="uk-article-title">Metrics</h1>
102
          </div>
103
          <div>
104
            <div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
105
            <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
106
            <div *ngIf="loadingMessage" class="loading-big">
107
              <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
108
                {{ loadingMessage }}
109
              </div>
110
              <div class="whiteFilm"></div>
111
            </div>
112
            <div *ngIf="repo">
113
              <div class="gwt-HTML">
114
                <h4>You don't have metrics enabled for this repository yet. Would you like to enable them?</h4>
115
                <p><img src="assets/imgs/metricsWorkflow-new.svg"
116
                    style="display:block; margin: 0 auto;"
117
                    width="50%"></p>
118
                <p>Once you select to enable metrics for your repository, the following steps need to be performed:</p>
119
                <p><i>On your side</i><br>
120
                          1. Download the tracking code for your repository platform<br>
121
                          2. Configure the tracking code according to the instructions<br>
122
                          3. Deploy the tracking code in your repository platform
123
                </p>
124
                <p><i>On the OpenAIRE's side</i><br>
125
                      4. Validate the installation of the tracking code and inform the repository manager accordingly<br>
126
                </p>
127
                <div class="uk-alert uk-alert-info">
128
                  For more details about the workflows and tools please consult the
129
                  <a target="_blank" href="http://beta.repomanager.openaire.eu/pdf/OpenAIRE_usage_stats_Guidelinesv1.pdf">
130
                    “Guidelines for Collecting Usage Events and Provision of Usage Statistics”
131
                  </a>
132
                  .
133
                </div>
134
                <button class="uk-button uk-button-primary" (click)="confirmEnabling()">Enable Metrics</button>
135
              </div>
136
            </div>
137
          </div>
138
        </div>
139
        <div class="tm-sidebar uk-width-1-4@m">
140
          <div class="gwt-HTML">
141
            <div class="uk-card uk-card-body uk-card-default sidemenu">
142
              <h3>Info</h3>
143
              <p>
144
                This page provides you with information about views and downloads of items in your datasource.
145
              </p>
146
              <p>
147
                The indicators are:
148
              </p>
149
              <ul>
150
                <li>
151
                  <strong>views</strong>
152
                  of your datasource items
153
                  <strong> in the OpenAIRE portal</strong>
154
                </li>
155
                <li>
156
                  <strong>views of items</strong>
157
                  tracked from your datasource
158
                </li>
159
                <li>
160
                  <strong>number of downloads</strong>
161
                  tracked from your datasource
162
                </li>
163
              </ul>
164
            </div>
165
          </div>
166
        </div>
167
      </div>
168
    </div>
169
  </div>
170
</div>
171
-->
172

    
173
<confirmation-dialog #confirmEnablingModal [title]="modalTitle" [isModalShown]="isModalShown"
174
                     [confirmActionButton]="modalButton" (emitObject)="confirmedEnabling($event)">
175
  Are you sure you want to enable metrics for this repository?
176
</confirmation-dialog>
(1-1/10)