[Admin]: Color picker button version.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@57343 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2019-10-10 22:40:15 +00:00
parent 85b6b8c386
commit b3c18cb020
1 changed files with 7 additions and 3 deletions

View File

@ -5,11 +5,15 @@ import {Component, EventEmitter, Input, OnInit, Output,} from '@angular/core';
selector: 'color', selector: 'color',
template: ` template: `
<div [class]="(addMargin?'uk-margin-small-top':'') + ' colorPicker'"> <div [class]="(addMargin?'uk-margin-small-top':'') + ' colorPicker'">
<div class="uk-grid uk-remove-margin"> <div class="uk-grid uk-flex uk-flex-middle uk-remove-margin">
<div class="uk-width-2-3"> {{label}}:</div> <div class="uk-width-2-3"> {{label}}:</div>
<div class="uk-width-1-3 uk-padding-remove-left"> <div class="uk-width-1-3 uk-padding-remove-left">
<input class="uk-margin-small-left uk-width-small " color-picker [colorPicker]="color" [style.background]="color" <button [(colorPicker)]="color" [style.background]="color"
(colorPickerChange)="color=$event; colorChanged();"/> id="color" class="uk-margin-small-left uk-icon-button"
(colorPickerChange)="color=$event; colorChanged();">
</button>
<!--<input class="uk-margin-small-left uk-width-small " color-picker [colorPicker]="color" [style.background]="color"
(colorPickerChange)="color=$event; colorChanged();"/>-->
</div> </div>
</div> </div>
</div> </div>