1 |
51118
|
myrto.kouk
|
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
2 |
|
|
<div class="uk-width-1-1@m uk-first-column">
|
3 |
|
|
|
4 |
|
|
<!-- TOP HELP CONTENT -->
|
5 |
51561
|
myrto.kouk
|
<help-content #topHelperContent [position]="'top'"
|
6 |
51118
|
myrto.kouk
|
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
7 |
51561
|
myrto.kouk
|
</help-content>
|
8 |
51118
|
myrto.kouk
|
|
9 |
|
|
<div class="uk-container uk-margin-medium-top uk-margin-medium-bottom">
|
10 |
|
|
<div class="uk-grid">
|
11 |
|
|
|
12 |
|
|
<!-- LEFT HELP CONTENT -->
|
13 |
51561
|
myrto.kouk
|
<aside-help-content #leftHelperContent [position]="'left'"
|
14 |
51118
|
myrto.kouk
|
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
15 |
51561
|
myrto.kouk
|
</aside-help-content>
|
16 |
51118
|
myrto.kouk
|
|
17 |
|
|
<!-- MIDDLE -->
|
18 |
|
|
<div class=" uk-width-expand@m">
|
19 |
|
|
|
20 |
|
|
<div *ngIf="loadingMessage" class="loading-big">
|
21 |
|
|
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
22 |
|
|
{{ loadingMessage }}
|
23 |
|
|
</div>
|
24 |
|
|
<div class="whiteFilm"></div>
|
25 |
|
|
</div>
|
26 |
|
|
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
27 |
|
|
<div *ngIf="repo" class="uk-margin-medium-bottom">
|
28 |
|
|
<h1 class="uk-article-title">
|
29 |
51771
|
myrto.kouk
|
<a id="updateLogoURL" (click)="updateLogoUrl(repo.logoUrl)">
|
30 |
51118
|
myrto.kouk
|
<img *ngIf="!logoURL" src="/assets/imgs/yourLogoHere.jpg" style="margin-right: 15px; margin-top:-8px" width="60">
|
31 |
|
|
<img *ngIf="logoURL" src="{{ logoURL }}" style="margin-right: 15px; margin-top:-8px" width="60">
|
32 |
|
|
</a>
|
33 |
|
|
{{ repo.officialName }}
|
34 |
|
|
</h1>
|
35 |
|
|
</div>
|
36 |
51359
|
myrto.kouk
|
<div *ngIf="repo && repoInterfaces">
|
37 |
51118
|
myrto.kouk
|
<div>
|
38 |
|
|
<ul class="uk-margin el-nav uk-tab" uk-switcher="connect: .uk-switcher">
|
39 |
|
|
<li routerLinkActive="uk-active">
|
40 |
|
|
<a href="#">Update Information</a>
|
41 |
|
|
</li>
|
42 |
|
|
<li routerLinkActive="uk-active">
|
43 |
|
|
<a href="#">Update Interfaces</a>
|
44 |
|
|
</li>
|
45 |
|
|
</ul>
|
46 |
|
|
<ul class="uk-switcher">
|
47 |
|
|
<li class="el-item">
|
48 |
|
|
<div>
|
49 |
|
|
<datasource-update-form #datasourceUpdateForm
|
50 |
|
|
[selectedRepo]="repo"
|
51 |
|
|
[showButton]=true
|
52 |
|
|
(emittedUrl)="getNewLogoUrl($event)"></datasource-update-form>
|
53 |
|
|
</div>
|
54 |
|
|
</li>
|
55 |
|
|
<li class="el-item">
|
56 |
|
|
<div *ngIf="repo && repoInterfaces" class="uk-width-1-1@m uk-first-column">
|
57 |
|
|
<form [formGroup]="group">
|
58 |
|
|
<form-repeat [component]="updateDatasourceInterfaces"
|
59 |
|
|
[parentGroup]="group"
|
60 |
|
|
[description]="interfaceFormDesc"
|
61 |
|
|
[name]="'datasource-interface-form'"
|
62 |
|
|
[data]="repoInterfaces"
|
63 |
|
|
[otherData]="repo">
|
64 |
|
|
</form-repeat>
|
65 |
|
|
</form>
|
66 |
|
|
</div>
|
67 |
|
|
</li>
|
68 |
|
|
</ul>
|
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 |
|
|
</div>
|
81 |
|
|
|
82 |
|
|
|
83 |
|
|
<!-- BOTTOM HELP CONTENT -->
|
84 |
|
|
<help-content #bottomHelperContent [position]="'bottom'"
|
85 |
|
|
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
86 |
|
|
</help-content>
|
87 |
|
|
|
88 |
|
|
|
89 |
|
|
</div>
|
90 |
|
|
</div>
|
91 |
|
|
|
92 |
51771
|
myrto.kouk
|
|
93 |
|
|
<confirmation-dialog #updateLogoUrlModal [title]="'Update Logo URL'" [isModalShown]="isModalShown"
|
94 |
|
|
[confirmActionButton]="'Update'" (emitObject)="updatedLogoUrl($event)">
|
95 |
|
|
<input type="text" name="logoUrl" placeholder="Logo URL" class="form-control" value="{{ logoURL }}" (change)="getNewLogoUrl($event)" >
|
96 |
|
|
</confirmation-dialog>
|
97 |
|
|
|