Project

General

Profile

Download (3.83 KB) Statistics
| Revision:

dnet45/modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources-register/register-datasource-shareable.component.html @ 54201

1 50259 myrto.kouk 
        <div>
2 
          <div>
3 
            <div class="animated fadeInRight stepContent">
4 50610 myrto.kouk 
              <div class="uk-alert uk-alert-danger" *ngIf="alertMessage" style="padding: 10px">
5 50259 myrto.kouk 
                {{ alertMessage }}
6 
              </div>
7 50610 myrto.kouk 
              <div class="alert alert-info">
8 50259 myrto.kouk 
                Please make sure your repository is registered in
9 50349 myrto.kouk 
                <a target="_blank" href="{{ sourceUrl }}">
10 50610 myrto.kouk 
                  <i class="fa fa-external-link" style="margin-right:3px;"></i>{{ sourceTitle }}
11 50259 myrto.kouk 
                </a>
12 
                . <br>
13 54201 myrto.kouk 
                <span *ngIf="latestUpdate && (latestUpdate !== 'null')">
14 53601 myrto.kouk 
                  <b>Last Updated: </b>{{ latestUpdate }}
15 
                </span>
16 50259 myrto.kouk 
              </div>
17 
              <div>
18 
                <div class="form-group">
19 
                  <label class="control-label">Select repository's country</label>
20 50610 myrto.kouk 
                  <select class="form-control" (change) ="getReposInCountry($event.target.value)">
21 50259 myrto.kouk 
                    <option value="" disabled>-- none selected --</option>
22 53302 myrto.kouk 
                    <option *ngFor="let country of countries; let i = index" value="{{ i }}">{{ country.name ? country.name : country.code }}</option>
23 50259 myrto.kouk 
                  </select>
24 
                </div>
25 
                <div class="form-group">
26 
                  <label class="control-label">Start typing in the name of your repository to narrow down the view</label>
27 51651 myrto.kouk 
                  <input #searchInput id="searchInput" class="form-control" type="text" [disabled]="(!hasSelectedCountry)" (keyup)="searchTerm($event)" />
28 50259 myrto.kouk 
                </div>
29 
              </div>
30 51015 myrto.kouk 
              <div *ngIf="selectedCountry">
31 50259 myrto.kouk 
                <div>
32 53302 myrto.kouk 
                  <h2>{{ sourceTitle }} Repositories in {{ selectedCountry.name ? selectedCountry.name : selectedCountry.code }}</h2>
33 50259 myrto.kouk 
                </div>
34 50632 myrto.kouk 
                <div *ngIf="loadingMessage" class="loading-big">
35 
                  <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
36 
                    {{ loadingMessage }}
37 
                  </div>
38 
                  <div class="whiteFilm"></div>
39 50259 myrto.kouk 
                </div>
40 
                <div class="uk-alert uk-alert-warning" *ngIf="noRepositories">{{ noRepositories }}</div>
41 53601 myrto.kouk 
                <div class="repositoriesRadioButtonForm" *ngIf="countryRepos && !loadingMessage">
42 51651 myrto.kouk 
                  <div class="form-group"
43 
                       *ngFor="let repo of countryRepos | repoFilter: searchBox">
44 
                  <!--<div class="form-group">-->
45 51292 myrto.kouk 
                    <label for="{{ repo.id }}"
46 51581 myrto.kouk 
                           class="uk-button uk-link-muted visible_uk_links"
47 51292 myrto.kouk 
                           style="display: block; text-align: left;">
48 53112 myrto.kouk 
                      <input type="radio" value="{{ repo.id }}" id="{{ repo.id }}" name="repositories" (change)="onChooseRepository(repo.id)" [disabled]="repo.registeredby !== null">
49 50259 myrto.kouk 
                      <span>
50 53112 myrto.kouk 
                        {{(repo.officialname !== null) ? repo.officialname : repo.englishname }}
51 
                        <span *ngIf="repo.registeredby !== null" class="uk-label uk-label-warning registeredLabel">Registered</span>
52 
                        <a target="_blank" href="{{ (repo.websiteurl !== null) ? repo.websiteurl : '' }}" [ngStyle]="">
53 50259 myrto.kouk 
                          <i class="fa fa-external-link externalLink"></i>
54 
                        </a>
55 
                      </span>
56 51320 myrto.kouk 
                      <div *ngIf="repoId == repo.id" class="uk-float-right">
57 
                        <a class="uk-button uk-button-primary uk-border-rounded uk-vertical-align-middle"
58 51292 myrto.kouk 
                                style="border-color: grey;"
59 51320 myrto.kouk 
                                (click)="pushedNext()">NEXT</a>
60 51292 myrto.kouk 
                      </div>
61 50259 myrto.kouk 
                    </label>
62 
                  </div>
63 
                </div>
64 
              </div>
65 
            </div>
66 
          </div>
67 
        </div>