[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:
parent
85b6b8c386
commit
b3c18cb020
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue