Project

General

Profile

1 58098 stefania.m
<div id="page_content_inner">
2
  <!--<h2 class="heading_b uk-margin-bottom">Manage your datasources</h2>-->
3 54479 myrto.kouk
4 58098 stefania.m
  <!-- TOP HELP CONTENT -->
5
  <help-content #topHelperContent [position]="'top'"
6
                [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
7
  </help-content>
8 54479 myrto.kouk
9 58098 stefania.m
  <div class="uk-grid">
10 54479 myrto.kouk
11 58098 stefania.m
    <!-- LEFT HELP CONTENT -->
12
    <aside-help-content #leftHelperContent [position]="'left'"
13
                        [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
14
    </aside-help-content>
15 54479 myrto.kouk
16 58098 stefania.m
    <!-- MIDDLE -->
17
    <div class=" uk-width-expand@m">
18 54479 myrto.kouk
19 58098 stefania.m
      <div *ngIf="loadingMessage" class="loading-big">
20
        <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
21
          {{ loadingMessage }}
22 57094 stefania.m
        </div>
23 58098 stefania.m
        <div class="transparentFilm"></div>
24
      </div>
25 57094 stefania.m
26 58098 stefania.m
      <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
27 57094 stefania.m
28 58098 stefania.m
      <!--<div *ngIf="!loadingMessage && (repo !== null)" class="uk-margin-medium-bottom">-->
29
        <!--<h3 class="heading_b uk-margin-bottom">-->
30
          <!--<a id="updateLogoURL" (click)="updateLogoUrl(repo.logoUrl)">-->
31
            <!--<img *ngIf="!logoURL" src="../../../../assets/imgs/yourLogoHere.jpg" style="margin-right: 15px; margin-top:-8px" width="60">-->
32
            <!--<img *ngIf="logoURL" src="{{ logoURL }}" style="margin-right: 15px; margin-top:-8px" width="60">-->
33
          <!--</a>-->
34
          <!--{{ repo.officialName }}-->
35
        <!--</h3>-->
36
      <!--</div>-->
37 57094 stefania.m
38 58098 stefania.m
      <div *ngIf="!loadingMessage && (repo !== null) && (repoInterfaces !== null)" class="uk-grid">
39
        <div class="uk-width-medium-1-1">
40
          <div class="md-card tabs" data-uk-grid-margin="">
41
            <div class="md-card-content uk-row-first">
42
              <ul class="uk-tab" data-uk-tab="{connect:'#tabs_anim4', animation:'slide-left'}">
43
                <li class="uk-active" aria-expanded="true"><a href="#">Update Information</a></li>
44 59133 andreas.ma
                <li aria-expanded="false" class=""><a href="#">Update Interfaces</a></li>
45
<!--                <li aria-expanded="false" class=""><a href="#">Update Terms of Agreement</a></li>-->
46 58098 stefania.m
              </ul>
47
              <ul id="tabs_anim4" class="uk-switcher uk-margin">
48
                <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
49
                  <datasource-update-form #datasourceUpdateForm
50
                                          [selectedRepo]="repo"
51
                                          [showButton]=true
52
                                          (emittedUrl)="getNewLogoUrl($event)"></datasource-update-form>
53
                </li>
54
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
55
                  <div *ngIf="repo && repoInterfaces && !loadingMessage" class="uk-grid uk-grid-match uk-margin-top" style="padding: 0px 3px 0px 3px;">
56
                    <div *ngFor="let inter of dataForInterfaceComp" class="uk-width-1-2@m uk-margin-bottom">
57
                      <div>
58
                        <div class="md-card" style="height: 100%">
59
                          <app-repository-interface-form #interfacesArray
60
                                                         [data]="inter"
61
                                                         (emitDeleteInterface)="removeInterfaceFromList($event)">
62
                          </app-repository-interface-form>
63 57094 stefania.m
                        </div>
64 54479 myrto.kouk
                      </div>
65 58098 stefania.m
                    </div>
66
                    <div class="uk-width-1-2@m uk-margin-bottom">
67
                      <div>
68
                        <div class="md-card" style="height: 100%">
69
                          <div class="md-card-toolbar">
70
                          </div>
71
                          <div class="md-card-content">
72
                            <div class="interface-box new" style="text-align: center">
73
                              <a class="add-new-element add-new-group" (click)="addInterfaceToList()">
74
                                <i class="far fa-plus-square" aria-hidden="true"></i>
75
                                <span class="info">Add New Interface</span>
76
                              </a>
77 57094 stefania.m
                            </div>
78 54479 myrto.kouk
                          </div>
79
                        </div>
80 58098 stefania.m
                      </div>
81 57094 stefania.m
82
                    </div>
83 58098 stefania.m
                  </div>
84
                </li>
85 58412 andreas.ma
                <li class="el-item">
86
                  <div>
87
                    <datasource-update-terms-form #updateTermsForm
88
                                                  [selectedRepo]="repo"
89
                                                  [showButton]=true
90
                                                  (emittedUrl)="getNewLogoUrl($event)"></datasource-update-terms-form>
91
                  </div>
92
                </li>
93 58098 stefania.m
              </ul>
94 54479 myrto.kouk
            </div>
95
          </div>
96
        </div>
97 57094 stefania.m
      </div>
98 54479 myrto.kouk
99
100
    </div>
101
102 58098 stefania.m
    <!-- RIGHT HELP CONTENT -->
103
    <aside-help-content #rightHelperContent [position]="'right'"
104
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
105
    </aside-help-content>
106 54479 myrto.kouk
107 57094 stefania.m
  </div>
108 58098 stefania.m
109
  <!-- BOTTOM HELP CONTENT -->
110
  <help-content #bottomHelperContent [position]="'bottom'"
111
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
112
  </help-content>
113
114 57094 stefania.m
</div>
115 54479 myrto.kouk
116
117 57094 stefania.m
118
<confirmation-dialog #updateLogoUrlModal [title]="'Update Logo URL'" [isModalShown]="isModalShown"
119
                     [confirmActionButton]="'Update'" (emitObject)="updatedLogoUrl($event)">
120
  <div class="md-input-wrapper uk-margin-top">
121
    <input type="text" name="logoUrl" placeholder="Logo URL" class="md-input" value="{{ logoURL }}" (change)="getNewLogoUrl($event)">
122
    <span class="md-input-bar"></span>
123
  </div>
124
</confirmation-dialog>