Project

General

Profile

1
        <div>
2
          <div>
3
            <div class="animated fadeInRight stepContent">
4
              <div class="uk-alert uk-alert-danger" *ngIf="alertMessage" style="padding: 10px">
5
                {{ alertMessage }}
6
              </div>
7
              <div class="alert alert-info">
8
                Please make sure your repository is registered in
9
                <a target="_blank" href="{{ sourceUrl }}">
10
                  <i class="fa fa-external-link" style="margin-right:3px;"></i>{{ sourceTitle }}
11
                </a>
12
                . <br>
13
                <span *ngIf="latestUpdate && (latestUpdate !== null)">
14
			<b>Last Updated: </b>{{ latestUpdate }}
15
		</span>
16
              </div>
17
              <div>
18
                <div class="form-group">
19
                  <label class="control-label">Select repository's country</label>
20
                  <select class="form-control" (change) ="getReposInCountry($event.target.value)">
21
                    <option value="" disabled>-- none selected --</option>
22
                    <option *ngFor="let country of countries" value="{{ country.code }}">{{ country.name }}</option>
23
                  </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
                  <input #searchInput id="searchInput" class="form-control" type="text" [disabled]="(!hasSelectedCountry)" (keyup)="searchTerm($event)" />
28
                </div>
29
              </div>
30
              <div *ngIf="selectedCountry">
31
                <div>
32
                  <h2>{{ sourceTitle }} Repositories in {{ selectedCountry }}</h2>
33
                </div>
34
                <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
                </div>
40
                <div class="uk-alert uk-alert-warning" *ngIf="noRepositories">{{ noRepositories }}</div>
41
                <div class="repositoriesRadioButtonForm" *ngIf="countryRepos">
42
                  <div class="form-group"
43
                       *ngFor="let repo of countryRepos | repoFilter: searchBox">
44
                  <!--<div class="form-group">-->
45
                    <label for="{{ repo.id }}"
46
                           class="uk-button uk-link-muted visible_uk_links"
47
                           style="display: block; text-align: left;">
48
                      <input type="radio" value="{{ repo.id }}" id="{{ repo.id }}" name="repositories" (change)="onChooseRepository(repo.id)" [disabled]="repo.registeredby !== null">
49
                      <span>
50
                        {{(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
                          <i class="fa fa-external-link externalLink"></i>
54
                        </a>
55
                      </span>
56
                      <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
                                style="border-color: grey;"
59
                                (click)="pushedNext()">NEXT</a>
60
                      </div>
61
                    </label>
62
                  </div>
63
                </div>
64
              </div>
65
            </div>
66
          </div>
67
        </div>
(1-1/10)