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="uk-alert uk-alert-info">
8
        Please make sure your repository is registered in
9
        <a target="_blank" href="{{ sourceUrl }}">
10
          <i class="fas fa-external-link-alt" 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 class="uk-margin-medium-top">
18
        <div class="md-input-wrapper md-input-filled">
19
          <label style="top: -16px;" class="">Select country</label>
20
          <select class="md-input" (change)="getReposInCountry($event.target.value)">
21
            <option value="" disabled>-- none selected --</option>
22
            <option *ngFor="let country of countries; let i = index" value="{{ i }}">{{ country.name ? country.name :
23
              country.code }}
24
            </option>
25
          </select>
26
          <span class="md-input-bar"></span>
27
        </div>
28

    
29
      </div>
30
      <div *ngIf="selectedCountry">
31
        <div>
32
          <h2 class="heading_b uk-margin-bottom uk-margin-medium-top">{{ sourceTitle }} Repositories in {{
33
            selectedCountry.name ? selectedCountry.name : selectedCountry.code }}</h2>
34
        </div>
35
        <div *ngIf="loadingMessage" class="loading-big">
36
          <div class="loader-big"
37
               style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
38
            {{ loadingMessage }}
39
          </div>
40
          <div class="whiteFilm"></div>
41
        </div>
42
        <div class="uk-alert uk-alert-warning" *ngIf="noRepositories">{{ noRepositories }}</div>
43
        <div class="radioButtonForm" *ngIf="countryRepos && !loadingMessage">
44

    
45

    
46
          <div class="md-input-wrapper md-input-filled uk-margin-medium-top uk-margin-bottom">
47
            <label class="">Name of repository</label>
48
            <input #searchInput id="searchInput" class="md-input" type="text"
49
                   [disabled]="(!hasSelectedCountry)" (keyup)="searchTerm($event)"/>
50
            <span class="md-input-bar"></span>
51
          </div>
52

    
53

    
54
          <div class="form-group"
55
               *ngFor="let repo of countryRepos | repoFilter: searchBox">
56
            <label for="{{ repo.id }}"
57
                   class="uk-button uk-link-muted visible_uk_links"
58
                   style="display: block; text-align: left;">
59
              <input type="radio" value="{{ repo.id }}" id="{{ repo.id }}" name="repositories"
60
                     (change)="onChooseRepository(repo.id)" [disabled]="repo.registeredby !== null">
61
              <span>
62
                        {{(repo.officialname !== null) ? repo.officialname : repo.englishname }}
63
                        <span *ngIf="repo.registeredby !== null"
64
                              class="uk-badge uk-badge-warning uk-margin-small-right uk-margin-small-left">Registered</span>
65
                        <a target="_blank" href="{{ (repo.websiteurl !== null) ? repo.websiteurl : '' }}" [ngStyle]="">
66
                          <i class="fas fa-external-link-alt externalLink"></i>
67
                        </a>
68
                      </span>
69
              <!--TODO uncomment if we still need the next button everywhere-->
70
              <!--<div *ngIf="repoId == repo.id" class="uk-float-right">-->
71
              <!--<a class="uk-button uk-button-primary uk-border-rounded uk-vertical-align-middle"-->
72
              <!--style="border-color: grey;"-->
73
              <!--(click)="pushedNext()">NEXT</a>-->
74
              <!--</div>-->
75
            </label>
76
          </div>
77
        </div>
78
      </div>
79
    </div>
80
  </div>
81
</div>
(1-1/10)