ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / ticketing.nipponia.com / osta / js / colorpicker / src / js / extensions

'use strict';

import Extension from 'Extension';
import $ from 'jquery';

class Preview extends Extension {
  constructor(colorpicker, options = {}) {
    super(colorpicker, Object.assign({},
      {
        template: '<div class="colorpicker-bar colorpicker-preview"><div /></div>',
        showText: true,
        format: colorpicker.format
      },
      options
    ));

this.element = $(this.options.template);
    this.elementInner = this.element.find('div');
  }

onCreate(event) {
    super.onCreate(event);
    this.colorpicker.picker.append(this.element);
  }

onUpdate(event) {
    super.onUpdate(event);

this.elementInner
      .css('backgroundColor', event.color.toRgbString());

if (this.options.showText) {
      this.elementInner
        .html(event.color.toString(this.options.format || this.colorpicker.format));

if (event.color.isDark()) {
        this.elementInner.css('color', 'white');
      } else {
        this.elementInner.css('color', 'black');
      }
    }
  }
}

export default Preview;

[+] ..
[-] Preview.js [edit]
[-] Swatches.js [edit]
[-] Debugger.js [edit]
[-] index.js [edit]
[-] Palette.js [edit]