[Trunk|Admin]: change classes of remove/add buttons:

'remove red_background_color red_color'  --> 'remove uk-button-danger'
	'add green_background_color green_color' --> 'add uk-button-primary'


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@55411 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2019-04-23 11:29:07 +00:00
parent 3f37ef5155
commit 497e523c70
9 changed files with 32 additions and 16 deletions

View File

@ -61,10 +61,13 @@
<input placeholder="Type managers" type="text" class="form-control uk-input uk-width-large@l uk-width-medium@s" <input placeholder="Type managers" type="text" class="form-control uk-input uk-width-large@l uk-width-medium@s"
id="{{'manager'+i}}" name="{{'manager'+i}}" [(ngModel)] = "community.managers[i]" (input)="change()"> id="{{'manager'+i}}" name="{{'manager'+i}}" [(ngModel)] = "community.managers[i]" (input)="change()">
<!-- <img type="uk-image" src="assets/imgs/delete-icon.png" height="25" width="25" title="Remove" onmouseover="" style="cursor: pointer;" (click)="removeManager(i)"/> --> <!-- <img type="uk-image" src="assets/imgs/delete-icon.png" height="25" width="25" title="Remove" onmouseover="" style="cursor: pointer;" (click)="removeManager(i)"/> -->
<a class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Remove" (click)="removeManager(i); change()"></a> <!-- red_background_color red_color-->
<a *ngIf="i == community.managers.length - 1" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addManager()"></a> <a class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Remove" (click)="removeManager(i); change()"></a>
<!-- green_background_color green_color-->
<a *ngIf="i == community.managers.length - 1" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addManager()"></a>
</div> </div>
<a *ngIf="community.managers.length == 0" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addManager()"></a> <!-- green_background_color green_color-->
<a *ngIf="community.managers.length == 0" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addManager()"></a>
<!-- <img type="uk-image" src="assets/imgs/add-icon.png" height="25" width="25" title="Add" onmouseover="" style="cursor: pointer;" (click)="addManager()"/> --> <!-- <img type="uk-image" src="assets/imgs/add-icon.png" height="25" width="25" title="Add" onmouseover="" style="cursor: pointer;" (click)="addManager()"/> -->
</div> </div>
</td> </td>

View File

@ -53,10 +53,12 @@
</span> </span>
<span class="uk-width-1-6 uk-text-center"> <span class="uk-width-1-6 uk-text-center">
<a *ngIf="!inCommunity(result)" (click)="addContentProvider(result)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a> <!-- green_background_color green_color-->
<a *ngIf="!inCommunity(result)" (click)="addContentProvider(result)" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add"></a>
<span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span> <span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>
<a *ngIf="undo[result.id]" (click)="removeContentProvider(undo[result.id], result.id)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a> <!-- red_background_color red_color-->
<a *ngIf="undo[result.id]" (click)="removeContentProvider(undo[result.id], result.id)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
</span> </span>
</h6> </h6>

View File

@ -57,7 +57,8 @@
</td> </td>
<td class="uk-text-center uk-width-1-3"> <td class="uk-text-center uk-width-1-3">
<a (click)="removeContentProvider(result)" class="uk-icon-button remove red_background_color red_color" uk-icon="icon: close; ratio: 1" title="Remove"></a> <!-- red_background_color red_color-->
<a (click)="removeContentProvider(result)" class="uk-icon-button remove uk-button-danger" uk-icon="icon: close; ratio: 1" title="Remove"></a>
</td> </td>
</tr> </tr>
</tbody> </tbody>

View File

@ -77,7 +77,8 @@ If you cannot find a funder that is relevant for your community, please contact
<span class="uk-width-1-6 uk-text-center"> <span class="uk-width-1-6 uk-text-center">
<!-- <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button"><svg height="20" icon="plus" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> --> <!-- <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button"><svg height="20" icon="plus" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> -->
<a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a> <!-- green_background_color green_color-->
<a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add"></a>
<span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span> <span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>
<!-- <svg *ngIf="inCommunity(result)" class="added" src="assets/imgs/check-icon.png" title="Added" width="20" type="image" height="20"></svg> --> <!-- <svg *ngIf="inCommunity(result)" class="added" src="assets/imgs/check-icon.png" title="Added" width="20" type="image" height="20"></svg> -->
@ -85,7 +86,8 @@ If you cannot find a funder that is relevant for your community, please contact
<!-- <button *ngIf="undo[result.id]" class="uk-button uk-button-danger uk-button-small" (click)="removeProject(result.id)">Undo</button> --> <!-- <button *ngIf="undo[result.id]" class="uk-button uk-button-danger uk-button-small" (click)="removeProject(result.id)">Undo</button> -->
<!-- <input *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove" src="assets/imgs/x-icon.png" title="Undo" width="20" type="image" height="20"> --> <!-- <input *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove" src="assets/imgs/x-icon.png" title="Undo" width="20" type="image" height="20"> -->
<!-- <a *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove red_colour"><svg height="20" icon="close" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> --> <!-- <a *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove red_colour"><svg height="20" icon="close" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> -->
<a *ngIf="undo[result.id]" (click)="removeProject(undo[result.id], result.id)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a> <!-- red_background_color red_color-->
<a *ngIf="undo[result.id]" (click)="removeProject(undo[result.id], result.id)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
</span> </span>
</h6> </h6>

