fixed eslint

src/js/lite/ui.js

@@ -25,19 +25,19 @@ const buttonGroup = renderer.create('<div class="note-btn-group">');
 const button = renderer.create('<button type="button" class="note-btn">', function($node, options) {
   // set button type
   if (options && options.tooltip) {
-    new TooltipUI($node, {
+    $node.data('_lite_tooltip', new TooltipUI($node, {
       title: options.tooltip,
       container: options.container
-    });
+    }));
   }
   if (options.contents) {
     $node.html(options.contents);
   }
 
   if (options && options.data && options.data.toggle === 'dropdown') {
-    new DropdownUI($node, {
+    $node.data('_lite_dropdown', new DropdownUI($node, {
       container: options.container
-    });
+    }));
   }
 });
 
@@ -260,9 +260,9 @@ const palette = renderer.create('<div class="note-color-palette"/>', function($n
   $node.html(contents.join(''));
 
   $node.find('.note-color-btn').each(function() {
-    new TooltipUI($(this), {
+    $(this).data('_lite_tooltip', new TooltipUI($(this), {
       container: options.container
-    });
+    }));
   });
 });
 
@@ -380,7 +380,7 @@ const dialog = renderer.create('<div class="note-modal" tabindex="-1"/>', functi
     '  </div>'
   ].join(''));
 
-  $node.data('modal', new ModalUI($node, options));  
+  $node.data('modal', new ModalUI($node, options));
 });
 
 const videoDialog = function(opt) {

src/js/lite/ui/DropdownUI.js

@@ -1,15 +1,14 @@
 class DropdownUI {
-
-  constructor ($node, options) {
+  constructor($node, options) {
     this.$button = $node;
     this.options = $.extend({}, {
-      target: options.container 
+      target: options.container
     }, options);
 
     this.setEvent();
   }
 
-  setEvent () {
+  setEvent() {
     const self = this; 
     this.$button.on('click', function() {
       self.toggle();
@@ -39,10 +38,10 @@ class DropdownUI {
     }
   }
 
-  hide () {
+  hide() {
     this.$button.removeClass('active');
     this.$button.parent().removeClass('open');
-  };
+  }
 
   toggle() {
     var isOpened = this.$button.parent().hasClass('open');
@@ -57,7 +56,6 @@ class DropdownUI {
   }
 }
 
-
 $(document).on('click', function(e) {
   if (!$(e.target).closest('.note-btn-group').length) {
     $('.note-btn-group.open').removeClass('open');
@@ -68,5 +66,4 @@ $(document).on('click.note-dropdown-menu', function(e) {
   $(e.target).closest('.note-dropdown-menu').parent().removeClass('open');
 });
 
-
-export default DropdownUI;
+export default DropdownUI;

src/js/lite/ui/ModalUI.js

@@ -8,8 +8,8 @@ class ModalUI {
     this.$backdrop = $('<div class="note-modal-backdrop" />');
   }
 
-  show () {
-    const self = this; 
+  show() {
+    const self = this;
     if (this.options.target === 'body') {
       this.$backdrop.css('position', 'fixed');
       this.$modal.css('position', 'fixed');
@@ -27,7 +27,7 @@ class ModalUI {
     });
   }
 
-  hide () {
+  hide() {
     this.$modal.removeClass('open').hide();
     this.$backdrop.hide();
     this.$modal.trigger('note.modal.hide');

src/js/lite/ui/PopoverUI.js

@@ -1,7 +1,7 @@
 class PopoverUI {
   constructor($node, options) {
-    const self = this; 
-    this.$node = $node; 
+    const self = this;
+    this.$node = $node;
     this.options = $.extend({}, {
       title: '',
       content: '',
@@ -18,7 +18,6 @@ class PopoverUI {
       '</div>'
     ].join(''));
 
-
     // define event
     if (this.options.trigger !== 'manual') {
       this.options.trigger.split(' ').forEach(function(eventName) {
@@ -46,7 +45,7 @@ class PopoverUI {
     }
   }
 
-  show () {
+  show() {
     const $node = this.$node; 
     const offset = $node.offset();
     const $popover = this.$popover;
@@ -92,7 +91,7 @@ class PopoverUI {
     this.$popover.remove();
   }
 
-  toggle () {
+  toggle() {
     if (this.$popover.hasClass('in')) {
       this.hide();
     } else {
@@ -101,4 +100,4 @@ class PopoverUI {
   }
 }
 
-export default PopoverUI;
+export default PopoverUI;

src/js/lite/ui/TooltipUI.js

@@ -1,7 +1,7 @@
 class TooltipUI {
-  constructor ($node, options) {
-    const self = this; 
-    this.$node = $node; 
+  constructor($node, options) {
+    const self = this;
+    this.$node = $node;
     this.options = $.extend({}, {
       title: '',
       target: options.container,
@@ -43,8 +43,8 @@ class TooltipUI {
     }
   }
 
-  show () {
-    const $node = this.$node; 
+  show() {
+    const $node = this.$node;
     const offset = $node.offset();
 
     const $tooltip = this.$tooltip;
@@ -84,12 +84,12 @@ class TooltipUI {
     }
   }
 
-  hide () {
+  hide() {
     this.$tooltip.removeClass('in');
     this.$tooltip.remove();
   }
 
-  toggle () {
+  toggle() {
     if (this.$tooltip.hasClass('in')) {
       this.hide();
     } else {