Js boiler

js.js

+ function($) {
    "use strict";

    var StyleEditor = function() {
        this.someState = false;

        this.config = {
            sideNavSelector: '.se__side-drawer',
            secondaryDrawers: [
                '.se__settings__theme-library',
                '.se__settings__edit-palette'
            ]
        };

        this.initialize();
    };

    StyleEditor.prototype.initialize = function() {
        var self = this;

        self.someState = true;
        self.attachEvents();
    };

    StyleEditor.prototype.getSettings = function(message) {
        $(message).request(requestHandler, {
            complete: function(data) {
                self.openComponent(data);
            },
            error: function(jqXHR, status, error) {
                console.error('error');
            }
        });
    };

    StyleEditor.prototype.openComponent = function(data) {
        console.log(data.message);
    };

    StyleEditor.prototype.attachEvents = function() {
        var self = this;
        var $body = $('body');

        // Open theme library
        $body.on({
            click: function(e) {
                e.preventDefault();
                self.getSettings();
            }
        },'.se__theme-preview');
    };


    // New instance
    $(document).ready(function() {
        if (window.StyleEditor === undefined) {
            window.StyleEditor = new StyleEditor();
        }
    });

}(window.jQuery);