View File

@ -71,7 +71,8 @@
</td> </td>
<td class="uk-text-center uk-width-1-4"> <td class="uk-text-center uk-width-1-4">
<a (click)="removeProject(result)" class="uk-icon-button remove red_background_color red_color" uk-icon="icon: close; ratio: 1" title="Remove"></a> <!-- red_background_color red_color-->
<a (click)="removeProject(result)" class="uk-icon-button remove uk-button-danger" uk-icon="icon: close; ratio: 1" title="Remove"></a>
</td> </td>
</tr> </tr>
</tbody> </tbody>

View File

@ -23,10 +23,13 @@
<div *ngFor='let subject of community.subjects; let i = index; trackBy:trackByFn'> <div *ngFor='let subject of community.subjects; let i = index; trackBy:trackByFn'>
<input placeholder="Type subjects" type="text" class="form-control uk-input uk-width-large@l uk-width-medium@s" <input placeholder="Type subjects" type="text" class="form-control uk-input uk-width-large@l uk-width-medium@s"
id="{{'subject'+i}}" name="{{'subject'+i}}" [(ngModel)] = "community.subjects[i]" (input)="change()"> id="{{'subject'+i}}" name="{{'subject'+i}}" [(ngModel)] = "community.subjects[i]" (input)="change()">
<a class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Remove" (click)="removeSubject(i); change();"></a> <!-- red_background_color red_color-->
<a *ngIf="i == community.subjects.length - 1" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addSubject()"></a> <a class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Remove" (click)="removeSubject(i); change();"></a>
<!-- green_background_color green_color-->
<a *ngIf="i == community.subjects.length - 1" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addSubject()"></a>
</div> </div>
<a *ngIf="community.subjects.length == 0" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addSubject()"></a> <!-- green_background_color green_color-->
<a *ngIf="community.subjects.length == 0" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addSubject()"></a>
</div> </div>

View File

@ -37,7 +37,8 @@
{{item.email}} {{item.email}}
</td> </td>
<td class="uk-text-center uk-width-1-2"> <td class="uk-text-center uk-width-1-2">
<a (click)="removeSubscriber(item.email)" class="uk-icon-button remove red_background_color red_color" uk-icon="icon: close; ratio: 1" title="Remove"></a> <!-- red_background_color red_color-->
<a (click)="removeSubscriber(item.email)" class="uk-icon-button remove uk-button-danger" uk-icon="icon: close; ratio: 1" title="Remove"></a>
</td> </td>
</tr> </tr>
</tbody> </tbody>

View File

@ -49,11 +49,13 @@
</a> </a>
<span *ngIf=" masterCommunity && item.id==masterCommunity.id" class="uk-label uk-label-warning">Master zenodo community</span> <span *ngIf=" masterCommunity && item.id==masterCommunity.id" class="uk-label uk-label-warning">Master zenodo community</span>
<span class="uk-width-1-6 uk-text-center"> <span class="uk-width-1-6 uk-text-center">
<a *ngIf="!inThelist(item, selectedCommunities) && !(masterCommunity && item.id==masterCommunity.id)" (click)="addCommunity(item)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a> <!-- green_background_color green_color-->
<a *ngIf="!inThelist(item, selectedCommunities) && !(masterCommunity && item.id==masterCommunity.id)" (click)="addCommunity(item)" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add"></a>
<span *ngIf="inThelist(item, selectedCommunities)" class="uk-label uk-label-success">Added</span> <span *ngIf="inThelist(item, selectedCommunities)" class="uk-label uk-label-success">Added</span>
<a *ngIf="inThelist(item, newlySelectedCommunities)" (click)="removeCommunity(item)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a> <!-- red_background_color red_color-->
<a *ngIf="inThelist(item, newlySelectedCommunities)" (click)="removeCommunity(item)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
</span> </span>
</h4> </h4>
<div class="uk-comment-meta "> <div class="uk-comment-meta ">

View File

@ -85,7 +85,8 @@
</td> --> </td> -->
<td class="uk-text-center uk-width-1-4"> <td class="uk-text-center uk-width-1-4">
<a (click)="removeCommunity(item)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a> <!-- red_background_color red_color-->
<a (click)="removeCommunity(item)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
</td> </td>
</tr> </tr>