3707

pending completion

Build # 3707

Build Type

push

travis-ci

Committed by

lqez

Commit Message

<a href="https://github.com/summernote/summernote/commit/<a class=hub.com/summernote/summernote/commit/<a class="double-link" href="https://git"><a class=hub.com/summernote/summernote/commit/<a class="double-link" href="https://git"><a class=hub.com/summernote/summernote/commit/<a class="double-link" href="https://git"><a class=hub.com/summernote/summernote/commit/385496525d166ad34b4f2d5b2649e75d7e2b3a64">385496525">&lt;a href=&quot;https://github.com/summernote/summernote/commit/</a><a class="double-link" href="https://github.com/summernote/summernote/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/summernote/summernote/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/summernote/summernote/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/summernote/summernote/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/summernote/summernote/commit/385496525d166ad34b4f2d5b2649e75d7e2b3a64">385496525</a><a href="https://github.com/summernote/summernote/commit/385496525d166ad34b4f2d5b2649e75d7e2b3a64">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/summernote/summernote/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/summernote/summernote/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/summernote/summernote/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/summernote/summernote/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/summernote/summernote/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/summernote/summernote/commit/385496525d166ad34b4f2d5b2649e75d7e2b3a64&quot;&gt;385496525&lt;/a&gt;&lt;a href=&quot;https://github.com/summernote/summernote/commit/385496525d166ad34b4f2d5b2649e75d7e2b3a64&quot;&gt;&amp;quot;&amp;gt;&amp;amp;lt;a href=&amp;amp;quot;https://github.com/summernote/summernote/commit/&amp;lt;/a&amp;gt;&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp... (continued)

Run Details

1041 of 1850 branches covered (56.27%)

5 of 5 new or added lines in 1 file covered. (100.0%)

4639 of 5887 relevant lines covered (78.8%)

617.0 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

39.53

/src/js/base/module/Dropzone.js

import $ from 'jquery';

export default class Dropzone {
  constructor(context) {
    this.context = context;
    this.$eventListener = $(document);
    this.$editor = context.layoutInfo.editor;
    this.$editable = context.layoutInfo.editable;
    this.options = context.options;
    this.lang = this.options.langInfo;
    this.documentEventHandlers = {};

    this.$dropzone = $([
      '<div class="note-dropzone">',
      '  <div class="note-dropzone-message"/>',
      '</div>',
    ].join('')).prependTo(this.$editor);
  }

  /**
   * attach Drag and Drop Events
   */
  initialize() {
    if (this.options.disableDragAndDrop) {
      // prevent default drop event
      this.documentEventHandlers.onDrop = (e) => {
        e.preventDefault();
      };
      // do not consider outside of dropzone
      this.$eventListener = this.$dropzone;
      this.$eventListener.on('drop', this.documentEventHandlers.onDrop);
    } else {
      this.attachDragAndDropEvent();
    }
  }

  /**
   * attach Drag and Drop Events
   */
  attachDragAndDropEvent() {
    let collection = $();
    const $dropzoneMessage = this.$dropzone.find('.note-dropzone-message');

    this.documentEventHandlers.onDragenter = (e) => {
      const isCodeview = this.context.invoke('codeview.isActivated');
      const hasEditorSize = this.$editor.width() > 0 && this.$editor.height() > 0;
      if (!isCodeview && !collection.length && hasEditorSize) {
        this.$editor.addClass('dragover');
        this.$dropzone.width(this.$editor.width());
        this.$dropzone.height(this.$editor.height());
        $dropzoneMessage.text(this.lang.image.dragImageHere);
      }
      collection = collection.add(e.target);
    };

    this.documentEventHandlers.onDragleave = (e) => {
      collection = collection.not(e.target);

      // If nodeName is BODY, then just make it over (fix for IE)
      if (!collection.length || e.target.nodeName === 'BODY') {
        collection = $();
        this.$editor.removeClass('dragover');
      }
    };

    this.documentEventHandlers.onDrop = () => {
      collection = $();
      this.$editor.removeClass('dragover');
    };

    // show dropzone on dragenter when dragging a object to document
    // -but only if the editor is visible, i.e. has a positive width and height
    this.$eventListener.on('dragenter', this.documentEventHandlers.onDragenter)
      .on('dragleave', this.documentEventHandlers.onDragleave)
      .on('drop', this.documentEventHandlers.onDrop);

    // change dropzone's message on hover.
    this.$dropzone.on('dragenter', () => {
      this.$dropzone.addClass('hover');
      $dropzoneMessage.text(this.lang.image.dropImage);
    }).on('dragleave', () => {
      this.$dropzone.removeClass('hover');
      $dropzoneMessage.text(this.lang.image.dragImageHere);
    });

    // attach dropImage
    this.$dropzone.on('drop', (event) => {
      const dataTransfer = event.originalEvent.dataTransfer;

      // stop the browser from opening the dropped content
      event.preventDefault();

      if (dataTransfer && dataTransfer.files && dataTransfer.files.length) {
        this.$editable.focus();
        this.context.invoke('editor.insertImagesOrCallback', dataTransfer.files);
      } else {
        $.each(dataTransfer.types, (idx, type) => {
          const content = dataTransfer.getData(type);

          if (type.toLowerCase().indexOf('text') > -1) {
            this.context.invoke('editor.pasteHTML', content);
          } else {
            $(content).each((idx, item) => {
              this.context.invoke('editor.insertNode', item);
            });
          }
        });
      }
    }).on('dragover', false); // prevent default dragover event
  }

