Project

General

Profile

« Previous | Next » 

Revision 60331

[Library | Trunk]: Admin tools pages add loading and notifications

View differences:

portals.component.html
40 40
    </div>
41 41
  </div>
42 42
  <div inner>
43
    <div *ngIf="updateErrorMessage" class="uk-alert-danger" uk-alert>
44
      <a class="uk-alert-close" uk-close></a>
45
      {{updateErrorMessage}}
46
    </div>
47
    <div *ngIf="errorMessage" class="uk-alert uk-alert-danger  uk-margin-large-top"
48
         role="alert">{{errorMessage}}</div>
49
    <div [style.display]="showLoading ? 'inline' : 'none'"
50
         class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img
51
        class="uk-align-center loading-gif"></div>
52

  
53

  
54
    <div class=" uk-margin-medium-bottom" *ngIf="!errorMessage && !showLoading">
55

  
56
      <div class="">
43
    <loading *ngIf="showLoading" class="uk-margin-large-top"></loading>
44
    <div *ngIf="!showLoading">
45
      <div *ngIf="updateErrorMessage" class="uk-alert-danger" uk-alert>
46
        <a class="uk-alert-close" uk-close></a>
47
        {{updateErrorMessage}}
48
      </div>
49
      <div *ngIf="errorMessage" class="uk-alert uk-alert-danger  uk-margin-large-top"
50
           role="alert">{{errorMessage}}</div>
51
      <div class=" uk-margin-medium-bottom" *ngIf="!errorMessage">
57 52
        <div class="uk-overflow-container">
58
          <table class="uk-table uk-table-striped uk-table-hover">
59
            <thead class="uk-card-header">
60
            <tr>
61
              <th><input id="allCommunityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th>
62
              <th>Name</th>
63
              <th>Type</th>
64
              <th>Actions</th>
65
            </tr>
66
            </thead>
67
            <tbody>
68
            <tr *ngFor="let check of checkboxes; let i=index">
69
              <td><input id="{{check.portal._id}}" class="checkBox" type="checkbox"
70
                         name="communitiescb[]" value="{{check.portal._id}}" [(ngModel)]="check.checked">
71
              </td>
72
              <td>
73
                <div class="name" href="#">{{check.portal.name}}</div>
74
              </td>
75
              <td>
76
                <div class="type" href="#">{{check.portal.type}}</div>
77
              </td>
78
              <td>
79
                <div class="actions" href="#">
80
                  <i class="clickable" uk-icon="pencil" (click)="editPortal(i)"></i>
81
                  <i class="clickable uk-text-danger" uk-icon="trash"
82
                     (click)="confirmDeletePortal(check.portal._id)"></i>
83
                </div>
84
              </td>
53
            <table class="uk-table uk-table-striped uk-table-hover">
54
              <thead class="uk-card-header">
55
              <tr>
56
                <th><input id="allCommunityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th>
57
                <th>Name</th>
58
                <th>Type</th>
59
                <th>Actions</th>
60
              </tr>
61
              </thead>
62
              <tbody>
63
              <tr *ngFor="let check of checkboxes; let i=index">
64
                <td><input id="{{check.portal._id}}" class="checkBox" type="checkbox"
65
                           name="communitiescb[]" value="{{check.portal._id}}" [(ngModel)]="check.checked">
66
                </td>
67
                <td>
68
                  <div class="name" href="#">{{check.portal.name}}</div>
69
                </td>
70
                <td>
71
                  <div class="type" href="#">{{check.portal.type}}</div>
72
                </td>
73
                <td>
74
                  <div class="actions" href="#">
75
                    <i class="clickable" uk-icon="pencil" (click)="editPortal(i)"></i>
76
                    <i class="clickable uk-text-danger" uk-icon="trash"
77
                       (click)="confirmDeletePortal(check.portal._id)"></i>
78
                  </div>
79
                </td>
85 80

  
86
            </tr>
81
              </tr>
87 82

  
88
            </tbody>
89
          </table>
90
          <div *ngIf="checkboxes.length==0" class="col-md-12">
91
            <div class="uk-alert-warning" uk-alert>No portals found</div>
83
              </tbody>
84
            </table>
85
            <div *ngIf="checkboxes.length==0" class="col-md-12">
86
              <div class="uk-alert-warning" uk-alert>No portals found</div>
87
            </div>
88
            <!--<div class="uk-width-1-1 uk-flex uk-flex-center ">
89
              <div class="uk-width-small uk-button-default uk-button" (click)="newCommunity()">
90
                <i class="" uk-icon="plus"></i>
91
              </div>
92
            </div>-->
92 93
          </div>
93
          <!--<div class="uk-width-1-1 uk-flex uk-flex-center ">
94
            <div class="uk-width-small uk-button-default uk-button" (click)="newCommunity()">
95
              <i class="" uk-icon="plus"></i>
96
            </div>
97
          </div>-->
98
        </div>
99 94
      </div>
100 95
    </div>
101 96
  </div>

Also available in: Unified diff