Project

General

Profile

1
<div id="entities">
2

    
3
        <div class="menubar ">
4

    
5
            <div class="entity-title uk-text-large">Entities</div>
6
            <div *ngIf="updateErrorMessage" class="uk-alert-danger" uk-alert>
7
              <a class="uk-alert-close" uk-close></a>
8
              {{updateErrorMessage}}
9
            </div>
10
            <div *ngIf="!errorMessage && !showLoading" class="page-controls">
11
                <div class="  filters ">
12
                    <div class="show-options uk-float-right">
13
                      <button class="uk-button" type="button">Bulk Actions</button>
14
                      <div uk-dropdown="mode: click">
15
                        <ul class="uk-nav uk-navbar-dropdown-nav"
16
                            [attr.uk-tooltip]="getSelectedEntities().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"
17
                            title="Select at least one entity">
18
                          <li *ngIf="!isPortalAdministrator"><a [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''" (click)="toggleEntities(true, getSelectedEntities())"><i></i> Activate </a></li>
19
                          <li *ngIf="!isPortalAdministrator"><a [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''" (click)="toggleEntities(false, getSelectedEntities())"><i></i> Deactivate </a></li>
20
                          <li *ngIf="isPortalAdministrator"><a [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''" (click)="confirmDeleteSelectedEntities()"><i></i> Delete </a></li>
21
                        </ul>
22
                      </div>
23
                    </div>
24
                </div>
25
            </div>
26
            <!-- <a (click)="showModal()" *ngIf="isPortalAdministrator" class="uk-button uk-button-primary uk-float-right"><i></i> New Entity </a> -->
27
            <form target="BSFormPanel_Admin_1" class="search">
28
                <!-- <input #inputstring (keyup.enter)="filterBySearch(inputstring.value)" placeholder="Entity name..." type="text" class="uk-input uk-width-medium"/>
29
                <button class="uk-button" type="submit">Search</button> -->
30
                <input type="text" class="uk-input uk-width-medium" placeholder="Entity name..." aria-describedby="sizing-addon2"  [(ngModel)]="keyword"  name="keyword" >
31
                <button (click)="filterBySearch(keyword)"  type="submit" class=" uk-button">
32
                   <span class="uk-icon">
33
                   <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
34
                   </span>Search
35
                 </button>
36
            </form>
37
        </div>
38

    
39
        <div class="content-wrapper" id="contentWrapper">
40
            <div>
41
                <div class="contentPanel  uk-margin-top">
42
                  <div *ngIf="!isPortalAdministrator"  class="uk-alert uk-alert-primary uk-margin-top-large">
43
                    <div>
44
                      <span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>
45
                      Disable an entity to hide it from community dashboard portal. </div>
46
                      <div class="uk-text-small">If an entity is disabled, all related search and advanced search pages will be hidden from the community dashborad and a message "Can't find that page" will appear in case the url of that page is loaded. If the related page belongs to the menu the link will be removed from menu, too.  </div>
47

    
48
                    </div>
49
                    <div *ngIf="errorMessage" class="uk-alert uk-alert-danger  uk-margin-large-top" role="alert">{{errorMessage}}</div>
50
                    <div [style.display]="showLoading ? 'inline' : 'none'" class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img class="uk-align-center loading-gif"></div>
51

    
52

    
53
                    <div *ngIf="!errorMessage && !showLoading">
54
                        <div class="gwt-HTML">
55
                            <div class="users-list"> <!--"row" class removed"-->
56
                                <div class="col-md-12">
57
                                  <table class="uk-table uk-table-striped">
58
                                    <thead>
59
                                        <tr>
60
                                            <th><input id="allEntityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th>
61
                                            <th>Name</th>
62
                                            <th *ngIf="!isPortalAdministrator">Change status</th>
63
                                            <th *ngIf="isPortalAdministrator">Actions</th>
64
                                        </tr>
65
                                    </thead>
66
                                    <tbody >
67
                                        <tr *ngFor="let check of checkboxes; let i=index">
68
                                            <td><input id="{{check.entity._id}}" class="checkBox" type="checkbox"
69
                                                                                name="entitiescb[]" value="{{check.entity._id}}" [(ngModel)]="check.checked">
70
                                            </td>
71
                                            <td>
72
                                                <div class="name" href="#">{{check.entity.name}}</div>
73
                                            </td>
74
                                            <td *ngIf="!isPortalAdministrator">
75
                                              <mat-slide-toggle [checked]="check.entity.isEnabled"
76
                                                                (change)="($event.source.checked = check.entity.isEnabled);toggleEntities(!check.entity.isEnabled,[check.entity._id])"></mat-slide-toggle>
77
                                            </td>
78
                                            <td *ngIf="isPortalAdministrator">
79
                                                <div class="actions" href="#">
80
                                                    <input title="Edit" src="assets/imgs/icn_edit.png" class="edit uk-margin-small-right" type="image" (click)="editEntity(i)" value="Edit">
81
                                                    <input title="Delete" src="assets/imgs/icn_trash.png" class="delete" type="image" (click)="confirmDeleteEntity(check.entity._id)" value="Delete">
82
                                                </div>
83
                                            </td>
84
                                        </tr>
85
                                    </tbody>
86
                                </table>
87

    
88
                                    <div *ngIf="checkboxes.length==0" class="col-md-12">
89
                                        <div class="uk-alert-warning" uk-alert>No entities found</div>
90
                                    </div>
91
                                </div>
92
                            </div>
93
                        </div>
94
                    </div>
95
                </div>
96
            </div>
97
        </div>
98
        <!-- <fab *ngIf="isPortalAdministrator" (clicked)="showModal()"></fab> -->
99
        <fab *ngIf="isPortalAdministrator" (clicked)="newEntity()"></fab>
100
</div>
101
<!-- <modal-form #saveModal [saveText]="'Save'" [titleText]="'Add a new Entity'" [formGroup]="formGroup" [type]="'entity'"
102
            [isModalShown]="isModalShown" (emmitObject)="entitySavedSuccessfully($event)" (emmitError)="handleError($event)">
103
    <entity-form [group]="formGroup"></entity-form>
104
</modal-form>
105

    
106
<modal-form #updateModal [saveText]="'Update'" [titleText]="'Update Entity'" [formGroup]="formGroup" [type]="'entity'"
107
            [isModalShown]="isModalShown" (emmitObject)="entityUpdatedSuccessfully($event)" (emmitError)="handleError($event)">
108
    <entity-form [group]="formGroup"></entity-form>
109
</modal-form> -->
110

    
111
<modal-alert #AlertModalSaveEntity (alertOutput)="entitySaveConfirmed($event)">
112
  <div *ngIf="modalErrorMessage" class="uk-alert-danger" uk-alert aria-hidden="true">{{ modalErrorMessage }}</div>
113
  <entity-form [group]="formGroup"></entity-form>
114
</modal-alert>
115

    
116
<modal-alert #AlertModalUpdateEntity (alertOutput)="entityUpdateConfirmed($event)">
117
  <div *ngIf="modalErrorMessage" class="uk-alert-danger" uk-alert aria-hidden="true">{{ modalErrorMessage }}</div>
118
  <entity-form [group]="formGroup"></entity-form>
119
</modal-alert>
120

    
121
<modal-alert #AlertModalRelatedPages (alertOutput)="continueToggling($event)"></modal-alert>
122

    
123
<modal-alert #AlertModalDeleteEntities (alertOutput)="confirmedDeleteEntities($event)"></modal-alert>
(2-2/6)