Project

General

Profile

1
<div id="page_content_inner">
2
  <!--<h2 class="heading_b uk-margin-bottom">Manage your datasources</h2>-->
3

    
4
  <!-- 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

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

    
11
    <!-- 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

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

    
19
      <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
        </div>
23
        <div class="transparentFilm"></div>
24
      </div>
25

    
26
      <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
27

    
28
      <!--<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

    
38
      <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
                <li aria-expanded="false" class=""><a href="#">Update Interfaces</a></li>
45
                <li aria-expanded="false" class=""><a href="#">Update Admins</a></li>
46
<!--                <li aria-expanded="false" class=""><a href="#">Update Terms of Agreement</a></li>-->
47
              </ul>
48
              <ul id="tabs_anim4" class="uk-switcher uk-margin">
49
                <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
50
                  <datasource-update-form #datasourceUpdateForm
51
                                          [selectedRepo]="repo"
52
                                          [showButton]=true
53
                                          (emittedUrl)="getNewLogoUrl($event)"></datasource-update-form>
54
                </li>
55
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
56
                  <div *ngIf="repo && repoInterfaces && !loadingMessage" class="uk-grid uk-grid-match uk-margin-top" style="padding: 0px 3px 0px 3px;">
57
                    <div *ngFor="let inter of dataForInterfaceComp" class="uk-width-1-2@m uk-margin-bottom">
58
                      <div>
59
                        <div class="md-card" style="height: 100%">
60
                          <app-repository-interface-form #interfacesArray
61
                                                         [data]="inter"
62
                                                         (emitDeleteInterface)="removeInterfaceFromList($event)">
63
                          </app-repository-interface-form>
64
                        </div>
65
                      </div>
66
                    </div>
67
                    <div class="uk-width-1-2@m uk-margin-bottom">
68
                      <div>
69
                        <div class="md-card" style="height: 100%">
70
                          <div class="md-card-toolbar">
71
                          </div>
72
                          <div class="md-card-content">
73
                            <div class="interface-box new" style="text-align: center">
74
                              <a class="add-new-element add-new-group" (click)="addInterfaceToList()">
75
                                <i class="far fa-plus-square" aria-hidden="true"></i>
76
                                <span class="info">Add New Interface</span>
77
                              </a>
78
                            </div>
79
                          </div>
80
                        </div>
81
                      </div>
82

    
83
                    </div>
84
                  </div>
85
                </li>
86
                <li>
87
                  <app-update-repo-admins [repo]="repo"></app-update-repo-admins>
88
                </li>
89
                <li class="el-item">
90
                  <div>
91
                    <datasource-update-terms-form #updateTermsForm
92
                                                  [selectedRepo]="repo"
93
                                                  [showButton]=true
94
                                                  (emittedUrl)="getNewLogoUrl($event)"></datasource-update-terms-form>
95
                  </div>
96
                </li>
97
              </ul>
98
            </div>
99
          </div>
100
        </div>
101
      </div>
102

    
103

    
104
    </div>
105

    
106
    <!-- RIGHT HELP CONTENT -->
107
    <aside-help-content #rightHelperContent [position]="'right'"
108
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
109
    </aside-help-content>
110

    
111
  </div>
112

    
113
  <!-- BOTTOM HELP CONTENT -->
114
  <help-content #bottomHelperContent [position]="'bottom'"
115
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
116
  </help-content>
117

    
118
</div>
119

    
120

    
121

    
122
<confirmation-dialog #updateLogoUrlModal [title]="'Update Logo URL'" [isModalShown]="isModalShown"
123
                     [confirmActionButton]="'Update'" (emitObject)="updatedLogoUrl($event)">
124
  <div class="md-input-wrapper uk-margin-top">
125
    <input type="text" name="logoUrl" placeholder="Logo URL" class="md-input" value="{{ logoURL }}" (change)="getNewLogoUrl($event)">
126
    <span class="md-input-bar"></span>
127
  </div>
128
</confirmation-dialog>
129

    
(1-1/4)