- ');
$button.data('dropdown', $dropdown);
this.dropdown.build(btnName, $dropdown, btnObject.dropdown);
}
this.button.buttons.push($button);
return $button;
},
getButtons: function()
{
return this.button.toolbar().find('a.re-button');
},
getButtonsKeys: function()
{
return this.button.buttons;
},
setEvent: function($button, btnName, btnObject)
{
$button.on('mousedown', $.proxy(function(e)
{
e.preventDefault();
if ($button.hasClass('redactor-button-disabled'))
{
return false;
}
var type = 'func';
var callback = btnObject.func;
if (btnObject.command)
{
type = 'command';
callback = btnObject.command;
}
else if (btnObject.dropdown)
{
type = 'dropdown';
callback = false;
}
this.button.toggle(e, btnName, type, callback);
return false;
}, this));
},
toggle: function(e, btnName, type, callback, args)
{
if (this.detect.isIe() || !this.detect.isDesktop())
{
this.utils.freezeScroll();
e.returnValue = false;
}
if (type === 'command')
{
this.inline.format(callback);
}
else if (type === 'dropdown')
{
this.dropdown.show(e, btnName);
}
else
{
this.button.clickCallback(e, callback, btnName, args);
}
if (type !== 'dropdown')
{
this.dropdown.hideAll(false);
}
if (this.opts.air && type !== 'dropdown')
{
this.air.hide(e);
}
if (this.detect.isIe() || !this.detect.isDesktop())
{
this.utils.unfreezeScroll();
}
},
clickCallback: function(e, callback, btnName, args)
{
var func;
args = (typeof args === 'undefined') ? btnName : args;
if ($.isFunction(callback))
{
callback.call(this, btnName);
}
else if (callback.search(/\./) !== '-1')
{
func = callback.split('.');
if (typeof this[func[0]] === 'undefined')
{
return;
}
if (typeof args === 'object')
{
this[func[0]][func[1]].apply(this, args);
}
else
{
this[func[0]][func[1]].call(this, args);
}
}
else
{
if (typeof args === 'object')
{
this[callback].apply(this, args);
}
else
{
this[callback].call(this, args);
}
}
this.observe.buttons(e, btnName);
},
all: function()
{
return this.button.buttons;
},
get: function(key)
{
if (this.opts.toolbar === false)
{
return;
}
return this.button.toolbar().find('a.re-' + key);
},
set: function(key, title)
{
if (this.opts.toolbar === false)
{
return;
}
var $btn = this.button.toolbar().find('a.re-' + key);
$btn.html(title).attr('aria-label', title);
return $btn;
},
add: function(key, title)
{
if (this.button.isAdded(key) !== true)
{
return $();
}
var btn = this.button.build(key, { title: title });
this.button.toolbar().append($('
- ').append(btn)); return btn; }, addFirst: function(key, title) { if (this.button.isAdded(key) !== true) { return $(); } var btn = this.button.build(key, { title: title }); this.button.toolbar().prepend($('
- ').append(btn)); return btn; }, addAfter: function(afterkey, key, title) { if (this.button.isAdded(key) !== true) { return $(); } var btn = this.button.build(key, { title: title }); var $btn = this.button.get(afterkey); if ($btn.length !== 0) { $btn.parent().after($('
- ').append(btn)); } else { this.button.toolbar().append($('
- ').append(btn)); } return btn; }, addBefore: function(beforekey, key, title) { if (this.button.isAdded(key) !== true) { return $(); } var btn = this.button.build(key, { title: title }); var $btn = this.button.get(beforekey); if ($btn.length !== 0) { $btn.parent().before($('
- ').append(btn)); } else { this.button.toolbar().append($('
- ').append(btn));
}
return btn;
},
isAdded: function(key)
{
var index = this.opts.buttonsHideOnMobile.indexOf(key);
if (this.opts.toolbar === false || (index !== -1 && this.detect.isMobile()))
{
return false;
}
return true;
},
setIcon: function($btn, icon)
{
if (!this.opts.buttonsTextLabeled)
{
$btn.html(icon).addClass('re-button-icon');
this.button.buildButtonTooltip($btn, $btn.attr('alt'));
}
},
changeIcon: function(key, newIconClass)
{
var $btn = this.button.get(key);
if ($btn.length !== 0)
{
$btn.find('i').removeAttr('class').addClass('re-icon-' + newIconClass);
}
},
addCallback: function($btn, callback)
{
if (typeof $btn === 'undefined' || this.opts.toolbar === false)
{
return;
}
var type = (callback === 'dropdown') ? 'dropdown' : 'func';
var key = $btn.attr('rel');
$btn.on('mousedown', $.proxy(function(e)
{
if ($btn.hasClass('redactor-button-disabled'))
{
return false;
}
this.button.toggle(e, key, type, callback);
}, this));
},
addDropdown: function($btn, dropdown)
{
if (this.opts.toolbar === false)
{
return;
}
$btn.addClass('redactor-toolbar-link-dropdown').attr('aria-haspopup', true);
var key = $btn.attr('rel');
this.button.addCallback($btn, 'dropdown');
var $dropdown = $(''); $btn.data('dropdown', $dropdown); // build dropdown if (dropdown) { this.dropdown.build(key, $dropdown, dropdown); } return $dropdown; }, setActive: function(key) { this.button.get(key).addClass('redactor-act'); }, setInactive: function(key) { this.button.get(key).removeClass('redactor-act'); }, setInactiveAll: function(key) { var $btns = this.button.toolbar().find('a.re-button'); if (typeof key !== 'undefined') { $btns = $btns.not('.re-' + key); } $btns.removeClass('redactor-act'); }, disable: function(key) { this.button.get(key).addClass('redactor-button-disabled'); }, enable: function(key) { this.button.get(key).removeClass('redactor-button-disabled'); }, disableAll: function(key) { var $btns = this.button.toolbar().find('a.re-button'); if (typeof key !== 'undefined') { $btns = $btns.not('.re-' + key); } $btns.addClass('redactor-button-disabled'); }, enableAll: function() { this.button.toolbar().find('a.re-button').removeClass('redactor-button-disabled'); }, remove: function(key) { this.button.get(key).remove(); } }; }, // =caret caret: function() { return { set: function(node1, node2, end) { var cs = this.core.editor().scrollTop(); this.core.editor().focus(); this.core.editor().scrollTop(cs); end = (typeof end === 'undefined') ? 0 : 1; node1 = node1[0] || node1; node2 = node2[0] || node2; var sel = this.selection.get(); var range = this.selection.range(sel); try { range.setStart(node1, 0); range.setEnd(node2, end); } catch (e) {} this.selection.update(sel, range); }, prepare: function(node) { // firefox focus if (this.detect.isFirefox() && typeof this.start !== 'undefined') { this.core.editor().focus(); } return node[0] || node; }, start: function(node) { var sel, range; node = this.caret.prepare(node); if (!node) { return; } if (node.tagName === 'BR') { return this.caret.before(node); } var $first = $(node).children().first(); // empty or inline tag var inline = this.utils.isInlineTag(node.tagName); if (node.innerHTML === '' || inline) { this.caret.setStartEmptyOrInline(node, inline); } // empty inline inside else if ($first && $first.length !== 0 && this.utils.isInlineTag($first[0].tagName) && $first.text() === '') { this.caret.setStartEmptyOrInline($first[0], true); } // block tag else { sel = window.getSelection(); sel.removeAllRanges(); range = document.createRange(); range.selectNodeContents(node); range.collapse(true); sel.addRange(range); } }, setStartEmptyOrInline: function(node, inline) { var sel = window.getSelection(); var range = document.createRange(); var textNode = document.createTextNode('\u200B'); range.setStart(node, 0); range.insertNode(textNode); range.setStartAfter(textNode); range.collapse(true); sel.removeAllRanges(); sel.addRange(range); // remove invisible text node if (!inline) { this.core.editor().on('keydown.redactor-remove-textnode', function() { $(textNode).remove(); $(this).off('keydown.redactor-remove-textnode'); }); } }, end: function(node) { var sel, range; node = this.caret.prepare(node); if (!node) { return; } // empty node if (node.tagName !== 'BR' && node.innerHTML === '') { return this.caret.start(node); } // br if (node.tagName === 'BR') { var space = document.createElement('span'); space.className = 'redactor-invisible-space'; space.innerHTML = ''; $(node).after(space); sel = window.getSelection(); sel.removeAllRanges(); range = document.createRange(); range.setStartBefore(space); range.setEndBefore(space); sel.addRange(range); $(space).replaceWith(function() { return $(this).contents(); }); return; } if (node.lastChild && node.lastChild.nodeType === 1) { return this.caret.after(node.lastChild); } var sel = window.getSelection(); if (sel.getRangeAt || sel.rangeCount) { try { var range = sel.getRangeAt(0); range.selectNodeContents(node); range.collapse(false); sel.removeAllRanges(); sel.addRange(range); } catch(e) {} } }, after: function(node) { var sel, range; node = this.caret.prepare(node); if (!node) { return; } if (node.tagName === 'BR') { return this.caret.end(node); } // block tag if (this.utils.isBlockTag(node.tagName)) { var next = this.caret.next(node); if (typeof next === 'undefined') { this.caret.end(node); } else { // table if (next.tagName === 'TABLE') { next = $(next).find('th, td').first()[0]; } // list else if (next.tagName === 'UL' || next.tagName === 'OL') { next = $(next).find('li').first()[0]; } this.caret.start(next); } return; } // inline tag var textNode = document.createTextNode('\u200B'); sel = window.getSelection(); sel.removeAllRanges(); range = document.createRange(); range.setStartAfter(node); range.insertNode(textNode); range.setStartAfter(textNode); range.collapse(true); sel.addRange(range); }, before: function(node) { var sel, range; node = this.caret.prepare(node); if (!node) { return; } // block tag if (this.utils.isBlockTag(node.tagName)) { var prev = this.caret.prev(node); if (typeof prev === 'undefined') { this.caret.start(node); } else { // table if (prev.tagName === 'TABLE') { prev = $(prev).find('th, td').last()[0]; } // list else if (prev.tagName === 'UL' || prev.tagName === 'OL') { prev = $(prev).find('li').last()[0]; } this.caret.end(prev); } return; } // inline tag sel = window.getSelection(); sel.removeAllRanges(); range = document.createRange(); range.setStartBefore(node); range.collapse(true); sel.addRange(range); }, next: function(node) { var $next = $(node).next(); if ($next.hasClass('redactor-script-tag, redactor-selection-marker')) { return $next.next()[0]; } else { return $next[0]; } }, prev: function(node) { var $prev = $(node).prev(); if ($prev.hasClass('redactor-script-tag, redactor-selection-marker')) { return $prev.prev()[0]; } else { return $prev[0]; } }, // #backward offset: function(node) { return this.offset.get(node); } }; }, // =clean clean: function() { return { onSet: function(html) { html = this.clean.savePreCode(html); html = this.clean.saveFormTags(html); // convert script tag if (this.opts.script) { html = html.replace(/'); $templateCache.put('app/services/_services_header.html','
$2
'); } // converting entity html = html.replace(/\$/g, '$'); html = html.replace(/&/g, '&'); // replace special characters in links html = html.replace(//gi, ''); // save markers html = html.replace(/]?)><\/span>/gi, '###marker1###'); html = html.replace(/]?)><\/span>/gi, '###marker2###'); // replace tags var self = this; var $div = $("").html($.parseHTML(html, document, true)); var replacement = this.opts.replaceTags; if (replacement) { var keys = Object.keys(this.opts.replaceTags); $div.find(keys.join(',')).each(function(i,s) { self.utils.replaceToTag(s, replacement[s.tagName.toLowerCase()]); }); } // add span marker $div.find('span, a').attr('data-redactor-span', true); // add style cache $div.find(this.opts.inlineTags.join(',')).each(function() { // add style cache var $el = $(this); if ($el.attr('style')) { $el.attr('data-redactor-style-cache', $el.attr('style')); } }); html = $div.html(); // remove tags var tags = ['font', 'html', 'head', 'link', 'body', 'meta', 'applet']; if (!this.opts.script) { tags.push('script'); } html = this.clean.stripTags(html, tags); // remove html comments if (this.opts.removeComments) { html = html.replace(//gi, ''); } // paragraphize html = this.paragraphize.load(html); // restore markers html = html.replace('###marker1###', ''); html = html.replace('###marker2###', ''); // empty if (html.search(/^(||\s||(||\s||
]?)>([\w\W]*?)<\/pre>/gi, '
/gi, "
\n"); if (this.opts.preClass) { html = html.replace(//gi, '
'); } // link nofollow if (this.opts.linkNofollow) { html = html.replace(/<\/p>/gi, ""); // remove new lines html = html.replace(/\n{2,}/g, "\n"); // remove all newlines if (this.opts.removeNewlines) { html = html.replace(/\r?\n/g, ""); } return html; }, onPaste: function(html, data, insert) { // if paste event if (insert !== true) { // remove google docs markers html = html.replace(/
'); } if (data.encode) { html = this.clean.encodeHtml(html); } if (data.paragraphize) { // ff bugfix html = html.replace(/ \n/g, ' '); html = html.replace(/\n /g, ' '); html = this.paragraphize.load(html); // remove empty p html = html.replace(/<\/p>/g, ''); } // remove paragraphs form lists (google docs bug) html = html.replace(/
/g, '
- '); html = html.replace(/<\/p><\/li>/g, '
'); return html; }, getCurrentType: function(html, insert) { var blocks = this.selection.blocks(); var data = { text: false, encode: false, paragraphize: true, line: this.clean.isHtmlLine(html), blocks: this.clean.isHtmlBlocked(html), pre: false, lists: false, block: true, inline: true, links: true, images: true }; if (blocks.length === 1 && this.utils.isCurrentOrParent(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'a', 'figcaption'])) { data.text = true; data.paragraphize = false; data.inline = false; data.images = false; data.links = false; data.line = true; } else if (this.opts.type === 'inline' || this.opts.enterKey === false) { data.paragraphize = false; data.block = false; data.line = true; } else if (blocks.length === 1 && this.utils.isCurrentOrParent(['li'])) { data.lists = true; data.block = false; data.paragraphize = false; data.images = false; } else if (blocks.length === 1 && this.utils.isCurrentOrParent(['th', 'td', 'blockquote'])) { data.block = false; data.paragraphize = false; } else if (this.opts.type === 'pre' || (blocks.length === 1 && this.utils.isCurrentOrParent('pre'))) { data.inline = false; data.block = false; data.encode = true; data.pre = true; data.paragraphize = false; data.images = false; data.links = false; } if (data.line === true) { data.paragraphize = false; } if (insert === true) { data.text = false; } return data; }, isHtmlBlocked: function(html) { var match1 = html.match(new RegExp('', 'gi')); var match2 = html.match(new RegExp('
'); }, convertTags: function(html, data) { var $div = $('').html(html); // remove iframe $div.find('iframe').remove(); // link target & attrs var $links = $div.find('a'); $links.removeAttr('style'); if (this.opts.pasteLinkTarget !== false) { $links.attr('target', this.opts.pasteLinkTarget); } // links if (data.links && this.opts.pasteLinks) { $div.find('a').each(function(i, link) { if (link.href) { var tmp = '##%a href="' + link.href + '"'; var attr; for (var j = 0, length = link.attributes.length; j < length; j++) { attr = link.attributes.item(j); if (attr.name !== 'href') { tmp += ' ' + attr.name + '="' + attr.value + '"'; } } link.outerHTML = tmp + '%##' + link.innerHTML + '##%/a%##'; } }); } html = $div.html(); // images if (data.images && this.opts.pasteImages) { html = html.replace(/<\/p>/g, ''); html = html.replace(/<\/div>|<\/li>|<\/td>/gi, '\n'); html = html.replace(/<\/p>/gi, '\n\n'); html = html.replace(/<\/H[1-6]>/gi, '\n\n'); var tmp = document.createElement('div'); tmp.innerHTML = html; html = tmp.textContent || tmp.innerText; return $.trim(html); }, savePreCode: function(html) { html = this.clean.savePreFormatting(html); html = this.clean.saveCodeFormatting(html); html = this.clean.restoreSelectionMarkers(html); return html; }, savePreFormatting: function(html) { var pre = html.match(/
<\/span><\/p>/, ''); this.events.stopDetectChanges(); this.core.editor().html(html); this.observe.load(); this.events.startDetectChanges(); }, set: function(html, options) { html = $.trim(html); options = options || {}; // start if (options.start) { this.start = options.start; } // clean if (this.opts.type === 'textarea') { html = this.clean.onSet(html); } else if (this.opts.type === 'div' && html === '') { html = this.opts.emptyHtml; } this.core.editor().html(html); if (this.opts.type === 'textarea') { this.code.sync(); } this.placeholder.enable(); }, get: function() { if (this.opts.type === 'textarea') { return this.core.textarea().val(); } else { var html = this.core.editor().html(); // clean html = this.clean.onGet(html); return html; } }, sync: function() { if (!this.code.syncFire) { return; } var html = this.core.editor().html(); var htmlCleaned = this.code.cleaned(html); // is there a need to synchronize if (this.code.isSync(htmlCleaned)) { // do not sync return; } // save code this.code.html = htmlCleaned; if (this.opts.type !== 'textarea') { this.core.callback('sync', html); this.core.callback('change', html); return; } if (this.opts.type === 'textarea') { setTimeout($.proxy(function() { this.code.startSync(html); }, this), 10); } }, startSync: function(html) { // before clean callback html = this.core.callback('syncBefore', html); // clean html = this.clean.onSync(html); // set code this.core.textarea().val(html); // after sync callback this.core.callback('sync', html); // change callback if (this.start === false) { this.core.callback('change', html); } this.start = false; }, isSync: function(htmlCleaned) { var html = (this.code.html !== false) ? this.code.html : false; return (html !== false && html === htmlCleaned); }, cleaned: function(html) { html = html.replace(/\u200B/g, ''); return this.clean.removeMarkers(html); } }; }, // =core core: function() { return { id: function() { return this.$editor.attr('id'); }, element: function() { return this.$element; }, editor: function() { return (typeof this.$editor === 'undefined') ? $() : this.$editor; }, textarea: function() { return this.$textarea; }, box: function() { return (this.opts.type === 'textarea') ? this.$box : this.$element; }, toolbar: function() { return (this.$toolbar) ? this.$toolbar : false; }, air: function() { return (this.$air) ? this.$air : false; }, object: function() { return $.extend({}, this); }, structure: function() { this.core.editor().toggleClass('redactor-structure'); }, addEvent: function(name) { this.core.event = name; }, getEvent: function() { return this.core.event; }, callback: function(type, e, data) { var eventNamespace = 'redactor'; var returnValue = false; var events = $._data(this.core.element()[0], 'events'); // on callback if (typeof events !== 'undefined' && typeof events[type] !== 'undefined') { var len = events[type].length; for (var i = 0; i < len; i++) { var namespace = events[type][i].namespace; if (namespace === 'callback.' + eventNamespace) { var handler = events[type][i].handler; var args = (typeof data === 'undefined') ? [e] : [e, data]; returnValue = (typeof args === 'undefined') ? handler.call(this, e) : handler.call(this, e, args); } } } if (returnValue) { return returnValue; } // no callback if (typeof this.opts.callbacks[type] === 'undefined') { return (typeof data === 'undefined') ? e : data; } // callback var callback = this.opts.callbacks[type]; if ($.isFunction(callback)) { return (typeof data === 'undefined') ? callback.call(this, e) : callback.call(this, e, data); } else { return (typeof data === 'undefined') ? e : data; } }, destroy: function() { this.opts.destroyed = true; this.core.callback('destroy'); // placeholder this.placeholder.destroy(); // progress this.progress.destroy(); // help label $('#redactor-voice-' + this.uuid).remove(); this.core.editor().removeClass('redactor-in redactor-styles redactor-structure redactor-layer-img-edit'); // caret service this.core.editor().off('keydown.redactor-remove-textnode'); // observer this.core.editor().off('.redactor-observe.' + this.uuid); // off events and remove data this.$element.off('.redactor').removeData('redactor'); this.core.editor().off('.redactor'); $(document).off('.redactor-dropdown'); $(document).off('.redactor-air.' + this.uuid); $(document).off('mousedown.redactor-blur.' + this.uuid); $(document).off('mousedown.redactor.' + this.uuid); $(document).off('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid); $(window).off('.redactor-toolbar.' + this.uuid); $(window).off('touchmove.redactor.' + this.uuid); $("body").off('scroll.redactor.' + this.uuid); $(this.opts.toolbarFixedTarget).off('scroll.redactor.' + this.uuid); // plugins events var self = this; if (this.opts.plugins !== false) { $.each(this.opts.plugins, function(i,s) { $(window).off('.redactor-plugin-' + s); $(document).off('.redactor-plugin-' + s); $("body").off('.redactor-plugin-' + s); self.core.editor().off('.redactor-plugin-' + s); }); } // click to edit this.$element.off('click.redactor-click-to-edit'); this.$element.removeClass('redactor-click-to-edit'); // common this.core.editor().removeClass('redactor-layer'); this.core.editor().removeAttr('contenteditable'); var html = this.code.get(); if (this.opts.toolbar && this.$toolbar) { // dropdowns off this.$toolbar.find('a').each(function() { var $el = $(this); if ($el.data('dropdown')) { $el.data('dropdown').remove(); $el.data('dropdown', {}); } }); } if (this.opts.type === 'textarea') { this.$box.after(this.$element); this.$box.remove(); this.$element.val(html).show(); } // air if (this.opts.air) { this.$air.remove(); } if (this.opts.toolbar && this.$toolbar) { this.$toolbar.remove(); } // modal if (this.$modalBox) { this.$modalBox.remove(); } if (this.$modalOverlay) { this.$modalOverlay.remove(); } // hide link's tooltip $('.redactor-link-tooltip').remove(); // autosave clearInterval(this.autosaveTimeout); } }; }, // =detect detect: function() { return { // public isWebkit: function() { return /webkit/.test(this.opts.userAgent); }, isFirefox: function() { return this.opts.userAgent.indexOf('firefox') > -1; }, isIe: function(v) { if (document.documentMode || /Edge/.test(navigator.userAgent)) { return 'edge'; } var ie; ie = RegExp('msie' + (!isNaN(v)?('\\s'+v):''), 'i').test(navigator.userAgent); if (!ie) { ie = !!navigator.userAgent.match(/Trident.*rv[ :]*11\./); } return ie; }, isMobile: function() { return /(iPhone|iPod|BlackBerry|Android)/.test(navigator.userAgent); }, isDesktop: function() { return !/(iPhone|iPod|iPad|BlackBerry|Android)/.test(navigator.userAgent); }, isIpad: function() { return /iPad/.test(navigator.userAgent); } }; }, // =dropdown dropdown: function() { return { active: false, button: false, key: false, position: [], getDropdown: function() { return this.dropdown.active; }, build: function(name, $dropdown, dropdownObject) { dropdownObject = this.dropdown.buildFormatting(name, dropdownObject); $.each(dropdownObject, $.proxy(function(btnName, btnObject) { var $item = this.dropdown.buildItem(btnName, btnObject); this.observe.addDropdown($item, btnName, btnObject); $dropdown.attr('rel', name).append($item); }, this)); }, buildFormatting: function(name, dropdownObject) { if (name !== 'format' || this.opts.formattingAdd === false) { return dropdownObject; } $.each(this.opts.formattingAdd, $.proxy(function(i,s) { var type = (this.utils.isBlockTag(s.args[0])) ? 'block' : 'inline'; dropdownObject[i] = { func: (type === 'block') ? 'block.format' : 'inline.format', args: s.args, title: s.title }; }, this)); return dropdownObject; }, buildItem: function(btnName, btnObject) { var $itemContainer = $(''); if (typeof btnObject.classname !== 'undefined') { $itemContainer.addClass(btnObject.classname); } if (btnName.search(/^divider/i) !== -1) { $itemContainer.addClass('redactor-dropdown-divider'); return $itemContainer; } var $item = $(''); var $itemSpan = $('').html(btnObject.title); $item.append($itemSpan); $item.on('mousedown', $.proxy(function(e) { e.preventDefault(); this.dropdown.buildClick(e, btnName, btnObject); }, this)); $itemContainer.append($item); return $itemContainer; }, buildClick: function(e, btnName, btnObject) { if ($(e.target).hasClass('redactor-dropdown-link-inactive')) { return; } var command = this.dropdown.buildCommand(btnObject); if (typeof btnObject.args !== 'undefined') { this.button.toggle(e, btnName, command.type, command.callback, btnObject.args); } else { this.button.toggle(e, btnName, command.type, command.callback); } }, buildCommand: function(btnObject) { var command = {}; command.type = 'func'; command.callback = btnObject.func; if (btnObject.command) { command.type = 'command'; command.callback = btnObject.command; } else if (btnObject.dropdown) { command.type = 'dropdown'; command.callback = btnObject.dropdown; } return command; }, show: function(e, key) { if (this.detect.isDesktop()) { this.core.editor().focus(); } this.dropdown.hideAll(false, key); this.dropdown.key = key; this.dropdown.button = this.button.get(this.dropdown.key); if (this.dropdown.button.hasClass('dropact')) { this.dropdown.hide(); return; } // re append this.dropdown.active = this.dropdown.button.data('dropdown').appendTo(document.body); // callback this.core.callback('dropdownShow', { dropdown: this.dropdown.active, key: this.dropdown.key, button: this.dropdown.button }); // set button this.button.setActive(this.dropdown.key); this.dropdown.button.addClass('dropact'); // position this.dropdown.getButtonPosition(); // show if (this.button.toolbar().hasClass('toolbar-fixed-box') && this.detect.isDesktop()) { this.dropdown.showIsFixedToolbar(); } else { this.dropdown.showIsUnFixedToolbar(); } // disable scroll whan dropdown scroll if (this.detect.isDesktop() && !this.detect.isFirefox()) { this.dropdown.active.on('mouseover.redactor-dropdown', $.proxy(this.utils.disableBodyScroll, this)); this.dropdown.active.on('mouseout.redactor-dropdown mousedown.redactor-dropdown', $.proxy(this.utils.enableBodyScroll, this)); } e.stopPropagation(); }, showIsFixedToolbar: function() { var top = this.dropdown.button.position().top + this.dropdown.button.innerHeight() + this.opts.toolbarFixedTopOffset; var position = 'fixed'; if (this.opts.toolbarFixedTarget !== document) { top = (this.dropdown.button.innerHeight() + this.$toolbar.offset().top) + this.opts.toolbarFixedTopOffset; position = 'absolute'; } this.dropdown.active.css({ position: position, left: this.dropdown.position.left + 'px', top: top + 'px' }).show(); // animate this.dropdown.active.redactorAnimation('slideDown', { duration: 0.2 }, $.proxy(function() { this.dropdown.enableCallback(); this.dropdown.enableEvents(); }, this)); }, showIsUnFixedToolbar: function() { this.dropdown.active.css({ position: 'absolute', left: this.dropdown.position.left + 'px', top: (this.dropdown.button.innerHeight() + this.dropdown.position.top) + 'px' }).show(); // animate this.dropdown.active.redactorAnimation(((this.opts.animation) ? 'slideDown' : 'show'), { duration: 0.2 }, $.proxy(function() { this.dropdown.enableCallback(); this.dropdown.enableEvents(); }, this)); }, enableEvents: function() { $(document).on('mousedown.redactor-dropdown', $.proxy(this.dropdown.hideAll, this)); this.core.editor().on('touchstart.redactor-dropdown', $.proxy(this.dropdown.hideAll, this)); $(document).on('keyup.redactor-dropdown', $.proxy(this.dropdown.closeHandler, this)); }, enableCallback: function() { this.core.callback('dropdownShown', { dropdown: this.dropdown.active, key: this.dropdown.key, button: this.dropdown.button }); }, getButtonPosition: function() { this.dropdown.position = this.dropdown.button.offset(); // fix right placement var dropdownWidth = this.dropdown.active.width(); if ((this.dropdown.position.left + dropdownWidth) > $(document).width()) { this.dropdown.position.left = Math.max(0, this.dropdown.position.left - dropdownWidth + parseInt(this.dropdown.button.innerWidth())); } }, closeHandler: function(e) { if (e.which !== this.keyCode.ESC) { return; } this.dropdown.hideAll(e); this.core.editor().focus(); }, hideAll: function(e, key) { if (this.detect.isDesktop()) { this.utils.enableBodyScroll(); } if (e !== false && $(e.target).closest('.redactor-dropdown').length !== 0) { return; } var $buttons = (typeof key === 'undefined') ? this.button.toolbar().find('a.dropact') : this.button.toolbar().find('a.dropact').not('.re-' + key); var $elements = (typeof key === 'undefined') ? $('.redactor-dropdown-' + this.uuid) : $('.redactor-dropdown-' + this.uuid).not('.redactor-dropdown-box-' + key); if ($elements.length !== 0) { $(document).off('.redactor-dropdown'); this.core.editor().off('.redactor-dropdown'); $.each($elements, $.proxy(function(i,s) { var $el = $(s); this.core.callback('dropdownHide', $el); $el.hide(); $el.off('mouseover mouseout').off('.redactor-dropdown'); }, this)); $buttons .removeClass('redactor-act dropact'); } }, hide: function () { if (this.dropdown.active === false) { return; } if (this.detect.isDesktop()) { this.utils.enableBodyScroll(); } this.dropdown.active.redactorAnimation(((this.opts.animation) ? 'slideUp' : 'hide'), { duration: 0.2 }, $.proxy(function() { $(document).off('.redactor-dropdown'); this.core.editor().off('.redactor-dropdown'); this.dropdown.hideOut(); }, this)); }, hideOut: function() { this.core.callback('dropdownHide', this.dropdown.active); this.dropdown.button.removeClass('redactor-act dropact'); this.dropdown.active.off('mouseover mouseout').off('.redactor-dropdown'); this.dropdown.button = false; this.dropdown.key = false; this.dropdown.active = false; } }; }, // =events events: function() { return { focused: false, blured: true, dropImage: false, stopChanges: false, stopDetectChanges: function() { this.events.stopChanges = true; }, startDetectChanges: function() { var self = this; setTimeout(function() { self.events.stopChanges = false; }, 1); }, dragover: function(e) { e.preventDefault(); e.stopPropagation(); if (e.target.tagName === 'IMG') { $(e.target).addClass('redactor-image-dragover'); } }, dragleave: function(e) { // remove image dragover this.core.editor().find('img').removeClass('redactor-image-dragover'); }, drop: function(e) { e = e.originalEvent || e; // remove image dragover this.core.editor().find('img').removeClass('redactor-image-dragover'); if (this.opts.type === 'inline' || this.opts.type === 'pre') { e.preventDefault(); return false; } if (window.FormData === undefined || !e.dataTransfer) { return true; } if (e.dataTransfer.files.length === 0) { return this.events.onDrop(e); } else { this.events.onDropUpload(e); } this.core.callback('drop', e); }, click: function(e) { var event = this.core.getEvent(); var type = (event === 'click' || event === 'arrow') ? false : 'click'; this.core.addEvent(type); this.utils.disableSelectAll(); this.core.callback('click', e); }, focus: function(e) { if (this.rtePaste) { return; } if (this.events.isCallback('focus')) { this.core.callback('focus', e); } this.events.focused = true; this.events.blured = false; // tab if (this.selection.current() === false) { var sel = this.selection.get(); var range = this.selection.range(sel); range.setStart(this.core.editor()[0], 0); range.setEnd(this.core.editor()[0], 0); this.selection.update(sel, range); } }, blur: function(e) { if (this.start || this.rtePaste) { return; } if ($(e.target).closest('#' + this.core.id() + ', .redactor-toolbar, .redactor-dropdown, #redactor-modal-box').length !== 0) { return; } if (!this.events.blured && this.events.isCallback('blur')) { this.core.callback('blur', e); } this.events.focused = false; this.events.blured = true; }, touchImageEditing: function() { var scrollTimer = -1; this.events.imageEditing = false; $(window).on('touchmove.redactor.' + this.uuid, $.proxy(function() { this.events.imageEditing = true; if (scrollTimer !== -1) { clearTimeout(scrollTimer); } scrollTimer = setTimeout($.proxy(function() { this.events.imageEditing = false; }, this), 500); }, this)); }, init: function() { this.core.editor().on('dragover.redactor dragenter.redactor', $.proxy(this.events.dragover, this)); this.core.editor().on('dragleave.redactor', $.proxy(this.events.dragleave, this)); this.core.editor().on('drop.redactor', $.proxy(this.events.drop, this)); this.core.editor().on('click.redactor', $.proxy(this.events.click, this)); this.core.editor().on('paste.redactor', $.proxy(this.paste.init, this)); this.core.editor().on('keydown.redactor', $.proxy(this.keydown.init, this)); this.core.editor().on('keyup.redactor', $.proxy(this.keyup.init, this)); this.core.editor().on('focus.redactor', $.proxy(this.events.focus, this)); $(document).on('mousedown.redactor-blur.' + this.uuid, $.proxy(this.events.blur, this)); this.events.touchImageEditing(); this.events.createObserver(); this.events.setupObserver(); }, createObserver: function() { var self = this; this.events.observer = new MutationObserver(function(mutations) { mutations.forEach($.proxy(self.events.iterateObserver, self)); }); }, iterateObserver: function(mutation) { var stop = false; // target if (((this.opts.type === 'textarea' || this.opts.type === 'div') && (!this.detect.isFirefox() && mutation.target === this.core.editor()[0])) || (mutation.attributeName === 'class' && mutation.target === this.core.editor()[0]) ) { stop = true; } if (!stop) { this.observe.load(); this.events.changeHandler(); } }, setupObserver: function() { this.events.observer.observe(this.core.editor()[0], { attributes: true, subtree: true, childList: true, characterData: true, characterDataOldValue: true }); }, changeHandler: function() { if (this.events.stopChanges) { return; } this.code.sync(); // autosave if (this.autosave.is()) { clearTimeout(this.autosaveTimeout); this.autosaveTimeout = setTimeout($.proxy(this.autosave.send, this), 300); } }, onDropUpload: function(e) { e.preventDefault(); e.stopPropagation(); if ((!this.opts.dragImageUpload && !this.opts.dragFileUpload) || (this.opts.imageUpload === null && this.opts.fileUpload === null)) { return; } if (e.target.tagName === 'IMG') { this.events.dropImage = e.target; } var files = e.dataTransfer.files; var len = files.length; for (var i = 0; i < len; i++) { this.upload.directUpload(files[i], e); } }, onDrop: function(e) { this.core.callback('drop', e); }, isCallback: function(name) { return (typeof this.opts.callbacks[name] !== 'undefined' && $.isFunction(this.opts.callbacks[name])); }, // #backward stopDetect: function() { this.events.stopDetectChanges(); }, startDetect: function() { this.events.startDetectChanges(); } }; }, // =file file: function() { return { is: function() { return !(!this.opts.fileUpload || !this.opts.fileUpload && !this.opts.s3); }, show: function() { // build modal this.modal.load('file', this.lang.get('file'), 700); // build upload this.upload.init('#redactor-modal-file-upload', this.opts.fileUpload, this.file.insert); // set selected text $('#redactor-filename').val(this.selection.get().toString()); // show this.modal.show(); }, insert: function(json, direct, e) { // error callback if (typeof json.error !== 'undefined') { this.modal.close(); this.core.callback('fileUploadError', json); return; } this.file.release(e, direct); // prepare this.buffer.set(); this.air.collapsed(); // get var text = this.file.text(json); var $link = $('').attr('href', json.url).text(text); var id = (typeof json.id === 'undefined') ? '' : json.id; var type = (typeof json.s3 === 'undefined') ? 'file' : 's3'; // set id $link.attr('data-' + type, id); // insert $link = $(this.insert.node($link)); // focus this.caret.after($link); // callback this.storage.add({ type: type, node: $link[0], url: json.url, id: id }); if (direct !== null) { this.core.callback('fileUpload', $link, json); } }, release: function(e, direct) { if (direct) { // drag and drop upload this.marker.remove(); this.insert.nodeToPoint(e, this.marker.get()); this.selection.restore(); } else { // upload from modal this.modal.close(); } }, text: function(json) { var text = $('#redactor-filename').val(); return (typeof text === 'undefined' || text === '') ? json.name : text; } }; }, // =focus focus: function() { return { start: function() { this.core.editor().focus(); if (this.opts.type === 'inline') { return; } var $first = this.focus.first(); if ($first !== false) { this.caret.start($first); } }, end: function() { this.core.editor().focus(); var last = (this.opts.inline) ? this.core.editor() : this.focus.last(); if (last.length === 0) { return; } // get inline last node var lastNode = this.focus.lastChild(last); if (!this.detect.isWebkit() && lastNode !== false) { this.caret.end(lastNode); } else { var sel = this.selection.get(); var range = this.selection.range(sel); if (range !== null) { range.selectNodeContents(last[0]); range.collapse(false); this.selection.update(sel, range); } else { this.caret.end(last); } } }, first: function() { var $first = this.core.editor().children().first(); if ($first.length === 0 && ($first[0].length === 0 || $first[0].tagName === 'BR' || $first[0].tagName === 'HR' || $first[0].nodeType === 3)) { return false; } if ($first[0].tagName === 'UL' || $first[0].tagName === 'OL') { return $first.find('li').first(); } return $first; }, last: function() { return this.core.editor().children().last(); }, lastChild: function(last) { var lastNode = last[0].lastChild; return (lastNode !== null && this.utils.isInlineTag(lastNode.tagName)) ? lastNode : false; }, is: function() { return (this.core.editor()[0] === document.activeElement); } }; }, // =image image: function() { return { is: function() { return !(!this.opts.imageUpload || !this.opts.imageUpload && !this.opts.s3); }, show: function() { // build modal this.modal.load('image', this.lang.get('image'), 700); // build upload this.upload.init('#redactor-modal-image-droparea', this.opts.imageUpload, this.image.insert); this.modal.show(); }, insert: function(json, direct, e) { var $img; // error callback if (typeof json.error !== 'undefined') { this.modal.close(); this.events.dropImage = false; this.core.callback('imageUploadError', json, e); return; } // change image if (this.events.dropImage !== false) { $img = $(this.events.dropImage); this.core.callback('imageDelete', $img[0].src, $img); $img.attr('src', json.url); this.events.dropImage = false; this.core.callback('imageUpload', $img, json); return; } this.placeholder.hide(); var $figure = $('<' + this.opts.imageTag + '>'); $img = $('
'); $img.attr('src', json.url); // set id var id = (typeof json.id === 'undefined') ? '' : json.id; var type = (typeof json.s3 === 'undefined') ? 'image' : 's3'; $img.attr('data-' + type, id); $figure.append($img); var pre = this.utils.isTag(this.selection.current(), 'pre'); if (direct) { this.air.collapsed(); this.marker.remove(); var node = this.insert.nodeToPoint(e, this.marker.get()); var $next = $(node).next(); this.selection.restore(); // buffer this.buffer.set(); // insert if (typeof $next !== 'undefined' && $next.length !== 0 && $next[0].tagName === 'IMG') { // delete callback this.core.callback('imageDelete', $next[0].src, $next); // replace $next.closest('figure, p', this.core.editor()[0]).replaceWith($figure); this.caret.after($figure); } else { if (pre) { $(pre).after($figure); } else { this.insert.node($figure); } this.caret.after($figure); } } else { this.modal.close(); // buffer this.buffer.set(); // insert this.air.collapsed(); if (pre) { $(pre).after($figure); } else { this.insert.node($figure); } this.caret.after($figure); } this.events.dropImage = false; this.storage.add({ type: type, node: $img[0], url: json.url, id: id }); var nextNode = $img[0].nextSibling; var $nextFigure = $figure.next(); var isNextEmpty = $(nextNode).text().replace(/\u200B/g, ''); var isNextFigureEmpty = $nextFigure.text().replace(/\u200B/g, ''); if (isNextEmpty === '') { $(nextNode).remove(); } if ($nextFigure.length === 1 && $nextFigure[0].tagName === 'FIGURE' && isNextFigureEmpty === '') { $nextFigure.remove(); } if (direct !== null) { this.core.callback('imageUpload', $img, json); } else { this.core.callback('imageInserted', $img, json); } }, setEditable: function($image) { $image.on('dragstart', function(e) { e.preventDefault(); }); if (this.opts.imageResizable) { var handler = $.proxy(function(e) { this.observe.image = $image; this.image.resizer = this.image.loadEditableControls($image); $(document).on('mousedown.redactor-image-resize-hide.' + this.uuid, $.proxy(this.image.hideResize, this)); if (this.image.resizer) { this.image.resizer.on('mousedown.redactor touchstart.redactor', $.proxy(function(e) { this.image.setResizable(e, $image); }, this)); } }, this); $image.off('mousedown.redactor').on('mousedown.redactor', $.proxy(this.image.hideResize, this)); $image.off('click.redactor touchstart.redactor').on('click.redactor touchstart.redactor', handler); } else { $image.off('click.redactor touchstart.redactor').on('click.redactor touchstart.redactor', $.proxy(function(e) { setTimeout($.proxy(function() { this.image.showEdit($image); }, this), 200); }, this)); } }, setResizable: function(e, $image) { e.preventDefault(); this.image.resizeHandle = { x : e.pageX, y : e.pageY, el : $image, ratio: $image.width() / $image.height(), h: $image.height() }; e = e.originalEvent || e; if (e.targetTouches) { this.image.resizeHandle.x = e.targetTouches[0].pageX; this.image.resizeHandle.y = e.targetTouches[0].pageY; } this.image.startResize(); }, startResize: function() { $(document).on('mousemove.redactor-image-resize touchmove.redactor-image-resize', $.proxy(this.image.moveResize, this)); $(document).on('mouseup.redactor-image-resize touchend.redactor-image-resize', $.proxy(this.image.stopResize, this)); }, moveResize: function(e) { e.preventDefault(); e = e.originalEvent || e; var height = this.image.resizeHandle.h; if (e.targetTouches) height += (e.targetTouches[0].pageY - this.image.resizeHandle.y); else height += (e.pageY - this.image.resizeHandle.y); var width = Math.round(height * this.image.resizeHandle.ratio); if (height < 50 || width < 100) return; this.image.resizeHandle.el.attr({width: width, height: height}); this.image.resizeHandle.el.width(width); this.image.resizeHandle.el.height(height); this.code.sync(); }, stopResize: function() { this.handle = false; $(document).off('.redactor-image-resize'); this.image.hideResize(); }, hideResize: function(e) { if (e && $(e.target).closest('#redactor-image-box', this.$editor[0]).length !== 0) return; if (e && e.target.tagName == 'IMG') { var $image = $(e.target); } var imageBox = this.$editor.find('#redactor-image-box'); if (imageBox.length === 0) return; $('#redactor-image-editter').remove(); $('#redactor-image-resizer').remove(); imageBox.find('img').css({ marginTop: imageBox[0].style.marginTop, marginBottom: imageBox[0].style.marginBottom, marginLeft: imageBox[0].style.marginLeft, marginRight: imageBox[0].style.marginRight }); imageBox.css('margin', ''); imageBox.find('img').css('opacity', ''); imageBox.replaceWith(function() { return $(this).contents(); }); $(document).off('mousedown.redactor-image-resize-hide.' + this.uuid); if (typeof this.image.resizeHandle !== 'undefined') { this.image.resizeHandle.el.attr('rel', this.image.resizeHandle.el.attr('style')); } }, loadResizableControls: function($image, imageBox) { if (this.opts.imageResizable && !this.detect.isMobile()) { var imageResizer = $(''); if (!this.detect.isDesktop()) { imageResizer.css({ width: '15px', height: '15px' }); } imageResizer.attr('contenteditable', false); imageBox.append(imageResizer); imageBox.append($image); return imageResizer; } else { imageBox.append($image); return false; } }, loadEditableControls: function($image) { if ($('#redactor-image-box').length !== 0) { return; } var imageBox = $(''); imageBox.css('float', $image.css('float')).attr('contenteditable', false); if ($image[0].style.margin != 'auto') { imageBox.css({ marginTop: $image[0].style.marginTop, marginBottom: $image[0].style.marginBottom, marginLeft: $image[0].style.marginLeft, marginRight: $image[0].style.marginRight }); $image.css('margin', ''); } else { imageBox.css({ 'display': 'block', 'margin': 'auto' }); } $image.css('opacity', '.5').after(imageBox); if (this.opts.imageEditable) { // editter this.image.editter = $('' + this.lang.get('edit') + ''); this.image.editter.attr('contenteditable', false); this.image.editter.on('click', $.proxy(function() { this.image.showEdit($image); }, this)); imageBox.append(this.image.editter); // position correction var editerWidth = this.image.editter.innerWidth(); this.image.editter.css('margin-left', '-' + editerWidth/2 + 'px'); } return this.image.loadResizableControls($image, imageBox); }, showEdit: function($image) { if (this.events.imageEditing) { return; } this.observe.image = $image; var $link = $image.closest('a', this.$editor[0]); var $figure = $image.closest('figure', this.$editor[0]); var $container = ($figure.length !== 0) ? $figure : $image; this.modal.load('image-edit', this.lang.get('edit'), 705); this.image.buttonDelete = this.modal.getDeleteButton().text(this.lang.get('delete')); this.image.buttonSave = this.modal.getActionButton().text(this.lang.get('save')); this.image.buttonDelete.on('click', $.proxy(this.image.remove, this)); this.image.buttonSave.on('click', $.proxy(this.image.update, this)); if (this.opts.imageCaption === false) { $('#redactor-image-caption').val('').hide().prev().hide(); } else { var $parent = $image.closest(this.opts.imageTag, this.$editor[0]); var $ficaption = $parent.find('figcaption'); if ($ficaption !== 0) { $('#redactor-image-caption').val($ficaption.text()).show(); } } if (!this.opts.imagePosition) { $('.redactor-image-position-option').hide(); } else { var isCentered = ($figure.length !== 0) ? ($container.css('text-align') === 'center') : ($container.css('display') == 'block' && $container.css('float') == 'none'); var floatValue = (isCentered) ? 'center' : $container.css('float'); $('#redactor-image-align').val(floatValue); } $('#redactor-image-preview').html($('
')); $('#redactor-image-title').val($image.attr('alt')); if ($link.length !== 0) { $('#redactor-image-link').val($link.attr('href')); if ($link.attr('target') === '_blank') { $('#redactor-image-link-blank').prop('checked', true); } } // hide link's tooltip $('.redactor-link-tooltip').remove(); this.modal.show(); // focus if (this.detect.isDesktop()) { $('#redactor-image-title').focus(); } }, update: function() { var $image = this.observe.image; var $link = $image.closest('a', this.core.editor()[0]); var title = $('#redactor-image-title').val().replace(/(<([^>]+)>)/ig,""); $image.attr('alt', title).attr('title', title); this.image.setFloating($image); // as link var link = $.trim($('#redactor-image-link').val()).replace(/(<([^>]+)>)/ig,""); if (link !== '') { // test url (add protocol) var pattern = '((xn--)?[a-z0-9]+(-[a-z0-9]+)*\\.)+[a-z]{2,}'; var re = new RegExp('^(http|ftp|https)://' + pattern, 'i'); var re2 = new RegExp('^' + pattern, 'i'); if (link.search(re) === -1 && link.search(re2) === 0 && this.opts.linkProtocol) { link = this.opts.linkProtocol + '://' + link; } var target = ($('#redactor-image-link-blank').prop('checked')) ? true : false; if ($link.length === 0) { var a = $('' + this.utils.getOuterHtml($image) + ''); if (target) { a.attr('target', '_blank'); } $image = $image.replaceWith(a); $link = this.core.editor().find('#redactor-img-tmp'); $link.removeAttr('id'); } else { $link.attr('href', link); if (target) { $link.attr('target', '_blank'); } else { $link.removeAttr('target'); } } } else if ($link.length !== 0) { $link.replaceWith(this.utils.getOuterHtml($image)); } this.image.addCaption($image, $link); this.modal.close(); // buffer this.buffer.set(); }, setFloating: function($image) { var $figure = $image.closest('figure', this.$editor[0]); var $container = ($figure.length !== 0) ? $figure : $image; var floating = $('#redactor-image-align').val(); var imageFloat = ''; var imageDisplay = ''; var imageMargin = ''; var textAlign = ''; switch (floating) { case 'left': imageFloat = 'left'; imageMargin = '0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin + ' 0'; break; case 'right': imageFloat = 'right'; imageMargin = '0 0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin; break; case 'center': if ($figure.length !== 0) { textAlign = 'center'; } else { imageDisplay = 'block'; imageMargin = 'auto'; } break; } $container.css({ 'float': imageFloat, 'display': imageDisplay, 'margin': imageMargin, 'text-align': textAlign }); $container.attr('rel', $image.attr('style')); }, addCaption: function($image, $link) { var caption = $('#redactor-image-caption').val(); var $target = ($link.length !== 0) ? $link : $image; var $figcaption = $target.next(); if ($figcaption.length === 0 || $figcaption[0].tagName !== 'FIGCAPTION') { $figcaption = false; } if (caption !== '') { if ($figcaption === false) { $figcaption = $('
').text(caption); $target.after($figcaption); } else { $figcaption.text(caption); } } else if ($figcaption !== false) { $figcaption.remove(); } }, remove: function(e, $image, index) { $image = (typeof $image === 'undefined') ? $(this.observe.image) : $image; // delete from modal if (typeof e !== 'boolean') { this.buffer.set(); } this.events.stopDetectChanges(); var $link = $image.closest('a', this.core.editor()[0]); var $figure = $image.closest(this.opts.imageTag, this.core.editor()[0]); var $parent = $image.parent(); // callback var imageDeleteStop = this.core.callback('imageDelete', e, $image[0]); if (imageDeleteStop === false) { if (e) e.preventDefault(); return false; } if ($('#redactor-image-box').length !== 0) { $parent = $('#redactor-image-box').parent(); } var $next, $prev; if ($figure.length !== 0) { $prev = $figure.prev(); $next = $figure.next(); $figure.remove(); } else if ($link.length !== 0) { $parent = $link.parent(); $link.remove(); } else { $image.remove(); } $('#redactor-image-box').remove(); if (e !== false) { if ($next && $next.length !== 0) { this.caret.start($next); } else if ($prev && $prev.length !== 0) { this.caret.end($prev); } } if (typeof e !== 'boolean') { this.modal.close(); } this.utils.restoreScroll(); this.observe.image = false; this.events.startDetectChanges(); this.placeholder.enable(); this.code.sync(); } }; }, // =indent indent: function() { return { increase: function() { if (!this.list.get()) { return; } var $current = $(this.selection.current()).closest('li'); var $list = $current.closest('ul, ol', this.core.editor()[0]); var $li = $current.closest('li'); var $prev = $li.prev(); if ($prev.length === 0 || $prev[0].tagName !== 'LI') { return; } this.buffer.set(); if (this.utils.isCollapsed()) { var listTag = $list[0].tagName; var $newList = $('<' + listTag + ' />'); this.selection.save(); var $ol = $prev.find('ol').first(); if ($ol.length === 1) { $ol.append($current); } else { var listTag = $list[0].tagName; var $newList = $('<' + listTag + ' />'); $newList.append($current); $prev.append($newList); } this.selection.restore(); } else { document.execCommand('indent'); // normalize this.selection.save(); this.indent.removeEmpty(); this.indent.normalize(); this.selection.restore(); } }, decrease: function() { if (!this.list.get()) { return; } var $current = $(this.selection.current()).closest('li'); var $list = $current.closest('ul, ol', this.core.editor()[0]); this.buffer.set(); document.execCommand('outdent'); var $item = $(this.selection.current()).closest('li', this.core.editor()[0]); if (this.utils.isCollapsed()) { this.indent.repositionItem($item); } if ($item.length === 0) { document.execCommand('formatblock', false, 'p'); $item = $(this.selection.current()); var $next = $item.next(); if ($next.length !== 0 && $next[0].tagName === 'BR') { $next.remove(); } } // normalize this.selection.save(); this.indent.removeEmpty(); this.indent.normalize(); this.selection.restore(); }, repositionItem: function($item) { var $next = $item.next(); if ($next.length !== 0 && ($next[0].tagName !== 'UL' || $next[0].tagName !== 'OL')) { $item.append($next); } var $prev = $item.prev(); if ($prev.length !== 0 && $prev[0].tagName !== 'LI') { this.selection.save(); var $li = $item.parents('li', this.core.editor()[0]); $li.after($item); this.selection.restore(); } }, normalize: function() { this.core.editor().find('li').each($.proxy(function(i,s) { var $el = $(s); // remove style $el.find(this.opts.inlineTags.join(',')).each(function() { $(this).removeAttr('style'); }); var $parent = $el.parent(); if ($parent.length !== 0 && $parent[0].tagName === 'LI') { $parent.after($el); return; } var $next = $el.next(); if ($next.length !== 0 && ($next[0].tagName === 'UL' || $next[0].tagName === 'OL')) { $el.append($next); } }, this)); }, removeEmpty: function($list) { var $lists = this.core.editor().find('ul, ol'); var $items = this.core.editor().find('li'); $items.each($.proxy(function(i, s) { this.indent.removeItemEmpty(s); }, this)); $lists.each($.proxy(function(i, s) { this.indent.removeItemEmpty(s); }, this)); $items.each($.proxy(function(i, s) { this.indent.removeItemEmpty(s); }, this)); }, removeItemEmpty: function(s) { var html = s.innerHTML.replace(/[\t\s\n]/g, ''); html = html.replace(/<\/span>/g, ''); if (html === '') { $(s).remove(); } } }; }, // =inline inline: function() { return { format: function(tag, attr, value, type) { // Stop formatting pre/code if (this.utils.isCurrentOrParent(['PRE', 'CODE'])) return; // Get params var params = this.inline.getParams(attr, value, type); // Arrange tag tag = this.inline.arrangeTag(tag); this.placeholder.hide(); this.buffer.set(); (this.utils.isCollapsed()) ? this.inline.formatCollapsed(tag, params) : this.inline.formatUncollapsed(tag, params); }, formatCollapsed: function(tag, params) { var newInline; var inline = this.selection.inline(); if (inline) { var currentTag = inline.tagName.toLowerCase(); if (currentTag === tag) { // empty = remove if (this.utils.isEmpty(inline.innerHTML)) { this.caret.after(inline); $(inline).remove(); } // not empty = break else { var $first = this.inline.insertBreakpoint(inline, currentTag); this.caret.after($first); } } else if ($(inline).closest(tag).length === 0) { newInline = this.inline.insertInline(tag); newInline = this.inline.setParams(newInline, params); } else { var $first = this.inline.insertBreakpoint(inline, currentTag); this.caret.after($first); } } else { newInline = this.inline.insertInline(tag); newInline = this.inline.setParams(newInline, params); } }, formatUncollapsed: function(tag, params) { this.selection.save(); var nodes = this.inline.getClearedNodes(); this.inline.setNodesStriked(nodes, tag, params); this.selection.restore(); document.execCommand('strikethrough'); this.selection.saveInstant(); var self = this; this.core.editor().find('strike').each(function() { var $el = self.utils.replaceToTag(this, tag); self.inline.setParams($el[0], params); var $inside = $el.find(tag); var $parent = $el.parent(); var $parentAround = $parent.parent(); // revert formatting (safari bug) if ($parentAround.length !== 0 && $parentAround[0].tagName.toLowerCase() === tag && $parentAround.html() == $parent[0].outerHTML) { $el.replaceWith(function() { return $(this).contents(); }); $parentAround.replaceWith(function() { return $(this).contents(); }); return; } // remove inside if ($inside.length !== 0) self.inline.cleanInsideOrParent($inside, params); // same parent if ($parent.html() == $el[0].outerHTML) self.inline.cleanInsideOrParent($parent, params); // bugfix: remove empty inline tags after selection if (self.detect.isFirefox()) { self.core.editor().find(tag + ':empty').remove(); } }); this.selection.restoreInstant(); }, cleanInsideOrParent: function($el, params) { if (params) { for (var key in params.data) { this.inline.removeSpecificAttr($el, key, params.data[key]); } } }, getClearedNodes: function() { var nodes = this.selection.nodes(); var newNodes = []; var len = nodes.length; var started = 0; // find array slice for (var i = 0; i < len; i++) { if ($(nodes[i]).hasClass('redactor-selection-marker')) { started = i + 2; break; } } // find selected inline & text nodes for (var i = 0; i < len; i++) { if (i >= started && !this.utils.isBlockTag(nodes[i].tagName)) { newNodes.push(nodes[i]); } } return newNodes; }, isConvertableAttr: function(node, name, value) { var nodeAttrValue = $(node).attr(name); if (nodeAttrValue) { if (name === 'style') { value = $.trim(value).replace(/;$/, '') var rules = value.split(';'); var count = 0; for (var i = 0; i < rules.length; i++) { var arr = rules[i].split(':'); var ruleName = $.trim(arr[0]); var ruleValue = $.trim(arr[1]); if (ruleName.search(/color/) !== -1) { var val = $(node).css(ruleName); if (val && (val === ruleValue || this.utils.rgb2hex(val) === ruleValue)) { count++; } } else if ($(node).css(ruleName) === ruleValue) { count++; } } if (count === rules.length) { return 1; } } else if (nodeAttrValue === value) { return 1; } } return 0; }, isConvertable: function(node, nodeTag, tag, params) { if (nodeTag === tag) { if (params) { var count = 0; for (var key in params.data) { count += this.inline.isConvertableAttr(node, key, params.data[key]); } if (count === Object.keys(params.data).length) { return true; } } else { return true; } } return false; }, setNodesStriked: function(nodes, tag, params) { for (var i = 0; i < nodes.length; i++) { var nodeTag = (nodes[i].tagName) ? nodes[i].tagName.toLowerCase() : undefined; var parent = nodes[i].parentNode; var parentTag = (parent && parent.tagName) ? parent.tagName.toLowerCase() : undefined; var convertable = this.inline.isConvertable(parent, parentTag, tag, params); if (convertable) { var $el = $(parent).replaceWith(function() { return $(' ').append($(this).contents()); }); $el.attr('data-redactor-inline-converted'); } var convertable = this.inline.isConvertable(nodes[i], nodeTag, tag, params); if (convertable) { var $el = $(nodes[i]).replaceWith(function() { return $('').append($(this).contents()); }); } } }, insertBreakpoint: function(inline, currentTag) { var breakpoint = document.createElement('span'); breakpoint.id = 'redactor-inline-breakpoint'; breakpoint = this.insert.node(breakpoint); var end = this.utils.isEndOfElement(inline); var code = this.utils.getOuterHtml(inline); var endTag = (end) ? '' : '<' + currentTag + '>'; code = code.replace(/<\/span>/i, "" + endTag); var $code = $(code); $(inline).replaceWith($code); if (endTag !== '') { this.utils.cloneAttributes(inline, $code.last()); } return $code.first(); }, insertInline: function(tag) { var node = document.createElement(tag); this.insert.node(node); this.caret.start(node); return node; }, arrangeTag: function(tag) { var tags = ['b', 'bold', 'i', 'italic', 'underline', 'strikethrough', 'deleted', 'superscript', 'subscript']; var replaced = ['strong', 'strong', 'em', 'em', 'u', 'del', 'del', 'sup', 'sub']; tag = tag.toLowerCase(); for (var i = 0; i < tags.length; i++) { if (tag === tags[i]) { tag = replaced[i]; } } return tag; }, getStyleParams: function(params) { var result = {}; var rules = params.trim().replace(/;$/, '').split(';'); for (var i = 0; i < rules.length; i++) { var rule = rules[i].split(':'); if (rule) { result[rule[0].trim()] = rule[1].trim(); } } return result; }, getParams: function(attr, value, type) { var data = false; var func = 'toggle'; if (typeof attr === 'object') { data = attr; func = (value !== undefined) ? value : func; } else if (attr !== undefined && value !== undefined) { data = {}; data[attr] = value; func = (type !== undefined) ? type : func; } return (data) ? { 'func': func, 'data': data } : false; }, setParams: function(node, params) { if (params) { for (var key in params.data) { var $node = $(node); if (key === 'style') { node = this.inline[params.func + 'Style'](params.data[key], node); $node.attr('data-redactor-style-cache', $node.attr('style')); } else if (key === 'class') { node = this.inline[params.func + 'Class'](params.data[key], node); } // attr else { node = (params.func === 'remove') ? this.inline[params.func + 'Attr'](key, node) : this.inline[params.func + 'Attr'](key, params.data[key], node); } if (key === 'style' && node.tagName === 'SPAN') { $node.attr('data-redactor-span', true); } } } return node; }, // Each eachInline: function(node, callback) { var lastNode; var nodes = (node === undefined) ? this.selection.inlines() : [node]; if (nodes) { for (var i = 0; i < nodes.length; i++) { lastNode = callback(nodes[i])[0]; } } return lastNode; }, // Class replaceClass: function(value, node) { return this.inline.eachInline(node, function(el) { return $(el).removeAttr('class').addClass(value); }); }, toggleClass: function(value, node) { return this.inline.eachInline(node, function(el) { return $(el).toggleClass(value); }); }, addClass: function(value, node) { return this.inline.eachInline(node, function(el) { return $(el).addClass(value); }); }, removeClass: function(value, node) { return this.inline.eachInline(node, function(el) { return $(el).removeClass(value); }); }, removeAllClass: function(node) { return this.inline.eachInline(node, function(el) { return $(el).removeAttr('class'); }); }, // Attr replaceAttr: function(name, value, node) { return this.inline.eachInline(node, function(el) { return $(el).removeAttr(name).attr(name. value); }); }, toggleAttr: function(name, value, node) { return this.inline.eachInline(node, function(el) { var attr = $(el).attr(name); return (attr) ? $(el).removeAttr(name) : $(el).attr(name. value); }); }, addAttr: function(name, value, node) { return this.inline.eachInline(node, function(el) { return $(el).attr(name, value); }); }, removeAttr: function(name, node) { return this.inline.eachInline(node, function(el) { var $el = $(el); $el.removeAttr(name); if (name === 'style') { $el.removeAttr('data-redactor-style-cache'); } return $el; }); }, removeAllAttr: function(node) { return this.inline.eachInline(node, function(el) { var $el = $(el); var len = el.attributes.length; for (var z = 0; z < len; z++) { $el.removeAttr(el.attributes[z].name); } return $el; }); }, removeSpecificAttr: function(node, key, value) { var $el = $(node); if (key === 'style') { var arr = value.split(':'); var name = arr[0].trim(); $el.css(name, ''); if (this.utils.removeEmptyAttr(node, 'style')) { $el.removeAttr('data-redactor-style-cache'); } } else { $el.removeAttr(key)[0]; } }, // Style hasParentStyle: function($el) { var $parent = $el.parent(); return ($parent.length === 1 && $parent[0].tagName === $el[0].tagName && $parent.html() === $el[0].outerHTML) ? $parent : false; }, addParentStyle: function($el) { var $parent = this.inline.hasParentStyle($el); if ($parent) { var style = this.inline.getStyleParams($el.attr('style')); $parent.css(style); $parent.attr('data-redactor-style-cache', $parent.attr('style')); $el.replaceWith(function() { return $(this).contents(); }); } else { $el.attr('data-redactor-style-cache', $el.attr('style')); } return $el; }, replaceStyle: function(params, node) { params = this.inline.getStyleParams(params); var self = this; return this.inline.eachInline(node, function(el) { var $el = $(el); $el.removeAttr('style').css(params); var style = $el.attr('style'); if (style) $el.attr('style', style.replace(/"/g, '\'')); $el = self.inline.addParentStyle($el); return $el; }); }, toggleStyle: function(params, node) { params = this.inline.getStyleParams(params); var self = this; return this.inline.eachInline(node, function(el) { var $el = $(el); for (var key in params) { var newVal = params[key]; var oldVal = $el.css(key); oldVal = (self.utils.isRgb(oldVal)) ? self.utils.rgb2hex(oldVal) : oldVal.replace(/"/g, ''); newVal = (self.utils.isRgb(newVal)) ? self.utils.rgb2hex(newVal) : newVal.replace(/"/g, ''); if (oldVal === newVal) { $el.css(key, ''); } else { $el.css(key, newVal); } } var style = $el.attr('style'); if (style) $el.attr('style', style.replace(/"/g, '\'')); if (!self.utils.removeEmptyAttr(el, 'style')) { $el = self.inline.addParentStyle($el); } else { $el.removeAttr('data-redactor-style-cache'); } return $el; }); }, addStyle: function(params, node) { params = this.inline.getStyleParams(params); var self = this; return this.inline.eachInline(node, function(el) { var $el = $(el); $el.css(params); var style = $el.attr('style'); if (style) $el.attr('style', style.replace(/"/g, '\'')); $el = self.inline.addParentStyle($el); return $el; }); }, removeStyle: function(params, node) { params = this.inline.getStyleParams(params); var self = this; return this.inline.eachInline(node, function(el) { var $el = $(el); for (var key in params) { $el.css(key, ''); } if (self.utils.removeEmptyAttr(el, 'style')) { $el.removeAttr('data-redactor-style-cache'); } else { $el.attr('data-redactor-style-cache', $el.attr('style')); } return $el; }); }, removeAllStyle: function(node) { return this.inline.eachInline(node, function(el) { return $(el).removeAttr('style').removeAttr('data-redactor-style-cache'); }); }, removeStyleRule: function(name) { var parent = this.selection.parent(); var nodes = this.selection.inlines(); this.buffer.set(); if (parent && parent.tagName === 'SPAN') { this.inline.removeStyleRuleAttr($(parent), name); } for (var i = 0; i < nodes.length; i++) { var el = nodes[i]; var $el = $(el); if ($.inArray(el.tagName.toLowerCase(), this.opts.inlineTags) != -1 && !$el.hasClass('redactor-selection-marker')) { this.inline.removeStyleRuleAttr($el, name); } } }, removeStyleRuleAttr: function($el, name) { $el.css(name, ''); if (this.utils.removeEmptyAttr($el, 'style')) { $el.removeAttr('data-redactor-style-cache'); } else { $el.attr('data-redactor-style-cache', $el.attr('style')); } }, // Update update: function(tag, attr, value, type) { tag = this.inline.arrangeTag(tag); var params = this.inline.getParams(attr, value, type); var nodes = this.selection.inlines(); var result = []; if (nodes) { for (var i = 0; i < nodes.length; i++) { var el = nodes[i]; if (tag === '*' || el.tagName.toLowerCase() === tag) { result.push(this.inline.setParams(el, params)); } } } return result; }, // All removeFormat: function() { this.selection.save(); var nodes = this.inline.getClearedNodes(); for (var i = 0; i < nodes.length; i++) { if (nodes[i].nodeType === 1) { $(nodes[i]).replaceWith(function() { return $(this).contents(); }); } } this.selection.restore(); } }; }, // =insert insert: function() { return { set: function(html) { this.placeholder.hide(); this.code.set(html); this.focus.end(); this.placeholder.enable(); }, html: function(html, data) { this.placeholder.hide(); this.core.editor().focus(); var block = this.selection.block(); var inline = this.selection.inline(); // clean if (typeof data === 'undefined') { data = this.clean.getCurrentType(html, true); html = this.clean.onPaste(html, data, true); } html = $.parseHTML(html); // end node var endNode = $(html).last(); // delete selected content var sel = this.selection.get(); var range = this.selection.range(sel); range.deleteContents(); this.selection.update(sel, range); // insert list in list if (data.lists) { var $list = $(html); if ($list.length !== 0 && ($list[0].tagName === 'UL' || $list[0].tagName === 'OL')) { this.insert.appendLists(block, $list); return; } } if (data.blocks && block) { if (this.utils.isSelectAll()) { this.core.editor().html(html); this.focus.end(); } else { var breaked = this.utils.breakBlockTag(); if (breaked === false) { this.insert.placeHtml(html); } else { var $last = $(html).children().last(); $last.append(this.marker.get()); if (breaked.type === 'start') { breaked.$block.before(html); } else { breaked.$block.after(html); } this.selection.restore(); this.core.editor().find('p').each(function() { if ($.trim(this.innerHTML) === '') { $(this).remove(); } }); } } } else { if (inline) { // remove same tag inside var $div = $("").html(html); $div.find(inline.tagName.toLowerCase()).each(function() { $(this).contents().unwrap(); }); html = $div.html(); } if (this.utils.isSelectAll()) { var $node = $(this.opts.emptyHtml); this.core.editor().html('').append($node); $node.html(html); this.caret.end($node); } else { this.insert.placeHtml(html); } } this.utils.disableSelectAll(); if (data.pre) this.clean.cleanPre(); this.caret.end(endNode); this.linkify.format(); }, text: function(text) { text = text.toString(); text = $.trim(text); var tmp = document.createElement('div'); tmp.innerHTML = text; text = tmp.textContent || tmp.innerText; if (typeof text === 'undefined') { return; } this.placeholder.hide(); this.core.editor().focus(); // blocks var blocks = this.selection.blocks(); // nl to spaces text = text.replace(/\n/g, ' '); // select all if (this.utils.isSelectAll()) { var $node = $(this.opts.emptyHtml); this.core.editor().html('').append($node); $node.html(text); this.caret.end($node); } else { // insert var sel = this.selection.get(); var node = document.createTextNode(text); if (sel.getRangeAt && sel.rangeCount) { var range = sel.getRangeAt(0); range.deleteContents(); range.insertNode(node); range.setStartAfter(node); range.collapse(true); this.selection.update(sel, range); } // wrap node if selected two or more block tags if (blocks.length > 1) { $(node).wrap(''); this.caret.after(node); } } this.utils.disableSelectAll(); this.linkify.format(); this.clean.normalizeCurrentHeading(); }, raw: function(html) { this.placeholder.hide(); this.core.editor().focus(); var sel = this.selection.get(); var range = this.selection.range(sel); range.deleteContents(); var el = document.createElement("div"); el.innerHTML = html; var frag = document.createDocumentFragment(), node, lastNode; while ((node = el.firstChild)) { lastNode = frag.appendChild(node); } range.insertNode(frag); if (lastNode) { range = range.cloneRange(); range.setStartAfter(lastNode); range.collapse(true); sel.removeAllRanges(); sel.addRange(range); } }, node: function(node, deleteContent) { this.placeholder.hide(); if (typeof this.start !== 'undefined') { this.core.editor().focus(); } node = node[0] || node; var block = this.selection.block(); var gap = this.utils.isBlockTag(node.tagName); var result = true; if (this.utils.isSelectAll()) { if (gap) { this.core.editor().html(node); } else { this.core.editor().html($('
').html(node)); } this.code.sync(); } else if (gap && block) { var breaked = this.utils.breakBlockTag(); if (breaked === false) { this.insert.placeNode(node, deleteContent); } else { if (breaked.type === 'start') { breaked.$block.before(node); } else { breaked.$block.after(node); } this.core.editor().find('p:empty').remove(); } } else { result = this.insert.placeNode(node, deleteContent); } this.utils.disableSelectAll(); if (result) { this.caret.end(node); } return node; }, appendLists: function(block, $list) { var $block = $(block); var last; var isEmpty = this.utils.isEmpty(block.innerHTML); if (isEmpty || this.utils.isEndOfElement(block)) { last = $block; $list.find('li').each(function() { last.after(this); last = $(this); }); if (isEmpty) { $block.remove(); } } else if (this.utils.isStartOfElement(block)) { $list.find('li').each(function() { $block.before(this); last = $(this); }); } else { var endOfNode = this.selection.extractEndOfNode(block); $block.after($('
- ').append(endOfNode)); $block.append($list); last = $list; } this.marker.remove(); if (last) { this.caret.end(last); } this.linkify.format(); }, placeHtml: function(html) { var marker = document.createElement('span'); marker.id = 'redactor-insert-marker'; marker = this.insert.node(marker); $(marker).before(html); this.selection.restore(); this.caret.after(marker); $(marker).remove(); }, placeNode: function(node, deleteContent) { var sel = this.selection.get(); var range = this.selection.range(sel); if (range == null) { return false; } if (deleteContent !== false) { range.deleteContents(); } range.insertNode(node); range.collapse(false); this.selection.update(sel, range); }, nodeToPoint: function(e, node) { this.placeholder.hide(); node = node[0] || node; if (this.utils.isEmpty()) { node = (this.utils.isBlock(node)) ? node : $('').append(node); this.core.editor().html(node); return node; } var range; var x = e.clientX, y = e.clientY; if (document.caretPositionFromPoint) { var pos = document.caretPositionFromPoint(x, y); var sel = document.getSelection(); range = sel.getRangeAt(0); range.setStart(pos.offsetNode, pos.offset); range.collapse(true); range.insertNode(node); } else if (document.caretRangeFromPoint) { range = document.caretRangeFromPoint(x, y); range.insertNode(node); } else if (typeof document.body.createTextRange !== "undefined") { range = document.body.createTextRange(); range.moveToPoint(x, y); var endRange = range.duplicate(); endRange.moveToPoint(x, y); range.setEndPoint("EndToEnd", endRange); range.select(); } return node; }, // #backward nodeToCaretPositionFromPoint: function(e, node) { this.insert.nodeToPoint(e, node); }, marker: function() { this.marker.insert(); } }; }, // =keydown keydown: function() { return { init: function(e) { if (this.rtePaste) { return; } var key = e.which; var arrow = (key >= 37 && key <= 40); this.keydown.ctrl = e.ctrlKey || e.metaKey; this.keydown.parent = this.selection.parent(); this.keydown.current = this.selection.current(); this.keydown.block = this.selection.block(); // detect tags this.keydown.pre = this.utils.isTag(this.keydown.current, 'pre'); this.keydown.blockquote = this.utils.isTag(this.keydown.current, 'blockquote'); this.keydown.figcaption = this.utils.isTag(this.keydown.current, 'figcaption'); this.keydown.figure = this.utils.isTag(this.keydown.current, 'figure'); // callback var keydownStop = this.core.callback('keydown', e); if (keydownStop === false) { e.preventDefault(); return false; } // shortcuts setup this.shortcuts.init(e, key); // buffer this.keydown.checkEvents(arrow, key); this.keydown.setupBuffer(e, key); if (this.utils.isSelectAll() && ( key === this.keyCode.ENTER || key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE)) { e.preventDefault(); this.code.set(this.opts.emptyHtml); this.events.changeHandler(); return; } this.keydown.addArrowsEvent(arrow); this.keydown.setupSelectAll(e, key); // turn off enter key if (!this.opts.enterKey && key === this.keyCode.ENTER) { e.preventDefault(); // remove selected var sel = this.selection.get(); var range = this.selection.range(sel); if (!range.collapsed) { range.deleteContents(); } return; } // down if (this.opts.enterKey && key === this.keyCode.DOWN) { this.keydown.onArrowDown(); } // up if (this.opts.enterKey && key === this.keyCode.UP) { this.keydown.onArrowUp(); } // replace to p before / after the table or into body if ((this.opts.type === 'textarea' || this.opts.type === 'div') && this.keydown.current && this.keydown.current.nodeType === 3 && $(this.keydown.parent).hasClass('redactor-in')) { this.keydown.wrapToParagraph(); } // on Shift+Space or Ctrl+Space if (!this.keyup.lastShiftKey && key === this.keyCode.SPACE && (e.ctrlKey || e.shiftKey)) { e.preventDefault(); return this.keydown.onShiftSpace(); } // on Shift+Enter or Ctrl+Enter if (key === this.keyCode.ENTER && (e.ctrlKey || e.shiftKey)) { e.preventDefault(); return this.keydown.onShiftEnter(e); } // on enter if (key === this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey) { return this.keydown.onEnter(e); } // tab or cmd + [ if (key === this.keyCode.TAB || e.metaKey && key === 221 || e.metaKey && key === 219) { return this.keydown.onTab(e, key); } // firefox bugfix if (this.detect.isFirefox() && key === this.keyCode.BACKSPACE && this.keydown.block && this.keydown.block.tagName === 'P' && this.utils.isStartOfElement(this.keydown.block)) { var $prev = $(this.keydown.block).prev(); if ($prev.length !== 0) { e.preventDefault(); $prev.append(this.marker.get()); $prev.append($(this.keydown.block).html()); $(this.keydown.block).remove(); this.selection.restore(); return; } } // backspace & delete if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE) { if (this.observe.image && typeof this.observe.image !== 'undefined' && $('#redactor-image-box').length !== 0) { e.preventDefault(); var $prev = this.observe.image.closest('figure, p').prev() this.image.remove(false); this.observe.image = false; if ($prev && $prev.length !== 0) { this.caret.end($prev); } else { this.core.editor().focus(); } return; } this.keydown.onBackspaceAndDeleteBefore(); } if (key === this.keyCode.DELETE) { var $next = $(this.keydown.block).next(); // delete figure if (this.utils.isEndOfElement(this.keydown.block) && $next.length !== 0 && $next[0].tagName === 'FIGURE') { $next.remove(); return false; } // append list (safari bug) var tagLi = (this.keydown.block && this.keydown.block.tagName === 'LI') ? this.keydown.block : false; if (tagLi) { var $list = $(this.keydown.block).parents('ul, ol').last(); var $nextList = $list.next(); if (this.utils.isRedactorParent($list) && this.utils.isEndOfElement($list) && $nextList.length !== 0 && ($nextList[0].tagName === 'UL' || $nextList[0].tagName === 'OL')) { e.preventDefault(); $list.append($nextList.contents()); $nextList.remove(); return false; } } // append pre if (this.utils.isEndOfElement(this.keydown.block) && $next.length !== 0 && $next[0].tagName === 'PRE') { $(this.keydown.block).append($next.text()); $next.remove(); return false; } } // image delete if (key === this.keyCode.DELETE && $('#redactor-image-box').length !== 0) { this.image.remove(); } // backspace if (key === this.keyCode.BACKSPACE) { if (this.detect.isFirefox()) { this.line.removeOnBackspace(e); } // combine list after and before if paragraph is empty if (this.list.combineAfterAndBefore(this.keydown.block)) { e.preventDefault(); return; } // backspace as outdent var block = this.selection.block(); if (block && block.tagName === 'LI' && this.utils.isCollapsed() && this.utils.isStartOfElement()) { this.indent.decrease(); e.preventDefault(); return; } this.keydown.removeInvisibleSpace(); this.keydown.removeEmptyListInTable(e); } if (key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE) { this.keydown.onBackspaceAndDeleteAfter(e); } }, onShiftSpace: function() { this.buffer.set(); this.insert.raw(' '); return false; }, onShiftEnter: function(e) { this.buffer.set(); return (this.keydown.pre) ? this.keydown.insertNewLine(e) : this.insert.raw('
'); }, onBackspaceAndDeleteBefore: function() { this.utils.saveScroll(); }, onBackspaceAndDeleteAfter: function(e) { // remove style tag setTimeout($.proxy(function() { this.code.syncFire = false; this.keydown.removeEmptyLists(); var filter = ''; if (this.opts.keepStyleAttr.length !== 0) { filter = ',' + this.opts.keepStyleAttr.join(','); } var $styleTags = this.core.editor().find('*[style]'); $styleTags.not('img, figure, iframe, #redactor-image-box, #redactor-image-editter, [data-redactor-style-cache], [data-redactor-span]' + filter).removeAttr('style'); this.keydown.formatEmpty(e); this.code.syncFire = true; }, this), 1); }, onEnter: function(e) { var stop = this.core.callback('enter', e); if (stop === false) { e.preventDefault(); return false; } // blockquote exit if (this.keydown.blockquote && this.keydown.exitFromBlockquote(e) === true) { return false; } // pre if (this.keydown.pre) { return this.keydown.insertNewLine(e); } // blockquote & figcaption else if (this.keydown.blockquote || this.keydown.figcaption) { return this.keydown.insertBreakLine(e); } // figure else if (this.keydown.figure) { setTimeout($.proxy(function() { this.keydown.replaceToParagraph('FIGURE'); }, this), 1); } // paragraphs else if (this.keydown.block) { setTimeout($.proxy(function() { this.keydown.replaceToParagraph('DIV'); }, this), 1); // empty list exit if (this.keydown.block.tagName === 'LI') { var current = this.selection.current(); var $parent = $(current).closest('li', this.$editor[0]); var $list = $parent.parents('ul,ol', this.$editor[0]).last(); if ($parent.length !== 0 && this.utils.isEmpty($parent.html()) && $list.next().length === 0 && this.utils.isEmpty($list.find("li").last().html())) { $list.find("li").last().remove(); var node = $(this.opts.emptyHtml); $list.after(node); this.caret.start(node); return false; } } } // outside else if (!this.keydown.block) { return this.keydown.insertParagraph(e); } // firefox enter into inline element if (this.detect.isFirefox() && this.utils.isInline(this.keydown.parent)) { this.keydown.insertBreakLine(e); return; } // remove inline tags in new-empty paragraph setTimeout($.proxy(function() { var inline = this.selection.inline(); if (inline && this.utils.isEmpty(inline.innerHTML)) { var parent = this.selection.block(); $(inline).remove(); //this.caret.start(parent); var range = document.createRange(); range.setStart(parent, 0); var textNode = document.createTextNode('\u200B'); range.insertNode(textNode); range.setStartAfter(textNode); range.collapse(true); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); } }, this), 1); }, checkEvents: function(arrow, key) { if (!arrow && (this.core.getEvent() === 'click' || this.core.getEvent() === 'arrow')) { this.core.addEvent(false); if (this.keydown.checkKeyEvents(key)) { this.buffer.set(); } } }, checkKeyEvents: function(key) { var k = this.keyCode; var keys = [k.BACKSPACE, k.DELETE, k.ENTER, k.ESC, k.TAB, k.CTRL, k.META, k.ALT, k.SHIFT]; return ($.inArray(key, keys) === -1) ? true : false; }, addArrowsEvent: function(arrow) { if (!arrow) { return; } if ((this.core.getEvent() === 'click' || this.core.getEvent() === 'arrow')) { this.core.addEvent(false); return; } this.core.addEvent('arrow'); }, setupBuffer: function(e, key) { if (this.keydown.ctrl && key === 90 && !e.shiftKey && !e.altKey && this.sBuffer.length) // z key { e.preventDefault(); this.buffer.undo(); return; } // redo else if (this.keydown.ctrl && key === 90 && e.shiftKey && !e.altKey && this.sRebuffer.length !== 0) { e.preventDefault(); this.buffer.redo(); return; } else if (!this.keydown.ctrl) { if (key === this.keyCode.SPACE || key === this.keyCode.BACKSPACE || key === this.keyCode.DELETE || (key === this.keyCode.ENTER && !e.ctrlKey && !e.shiftKey)) { this.buffer.set(); } } }, exitFromBlockquote: function(e) { if (!this.utils.isEndOfElement(this.keydown.blockquote)) { return; } var tmp = this.clean.removeSpacesHard($(this.keydown.blockquote).html()); if (tmp.search(/(
'; var sel = this.selection.get(); var range = this.selection.range(sel); range.deleteContents(); range.insertNode(p); this.caret.start(p); return false; }, insertBreakLine: function(e) { return this.keydown.insertBreakLineProcessing(e); }, insertDblBreakLine: function(e) { return this.keydown.insertBreakLineProcessing(e, true); }, insertBreakLineProcessing: function(e, dbl) { e.stopPropagation(); var br1 = document.createElement('br'); this.insert.node(br1); if (dbl === true) { var br2 = document.createElement('br'); this.insert.node(br2); this.caret.after(br2); } else { this.caret.after(br1); } return false; }, wrapToParagraph: function() { var $current = $(this.keydown.current); var node = $('').append($current.clone()); $current.replaceWith(node); var next = $(node).next(); if (typeof(next[0]) !== 'undefined' && next[0].tagName === 'BR') { next.remove(); } this.caret.end(node); }, replaceToParagraph: function(tag) { var blockElem = this.selection.block(); var $prev = $(blockElem).prev(); var blockHtml = blockElem.innerHTML.replace(/
'; if (!this.detect.isFirefox() && this.utils.isEmpty()) { html += '' + this.opts.emptyHtml + '
'; } return html; }, // ff only removeOnBackspace: function(e) { if (!this.utils.isCollapsed()) { return; } var $block = $(this.selection.block()); if ($block.length === 0 || !this.utils.isStartOfElement($block)) { return; } // if hr is previous element var $prev = $block.prev(); if ($prev && $prev.length !== 0 && $prev[0].tagName === 'HR') { e.preventDefault(); $prev.remove(); } } }; }, // =link link: function() { return { // public get: function() { return $(this.selection.inlines('a')); }, is: function() { var nodes = this.selection.nodes() ; var $link = $(this.selection.current()).closest('a', this.core.editor()[0]); return ($link.length === 0 || nodes.length > 1) ? false : $link; }, unlink: function(e) { // if call from clickable element if (typeof e !== 'undefined' && e.preventDefault) { e.preventDefault(); } // buffer this.buffer.set(); var links = this.selection.inlines('a'); if (links.length === 0) { return; } var $links = this.link.replaceLinksToText(links); this.observe.closeAllTooltip(); this.core.callback('deletedLink', $links); }, insert: function(link, cleaned) { var $el = this.link.is(); if (cleaned !== true) { link = this.link.buildLinkFromObject($el, link); if (link === false) { return false; } } // buffer this.buffer.set(); // callback link = this.core.callback('beforeInsertingLink', link); if ($el === false) { // insert $el = $(''); $el = this.link.update($el, link); $el = $(this.insert.node($el)); var $parent = $el.parent(); if (this.utils.isRedactorParent($parent) === false) { $el.wrap(''); } // remove unlink wrapper if ($parent.hasClass('redactor-unlink')) { $parent.replaceWith(function(){ return $(this).contents(); }); } this.caret.after($el); this.core.callback('insertedLink', $el); } else { // update $el = this.link.update($el, link); this.caret.after($el); } return $el; }, update: function($el, link) { $el.text(link.text); $el.attr('href', link.url); this.link.target($el, link.target); return $el; }, target: function($el, target) { return (target) ? $el.attr('target', '_blank') : $el.removeAttr('target'); }, show: function(e) { // if call from clickable element if (typeof e !== 'undefined' && e.preventDefault) { e.preventDefault(); } // close tooltip this.observe.closeAllTooltip(); // is link var $el = this.link.is(); // build modal this.link.buildModal($el); // build link var link = this.link.buildLinkFromElement($el); // if link cut & paste inside editor browser added self host to a link link.url = this.link.removeSelfHostFromUrl(link.url); // new tab target if (this.opts.linkNewTab && !$el) { link.target = true; } // set modal values this.link.setModalValues(link); // show modal this.modal.show(); // focus if (this.detect.isDesktop()) { $('#redactor-link-url').focus(); } }, // private setModalValues: function(link) { $('#redactor-link-blank').prop('checked', link.target); $('#redactor-link-url').val(link.url); $('#redactor-link-url-text').val(link.text); }, buildModal: function($el) { this.modal.load('link', this.lang.get(($el === false) ? 'link-insert' : 'link-edit'), 600); // button insert var $btn = this.modal.getActionButton(); $btn.text(this.lang.get(($el === false) ? 'insert' : 'save')).on('click', $.proxy(this.link.callback, this)); }, callback: function() { // build link var link = this.link.buildLinkFromModal(); if (link === false) { return false; } // close this.modal.close(); // insert or update this.link.insert(link, true); }, cleanUrl: function(url) { return (typeof url === 'undefined') ? '' : $.trim(url.replace(/[^\W\w\D\d+&\'@#/%?=~_|!:,.;\(\)]/gi, '')); }, cleanText: function(text) { return (typeof text === 'undefined') ? '' :$.trim(text.replace(/(<([^>]+)>)/gi, '')); }, getText: function(link) { return (link.text === '' && link.url !== '') ? this.link.truncateUrl(link.url.replace(/<|>/g, '')) : link.text; }, isUrl: function(url) { var pattern = '((xn--)?[\\W\\w\\D\\d]+(-[\\W\\w\\D\\d]+)*\\.)+[\\W\\w]{2,}'; var re1 = new RegExp('^(http|ftp|https)://' + pattern, 'i'); var re2 = new RegExp('^' + pattern, 'i'); var re3 = new RegExp('\.(html|php)$', 'i'); var re4 = new RegExp('^/', 'i'); var re5 = new RegExp('^tel:(.*?)', 'i'); // add protocol if (url.search(re1) === -1 && url.search(re2) !== -1 && url.search(re3) === -1 && url.substring(0, 1) !== '/') { url = 'http://' + url; } if (url.search(re1) !== -1 || url.search(re3) !== -1 || url.search(re4) !== -1 || url.search(re5) !== -1) { return url; } return false; }, isMailto: function(url) { return (url.search('@') !== -1 && /(http|ftp|https):\/\//i.test(url) === false); }, isEmpty: function(link) { return (link.url === '' || (link.text === '' && link.url === '')); }, truncateUrl: function(url) { return (url.length > this.opts.linkSize) ? url.substring(0, this.opts.linkSize) + '...' : url; }, parse: function(link) { // mailto if (this.link.isMailto(link.url)) { link.url = 'mailto:' + link.url.replace('mailto:', ''); } // url else if (link.url.search('#') !== 0) { link.url = this.link.isUrl(link.url); } // empty url or text or isn't url return (this.link.isEmpty(link) || link.url === false) ? false : link; }, buildLinkFromModal: function() { var link = {}; // url link.url = this.link.cleanUrl($('#redactor-link-url').val()); // text link.text = this.link.cleanText($('#redactor-link-url-text').val()); link.text = this.link.getText(link); // target link.target = ($('#redactor-link-blank').prop('checked')) ? true : false; // parse return this.link.parse(link); }, buildLinkFromObject: function($el, link) { // url link.url = this.link.cleanUrl(link.url); // text link.text = (typeof link.text === 'undefined' && this.selection.is()) ? this.selection.text() : this.link.cleanText(link.text); link.text = this.link.getText(link); // target link.target = ($el === false) ? link.target : this.link.buildTarget($el); // parse return this.link.parse(link); }, buildLinkFromElement: function($el) { var link = { url: '', text: (this.selection.is()) ? this.selection.text() : '', target: false }; if ($el !== false) { link.url = $el.attr('href'); link.text = $el.text(); link.target = this.link.buildTarget($el); } return link; }, buildTarget: function($el) { return (typeof $el.attr('target') !== 'undefined' && $el.attr('target') === '_blank') ? true : false; }, removeSelfHostFromUrl: function(url) { var href = self.location.href.replace('#', '').replace(/\/$/i, ''); return url.replace(/^\/\#/, '#').replace(href, '').replace('mailto:', ''); }, replaceLinksToText: function(links) { var $first; var $links = $.each(links, function(i,s) { var $el = $(s); var $unlinked = $('').append($el.contents()); $el.replaceWith($unlinked); if (i === 0) { $first = $unlinked; } return $el; }); // set caret after unlinked node if (links.length === 1 && this.selection.isCollapsed()) { this.caret.after($first); } return $links; } }; }, // =linkify linkify: function() { return { isKey: function(key) { return key === this.keyCode.ENTER || key === this.keyCode.SPACE; }, isLink: function(node) { return (node.nodeValue.match(this.opts.regexps.linkyoutube) || node.nodeValue.match(this.opts.regexps.linkvimeo) || node.nodeValue.match(this.opts.regexps.linkimage) || node.nodeValue.match(this.opts.regexps.url)); }, isFiltered: function(i, node) { return node.nodeType === 3 && $.trim(node.nodeValue) !== "" && !$(node).parent().is("pre") && (this.linkify.isLink(node)); }, handler: function(i, node) { var $el = $(node); var text = $el.text(); var html = text; if (html.match(this.opts.regexps.linkyoutube) || html.match(this.opts.regexps.linkvimeo)) { html = this.linkify.convertVideoLinks(html); } else if (html.match(this.opts.regexps.linkimage)) { html = this.linkify.convertImages(html); } else { html = this.linkify.convertLinks(html); } $el.before(text.replace(text, html)).remove(); }, format: function() { if (!this.opts.linkify || this.utils.isCurrentOrParent('pre')) { return; } this.core.editor().find(":not(iframe,img,a,pre,code,.redactor-unlink)").addBack().contents().filter($.proxy(this.linkify.isFiltered, this)).each($.proxy(this.linkify.handler, this)); // collect var $objects = this.core.editor().find('.redactor-linkify-object').each($.proxy(function(i,s) { var $el = $(s); $el.removeClass('redactor-linkify-object'); if ($el.attr('class') === '') { $el.removeAttr('class'); } if (s.tagName === 'DIV') // video container { this.linkify.breakBlockTag($el, 'video'); } else if (s.tagName === 'IMG') // image { this.linkify.breakBlockTag($el, 'image'); } else if (s.tagName === 'A') { this.core.callback('insertedLink', $el); } return $el; }, this)); // callback setTimeout($.proxy(function() { this.code.sync(); this.core.callback('linkify', $objects); }, this), 100); }, breakBlockTag: function($el, type) { var breaked = this.utils.breakBlockTag(); if (breaked === false) { return; } var $newBlock = $el; if (type === 'image') { $newBlock = $('
'; if (html.match(this.opts.regexps.linkyoutube)) { html = html.replace(this.opts.regexps.linkyoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd); } if (html.match(this.opts.regexps.linkvimeo)) { html = html.replace(this.opts.regexps.linkvimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd); } return html; }, convertImages: function(html) { var matches = html.match(this.opts.regexps.linkimage); if (!matches) { return html; } return html.replace(html, '').append($el); } if (breaked.type === 'start') { breaked.$block.before($newBlock); } else { breaked.$block.after($newBlock); } if (type === 'image') { this.caret.after($newBlock); } }, convertVideoLinks: function(html) { var iframeStart = ' '); }, convertLinks: function(html) { var matches = html.match(this.opts.regexps.url); if (!matches) { return html; } matches = $.grep(matches, function(v, k) { return $.inArray(v, matches) === k; }); var length = matches.length; for (var i = 0; i < length; i++) { var href = matches[i], text = href; var linkProtocol = (href.match(/(https?|ftp):\/\//i) !== null) ? '' : 'http://'; if (text.length > this.opts.linkSize) { text = text.substring(0, this.opts.linkSize) + '...'; } if (text.search('%') === -1) { text = decodeURIComponent(text); } var regexB = "\\b"; if ($.inArray(href.slice(-1), ["/", "&", "="]) !== -1) { regexB = ""; } // escaping url var regexp = new RegExp('(' + href.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&") + regexB + ')', 'g'); // target var target = ''; if (this.opts.pasteLinkTarget !== false) { target = ' target="' + this.opts.pasteLinkTarget + '"'; } html = html.replace(regexp, '' + $.trim(text) + ''); } return html; } }; }, // =list list: function() { return { toggle: function(cmd) { if (this.utils.inBlocks(['table', 'td', 'th', 'tr'])) { return; } var tag = (cmd === 'orderedlist' || cmd === 'ol') ? 'OL' : 'UL'; cmd = (tag === 'OL') ? 'orderedlist' : 'unorderedlist' var $list = $(this.selection.current()).parentsUntil('.redactor-in', 'ul, ol').first(); this.placeholder.hide(); this.buffer.set(); if ($list.length !== 0 && $list[0].tagName === tag && this.utils.isRedactorParent($list)) { this.selection.save(); // remove list $list.find('ul, ol').each(function() { var parent = $(this).closest('li'); $(this).find('li').each(function() { $(parent).after(this); }); }); $list.find('ul, ol').remove(); $list.find('li').each(function() { return $(this).replaceWith(function() { return $('').append($(this).contents()); }); }); $list.replaceWith(function() { return $(this).contents(); }); this.selection.restore(); return; } this.selection.save(); if ($list.length !== 0 && $list[0].tagName !== tag) { $list.each($.proxy(function(i,s) { this.utils.replaceToTag(s, tag); }, this)); } else { document.execCommand('insert' + cmd); } this.selection.restore(); var $insertedList = this.list.get(); if (!$insertedList) { if (!this.selection.block()) { document.execCommand('formatblock', false, 'p'); } return; } // clear span $insertedList.find('span').replaceWith(function() { return $(this).contents(); }); // remove style $insertedList.find(this.opts.inlineTags.join(',')).each(function() { $(this).removeAttr('style'); }); // remove block-element list wrapper var $listParent = $insertedList.parent(); if (this.utils.isRedactorParent($listParent) && $listParent[0].tagName !== 'LI' && this.utils.isBlock($listParent)) { this.selection.save(); $listParent.replaceWith($listParent.contents()); this.selection.restore(); } }, get: function() { var current = this.selection.current(); var $list = $(current).closest('ul, ol', this.core.editor()[0]); return ($list.length === 0) ? false : $list; }, combineAfterAndBefore: function(block) { var $prev = $(block).prev(); var $next = $(block).next(); var isEmptyBlock = (block && block.tagName === 'P' && (block.innerHTML === '
' || block.innerHTML === '')); var isBlockWrapped = ($prev.closest('ol, ul', this.core.editor()[0]).length === 1 && $next.closest('ol, ul', this.core.editor()[0]).length === 1); if (isEmptyBlock && isBlockWrapped) { $prev.children('li').last().append(this.marker.get()); $prev.append($next.contents()); this.selection.restore(); return true; } return false; } }; }, // =marker marker: function() { return { // public get: function(num) { num = (typeof num === 'undefined') ? 1 : num; var marker = document.createElement('span'); marker.id = 'selection-marker-' + num; marker.className = 'redactor-selection-marker'; marker.innerHTML = this.opts.invisibleSpace; return marker; }, html: function(num) { return this.utils.getOuterHtml(this.marker.get(num)); }, find: function(num) { num = (typeof num === 'undefined') ? 1 : num; return this.core.editor().find('span#selection-marker-' + num); }, insert: function() { var sel = this.selection.get(); var range = this.selection.range(sel); this.marker.insertNode(range, this.marker.get(1), true); if (range && range.collapsed === false) { this.marker.insertNode(range, this.marker.get(2), false); } }, remove: function() { this.core.editor().find('.redactor-selection-marker').each(this.marker.iterateRemove); }, // private insertNode: function(range, node, collapse) { var parent = this.selection.parent(); if (range === null || $(parent).closest('.redactor-in').length === 0) { return; } range = range.cloneRange(); try { range.collapse(collapse); range.insertNode(node); } catch (e) { this.focus.start(); } }, iterateRemove: function(i, el) { var $el = $(el); var text = $el.text().replace(/\u200B/g, ''); var parent = $el.parent()[0]; if (text === '') $el.remove(); else $el.replaceWith(function() { return $(this).contents(); }); // if (parent && parent.normalize) parent.normalize(); } }; }, // =modal modal: function() { return { callbacks: {}, templates: function() { this.opts.modal = { 'image-edit': String() + '' + '', 'image': String() + '' + '' + '' + '' + '' + '' + '' + ' ' + '' + '' + '' + ' ' + '' + '' + '' + ' ' + '' + '' + '' + ' ' + '' + '' + ' ' + '' + '' + '' + '' + ' ' + '' + '', 'file': String() + '' + '' + ' ' + '' + '', 'link': String() + '' + '' + ' ' + '
' + '' + '' + ' ' + '' + '' }; $.extend(this.opts, this.opts.modal); }, addCallback: function(name, callback) { this.modal.callbacks[name] = callback; }, addTemplate: function(name, template) { this.opts.modal[name] = template; }, getTemplate: function(name) { return this.opts.modal[name]; }, getModal: function() { return this.$modalBody; }, getActionButton: function() { return this.$modalBody.find('#redactor-modal-button-action'); }, getCancelButton: function() { return this.$modalBody.find('#redactor-modal-button-cancel'); }, getDeleteButton: function() { return this.$modalBody.find('#redactor-modal-button-delete'); }, load: function(templateName, title, width) { if (typeof this.$modalBox !== 'undefined' && this.$modalBox.hasClass('open')) { return; } this.modal.templateName = templateName; this.modal.width = width; this.modal.build(); this.modal.enableEvents(); this.modal.setTitle(title); this.modal.setDraggable(); this.modal.setContent(); // callbacks if (typeof this.modal.callbacks[templateName] !== 'undefined') { this.modal.callbacks[templateName].call(this); } }, show: function() { if (!this.detect.isDesktop()) { document.activeElement.blur(); } this.selection.save(); this.modal.buildTabber(); if (this.detect.isMobile()) { this.modal.width = '96%'; } // resize setTimeout($.proxy(this.modal.buildWidth, this), 0); $(window).on('resize.redactor-modal', $.proxy(this.modal.buildWidth, this)); this.$modalOverlay.redactorAnimation('fadeIn', { duration: 0.25 }); this.$modalBox.addClass('open').show(); this.$modal.redactorAnimation('fadeIn', { timing: 'cubic-bezier(0.175, 0.885, 0.320, 1.105)' }, $.proxy(function() { this.utils.saveScroll(); this.utils.disableBodyScroll(); // modal shown callback this.core.callback('modalOpened', this.modal.templateName, this.$modal); // fix bootstrap modal focus $(document).off('focusin.modal'); // enter var $elements = this.$modal.find('input[type=text],input[type=url],input[type=email]'); $elements.on('keydown.redactor-modal', $.proxy(this.modal.setEnter, this)); }, this) ); }, buildWidth: function() { var windowHeight = $(window).height(); var windowWidth = $(window).width(); var number = (typeof this.modal.width === 'number'); if (!number && this.modal.width.match(/%$/)) { this.$modal.css({ 'width': this.modal.width, 'margin-bottom': '16px' }); } else if (parseInt(this.modal.width) > windowWidth) { this.$modal.css({ 'width': '96%', 'margin-bottom': '2%' }); } else { if (number) { this.modal.width += 'px'; } this.$modal.css({ 'width': this.modal.width, 'margin-bottom': '16px' }); } // margin top var height = this.$modal.outerHeight(); var top = (windowHeight/2 - height/2) + 'px'; if (this.detect.isMobile()) { top = '2%'; } else if (height > windowHeight) { top = '16px'; } this.$modal.css('margin-top', top); }, buildTabber: function() { this.modal.tabs = this.$modal.find('.redactor-modal-tab'); if (this.modal.tabs.length < 2) { return; } this.modal.$tabsBox = $(''); $.each(this.modal.tabs, $.proxy(function(i,s) { var a = $('').text($(s).attr('data-title')); a.on('click', $.proxy(this.modal.showTab, this)); if (i === 0) { a.addClass('active'); } this.modal.$tabsBox.append(a); }, this)); this.$modalBody.prepend(this.modal.$tabsBox); }, showTab: function(e) { e.preventDefault(); var $el = $(e.target); var index = $el.attr('rel'); this.modal.tabs.hide(); this.modal.tabs.eq(index).show(); $('#redactor-modal-tabber').find('a').removeClass('active'); $el.addClass('active'); return false; }, setTitle: function(title) { this.$modalHeader.html(title); }, setContent: function() { this.$modalBody.html(this.modal.getTemplate(this.modal.templateName)); this.modal.getCancelButton().on('mousedown', $.proxy(this.modal.close, this)); }, setDraggable: function() { if (typeof $.fn.draggable === 'undefined') { return; } this.$modal.draggable({ handle: this.$modalHeader }); this.$modalHeader.css('cursor', 'move'); }, setEnter: function(e) { if (e.which !== 13) { return; } e.preventDefault(); this.modal.getActionButton().click(); }, build: function() { this.modal.buildOverlay(); this.$modalBox = $('').hide(); this.$modal = $(''); this.$modalHeader = $(''); this.$modalClose = $('').html('×'); this.$modalBody = $(''); this.$modal.append(this.$modalHeader); this.$modal.append(this.$modalBody); this.$modal.append(this.$modalClose); this.$modalBox.append(this.$modal); this.$modalBox.appendTo(document.body); }, buildOverlay: function() { this.$modalOverlay = $('' + '' + '' + ' ' + '' + '' + '' + ' ' + '' + '' + ' ' + '' + '' + '' + ' ' + '').hide(); $('body').prepend(this.$modalOverlay); }, enableEvents: function() { this.$modalClose.on('mousedown.redactor-modal', $.proxy(this.modal.close, this)); $(document).on('keyup.redactor-modal', $.proxy(this.modal.closeHandler, this)); this.core.editor().on('keyup.redactor-modal', $.proxy(this.modal.closeHandler, this)); this.$modalBox.on('click.redactor-modal', $.proxy(this.modal.close, this)); }, disableEvents: function() { this.$modalClose.off('mousedown.redactor-modal'); $(document).off('keyup.redactor-modal'); this.core.editor().off('keyup.redactor-modal'); this.$modalBox.off('click§.redactor-modal'); $(window).off('resize.redactor-modal'); }, closeHandler: function(e) { if (e.which !== this.keyCode.ESC) { return; } this.modal.close(false); }, close: function(e) { if (e) { if ($(e.target).attr('id') !== 'redactor-modal-button-cancel' && e.target !== this.$modalClose[0] && e.target !== this.$modalBox[0]) { return; } e.preventDefault(); } if (!this.$modalBox) { return; } // restore selection this.selection.restore(); this.modal.disableEvents(); this.utils.enableBodyScroll(); this.utils.restoreScroll(); this.$modalOverlay.redactorAnimation('fadeOut', { duration: 0.4 }, $.proxy(function() { this.$modalOverlay.remove(); }, this)); this.$modal.redactorAnimation('fadeOut', { duration: 0.3, timing: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)' }, $.proxy(function() { if (typeof this.$modalBox !== 'undefined') { this.$modalBox.remove(); this.$modalBox = undefined; } this.core.callback('modalClosed', this.modal.templateName); }, this)); } }; }, // =observe observe: function() { return { load: function() { if (typeof this.opts.destroyed !== 'undefined') { return; } this.observe.links(); this.observe.images(); }, isCurrent: function($el, $current) { if (typeof $current === 'undefined') { $current = $(this.selection.current()); } return $current.is($el) || $current.parents($el).length > 0; }, toolbar: function() { this.observe.buttons(); this.observe.dropdowns(); }, buttons: function(e, btnName) { var current = this.selection.current(); var parent = this.selection.parent(); if (e !== false) this.button.setInactiveAll(); else this.button.setInactiveAll(btnName); if (e === false && btnName !== 'html') { if ($.inArray(btnName, this.opts.activeButtons) !== -1) this.button.toggleActive(btnName); return; } if (!this.utils.isRedactorParent(current)) { return; } // disable line if (this.core.editor().css('display') !== 'none') { if (this.utils.isCurrentOrParentHeader() || this.utils.isCurrentOrParent(['table', 'pre', 'blockquote', 'li'])) this.button.disable('horizontalrule'); else this.button.enable('horizontalrule'); } $.each(this.opts.activeButtonsStates, $.proxy(function(key, value) { var parentEl = $(parent).closest(key, this.$editor[0]); var currentEl = $(current).closest(key, this.$editor[0]); if (parentEl.length !== 0 && !this.utils.isRedactorParent(parentEl)) { return; } if (!this.utils.isRedactorParent(currentEl)) { return; } if (parentEl.length !== 0 || currentEl.closest(key, this.$editor[0]).length !== 0) { this.button.setActive(value); } }, this)); }, dropdowns: function() { var finded = $('').html(this.selection.html()).find('a').length; var $current = $(this.selection.current()); var isRedactor = this.utils.isRedactorParent($current); $.each(this.opts.observe.dropdowns, $.proxy(function(key, value) { var observe = value.observe, element = observe.element, $item = value.item, inValues = typeof observe['in'] !== 'undefined' ? observe['in'] : false, outValues = typeof observe.out !== 'undefined' ? observe.out : false; if (($current.closest(element).length > 0 && isRedactor) || (element === 'a' && finded !== 0)) { this.observe.setDropdownProperties($item, inValues, outValues); } else { this.observe.setDropdownProperties($item, outValues, inValues); } }, this)); }, setDropdownProperties: function($item, addProperties, deleteProperties) { if (deleteProperties && typeof deleteProperties.attr !== 'undefined') { this.observe.setDropdownAttr($item, deleteProperties.attr, true); } if (typeof addProperties.attr !== 'undefined') { this.observe.setDropdownAttr($item, addProperties.attr); } if (typeof addProperties.title !== 'undefined') { $item.find('span').text(addProperties.title); } }, setDropdownAttr: function($item, properties, isDelete) { $.each(properties, function(key, value) { if (key === 'class') { if (!isDelete) { $item.addClass(value); } else { $item.removeClass(value); } } else { if (!isDelete) { $item.attr(key, value); } else { $item.removeAttr(key); } } }); }, addDropdown: function($item, btnName, btnObject) { if (typeof btnObject.observe === "undefined") { return; } btnObject.item = $item; this.opts.observe.dropdowns.push(btnObject); }, images: function() { if (this.opts.imageEditable) { this.core.editor().addClass('redactor-layer-img-edit'); this.core.editor().find('img').each($.proxy(function(i, img) { var $img = $(img); // IE fix (when we clicked on an image and then press backspace IE does goes to image's url) $img.closest('a', this.$editor[0]).on('click', function(e) { e.preventDefault(); }); this.image.setEditable($img); }, this)); } }, links: function() { if (this.opts.linkTooltip) { this.core.editor().find('a').each($.proxy(function(i, s) { var $link = $(s); if ($link.data('cached') !== true) { $link.data('cached', true); $link.on('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.showTooltip, this)); } }, this)); } }, getTooltipPosition: function($link) { return $link.offset(); }, showTooltip: function(e) { var $el = $(e.target); if ($el[0].tagName === 'IMG') { return; } if ($el[0].tagName !== 'A') { $el = $el.closest('a', this.$editor[0]); } if ($el[0].tagName !== 'A') { return; } var $link = $el; var pos = this.observe.getTooltipPosition($link); var tooltip = $(''); var href = $link.attr('href'); if (href === undefined) { href = ''; } if (href.length > 24) { href = href.substring(0, 24) + '...'; } var aLink = $('').html(href).addClass('redactor-link-tooltip-action'); var aEdit = $('').html(this.lang.get('edit')).on('click', $.proxy(this.link.show, this)).addClass('redactor-link-tooltip-action'); var aUnlink = $('').html(this.lang.get('unlink')).on('click', $.proxy(this.link.unlink, this)).addClass('redactor-link-tooltip-action'); tooltip.append(aLink).append(' | ').append(aEdit).append(' | ').append(aUnlink); var lineHeight = parseInt($link.css('line-height'), 10); var lineClicked = Math.ceil((e.pageY - pos.top)/lineHeight); var top = pos.top + lineClicked * lineHeight; tooltip.css({ top: top + 'px', left: pos.left + 'px' }); $('.redactor-link-tooltip').remove(); $('body').append(tooltip); this.core.editor().on('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this)); $(document).on('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this)); }, closeAllTooltip: function() { $('.redactor-link-tooltip').remove(); }, closeTooltip: function(e) { e = e.originalEvent || e; var target = e.target; var $parent = $(target).closest('a', this.$editor[0]); if ($parent.length !== 0 && $parent[0].tagName === 'A' && target.tagName !== 'A') { return; } else if ((target.tagName === 'A' && this.utils.isRedactorParent(target)) || $(target).hasClass('redactor-link-tooltip-action')) { return; } this.observe.closeAllTooltip(); this.core.editor().off('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this)); $(document).off('touchstart.redactor.' + this.uuid + ' click.redactor.' + this.uuid, $.proxy(this.observe.closeTooltip, this)); } }; }, // =offset offset: function() { return { get: function(node) { var cloned = this.offset.clone(node); if (cloned === false) { return 0; } var div = document.createElement('div'); div.appendChild(cloned.cloneContents()); div.innerHTML = div.innerHTML.replace(/\s
'); html = this.paragraphize.getSafes(html); html = html.replace('
<\/p>/gi, '
', "\n"); html = this.paragraphize.convert(html); html = this.paragraphize.clear(html); html = this.paragraphize.restoreSafes(html); // after html = html.replace(new RegExp('
\n<$1$2>'); return $.trim(html); }, getSafes: function(html) { var $div = $('').append(html); // remove paragraphs in blockquotes $div.find('blockquote p').replaceWith(function() { return $(this).append('
').contents(); }); $div.find(this.opts.paragraphizeBlocks.join(', ')).each($.proxy(function(i,s) { this.paragraphize.z++; this.paragraphize.safes[this.paragraphize.z] = s.outerHTML; return $(s).replaceWith("\n#####replace" + this.paragraphize.z + "#####\n\n"); }, this)); // deal with redactor selection markers $div.find('span.redactor-selection-marker').each($.proxy(function(i,s) { this.paragraphize.z++; this.paragraphize.safes[this.paragraphize.z] = s.outerHTML; return $(s).replaceWith("\n#####replace" + this.paragraphize.z + "#####\n\n"); }, this)); return $div.html(); }, restoreSafes: function(html) { $.each(this.paragraphize.safes, function(i,s) { s = (typeof s !== 'undefined') ? s.replace(/\$/g, '$') : s; html = html.replace('#####replace' + i + '#####', s); }); return html; }, convert: function(html) { html = html.replace(/\r\n/g, "xparagraphmarkerz"); html = html.replace(/\n/g, "xparagraphmarkerz"); html = html.replace(/\r/g, "xparagraphmarkerz"); var re1 = /\s+/g; html = html.replace(re1, " "); html = $.trim(html); var re2 = /xparagraphmarkerzxparagraphmarkerz/gi; html = html.replace(re2, ""); var re3 = /xparagraphmarkerz/gi; html = html.replace(re3, "
"); html = '' + html + '
'; html = html.replace("", ""); html = html.replace("\r\n\r\n", ""); html = html.replace(/<\/p>/g, "
\r\n\r\n"); html = html.replace(new RegExp("
", "g"), ""); html = html.replace(new RegExp("
'); html = html.replace(new RegExp('', 'gi'), ''); html = html.replace(new RegExp('"); html = html.replace(new RegExp("
"); html = html.replace(/"); html = html.replace(new RegExp("
", "g"), "<\/p>/gi, ""); html = html.replace(/
\s?
<\/p>/gi, ''); html = html.replace(/\s?
/gi, ''); return html; }, clear: function(html) { html = html.replace(/
(.*?)#####replace(.*?)#####\s?<\/p>/gi, '
$1
#####replace$2#####'); html = html.replace(/(', 'gi'), ''); html = html.replace(new RegExp('
', 'gi'), '
'); html = html.replace(new RegExp('
', 'gi'), '
'); html = html.replace(new RegExp('
', 'gi'), '
'); html = html.replace(new RegExp('
', 'gi'), ''); html = html.replace(new RegExp('\\s?
', 'gi'), ''); html = html.replace(new RegExp("\n", 'gi'), ''); html = html.replace(new RegExp('\t?\t?\n?
', 'gi'), '
'); html = html.replace(new RegExp('
\t*
', 'gi'), ''); return html; } }; }, // =paste paste: function() { return { init: function(e) { this.rtePaste = true; var pre = (this.opts.type === 'pre' || this.utils.isCurrentOrParent('pre')) ? true : false; // clipboard event if (this.detect.isDesktop()) { if (!this.paste.pre && this.opts.clipboardImageUpload && this.opts.imageUpload && this.paste.detectClipboardUpload(e)) { if (this.detect.isIe()) { setTimeout($.proxy(this.paste.clipboardUpload, this), 100); } return; } } this.utils.saveScroll(); this.selection.save(); this.paste.createPasteBox(pre); $(window).on('scroll.redactor-freeze', $.proxy(function() { $(window).scrollTop(this.saveBodyScroll); }, this)); setTimeout($.proxy(function() { var html = this.paste.getPasteBoxCode(pre); // buffer this.buffer.set(); this.selection.restore(); this.utils.restoreScroll(); // paste info var data = this.clean.getCurrentType(html); // clean html = this.clean.onPaste(html, data); // callback var returned = this.core.callback('paste', html); html = (typeof returned === 'undefined') ? html : returned; this.paste.insert(html, data); this.rtePaste = false; // clean pre breaklines if (pre) { this.clean.cleanPre(); } $(window).off('scroll.redactor-freeze'); }, this), 1); }, getPasteBoxCode: function(pre) { var html = (pre) ? this.$pasteBox.val() : this.$pasteBox.html(); this.$pasteBox.remove(); return html; }, createPasteBox: function(pre) { var css = { position: 'fixed', width: '1px', top: 0, left: '-9999px' }; this.$pasteBox = (pre) ? $('EMAIL.INVALIDPHONE.INVALIDSERVICES.FIELD_REQUIREDSERVICES.CATCH_PHRASE'); $templateCache.put('app/services/services.html','DISCOVER_NEW_AUTHORS
'); $templateCache.put('app/sign_in/denied.html',''); $templateCache.put('app/sign_in/sign_in.html',''); $templateCache.put('app/sign_in/sign_out.html',''); $templateCache.put('app/sign_in/sign_up.html',''); $templateCache.put('app/stations/_children_oneline.html','{{busyMessage}}{{::child.id}}: {{::child.name}} ({{ ::child.active_users }} / {{ ::child.total_users }})
'); $templateCache.put('app/stations/_station_client.html',''); $templateCache.put('app/stations/_station_codes.html','{{::station.id}} {{::station.name}} ({{ station.active_users }} / {{ station.total_users }})
{{::station.address_city}} {{::station.address_country}} '); $templateCache.put('app/stations/_station_sso_setting.html',''); $templateCache.put('app/stations/_stations_choose.html',''); $templateCache.put('app/stations/_stations_header.html',' STATIONS {{vm.stations.meta.total || \'?\'}}'); $templateCache.put('app/stations/stations.html','STATIONS.ADD_STATION STATIONS.ID STATIONS.NAME STATIONS.STATUS STATIONS.CITY STATIONS.COUNTRY STATIONS.ACTION {{ $ctrl.user.name }}
USER.CREATIVE_FIELDS
{{$ctrl.user.creative_field_accesses[creative_field_slug].settings.validity_due_date | amDateFormat:\'DD / MM / YYYY\'}} {{$ctrl.user.creative_field_accesses[creative_field_slug].settings.max_user_downloads}}USERS.LISTENING
'); $templateCache.put('app/users/users.html','{{fltr.query}}USERS.CLEANUSERS.CREATEUSERS.CREATE.MULTIPLEUSERS.EXPORTUSERS.NAME USERS.ID USERS.STATUS USERS.LEVEL USERS.STATION {{app.name.fr||app.name.en}} USERS.ACTION {{ ::user.name }}{{::user.id}}'); $templateCache.put('app/widgets/widget-header.html','{{action.label}}{{title}} {{count}}({{subtitle}}){{filter.query}}'); $templateCache.put('app/dashboard/analytics/_download.html','{{title}}({{subtitle}}){{rightText}}'); $templateCache.put('app/dashboard/analytics/graphset.html','STATS.DOWNLOAD.HINT
'); $templateCache.put('app/sign_in/partials/_denied_header.html','ACCESS_DENIED
'); $templateCache.put('app/sign_in/partials/_signout_header.html','DISCONNECTED_MSG'); $templateCache.put('app/sign_in/partials/_signout_side.html','
FORGOTTEN_PASSWORD
'); $templateCache.put('app/sign_in/partials/_signup_mra_header.html','LETS_SIGNUP
'); $templateCache.put('app/sign_in/partials/_worlds_footer.html','');}]); angular.module('ngHeatmap', []) .directive('ngHeatmap', ['$http', function($http) { return { link: function($scope, $elem, $attr) { $http.get($attr.url).then(function(response) { var json = response.data; var start = new Date($attr.start); var start_date = new Date(start.getTime() - 3600 * 24 * 1000); var end = new Date(start_date.getFullYear() + 1, start_date.getMonth(), start_date.getDate()); var end_date = new Date(end.getTime() + 3600 * 48 * 1000); var width = $elem.width(); var cellSize = $attr.cellsize || 15; var height = cellSize * 7 + 60; var day = d3.time.format('%w'), week = d3.time.format('%U'), format = d3.time.format('%Y-%m-%d'); var start_week = parseInt(week(start_date)), last_week_of_first_year = parseInt(week(new Date(start_date.getFullYear(), 11, 31))), number_of_weeks_in_first_year = last_week_of_first_year - start_week; var relative_week = function(date) { if (date.getFullYear() == start_date.getFullYear()) { return (week(date) - start_week); } else { return (parseInt(week(date)) + number_of_weeks_in_first_year); } }; var g_offset_top = 30; var svg = d3.select('.' + $attr.class) .append('svg') .attr('width', width) .attr('height', height) .append('g') .attr('transform', 'translate(0,' + g_offset_top + ')'); var tooltip = d3.select('.' + $attr.class) .append('div') .attr('class', 'hm-tooltip'); var rect = svg.selectAll('.day') .data(function() { return d3.time.days(start_date, end_date); }) .enter().append('rect') .attr('class', 'day tooltip-item') .attr('width', cellSize) .attr('height', cellSize) .attr('x', function(d) { return relative_week(d) * cellSize; }) .attr('y', function(d) { return day(d) * cellSize; }) .datum(format) .on('mouseover', function() { var text = d3.select(this).select('title').text(); tooltip.text(text); var tooltip_position_left = parseInt(d3.select(this).attr('x')), tooltip_position_top = parseInt(d3.select(this).attr('y')); tooltip_position_top += g_offset_top; var tooltip_width = angular.element(tooltip[0][0]).width(), tooltip_height = angular.element(tooltip[0][0]).height(); tooltip_position_left -= tooltip_width / 2; tooltip_position_top -= (tooltip_height * 2); tooltip .style('display', 'block') .style('top', tooltip_position_top + 'px') .style('left', tooltip_position_left + 'px') }) .on('mouseout', function() { tooltip.style('display', 'none'); }); var values = []; for (var key in json) { values.push(json[key]); } if (values.length > 0) { var max = Math.max.apply(Math, values); } else { var max = 0; } var color = d3.scale.quantize() .domain([0, max]) .range(d3.range(5).map(function(d) { return 'q' + d; })); rect.append('title') .text(function(d) { return 'Aucune écoute le ' + moment(d).format('LL'); }); rect.filter(function(d) { return d in json; }) .attr('class', function(d) { return 'day ' + color(json[d]); }) .select('title') .text(function(d) { return json[d] + ' écoutes le ' + moment(d).format('LL'); }); var label_start = moment(start_date).subtract(1, 'month'); var label_end = moment(end_date).subtract(1, 'month'); svg.selectAll('.month-label') .data(function() { return d3.time.months(label_start, label_end); }) .enter().append('text') .text(function(d) { return moment(d).format('MMM'); }) .attr('x', function(d) { return Math.max(0, (relative_week(new Date(d)) + 1) * cellSize); }) .attr('y', -10) .attr('class', 'month-label'); var legend = d3.select('.' + $attr.class + ' svg') .append('g') .attr('class', 'legend-container') .attr('transform', 'translate(0,' + (height - 20) + ')'); legend.selectAll('.legend') .data([0, 1, 2, 3, 4, 5]) .enter().append('rect') .attr('class', function(d) { return 'day ' + 'q' + (d - 1); }) .attr('width', cellSize) .attr('height', cellSize) .attr('x', function(d) { return d * cellSize + 10; }) .attr('y', 0); legend.selectAll('legend-label-min') .data([0]) .enter().append('text') .attr('class', 'legend-label-min') .text(function(d) { return d; }) .attr('y', 12) .attr('x', 0); legend.selectAll('legend-label-max') .data([max]) .enter().append('text') .attr('class', 'legend-label-max') .text(function(d) { return d; }) .attr('y', 12) .attr('x', 6 * cellSize + 15); }); } }; }]); (function () { 'use strict'; var core = angular .module('app.users') .directive('userClean', ['$q', '$stateParams', 'dataservice', 'logger', '$uibModal', 'myservice', 'userservice', function($q, $stateParams, dataservice, logger, $uibModal, myservice, userservice) { return { restrict: 'A', scope: true, link: function(scope, element, attrs) { $(element).click(function() { var deferred = $q.defer(); console.log('user-clean', scope.station); var $uibModalInstance = $uibModal.open({ animation: true, ariaLabelledBy: 'modal-title', ariaDescribedBy: 'modal-body', templateUrl: 'app/users/_freeze_inactive.html', controller: function() { var $ctrl = this; $ctrl.monthsAgo = 3; $ctrl.myservice = myservice; var stationId = $stateParams.station_id || (myservice.isAdmin() ? null : myservice.me().station.id); $ctrl.stationId = stationId; $ctrl.ok = function () { if ($ctrl.monthsAgo) { $uibModalInstance.close($ctrl); } }; $ctrl.cancel = function () { $uibModalInstance.dismiss('cancel'); }; }, controllerAs: '$ctrl', size: 'sm' }); $uibModalInstance.result.then(function(params) { userservice.freezeAll({station_id: params.stationId, months_ago: params.monthsAgo}).then(function(response) { // logger.success('OK :)'); if (scope.onsuccess) { scope.onsuccess(response); }; }); console.log('cleaning', params.monthsAgo, params.stationId); }, function(reason) { if (scope.onerror) { scope.onerror(reason); }; console.log('dismiss', reason); }); return deferred.promise; }); } }; }]); })(); (function () { 'use strict'; var core = angular .module('app.users') .directive('userExport', ['$q', '$stateParams', 'dataservice', 'logger', '$uibModal', 'myservice', 'userservice', '$translate', 'DataProcessingService', function($q, $stateParams, dataservice, logger, $uibModal, myservice, userservice, $translate, DataProcessingService) { return { restrict: 'A', scope: true, link: function(scope, element, attrs) { $(element).click(function() { var deferred = $q.defer(); var blobUrl; console.log('export users'); var stationId = myservice.isAdmin() ? ($stateParams.station_id || $stateParams.station) : (dataservice.station.id || myservice.me().station.id); if (!stationId) { logger.warning('Too much users :/'); return; } var $uibModalInstance = $uibModal.open({ animation: true, ariaLabelledBy: 'modal-title', ariaDescribedBy: 'modal-body', templateUrl: 'app/dashboard/analytics/_download.html', controller: function() { var $ctrl = this; $ctrl.ok = function() { $uibModalInstance.close(true); }; }, controllerAs: '$ctrl', size: 'md' }); $uibModalInstance.result.then(function(ok) { console.log('exporting data'); $translate('STATS.EXPORTING').then(function(txt) { logger.info(txt); }); // get data, convert and save var blobUrl; userservice.getUsers(scope.vm.filter, {params: {per_page: 3000}, station_id: stationId}).then(function(data) { // convert to CSV and save var csv = DataProcessingService.convert(data.items, 'csv', {columns: ['type', 'id', 'name', 'email', 'level', 'status', 'access', 'station_id', 'uid', 'created_at', 'expires_at', 'creative_fields', 'station']}); var blob = new Blob([csv], {encoding: 'UTF-8', type: 'text/csv; charset=UTF-8'}); if (blobUrl !== null) { window.URL.revokeObjectURL(blobUrl); } blobUrl = window.URL.createObjectURL(blob); var a = $(""); a.attr('href', blobUrl); a.attr('download', 'users.csv'); $('#users-view').append(a); a[0].click(); a.remove(); // returns a URL you can use as a href // $window.location.href = blobUrl; logger.success('OK :)'); }); }, function () { // }); return deferred.promise; }); } }; }]); })(); (function () { 'use strict'; var core = angular .module('app.users') .directive('userInviteMultiple', ['$q', '$stateParams', 'dataservice', 'logger', '$uibModal', 'myservice', 'userservice', '$translate', function($q, $stateParams, dataservice, logger, $uibModal, myservice, userservice, $translate) { return { restrict: 'A', scope: true, link: function(scope, element, attrs) { $(element).click(function() { var deferred = $q.defer(); console.log('user-invite-multiple', scope.station); var $uibModalInstance = $uibModal.open({ animation: true, ariaLabelledBy: 'modal-title', ariaDescribedBy: 'modal-body', templateUrl: 'app/users/_invite_multiple.html', controller: ['$scope', '$uibModalInstance', function($scope, $uibModalInstance) { var $ctrl = this; $ctrl.invitation = {station_invitation_message: ''}; $ctrl.myservice = myservice; $ctrl.station_id = parseInt($stateParams.station || myservice.me().station.id); $ctrl.ok = function () { if ($ctrl.invitation.station_invitation_message) { var params = { station_id: $ctrl.station_id, station: { invitation_message: $ctrl.invitation.station_invitation_message, csv_file: $ctrl.invitation.station_csv_file } }; console.log('invite multiple', params); $uibModalInstance.close(params); } }; $ctrl.cancel = function () { $uibModalInstance.dismiss('cancel'); }; if ($stateParams.station_id || myservice.me().station.id) { dataservice.getStation($stateParams.station_id || myservice.me().station.id).then(function(station) { if (station) { $translate("STATIONS_INVITATION_MESSAGE", {station: station}).then(function(invitation_message) { $ctrl.invitation.station_invitation_message = invitation_message; }); } }); } }], controllerAs: '$ctrl', size: 'md' }); $uibModalInstance.result.then(function(data) { data.station.invitation_message = $(document).find('.invite-multiple .redactor').redactor('code.get'); userservice.inviteMultiple(data).then(function(response) { logger.success('OK :)', params); refresh(); }); console.log('invite sending', data); }, function(reason) { console.log('dismiss', reason); }); return deferred.promise; }); } }; }]); })(); (function () { 'use strict'; var core = angular .module('app.users') .directive('userInviteOne', ['$q', '$stateParams', 'dataservice', 'logger', '$uibModal', 'myservice', 'userservice', function($q, $stateParams, dataservice, logger, $uibModal, myservice, userservice) { return { restrict: 'A', scope: true, link: function(scope, element, attrs) { $(element).click(function() { var deferred = $q.defer(); console.log('user-invite-one', scope); var $uibModalInstance = $uibModal.open({ animation: true, ariaLabelledBy: 'modal-title', ariaDescribedBy: 'modal-body', templateUrl: 'app/users/_invite_one.html', resolve: { station: function() { return dataservice.getStation($stateParams.station || myservice.me().station.id); } }, controller: ['$scope', 'station', function($scope, station) { var $ctrl = this; $ctrl.vm = scope.vm; $ctrl.sending = false; $ctrl.myservice = myservice; $ctrl.user = {}; if (!station) { $uibModalInstance.dismiss('cancel'); console.log('invite', scope, $ctrl, station, $scope); } $ctrl.station = station; $ctrl.user.station_id = station.id; $ctrl.availableApps = scope.vm.availableApps.filter(function(v) {return v.slug!='munki' && station.settings.default_creative_fields.indexOf(v.slug) > -1;}); $ctrl.creative_fields = scope.vm.availableApps.reduce(function(acc,v) { acc.concat(v.slug); return acc; }, []); $ctrl.munki = scope.vm.munki; console.log('modal scope', $scope, '$ctrl', $ctrl, 'station', station); $ctrl.ok = function () { if (!$ctrl.myservice.isAdmin()) { $ctrl.user.level = 'user'; } console.log($ctrl.user); if ($ctrl.user.level && $ctrl.user.name && $ctrl.user.email) { $uibModalInstance.close($ctrl.user); } }; $ctrl.cancel = function () { $uibModalInstance.dismiss('cancel'); }; }], controllerAs: '$ctrl', size: 'sm' }); $uibModalInstance.result.then(function(data) { data.creative_fields ||= []; if (data.creative_field_munki) { delete data.creative_field_munki; data.creative_fields.push('munki'); } var user = $.extend({}, data); userservice.inviteOne(user).then(function(response) { console.log('invite sent', user); if (scope.onsuccess) {scope.onsuccess.call();} else {logger.success('OK :)', user)}; }, function(response) { console.log(response); logger.error(response.data.description); logger.warning(response.data.description); }); }, function(reason) { console.log('dismiss', reason); }); return deferred.promise; }); } }; }]); })(); (function () { 'use strict'; var core = angular .module('app.users') .directive('userReinviteAll', ['$q', '$stateParams', 'dataservice', 'logger', '$uibModal', 'myservice', 'userservice', function($q, $stateParams, dataservice, logger, $uibModal, myservice, userservice) { return { restrict: 'A', scope: true, link: function(scope, element, attrs) { $(element).click(function() { var deferred = $q.defer(); console.log('user-reinvite-all', scope.station); var $uibModalInstance = $uibModal.open({ animation: true, ariaLabelledBy: 'modal-title', ariaDescribedBy: 'modal-body', templateUrl: 'app/users/_reinvite.html', controller: function() { var $ctrl = this; var stationId = $stateParams.station_id || myservice.me().station.id; if (dataservice.station.id != stationId) { dataservice.getStation($stateParams.station || myservice.me().station.id).then(function(station) { if (station) { $ctrl.station = station; } }); } else { $ctrl.station = dataservice.station; } $ctrl.ok = function () { if ($ctrl.station.id) { $uibModalInstance.close($ctrl.station.id); } }; $ctrl.cancel = function () { $uibModalInstance.dismiss('cancel'); }; }, controllerAs: '$ctrl', size: 'sm' }); $uibModalInstance.result.then(function(stationId) { userservice.reinviteAll({station_id: stationId}).then(function(data) { logger.success('OK :)'); }); console.log('re-invite sending', stationId); }, function(reason) { console.log('dismiss', reason); }); return deferred.promise; }); } }; }]); })(); (function () { 'use strict'; var core = angular .module('app.users') .directive('userShow', ['$q', '$localStorage', '$stateParams', 'userservice', 'logger', '$uibModal', 'myservice', 'MainService', function($q, $localStorage, $stateParams, userservice, logger, $uibModal, myservice, MainService) { return { restrict: 'A', scope: { user: '=' }, link: function(scope, element, attrs) { $(element).click(function() { var parentElem = scope.parentSelector ? angular.element($document[0].querySelector('.modal-user ' + scope.parentSelector)) : undefined; var $uibModalInstance = $uibModal.open({ animation: true, ariaLabelledBy: 'modal-title', ariaDescribedBy: 'modal-body', templateUrl: 'app/users/_user.html', controller: ['$scope', 'user', function($scope, user) { var $ctrl = this; $ctrl.isAdmin = myservice.isAdmin(); $ctrl.user = user; $ctrl.station = myservice.me().station; $ctrl.user.expires_at = $ctrl.user.expires_at ? new Date($ctrl.user.expires_at) : null; $ctrl.user.created_at = $ctrl.user.created_at ? new Date($ctrl.user.created_at) : null; $ctrl.user.updated_at = $ctrl.user.updated_at ? new Date($ctrl.user.updated_at) : null; $ctrl.user.last_sign_in_at = $ctrl.user.last_sign_in_at ? new Date($ctrl.user.last_sign_in_at) : null; $ctrl.user.renewed_at = $ctrl.user.renewed_at ? new Date($ctrl.user.renewed_at) : null; $ctrl.fetching = false; $ctrl.codes = []; $ctrl.params = { }; $ctrl.apps = myservice.isAdmin() ? MainService.appsSlug() : user.station && user.station.creative_fields; $ctrl.filter_qry = ''; $scope.$watch('$ctrl.filter_qry', function(val, old_val) { if (val != old_val) { $ctrl.filter({query: val}); } }); // console.log(user, $ctrl); $ctrl.ok = function (user) { $uibModalInstance.close(user); }; $ctrl.renew = function () { console.log('renewing account', $ctrl.user); $uibModalInstance.close(); $scope.sending = true; var params = { station_id: $ctrl.user.station_id, id: $ctrl.user.id, }; userservice.renew(params).then(function(response) { logger.success('OK :)', $ctrl.user) }, function(response) { console.log(response) logger.error('Error : ' + response.message) }) .finally(function() { $scope.sending = false; }) }; $ctrl.update = function () { $uibModalInstance.close(); $scope.sending = true; var params = { station_id: $ctrl.user.station_id, id: $ctrl.user.id, name: $ctrl.user.name, email: $ctrl.user.email }; userservice.update(params).then(function(response) { logger.success('OK :)', $ctrl.user) }, function(response) { console.log(response) logger.error('Error : ' + response.message) }) .finally(function() { $scope.sending = false; }) }; $ctrl.update_validity = function () { $uibModalInstance.close(); $scope.sending = true; var params = { station_id: $ctrl.user.station_id, id: $ctrl.user.id, expire_at: $ctrl.user.expires_at.toISOString() }; userservice.update(params).then(function(response) { logger.success('OK :)', $ctrl.user) }, function(response) { console.log(response) logger.error('Error : ' + response.message) }) .finally(function() { $scope.sending = false; }) }; $ctrl.update_settings = function () { $uibModalInstance.close(); $scope.sending = true; var params = { id: $ctrl.user.id, settings: $ctrl.user.settings }; userservice.update(params).then(function(response) { logger.success('OK :)', $ctrl.user) }, function(response) { console.log(response) logger.error('Error : ' + response.message) }) .finally(function() { $scope.sending = false; }) }; $ctrl.filter = function(params) { $ctrl.params = $.extend($ctrl.params, params); if (!params.query) { $ctrl.filter_qry = ''; } $ctrl.getOffers($ctrl.params); }; $ctrl.getOffers = function (params) { params = $.extend(params, { id: $ctrl.user.id, station_id: $ctrl.user.station.id }); userservice.offers(params).then(function(data) { $ctrl.codes = data; $ctrl.meta = data.meta; $ctrl.fetching = false; }); }; $ctrl.cancel = function () { $uibModalInstance.dismiss('cancel'); }; $ctrl.heatmapUrl = MainService.apiEndpoint() + 'users/' + user.id + '/events'; $ctrl.startDate = moment().subtract(12, 'month').toISOString(); }], controllerAs: '$ctrl', resolve: { user: function() { return userservice.getUser(scope.user); }, services: function(MainService) { return MainService.fetchApps(); } }, size: 'lg', appendTo: parentElem }); }); } }; }]); })(); (function () { "use strict"; angular .module('app.users') .controller('UsersController', UsersController); UsersController.$inject = ['$scope', '$q', '$timeout', '$localStorage', '$document', '$state', '$stateParams', 'dataservice', 'userservice', 'myservice', 'MainService', 'logger', '$location', '$uibModal', '$translate', 'station']; /* */ function UsersController($scope, $q, $timeout, $localStorage, $document, $state, $stateParams, dataservice, userservice, myservice, MainService, logger, $location, $uibModal, $translate, station) { var vm = this; var blobUrl; var usersPromise; vm.news = { title: 'Kiosque 1D lab', description: 'Manage your community, browse your stats.' }; if (!myservice.isAuthed() || !['manager', 'admin'].includes(myservice.me() && myservice.me().level)) { myservice.signOut(); $localStorage.redirectAfterSignInPath = 'users.index'; $state.go('auth.signIn'); } $scope.station = station || '?'; $scope.$state = $state; $translate('USERS.DESCRIPTION').then(function(txt) { vm.news.description = txt; }); vm.SCHEME = SCHEME; vm.APP = window.location.hostname.split('.')[0].replace(/^terminal-/, ''); vm.DC_DOMAIN = DC_DOMAIN; vm.userCount = '?'; MainService.fetchApps().then(function(data) { vm.apps = data; if (myservice.isAdmin()) { vm.availableApps = vm.apps.filter(function(app) { return app.available; }); } else { var stationApps = station && station.creative_fields; vm.availableApps = vm.apps.filter(function(app) { return stationApps.includes(app.slug) }) } vm.availableAppsSlugs = vm.availableApps.map(function(app) { return app.slug; }); vm.munki = vm.availableApps.some(function(service) { return service.slug == 'munki'; }); vm.remoteApps = vm.apps.filter(function(app) { return app.remote_service }) }, function(reason) { console.log('fetchApps error', reason); myservice.signOut(); $localStorage.redirectAfterSignInPath = 'users.index'; $state.go('auth.signIn'); }); vm.users = {items: []}; $translate('USERS').then(function(txt) { vm.title = txt; }); $translate('USERS.SUBTITLE').then(function(txt) { vm.subtitle = txt; }); vm.page = 0; vm.fetched = false; vm.disabled = false; vm.stateParams = $stateParams; vm.filter = $stateParams.filter; vm.nextPage = nextPage; vm.myservice = myservice; vm.dataservice = dataservice; vm.usersTotals = {}; vm.sortParams = { sort: 'status', order: 'desc' }; var params = { page: vm.page, sort: vm.sortParams.sort, order: vm.sortParams.order }; vm.managers_can_delete = station && station.settings.managers_can_soft_delete_users; // Set today date to compare expire date $scope.now = new Date(); $scope.now.toISOString(); $scope.$watch('vm.sortParams', function(v,o) { if (myservice.isAuthed() && myservice.me() && !myservice.me().id && !activated) { return; } if (!v || (v.sort==o.sort && v.order==o.order)) { return; } params.sort = v.sort; params.order = v.order; console.log('sort params: sorting', params); refresh(); }); // stations create form callbacks $scope.onsuccess = function(user, message) { $scope.refresh(); logger.success('OK :)'); }; $scope.onerror = function(user, message) { $scope.refresh(); logger.error("La station n'a pas été créée :/"); }; // init var activated = false; $scope.$watch(function() { return myservice.isAuthed() && myservice.me(); }, function(v, o) { if (v && v.id) { if (!activated) { if ($scope.station) {params.station_id = $scope.station.id;} for (var param in $stateParams) { if (param && param!='id') { params[param] = $stateParams[param]; } } $scope.selectedFilter = ''; if ($stateParams.status) { $scope.selectedFilter = $stateParams.status; } if ($stateParams.filter) { $scope.selectedFilter = $stateParams.filter; } if ($stateParams.level) { $scope.selectedFilter = $stateParams.level; } if ($stateParams.app) { $scope.selectedFilter = $stateParams.app; } // console.log('current user', v, params, $scope.selectedFilter); activate(); } } }); function search(ev) { if (ev && (ev.keyCode !== 13)) return; vm.page = 0; vm.disabled = false; vm.users = {items:[], meta: 0}; vm.filter = vm.searchString; refresh(); } $scope.search = search; function activate() { activated = true; if ($scope.station) {params.station_id = $scope.station.id;} vm.statuses = ['-','active']; if (myservice.isAdmin()) vm.statuses.push('expired'); refresh(); } // activate // UPDATE $scope.update_user = function(user, attrs) { var params = $.extend({ id: user.id, station_id: user.station_id} , attrs); userservice.update(params) .then(function(data) { logger.success('Ok :)', data); var idx = vm.users.items.find(function(item) { return user.id == item.id; }); $scope.$applyAsync(function() { vm.users.items[idx] = $scope.setServiceStatus(data); }); }); } $scope.transfer = function(args, station) { userservice.transfer(args, station).then(function(response) { logger.success('OK :)', response); var idx = vm.users.items.find(function(item) { return args.id == item.id; }); $scope.$applyAsync(function() { vm.users.items.splice(idx, 1); }); fetchTotals(); }); }; $scope.delete = function(args) { console.log('delete', args); $scope.sending = true; userservice.delete(args).then(function(response) { logger.success('OK :)', response); $scope.sending = false; var idx = vm.users.items.find(function(item) { return args.id == item.id; }); $scope.$applyAsync(function() { vm.users.items.splice(idx, 1); }, function(response) { logger.error('Erreur :('); }); fetchTotals(); }); }; // FREEZE / UNFREEZE $scope.freeze = function(args, service) { console.log('freeze', args); $scope.sending = true; userservice.freeze(args, service).then(function(response) { logger.success('OK :)', response); $scope.sending = false; var idx = vm.users.items.find(function(item) { return args.id == item.id; }); $scope.$applyAsync(function() { vm.users.items[idx] = $scope.setServiceStatus(response); }, function(response) { logger.error('Erreur :('); }); fetchTotals(); }); }; $scope.unfreeze = function(args, service) { console.log('unfreeze', args); $scope.sending = true; userservice.unfreeze(args, service).then(function(response) { logger.success('OK :)', response); $scope.sending = false; var idx = vm.users.items.find(function(item) { return args.id == item.id; }); $scope.$applyAsync(function() { vm.users.items[idx] = $scope.setServiceStatus(response); }, function(response) { logger.error('Erreur :('); }); fetchTotals(); }); }; $scope.reinvite = function(args, service) { console.log('reinvite', args); if (!!args.email) { $scope.sending = true; userservice.reinvite(args, service).then(function(response) { logger.success('OK :)', response); $scope.sending = false; }); } } $scope.onSelectedChange = function() { var filter_params = {}; switch ($scope.selectedFilter) { case 'manager': case 'user': filter_params = {level: $scope.selectedFilter}; break; case 'active': case 'frozen': case 'invited': filter_params = {status: $scope.selectedFilter}; break; } vm.availableApps.forEach(function(app) { if (app.slug==$scope.selectedFilter) { filter_params = {app: app.slug}; } }); if ($location.search().station && myservice.isAdmin()) { filter_params.station = $location.search().station; } // console.log('onSelectedChange', vm, $scope, filter_params); $state.go('users.index', filter_params, {inherit: false}); } // TOGGLE AVAILABLE APPS $scope.toggleApp = function(user, app) { var station_scope = this.$parent; var creative_fields = []; if (!app.available) { $translate('CREATIVE_FIELD.UNACTIVABLE').then(function(txt) {logger.info(txt)}); } else if (user.station.creative_fields.includes(app.slug) || user.creative_fields.includes(app.slug)) { angular.copy(user.creative_fields, creative_fields); if (creative_fields.includes(app.slug)) { var idx = creative_fields.indexOf(app.slug); creative_fields.splice(idx, 1); } else { creative_fields.push(app.slug); } var params = { id: user.id, creative_fields: creative_fields }; userservice.apps(params).then(function(data) { console.log('toggleApp', data); logger.success('Utilisateur mis à jour :)', data); var idx = vm.users.items.find(function(item) { return data.id == item.id; }); station_scope.$applyAsync(function() { vm.users.items[idx] = $scope.setServiceStatus(data); station_scope.user = $scope.setServiceStatus(data); }); // refresh(); fetchTotals(); }, function(response) { console.log('toggleApp failed', response); logger.error(response.data.description); logger.warning(response.data.description); }); } else { $translate('CREATIVE_FIELD_MISSING').then(function(txt) {logger.error(txt)}); } }; $scope.setServiceStatus = function(user) { user.services_status = {}; angular.forEach(user.station.creative_field_accesses, function(service) { user.services_status[service.creative_field_slug] = (user.creative_field_accesses[service.creative_field_slug] && user.creative_field_accesses[service.creative_field_slug].access && (!user.creative_field_accesses[service.creative_field_slug].remote || user.creative_field_accesses[service.creative_field_slug].account_id)) ? 'active' : (user.creative_field_accesses[service.creative_field_slug] && myservice.isAdmin() && user.creative_field_accesses[service.creative_field_slug].expired_at ? 'expired' : '-'); }); return user; } $scope.shouldDisableOption = function(user, app, status) { return !myservice.isAdmin() && ['invited', 'expired'].includes(status); }; function getUserTotals(config) { var params = {params: {count: '✓'}}; if ($location.search().station && myservice.isAdmin()) { params.station_id = $location.search().station; } else { params.station_id = myservice.me().station.id; } params = $.extend(params, config); return userservice.getUsers(null, params); } function getUsers(filter, config) { // if (vm.disabled === filter) { return; } if (!config.params.page) { config.params.page = vm.page; } if (myservice.isAdmin()) { // Admin if ($location.search().station) { config.station_id = $location.search().station; } } else { // Not Admin if (myservice.me().station.id) { config.station_id = myservice.me().station.id; } else { var deferred = $q.defer(); deferred.reject('not authorized'); return deferred.promise.catch(angular.noop); } } return userservice.getUsers(filter, config); } function nextPage() { if (vm.disabled === vm.filter || !myservice.isAuthed() || myservice.me() && !myservice.me().id || vm.fetched && vm.fetched===vm.filter) { return; } vm.fetched = vm.filter; vm.page++; params.page = vm.page; return getUsers(vm.filter, {params: params}) .then(function (data) { vm.users.items = vm.users.items.concat(data.items.map($scope.setServiceStatus)); vm.users.meta = data.meta; if (data.meta.total === vm.users.items.length) { vm.disabled = vm.filter; // Disable further calls if there are no more items } vm.fetched = vm.filter; // console.log('next page', vm); return vm.users; }); } function refresh() { // console.log('refresh', params, vm, $scope); params.page = vm.page = 1; fetchTotals(); vm.users.items = []; if (usersPromise) { usersPromise.cancel(); usersPromise = null; } usersPromise = getUsers(vm.filter, {params: params}) .then(function (data) { if (!usersPromise) { return; } vm.users.items = data.items.map($scope.setServiceStatus); vm.users.meta = data.meta; if (data.meta.total === vm.users.items.length) { vm.disabled = vm.filter; // Disable further calls if there are no more items } usersPromise = null; vm.fetched = vm.filter; $scope.$applyAsync(function() { $timeout(function() { $('body').scrollTop(0); }, 500); }); return vm.users; }); } function fetchTotals() { getUserTotals().then(function (data) { vm.usersTotals = data.meta; return vm.usersTotals; }); } $scope.refresh = refresh; } })(); (function() { 'use strict'; angular .module('app.users') .run(appRun); appRun.$inject = ['routerHelper']; /* */ function appRun(routerHelper) { routerHelper.configureStates(getStates()); function getStates() { return [ { state: 'users', config: { url: '/users', // controller: 'UsersController', // controllerAs: 'vm', title: 'Users', abstract: true } }, { state: 'users.index', config: { url: '?station&app&level&status&filter', // reloadOnSearch: false, views: { '@': { templateUrl: 'app/users/users.html', controller: 'UsersController', controllerAs: 'vm', } }, title: 'users', settings: { nav: 3, level: ['manager', 'admin'], content: ' Vos utilisateurs' }, resolve: { station: ['$stateParams', 'dataservice', 'myservice', function($stateParams, dataservice, myservice) { var station = null; if (myservice.me()) { if ($stateParams.station && myservice.isAdmin()) { station = dataservice.getStation($stateParams.station); } else { station = myservice.me().station; } } return station; }] } } } ]; } } })(); (function () { 'use strict'; angular .module('app.users') .factory('userservice', userservice); userservice.$inject = ['$http', '$q', 'ItemsApi', 'exception', 'logger', 'myservice', 'MainService', 'uploadApi']; /* */ function userservice($http, $q, ItemsApi, exception, logger, myservice, MainService, uploadApi) { var service = { getUser: getUser, renew: renew, getUsers: getUsers, getUserRemoteStatus: getUserRemoteStatus, getUserCount: getUserCount, update: update, apps: apps, offers: offers, inviteOne: inviteOne, inviteMultiple: inviteMultiple, reinviteAll: reinviteAll, reinvite: reinvite, freezeAll: freezeAll, freeze: freeze, unfreeze: unfreeze, delete: deleteUser, transfer: transfer, contactRequest: contactRequest }; return service; function getUser(user) { return ItemsApi.get({endpoint: 'stations', key: user.station.id, resource: 'users', resource_key: user.id}).$promise; } function getUserRemoteStatus(user) { return ItemsApi.get({endpoint: 'stations', key: user.station.id, resource: 'users', resource_key: user.id, action: 'remote_status'}).$promise; } function getUsers(filter, config) { if (!!filter) { config.params = $.extend(config.params, {query: filter}); } var deferred = $q.defer(); var station_id = config ? (parseInt(config.station_id) || parseInt(config.stationId) || 0) : 0; if (myservice.isAdmin() && !station_id) { $http.get(MainService.stationsEndpoint()+'/users', config) .then(success) .catch(fail); } else { station_id = station_id + '/'; $http.get(MainService.stationsEndpoint()+'/' + station_id + 'users', config) .then(success) .catch(fail); } return deferred.promise.catch(angular.noop); function success(response) { deferred.resolve(response.data); return response.data; } function fail(e) { deferred.reject(); return exception.catcher('XHR Failed for getUsers')(e); } } function getUserCount(station_id) { var params = {params: {count: '✓'}}; if (station_id) { params.station_id = station_id; } return getUsers(null, params).then(function (data) { return data.meta.total; }); } function update(params, args) { var station_id = params.station_id var user_id = params.id delete params.id; delete params.station_id; return ItemsApi.update({endpoint: 'stations', key: station_id, resource: 'users', resource_key: user_id}, params).$promise; } function renew(params, args) { var station_id = params.station_id var user_id = params.id delete params.id; delete params.station_id; return ItemsApi.update({endpoint: 'stations', key: station_id, resource: 'users', resource_key: user_id, action: 'renew'}, params).$promise; } function apps(params, args) { var id = params.id delete params.id; return ItemsApi.update($.extend({endpoint: 'users', id: id, action: 'apps'}, params)).$promise; } function offers(params) { var station_id = params.station_id var id = params.id delete params.id; delete params.station_id; return ItemsApi.query($.extend({endpoint: 'stations', key: station_id,resource: 'users', resource_key: id, action: 'offers'}, params)).$promise; } function inviteOne(user) { var endpoint = 'stations/' + user.station_id + '/invitation'; return ItemsApi.save($.extend({endpoint: 'stations', id: user.station_id, action: 'invitation'}, {user: user})).$promise; } function inviteMultiple(params) { var deferred = $q.defer(); params.endpoint = 'stations/' + params.station_id + '/invitations'; uploadApi.upload(params) .then(function(response) { console.log('upload', response); deferred.resolve(response); }); return deferred.promise.catch(angular.noop); } function reinvite(user, service) { var deferred = $q.defer(); var params = !!service ? {params: {service: service}} : {}; var endpoint = 'users/' + user.id + '/reinvite'; $http.get(MainService.commonApiEndpoint() + endpoint, params) .then(function(data) { deferred.resolve(data); }, function(data) { deferred.reject(); }); return deferred.promise.catch(angular.noop); } function reinviteAll(params) { var deferred = $q.defer(); var stationId = params.station_id ? params.station_id+'/' : ''; var endpoint = 'stations/' + stationId + 'reinvite'; $http.get(MainService.commonApiEndpoint() + endpoint) .then(function(data) { deferred.resolve(data); }, function(data) { deferred.reject(); }); return deferred.promise.catch(angular.noop); } function freezeAll(params) { var deferred = $q.defer(); var stationId = params.station_id ? params.station_id+'/' : ''; var endpoint = 'stations/' + stationId + 'freeze_inactive_users'; $http.get(MainService.commonApiEndpoint() + endpoint, {params: {months_ago: params.months_ago}}) .then(function(data) { deferred.resolve(data); }, function(data) { deferred.reject(); }); return deferred.promise.catch(angular.noop); } function freeze(user, service) { var params = !!service ? {params: {service: service}} : {}; return ItemsApi.get({endpoint: 'stations', key: user.station.id, resource: 'users', resource_key: user.id, action: 'freeze'}, params).$promise; } function unfreeze(user, service) { var params = !!service ? {params: {service: service}} : {}; return ItemsApi.delete({endpoint: 'stations', key: user.station.id, resource: 'users', resource_key: user.id, action: 'freeze'}, params).$promise; } function deleteUser(user) { return ItemsApi.delete({endpoint: 'stations', key: user.station.id, resource: 'users', resource_key: user.id}).$promise; } function transfer(user, station) { var deferred = $q.defer(); var endpoint = 'stations/' + station.id + '/users/' + user.id; var params = { station_id: station.id }; $http.put(MainService.commonApiEndpoint() + endpoint, params) .then(function(data) { deferred.resolve(data); }, function(data) { deferred.reject(); }); return deferred.promise.catch(angular.noop); } function contactRequest(args) { return ItemsApi.save({endpoint: 'users', action: 'contact_request'}, args).$promise; } } })(); (function () { 'use strict'; angular .module('app.widgets') .directive('htImgPerson', htImgPerson); htImgPerson.$inject = ['config']; /* */ function htImgPerson (config) { //Usage: //var basePath = config.imageBasePath; var unknownImage = config.unknownPersonImageSource; var directive = { link: link, restrict: 'A' }; return directive; function link(scope, element, attrs) { attrs.$observe('htImgPerson', function (value) { value = basePath + (value || unknownImage); attrs.$set('src', value); }); } } })(); (function() { 'use strict'; angular .module('app.widgets') .directive('htWidgetHeaderWithFilter', htWidgetHeader); /* */ function htWidgetHeader() { //Usage: // // Creates: //
var directive = { scope: { 'title': '@', 'subtitle': '@', 'filter': '=', 'allowCollapse': '@', 'count': '=', 'actions': '=' }, templateUrl: 'app/widgets/widget-header-with-filter.html', restrict: 'EA', controller: ['$scope', '$element', '$attrs', 'myservice', function($scope, $element, $attrs, myservice) { var vm = this; $scope.$watch('filter', function(v,o) { // console.log('filter', v,o); if (v) { $element.find('.search-input').addClass('simple-open'); } else { $element.find('.search-input').removeClass('simple-open'); } }); vm.me = myservice.me(); return vm; }], controllerAs: 'vm' }; return directive; } })(); (function() { 'use strict'; angular .module('app.widgets') .directive('htWidgetHeader', htWidgetHeader); /* */ function htWidgetHeader() { //Usage: // // Creates: //var directive = { scope: { 'title': '@', 'subtitle': '@', 'rightText': '@', 'allowCollapse': '@' }, templateUrl: 'app/widgets/widget-header.html', restrict: 'EA' }; return directive; } })();