\\\n ')\n\n $clone.addClass('sf-menu__loc_popup').append('SaveClose')\n\n $popup.after($clone);\n\n $(document).on('click', '.sf-menu__loc_btn_check_all', function () {\n $('.sf-menu__loc_popup input[type=\"checkbox\"][name!=\"display_default_menu\"]').prop('checked', true);\n });\n $(document).on('click', '.sf-menu__loc_btn_check_none', function () {\n $('.sf-menu__loc_popup input[type=\"checkbox\"][name!=\"display_default_menu\"]').prop('checked', false);\n });\n $(document).on('change', '[name=\"display_default_menu\"]', function (e) {\n $('.sf-menu__loc_popup .dw_pages_wrap').show();\n if($(this).prop('checked'))\n $('.sf-menu__loc_popup .dw_pages_wrap').hide();\n });\n\n\n $locPopup = $('.sf-menu__loc_popup');\n $def = $locPopup.find('#display_default_menu_popup');\n\n //$locPopup.find('#display_ids_popup').parent().hide();\n\n $list.find('.sf-menu__item').each(function () {\n var $t = $(this);\n var id = $t.data('id');\n var location;\n var curr = window.sf_menus[id];\n if (curr) {\n location = curr['loc'];\n $t.data('location', location);\n $t.data('isDef', curr['isDef']);\n }\n })\n\n $('.sf-menu__add').on('click',function () {\n $(this).closest('.sf_active_menu').addClass('sf_active_menu--selecting');\n })\n\n $('.sf-menu__btn__ok').on('click',function () {\n var val = $select.find('select').val();\n var $selected = $select.find(':selected');\n\n var $item;\n console.log(val);\n\n // check if added\n if ($list.find('[data-id=' + val + ']').length) {\n alert('Already added!');\n return;\n }\n\n $item = $('
' + $selected.text() + '
');\n $list.append($item);\n\n\n updateMenuMap();\n\n if ($list.find('.sf-menu__item').length === 1) { // single item\n openLocPopup($item);\n $locPopup.find(':checkbox').prop('checked', true)\n $locPopup.find('.sf-menu__loc_btn_save').trigger('click');\n closeLocPopup({target: null}, true);\n return;\n }\n $(this).closest('form').trigger('submit')\n\n\n })\n\n $('.sf-menu__btn__close').on('click',function () {\n $(this).closest('.sf_active_menu').removeClass('sf_active_menu--selecting');\n })\n\n $list.on('click', '.sf-menu__item', function (e) {\n var $t = $(e.target);\n var $form = $t.closest('form');\n\n if ($t.is('.flaticon-cross')) {\n $t.closest('.sf-menu__item').remove();\n updateMenuMap();\n $form.closest('form').trigger('submit');\n return;\n }\n\n console.log('open loc popup');\n openLocPopup($t.closest('.sf-menu__item'))\n })\n\n $locPopup.on('click', '.sf-menu__loc_btn_save', function () {\n var current = $locPopup;\n var ids = current.find('[id*=display_ids]').val();\n var $item = $locPopup.data('currentItem');\n\n var location = {\n 'pages': traversePages(current.find('input[id*=display_page]')),\n 'cposts': traversePages(current.find('input[id*=display_cpost]')),\n 'cats': traversePages(current.find('input[id*=display_cat]')),\n 'taxes': {},\n 'langs': traversePages(current.find('input[id*=display_lang]')),\n 'wp_pages': traversePages(current.find('input[id*=display_wp_page]')),\n 'ids': ids.split(',')\n };\n\n $item.data('location', location);\n $item.data('isDef', $def.is(':checked'));\n\n updateMenuMap();\n\n current.closest('form').trigger('submit')\n\n });\n\n $def.on('change', function (e) {\n var $curr;\n\n // check if already default is set\n $list.find('.sf-menu__item').each(function () {\n var $t = $(this);\n if ($t.data('isDef')) {\n $curr = $t;\n }\n });\n\n if ($curr && $curr.data('id') != $locPopup.data('currentItem').data('id')) {\n $def.attr('checked', false);\n alert('You already have default menu. Please edit this menu before and uncheck this property.');\n return false;\n }\n })\n\n $locPopup.on('click', '.sf-menu__loc_btn_close', closeLocPopup)\n\n function updateMenuMap() {\n var $items = $list.find('.sf-menu__item');\n var map = {};\n $items.each(function () {\n var $t = $(this);\n var locationData = $t.data('location') || {};\n\n map[$t.data('id')] = {\n term_id: $t.data('id'),\n name: $.trim($t.text()),\n loc: locationData,\n isDef: $t.data('isDef')\n }\n })\n $storageInput.val(JSON.stringify(map));\n }\n\n function openLocPopup($item) {\n // attempt to retrieve date\n var locationData = $item.data('location');\n $locPopup.data('currentItem', $item);\n\n // reset\n $locPopup.find(':checked').prop('checked', false)\n $locPopup.find(':text').val('');\n\n if (locationData) {\n populatePopup(locationData, $item);\n }\n\n $def.prop('checked', $item.data('isDef'))\n if($item.data('isDef')){\n $('.dw_pages_wrap', $locPopup).hide();\n }else{\n $('.dw_pages_wrap', $locPopup).show();\n }\n\n setTimeout(function () {\n $body.on('click', closeLocPopup)\n }, 0)\n\n\n $item.closest('.sf_active_menu').addClass('sf_active_menu--editing')\n }\n\n function closeLocPopup(e, force) {\n var $t = $(e.target);\n if (!$t.closest($locPopup).length || $t.is('.sf-menu__loc_btn_close') || force) {\n $('.sf_active_menu').removeClass('sf_active_menu--editing');\n $body.off('click', closeLocPopup)\n }\n }\n\n function populatePopup(location, current) {\n var prop, cat;\n\n for ( prop in location ) {\n cat = location[ prop ];\n for ( var name in cat ) {\n $locPopup.find('#display_' + prop.replace(/s$/, '') + '_' + name + '_popup').prop('checked', location[prop]);\n }\n }\n\n if ( location.ids ) $locPopup.find('#display_ids_popup').val(location.ids.join(','));\n }\n\n $body.addClass('page-loaded');\n\n})","// Backbone.Stickit v0.9.2, MIT Licensed\n// Copyright (c) 2012-2015 The New York Times, CMS Group, Matthew DeLambo \n\n(function (factory) {\n\n // Set up Stickit appropriately for the environment. Start with AMD.\n if (typeof define === 'function' && define.amd)\n define(['underscore', 'backbone', 'exports'], factory);\n\n // Next for Node.js or CommonJS.\n else if (typeof exports === 'object')\n factory(require('underscore'), require('backbone'), exports);\n\n // Finally, as a browser global.\n else\n factory(_, Backbone, {});\n\n}(function (_, Backbone, Stickit) {\n\n // Stickit Namespace\n // --------------------------\n\n // Export onto Backbone object\n Backbone.Stickit = Stickit;\n\n Stickit._handlers = [];\n\n Stickit.addHandler = function(handlers) {\n // Fill-in default values.\n handlers = _.map(_.flatten([handlers]), function(handler) {\n return _.defaults({}, handler, {\n updateModel: true,\n updateView: true,\n updateMethod: 'text'\n });\n });\n this._handlers = this._handlers.concat(handlers);\n };\n\n // Backbone.View Mixins\n // --------------------\n\n Stickit.ViewMixin = {\n\n // Collection of model event bindings.\n // [{model,event,fn,config}, ...]\n _modelBindings: null,\n\n // Unbind the model and event bindings from `this._modelBindings` and\n // `this.$el`. If the optional `model` parameter is defined, then only\n // delete bindings for the given `model` and its corresponding view events.\n unstickit: function(model, bindingSelector) {\n\n // Support passing a bindings hash in place of bindingSelector.\n if (_.isObject(bindingSelector)) {\n _.each(bindingSelector, function(v, selector) {\n this.unstickit(model, selector);\n }, this);\n return;\n }\n\n var models = [], destroyFns = [];\n this._modelBindings = _.reject(this._modelBindings, function(binding) {\n if (model && binding.model !== model) return;\n if (bindingSelector && binding.config.selector != bindingSelector) return;\n\n binding.model.off(binding.event, binding.fn);\n destroyFns.push(binding.config._destroy);\n models.push(binding.model);\n return true;\n });\n\n // Trigger an event for each model that was unbound.\n _.invoke(_.uniq(models), 'trigger', 'stickit:unstuck', this.cid);\n\n // Call `_destroy` on a unique list of the binding callbacks.\n _.each(_.uniq(destroyFns), function(fn) { fn.call(this); }, this);\n\n this.$el.off('.stickit' + (model ? '.' + model.cid : ''), bindingSelector);\n },\n\n // Initilize Stickit bindings for the view. Subsequent binding additions\n // can either call `stickit` with the new bindings, or add them directly\n // with `addBinding`. Both arguments to `stickit` are optional.\n stickit: function(optionalModel, optionalBindingsConfig) {\n var model = optionalModel || this.model,\n bindings = optionalBindingsConfig || _.result(this, \"bindings\") || {};\n\n this._modelBindings || (this._modelBindings = []);\n\n // Add bindings in bulk using `addBinding`.\n this.addBinding(model, bindings);\n\n // Wrap `view.remove` to unbind stickit model and dom events.\n var remove = this.remove;\n if (!remove.stickitWrapped) {\n this.remove = function() {\n var ret = this;\n this.unstickit();\n if (remove) ret = remove.apply(this, arguments);\n return ret;\n };\n }\n this.remove.stickitWrapped = true;\n return this;\n },\n\n // Add a single Stickit binding or a hash of bindings to the model. If\n // `optionalModel` is ommitted, will default to the view's `model` property.\n addBinding: function(optionalModel, selector, binding) {\n var model = optionalModel || this.model,\n namespace = '.stickit.' + model.cid;\n\n binding = binding || {};\n\n // Support jQuery-style {key: val} event maps.\n if (_.isObject(selector)) {\n var bindings = selector;\n _.each(bindings, function(val, key) {\n this.addBinding(model, key, val);\n }, this);\n return;\n }\n\n // Special case the ':el' selector to use the view's this.$el.\n var $el = selector === ':el' ? this.$el : this.$(selector);\n\n // Clear any previous matching bindings.\n this.unstickit(model, selector);\n\n // Fail fast if the selector didn't match an element.\n if (!$el.length) return;\n\n // Allow shorthand setting of model attributes - `'selector':'observe'`.\n if (_.isString(binding)) binding = {observe: binding};\n\n // Handle case where `observe` is in the form of a function.\n if (_.isFunction(binding.observe)) binding.observe = binding.observe.call(this);\n\n // Find all matching Stickit handlers that could apply to this element\n // and store in a config object.\n var config = getConfiguration($el, binding);\n\n // The attribute we're observing in our config.\n var modelAttr = config.observe;\n\n // Store needed properties for later.\n config.selector = selector;\n config.view = this;\n\n // Create the model set options with a unique `bindId` so that we\n // can avoid double-binding in the `change:attribute` event handler.\n var bindId = config.bindId = _.uniqueId();\n\n // Add a reference to the view for handlers of stickitChange events\n var options = _.extend({stickitChange: config}, config.setOptions);\n\n // Add a `_destroy` callback to the configuration, in case `destroy`\n // is a named function and we need a unique function when unsticking.\n config._destroy = function() {\n applyViewFn.call(this, config.destroy, $el, model, config);\n };\n\n initializeAttributes($el, config, model, modelAttr);\n initializeVisible($el, config, model, modelAttr);\n initializeClasses($el, config, model, modelAttr);\n\n if (modelAttr) {\n // Setup one-way (input element -> model) bindings.\n _.each(config.events, function(type) {\n var eventName = type + namespace;\n var listener = function(event) {\n var val = applyViewFn.call(this, config.getVal, $el, event, config, slice.call(arguments, 1));\n\n // Don't update the model if false is returned from the `updateModel` configuration.\n var currentVal = evaluateBoolean(config.updateModel, val, event, config);\n if (currentVal) setAttr(model, modelAttr, val, options, config);\n };\n var sel = selector === ':el'? '' : selector;\n this.$el.on(eventName, sel, _.bind(listener, this));\n }, this);\n\n // Setup a `change:modelAttr` observer to keep the view element in sync.\n // `modelAttr` may be an array of attributes or a single string value.\n _.each(_.flatten([modelAttr]), function(attr) {\n observeModelEvent(model, 'change:' + attr, config, function(m, val, options) {\n var changeId = options && options.stickitChange && options.stickitChange.bindId;\n if (changeId !== bindId) {\n var currentVal = getAttr(model, modelAttr, config);\n updateViewBindEl($el, config, currentVal, model);\n }\n });\n });\n\n var currentVal = getAttr(model, modelAttr, config);\n updateViewBindEl($el, config, currentVal, model, true);\n }\n\n // After each binding is setup, call the `initialize` callback.\n applyViewFn.call(this, config.initialize, $el, model, config);\n }\n };\n\n _.extend(Backbone.View.prototype, Stickit.ViewMixin);\n\n // Helpers\n // -------\n\n var slice = [].slice;\n\n // Evaluates the given `path` (in object/dot-notation) relative to the given\n // `obj`. If the path is null/undefined, then the given `obj` is returned.\n var evaluatePath = function(obj, path) {\n var parts = (path || '').split('.');\n var result = _.reduce(parts, function(memo, i) { return memo[i]; }, obj);\n return result == null ? obj : result;\n };\n\n // If the given `fn` is a string, then view[fn] is called, otherwise it is\n // a function that should be executed.\n var applyViewFn = function(fn) {\n fn = _.isString(fn) ? evaluatePath(this, fn) : fn;\n if (fn) return (fn).apply(this, slice.call(arguments, 1));\n };\n\n // Given a function, string (view function reference), or a boolean\n // value, returns the truthy result. Any other types evaluate as false.\n // The first argument must be `reference` and the last must be `config`, but\n // middle arguments can be variadic.\n var evaluateBoolean = function(reference, val, config) {\n if (_.isBoolean(reference)) {\n return reference;\n } else if (_.isFunction(reference) || _.isString(reference)) {\n var view = _.last(arguments).view;\n return applyViewFn.apply(view, arguments);\n }\n return false;\n };\n\n // Setup a model event binding with the given function, and track the event\n // in the view's _modelBindings.\n var observeModelEvent = function(model, event, config, fn) {\n var view = config.view;\n model.on(event, fn, view);\n view._modelBindings.push({model:model, event:event, fn:fn, config:config});\n };\n\n // Prepares the given `val`ue and sets it into the `model`.\n var setAttr = function(model, attr, val, options, config) {\n var value = {}, view = config.view;\n if (config.onSet) {\n val = applyViewFn.call(view, config.onSet, val, config);\n }\n\n if (config.set) {\n applyViewFn.call(view, config.set, attr, val, options, config);\n } else {\n value[attr] = val;\n // If `observe` is defined as an array and `onSet` returned\n // an array, then map attributes to their values.\n if (_.isArray(attr) && _.isArray(val)) {\n value = _.reduce(attr, function(memo, attribute, index) {\n memo[attribute] = _.has(val, index) ? val[index] : null;\n return memo;\n }, {});\n }\n model.set(value, options);\n }\n };\n\n // Returns the given `attr`'s value from the `model`, escaping and\n // formatting if necessary. If `attr` is an array, then an array of\n // respective values will be returned.\n var getAttr = function(model, attr, config) {\n var view = config.view;\n var retrieveVal = function(field) {\n return model[config.escape ? 'escape' : 'get'](field);\n };\n var sanitizeVal = function(val) {\n return val == null ? '' : val;\n };\n var val = _.isArray(attr) ? _.map(attr, retrieveVal) : retrieveVal(attr);\n if (config.onGet) val = applyViewFn.call(view, config.onGet, val, config);\n return _.isArray(val) ? _.map(val, sanitizeVal) : sanitizeVal(val);\n };\n\n // Find handlers in `Backbone.Stickit._handlers` with selectors that match\n // `$el` and generate a configuration by mixing them in the order that they\n // were found with the given `binding`.\n var getConfiguration = Stickit.getConfiguration = function($el, binding) {\n var handlers = [{\n updateModel: false,\n updateMethod: 'text',\n update: function($el, val, m, opts) { if ($el[opts.updateMethod]) $el[opts.updateMethod](val); },\n getVal: function($el, e, opts) { return $el[opts.updateMethod](); }\n }];\n handlers = handlers.concat(_.filter(Stickit._handlers, function(handler) {\n return $el.is(handler.selector);\n }));\n handlers.push(binding);\n\n // Merge handlers into a single config object. Last props in wins.\n var config = _.extend.apply(_, handlers);\n\n // `updateView` is defaulted to false for configutrations with\n // `visible`; otherwise, `updateView` is defaulted to true.\n if (!_.has(config, 'updateView')) config.updateView = !config.visible;\n return config;\n };\n\n // Setup the attributes configuration - a list that maps an attribute or\n // property `name`, to an `observe`d model attribute, using an optional\n // `onGet` formatter.\n //\n // attributes: [{\n // name: 'attributeOrPropertyName',\n // observe: 'modelAttrName'\n // onGet: function(modelAttrVal, modelAttrName) { ... }\n // }, ...]\n //\n var initializeAttributes = function($el, config, model, modelAttr) {\n var props = ['autofocus', 'autoplay', 'async', 'checked', 'controls',\n 'defer', 'disabled', 'hidden', 'indeterminate', 'loop', 'multiple',\n 'open', 'readonly', 'required', 'scoped', 'selected'];\n\n var view = config.view;\n\n _.each(config.attributes || [], function(attrConfig) {\n attrConfig = _.clone(attrConfig);\n attrConfig.view = view;\n\n var lastClass = '';\n var observed = attrConfig.observe || (attrConfig.observe = modelAttr);\n var updateAttr = function() {\n var updateType = _.contains(props, attrConfig.name) ? 'prop' : 'attr',\n val = getAttr(model, observed, attrConfig);\n\n // If it is a class then we need to remove the last value and add the new.\n if (attrConfig.name === 'class') {\n $el.removeClass(lastClass).addClass(val);\n lastClass = val;\n } else {\n $el[updateType](attrConfig.name, val);\n }\n };\n\n _.each(_.flatten([observed]), function(attr) {\n observeModelEvent(model, 'change:' + attr, config, updateAttr);\n });\n\n // Initialize the matched element's state.\n updateAttr();\n });\n };\n\n var initializeClasses = function($el, config, model, modelAttr) {\n _.each(config.classes || [], function(classConfig, name) {\n if (_.isString(classConfig)) classConfig = {observe: classConfig};\n classConfig.view = config.view;\n\n var observed = classConfig.observe;\n var updateClass = function() {\n var val = getAttr(model, observed, classConfig);\n $el.toggleClass(name, !!val);\n };\n\n _.each(_.flatten([observed]), function(attr) {\n observeModelEvent(model, 'change:' + attr, config, updateClass);\n });\n updateClass();\n });\n };\n\n // If `visible` is configured, then the view element will be shown/hidden\n // based on the truthiness of the modelattr's value or the result of the\n // given callback. If a `visibleFn` is also supplied, then that callback\n // will be executed to manually handle showing/hiding the view element.\n //\n // observe: 'isRight',\n // visible: true, // or function(val, options) {}\n // visibleFn: function($el, isVisible, options) {} // optional handler\n //\n var initializeVisible = function($el, config, model, modelAttr) {\n if (config.visible == null) return;\n var view = config.view;\n\n var visibleCb = function() {\n var visible = config.visible,\n visibleFn = config.visibleFn,\n val = getAttr(model, modelAttr, config),\n isVisible = !!val;\n\n // If `visible` is a function then it should return a boolean result to show/hide.\n if (_.isFunction(visible) || _.isString(visible)) {\n isVisible = !!applyViewFn.call(view, visible, val, config);\n }\n\n // Either use the custom `visibleFn`, if provided, or execute the standard show/hide.\n if (visibleFn) {\n applyViewFn.call(view, visibleFn, $el, isVisible, config);\n } else {\n $el.toggle(isVisible);\n }\n };\n\n _.each(_.flatten([modelAttr]), function(attr) {\n observeModelEvent(model, 'change:' + attr, config, visibleCb);\n });\n\n visibleCb();\n };\n\n // Update the value of `$el` using the given configuration and trigger the\n // `afterUpdate` callback. This action may be blocked by `config.updateView`.\n //\n // update: function($el, val, model, options) {}, // handler for updating\n // updateView: true, // defaults to true\n // afterUpdate: function($el, val, options) {} // optional callback\n //\n var updateViewBindEl = function($el, config, val, model, isInitializing) {\n var view = config.view;\n if (!evaluateBoolean(config.updateView, val, config)) return;\n applyViewFn.call(view, config.update, $el, val, model, config);\n if (!isInitializing) applyViewFn.call(view, config.afterUpdate, $el, val, config);\n };\n\n // Default Handlers\n // ----------------\n\n Stickit.addHandler([{\n selector: '[contenteditable]',\n updateMethod: 'html',\n events: ['input', 'change']\n }, {\n selector: 'input',\n events: ['propertychange', 'input', 'change'],\n update: function($el, val) { $el.val(val); },\n getVal: function($el) {\n return $el.val();\n }\n }, {\n selector: 'textarea',\n events: ['propertychange', 'input', 'change'],\n update: function($el, val) { $el.val(val); },\n getVal: function($el) { return $el.val(); }\n }, {\n selector: 'input[type=\"radio\"]',\n events: ['change'],\n update: function($el, val) {\n $el.filter('[value=\"'+val+'\"]').prop('checked', true);\n },\n getVal: function($el) {\n return $el.filter(':checked').val();\n }\n }, {\n selector: 'input[type=\"checkbox\"]',\n events: ['change'],\n update: function($el, val, model, options) {\n if ($el.length > 1) {\n // There are multiple checkboxes so we need to go through them and check\n // any that have value attributes that match what's in the array of `val`s.\n val || (val = []);\n $el.each(function(i, el) {\n var checkbox = Backbone.$(el);\n var checkboxVal = checkbox.val();\n var checked = _.some(val, function(item) { return ''+item === checkboxVal; });\n checkbox.prop('checked', checked);\n });\n } else {\n var checked = _.isBoolean(val) ? val : ''+val === $el.val();\n $el.prop('checked', checked);\n }\n },\n getVal: function($el) {\n var val;\n if ($el.length > 1) {\n val = _.reduce($el, function(memo, el) {\n var checkbox = Backbone.$(el);\n if (checkbox.prop('checked')) memo.push(checkbox.val());\n return memo;\n }, []);\n } else {\n val = $el.prop('checked');\n // If the checkbox has a value attribute defined, then\n // use that value. Most browsers use \"on\" as a default.\n var boxval = $el.val();\n if (boxval !== 'on' && boxval != null) {\n val = val ? $el.val() : null;\n }\n }\n return val;\n }\n }, {\n selector: 'select',\n events: ['change'],\n update: function($el, val, model, options) {\n var optList,\n selectConfig = options.selectOptions,\n list = selectConfig && selectConfig.collection || undefined,\n isMultiple = $el.prop('multiple');\n\n // If there are no `selectOptions` then we assume that the `