  destroy() {
    Object.keys(this.documentEventHandlers).forEach((key) => {
      this.$eventListener.off(key.substr(2).toLowerCase(), this.documentEventHandlers[key]);
    });
    this.documentEventHandlers = {};
  }
}

1	import $ from 'jquery';	6✔
2		6✔
3	export default class Dropzone {	6✔
4	constructor(context) {	6✔
5	this.context = context;	12✔
6	this.$eventListener = $(document);	567✔
7	this.$editor = context.layoutInfo.editor;	567✔
8	this.$editable = context.layoutInfo.editable;	567✔
9	this.options = context.options;	567✔
10	this.lang = this.options.langInfo;	567✔
11	this.documentEventHandlers = {};	567✔
12		567✔
13	this.$dropzone = $([	567✔
14	'<div class="note-dropzone">',
15	' <div class="note-dropzone-message"/>',
16	'</div>',
17	].join('')).prependTo(this.$editor);
18	}
19
20	/**
21	* attach Drag and Drop Events
22	*/	6✔
23	initialize() {	567!
24	if (this.options.disableDragAndDrop) {
25	// prevent default drop event	×
26	this.documentEventHandlers.onDrop = (e) => {	×
27	e.preventDefault();
28	};
29	// do not consider outside of dropzone	×
30	this.$eventListener = this.$dropzone;	×
31	this.$eventListener.on('drop', this.documentEventHandlers.onDrop);
32	} else {
33	this.attachDragAndDropEvent();	567✔
34	}
35	}
36
37	/**
38	* attach Drag and Drop Events
39	*/	6✔
40	attachDragAndDropEvent() {	567✔
41	let collection = $();	567✔
42	const $dropzoneMessage = this.$dropzone.find('.note-dropzone-message');	567✔
43		567✔
44	this.documentEventHandlers.onDragenter = (e) => {	×
45	const isCodeview = this.context.invoke('codeview.isActivated');	×
46	const hasEditorSize = this.$editor.width() > 0 && this.$editor.height() > 0;	×
47	if (!isCodeview && !collection.length && hasEditorSize) {	×
48	this.$editor.addClass('dragover');	×
49	this.$dropzone.width(this.$editor.width());	×
50	this.$dropzone.height(this.$editor.height());	×
51	$dropzoneMessage.text(this.lang.image.dragImageHere);
52	}	×
53	collection = collection.add(e.target);
54	};	567✔
55		×
56	this.documentEventHandlers.onDragleave = (e) => {
57	collection = collection.not(e.target);	×
58		×
59	// If nodeName is BODY, then just make it over (fix for IE)	×
60	if (!collection.length \|\| e.target.nodeName === 'BODY') {
61	collection = $();
62	this.$editor.removeClass('dragover');	567✔
63	}	×
64	};	×
65
66	this.documentEventHandlers.onDrop = () => {
67	collection = $();
68	this.$editor.removeClass('dragover');	567✔
69	};
70
71	// show dropzone on dragenter when dragging a object to document
72	// -but only if the editor is visible, i.e. has a positive width and height	567✔
73	this.$eventListener.on('dragenter', this.documentEventHandlers.onDragenter)	×
74	.on('dragleave', this.documentEventHandlers.onDragleave)	×
75	.on('drop', this.documentEventHandlers.onDrop);
76		×
77	// change dropzone's message on hover.	×
78	this.$dropzone.on('dragenter', () => {
79	this.$dropzone.addClass('hover');
80	$dropzoneMessage.text(this.lang.image.dropImage);	567✔
81	}).on('dragleave', () => {	×
82	this.$dropzone.removeClass('hover');
83	$dropzoneMessage.text(this.lang.image.dragImageHere);	×
84	});	×
85		×
86	// attach dropImage	×
87	this.$dropzone.on('drop', (event) => {
88	const dataTransfer = event.originalEvent.dataTransfer;
89		×
90	// stop the browser from opening the dropped content	×
91	event.preventDefault();	×
92		×
93	if (dataTransfer && dataTransfer.files && dataTransfer.files.length) {
94	this.$editable.focus();
95	this.context.invoke('editor.insertImagesOrCallback', dataTransfer.files);	×
96	} else {	×
97	$.each(dataTransfer.types, (idx, type) => {
98	const content = dataTransfer.getData(type);
99
100	if (type.toLowerCase().indexOf('text') > -1) {
101	this.context.invoke('editor.pasteHTML', content);
102	} else {
103	$(content).each((idx, item) => {	6✔
104	this.context.invoke('editor.insertNode', item);	12✔
105	});	12✔
106	}	36✔
107	});
108	}	12✔
109	}).on('dragover', false); // prevent default dragover event
110	}	6✔
111
112	destroy() {	6✔
113	Object.keys(this.documentEventHandlers).forEach((key) => {
114	this.$eventListener.off(key.substr(2).toLowerCase(), this.documentEventHandlers[key]);
115	});
116	this.documentEventHandlers = {};
117	}
118	}

summernote / summernote / 3707

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous