Revision 60202
Added by Argiro Kokogiannaki over 3 years ago
| divIds.component.html | ||
|---|---|---|
| 1 |
<div id="page_content"> |
|
| 2 |
<div class="uk-padding-small md-bg-white" uk-grid> |
|
| 3 |
|
|
| 4 |
<div class="uk-width-expand@m uk-width-1-1 uk-flex uk-flex-middle uk-flex-right"> |
|
| 5 |
<div class="uk-inline uk-width-medium"> |
|
| 6 |
<span class="uk-position-center-right"><i class="material-icons">search</i></span> |
|
| 7 |
<div dashboard-input [formInput]="filterForm" label="Find class"></div> |
|
| 1 |
<div page-content> |
|
| 2 |
<admin-tabs tab = "class" header></admin-tabs> |
|
| 3 |
<div inner class="admin-pages"> |
|
| 4 |
<div *ngIf="!errorMessage && !showLoading" class="filters" uk-sticky="offset:150"> |
|
| 5 |
<div class="show-options uk-float-right"> |
|
| 6 |
<button class="uk-button uk-button-primary " type="button">Bulk Actions</button> |
|
| 7 |
<div uk-dropdown="mode: click"> |
|
| 8 |
<ul class="uk-nav uk-margin-left" |
|
| 9 |
[attr.uk-tooltip]="getSelectedDivIds().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'" |
|
| 10 |
title="Select at least one class"> |
|
| 11 |
<li><a [class]="getSelectedDivIds().length == 0 ? 'uk-disabled' : ''" |
|
| 12 |
(click)="confirmDeleteSelectedDivIds()"><i></i> Delete </a></li> |
|
| 13 |
</ul> |
|
| 8 | 14 |
</div> |
| 9 |
|
|
| 10 | 15 |
</div> |
| 16 |
<div class="uk-inline uk-width-medium uk-float-right uk-margin-right" > |
|
| 17 |
<span class="uk-position-center-right"><i class="material-icons">search</i></span> |
|
| 18 |
<div dashboard-input [formInput]="filterForm.controls.keyword" |
|
| 19 |
placeholder="Search"></div> |
|
| 20 |
</div> |
|
| 21 |
<ul class="uk-subnav uk-subnav-pill subCategoriesTabs ignore admin " > |
|
| 22 |
<li [class.uk-active]="filterForm.get('type').value === 'all'" class="uk-margin-small-bottom"><a
|
|
| 23 |
(click)="filterForm.get('type').setValue('all')"><span
|
|
| 24 |
class="title">All portals</span></a></li> |
|
| 25 |
<li *ngFor="let type of portalUtils.portalTypes; let i=index" |
|
| 26 |
[class.uk-active]="filterForm.get('type').value === type.value" class="uk-margin-small-bottom"><a
|
|
| 27 |
(click)="filterForm.get('type').setValue(type.value)"><span
|
|
| 28 |
class="title">{{type.label}}</span></a></li>
|
|
| 29 |
</ul> |
|
| 11 | 30 |
</div> |
| 12 | 31 |
|
| 13 | 32 |
|
| 14 |
<div id="page_content_inner"> |
|
| 15 |
<div class="menubar "> |
|
| 16 |
<h4 class="uk-text-bold">Predefined classes for contents</h4> |
|
| 17 |
<div *ngIf="updateErrorMessage" class="uk-alert-danger" uk-alert> |
|
| 18 |
<a class="uk-alert-close" uk-close></a> |
|
| 19 |
{{updateErrorMessage}}
|
|
| 20 |
</div> |
|
| 21 |
|
|
| 22 |
</div> |
|
| 23 |
|
|
| 24 | 33 |
<div class="content-wrapper" id="contentWrapper"> |
| 34 |
<a *ngIf="!showLoading && !errorMessage" (click)="newDivId()" |
|
| 35 |
class="uk-flex uk-flex-right uk-flex-middle uk-margin-small-bottom uk-width-1-1"> |
|
| 36 |
<div class="uk-button-default large uk-icon-button uk-margin-small-right" uk-icon="plus"> |
|
| 37 |
</div> |
|
| 38 |
Add class |
|
| 39 |
</a> |
|
| 25 | 40 |
<div> |
| 26 | 41 |
<div class="contentPanel"> |
| 42 |
<div *ngIf="updateErrorMessage" class="uk-alert-danger" uk-alert> |
|
| 43 |
<a class="uk-alert-close" uk-close></a> |
|
| 44 |
{{updateErrorMessage}}
|
|
| 45 |
</div> |
|
| 27 | 46 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger uk-margin-large-top" |
| 28 | 47 |
role="alert">{{errorMessage}}</div>
|
| 29 | 48 |
<div [style.display]="showLoading ? 'inline' : 'none'" |
| 30 | 49 |
class="uk-animation-fade uk-margin-large-top uk-width-1-1" role="alert"><img |
| 31 | 50 |
class="uk-align-center loading-gif"></div> |
| 32 | 51 |
|
| 33 |
<div *ngIf="!errorMessage && !showLoading" class="page-controls"> |
|
| 34 |
<div class=" filters "> |
|
| 35 |
<div class="show-options uk-float-right"> |
|
| 36 |
<button class="uk-button" type="button">Bulk Actions</button> |
|
| 37 |
<div uk-dropdown="mode: click"> |
|
| 38 |
<ul class="uk-nav uk-margin-left" |
|
| 39 |
[attr.uk-tooltip]="getSelectedDivIds().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'" |
|
| 40 |
title="Select at least one class"> |
|
| 41 |
<li><a [class]="getSelectedDivIds().length == 0 ? 'uk-disabled' : ''" |
|
| 42 |
(click)="confirmDeleteSelectedDivIds()"><i></i> Delete </a></li> |
|
| 43 |
</ul> |
|
| 44 |
</div> |
|
| 45 |
</div> |
|
| 46 |
</div> |
|
| 47 |
</div> |
|
| 48 |
|
|
| 49 | 52 |
<div class="md-card uk-margin-medium-bottom" *ngIf="!errorMessage && !showLoading"> |
| 50 | 53 |
<div class="md-card-content"> |
| 51 | 54 |
<div class="uk-overflow-container"> |
| 52 | 55 |
|
| 53 |
<table class="uk-table uk-table-striped"> |
|
| 54 |
<thead> |
|
| 56 |
<table class="uk-table uk-table-striped uk-table-large">
|
|
| 57 |
<thead class="form-header">
|
|
| 55 | 58 |
<tr> |
| 56 |
<th><input id="allDivIdCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th> |
|
| 59 |
<th |
|
| 60 |
class="uk-width-small"><input id="allDivIdCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th> |
|
| 57 | 61 |
<th>Name</th> |
| 62 |
<th *ngIf="!selectedCommunityPid">Portal Type</th> |
|
| 58 | 63 |
<th>Page</th> |
| 59 |
<th *ngIf="selectedCommunityPid">Portal Type</th> |
|
| 60 | 64 |
<th>Actions</th> |
| 61 | 65 |
</tr> |
| 62 | 66 |
</thead> |
| ... | ... | |
| 104 | 108 |
</div> |
| 105 | 109 |
</div> |
| 106 | 110 |
</div> |
| 107 |
</div> |
|
| 108 | 111 |
|
| 109 |
|
|
| 110 | 112 |
<modal-alert #AlertModalSaveDivId (alertOutput)="divIdSaveConfirmed($event)" |
| 111 | 113 |
[okDisabled]="myForm && (myForm.invalid || !myForm.dirty)"> |
| 112 | 114 |
<div *ngIf="modalErrorMessage" class="uk-alert-danger" uk-alert aria-hidden="true">{{ modalErrorMessage }}</div>
|
| ... | ... | |
| 124 | 126 |
[removable]="true"> |
| 125 | 127 |
{{page.name}}
|
| 126 | 128 |
<span (click)="remove(page)" |
| 127 |
class="mat-icon notranslate mat-chip-remove mat-chip-trailing-icon material-icons mat-icon-no-color ng-star-inserted">cancel</span>
|
|
| 129 |
class=" notranslate mat-chip-remove mat-chip-trailing-icon " uk-icon="trash"></span>
|
|
| 128 | 130 |
</mat-chip> |
| 129 | 131 |
<input placeholder="Add in pages..." #PageInput |
| 130 | 132 |
[formControl]="pageSearchCtrl" [matAutocomplete]="auto" [matChipInputFor]="chipList"> |
| ... | ... | |
| 137 | 139 |
</mat-form-field> |
| 138 | 140 |
|
| 139 | 141 |
<div [ngClass]="{'has-error':!myForm.controls.portalType.valid && myForm.controls.portalType.dirty}" class="form-group" uk-grid>
|
| 140 |
<label class="uk-width-1-1 uk-margin-small-bottom">
|
|
| 142 |
<div class="uk-width-1-1 uk-margin-small-bottom uk-text-bold uk-form-label">
|
|
| 141 | 143 |
Class exists in: |
| 142 |
</label> |
|
| 143 |
<label class="uk-width-1-1 radio uk-margin-large-left"> |
|
| 144 |
<span class="uk-margin-small-right" style="font-weight: normal;">OpenAIRE portal</span> |
|
| 145 |
<input type="radio" value="explore" formControlName="portalType"> |
|
| 146 |
</label> |
|
| 147 |
<label class="uk-width-1-1 radio uk-margin-large-left"> |
|
| 148 |
<span class="uk-margin-small-right" style="font-weight: normal;">OpenAIRE Connect portal</span> |
|
| 149 |
<input type="radio" value="connect" formControlName="portalType"> |
|
| 150 |
</label> |
|
| 151 |
<label class="uk-width-1-1 radio uk-margin-large-left"> |
|
| 152 |
<span class="uk-margin-small-right" style="font-weight: normal;">Communities' Gateway</span> |
|
| 153 |
<input type="radio" value="community" formControlName="portalType"> |
|
| 154 |
</label> |
|
| 144 |
</div> |
|
| 145 |
<div class="uk-child-width-1-2 uk-grid"> |
|
| 146 |
<span *ngFor="let option of portalUtils.portalTypes" class="radio "> |
|
| 147 |
<span class="uk-margin-small-right" style="font-weight: normal;">{{option.label}}</span>
|
|
| 148 |
<input type="radio" [value]="option.value" formControlName="portalType"> |
|
| 149 |
</span> |
|
| 150 |
</div> |
|
| 155 | 151 |
</div> |
| 156 | 152 |
|
| 157 |
|
|
| 158 |
<!-- <div class="form-group uk-margin-small-left">--> |
|
| 159 |
<!-- <div class="uk-text-muted"> Select if this class exists in:</div>--> |
|
| 160 |
<!-- <span dashboard-input class="" [formInput]="myForm.get('openaire')"-->
|
|
| 161 |
<!-- type="checkbox"--> |
|
| 162 |
<!-- label="Explore Portal">--> |
|
| 163 |
<!-- </span>--> |
|
| 164 |
<!-- <span dashboard-input class="uk-margin-small-left" [formInput]="myForm.get('connect')"-->
|
|
| 165 |
<!-- type="checkbox"--> |
|
| 166 |
<!-- label="Connect Portal">--> |
|
| 167 |
<!-- </span>--> |
|
| 168 |
<!-- <span dashboard-input class="uk-margin-small-left" [formInput]="myForm.get('communities')"-->
|
|
| 169 |
<!-- type="checkbox"--> |
|
| 170 |
<!-- label="Communities Dashboards">--> |
|
| 171 |
<!-- </span>--> |
|
| 172 |
<!--<!– <mat-checkbox [formControl]="myForm.get('openaire')" >Explore Portal</mat-checkbox>–>-->
|
|
| 173 |
<!--<!– <input type="checkbox" id="openaire" formControlName="openaire"/> Explore Portal–>--> |
|
| 174 |
<!--<!– <input type="checkbox" [formControl]="myForm.get('connect')" formControlName="connect"/> Connect Portal–>-->
|
|
| 175 |
<!--<!– <input type="checkbox" [formControl]="myForm.controls.communities"–>--> |
|
| 176 |
<!--<!– formControlName="communities"/>Communities Dashboards–>--> |
|
| 177 |
<!-- </div>--> |
|
| 178 |
|
|
| 179 |
|
|
| 180 | 153 |
<input type="hidden" formControlName="_id"> |
| 181 | 154 |
</form> |
| 182 | 155 |
|
Also available in: Unified diff
[Library | Trunk]
Dashboard - Admin tool pages:
- add tabs components
- add rout module (without guards)
- put tabs and page-content in pages, classes, entities pages
Stakeholder:
initial try to add filters for country and organization fields (doesn't work properly)