Project

General

Profile

« Previous | Next » 

Revision 57129

Finished the first version of the usage statistics pages

View differences:

metrics-instructions.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 Configuration & Software Details for {{piwik.repositoryName}}</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 Configuration & Software Details</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 *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
21
        <div *ngIf="piwik">
19 22

  
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>
23
          <div class="md-card">
24
            <div class="md-card-content large-padding">
25
              <div class="uk-article">
24 26

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

  
28
              <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
29
              <div *ngIf="piwik">
30 27
                <p>
31 28
                  OpenAIRE’s usage statistic service uses the <i>Piwik Open Source Analytics platform</i> (piwik.org) to track usage activity. When <i>metrics</i>
32 29
                  are enabled for a repository, two unique identifiers are generated - a piwik-ID that associates the repository with its usage events in Piwik
......
57 54
                  <strong>NOTE</strong>
58 55
                  - You will be informed by e-mail that the installation of the tracking code has been validated and when the usage statistics will be available.
59 56
                </div>
57

  
60 58
              </div>
61

  
62 59
            </div>
60
          </div>
63 61

  
64
            <!-- RIGHT HELP CONTENT -->
65
            <aside-help-content #rightHelperContent [position]="'right'"
66
                                [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
67
            </aside-help-content>
68

  
69
          </div>
70 62
        </div>
71 63

  
64
      </div>
72 65

  
73
        <!-- BOTTOM HELP CONTENT -->
74
        <help-content #bottomHelperContent [position]="'bottom'"
75
                      [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
76
        </help-content>
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>
77 70

  
71
    </div>
78 72

  
79
      </div>
80
    </div>
73
    <!-- BOTTOM HELP CONTENT -->
74
    <help-content #bottomHelperContent [position]="'bottom'"
75
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
76
    </help-content>
77

  
81 78
  </div>
82 79
</div>
83 80

  

Also available in: Unified diff