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
                <b>Last Updated: </b>
14
                {{ latestUpdate }}
15
              </div>
16
              <div>
17
                <div class="form-group">
18
                  <label class="control-label">Select repository's country</label>
19
                  <select class="form-control" (change) ="getReposInCountry($event.target.value)">
20
                    <option value="" disabled>-- none selected --</option>
21
                    <option *ngFor="let country of countries" value="{{ country.name }}">{{ country.name }}</option>
22
                  </select>
23
                </div>
24
                <div class="form-group">
25
                  <label class="control-label">Start typing in the name of your repository to narrow down the view</label>
26
                  <input [(ngModel)]="searchBox" id="search" class="form-control" type="text" [disabled]="(!hasSelectedCountry)" />
27
                </div>
28
              </div>
29
              <div *ngIf="selectedCountry">
30
                <div>
31
                  <h2>{{ sourceTitle }} Repositories in {{ selectedCountry }}</h2>
32
                </div>
33
                <div *ngIf="loadingMessage" class="loading-big">
34
                  <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
35
                    {{ loadingMessage }}
36
                  </div>
37
                  <div class="whiteFilm"></div>
38
                </div>
39
                <div class="uk-alert uk-alert-warning" *ngIf="noRepositories">{{ noRepositories }}</div>
40
                <div class="repositoriesRadioButtonForm" *ngIf="countryRepos">
41
                  <div class="form-group"
42
                       *ngFor="let repo of countryRepos | repoFilter: searchBox">
43
                    <label for="{{ repo.id }}"
44
                           class="uk-button uk-link-muted visible_uk_links"
45
                           style="display: block; text-align: left;">
46
                      <input type="radio" value="{{ repo.id }}" id="{{ repo.id }}" name="repositories" (change)="onChooseRepository(repo.id)" [disabled]="repo.registered">
47
                      <span>
48
                        {{ repo.officialName }}
49
                        <span *ngIf="repo.registered" class="uk-label uk-label-warning registeredLabel">Registered</span>
50
                        <a target="_blank" href="{{repo.websiteUrl }}" [ngStyle]="">
51
                          <i class="fa fa-external-link externalLink"></i>
52
                        </a>
53
                      </span>
54
                      <div *ngIf="repoId == repo.id" class="uk-float-right">
55
                        <a class="uk-button uk-button-primary uk-border-rounded uk-vertical-align-middle"
56
                                style="border-color: grey;"
57
                                (click)="pushedNext()">NEXT</a>
58
                      </div>
59
                    </label>
60
                  </div>
61
                </div>
62
              </div>
63
            </div>
64
          </div>
65
        </div>
(1-1/10)