@kademi/keditor/src/keditor/modal/initSnippetsModal.js

KEditor is a jQuery plugin which provides a content editor with drag n drop, configurable contents

import CSS_CLASS from '../constants/cssClass';
import generateId from '../utils/generateId';
import renderSnippets from '../snippet/renderSnippets';
import initSnippetsFilter from '../snippet/initSnippetsFilter';
import hideSnippetModal from './hideSnippetModal';
import initSnippetAction from './initSnippetAction';
import addSnippetToTarget from '../snippet/addSnippetToTarget';
import initModal from './initModal';

export default function () {
    let self = this;
    let options = self.options;
    let modal = self.modal = initModal.call(self, generateId(), false, true);
    
    if (typeof options.snippetsUrl === 'string' && options.snippetsUrl.length > 0) {
        modal.find(`.${CSS_CLASS.MODAL_BODY}`).append(`
            <div class="${CSS_CLASS.SNIPPETS_WRAPPER}">
                <div class="${CSS_CLASS.SNIPPETS}"></div>
            </div>
        `);
        
        $.ajax({
            type: 'get',
            dataType: 'html',
            url: options.snippetsUrl,
            success: function (resp) {
                if (typeof options.onSnippetsLoaded === 'function') {
                    resp = options.onSnippetsLoaded.call(self, resp) || resp;
                }
                
                renderSnippets.call(self, resp);
                initSnippetsFilter.call(self);
            },
            error: function (jqXHR) {
                if (typeof options.onSnippetsError === 'function') {
                    options.onSnippetsError.call(self, jqXHR);
                }
            }
        });
        
        // Snippet events
        initSnippetAction.call(self);
        
        // Close buttons
        modal.find(`.${CSS_CLASS.MODAL_CLOSE}`).on('click', function (e) {
            e.preventDefault();
            
            hideSnippetModal.call(self);
        });
    
        // Add buttons
        modal.on('click', `.${CSS_CLASS.SNIPPET}`, function (e) {
            e.preventDefault();
            
            let selectedSnippet = $(this);
            
            addSnippetToTarget.call(self, e, selectedSnippet, self.modalTarget, self.modalTargetAction);
            hideSnippetModal.call(self);
        });
    } else {
        self.error('"snippetsUrl" must be not null!');
    }
};