Version Description
- 2 April 2019 =
- Layout builder widget: Call styles sanitization in update.
- Live editor: Only call
process_raw_widgets
once for preview data. - Add a setting for whether to display SiteOrigin Page Builder post state.
- Sidebars emulator: Cache the result of url_to_postid().
- Prevent affecting child layouts with parent layouts' CSS.
Download this release
Release Info
Developer | gpriday |
Plugin | ![]() |
Version | 2.10.3 |
Comparing to | |
See all releases |
Code changes from version 2.10.2 to 2.10.3
- compat/js/siteorigin-panels-layout-block.js +351 -351
- inc/admin.php +3 -1
- inc/css-builder.php +1 -1
- inc/live-editor.php +0 -35
- inc/renderer.php +17 -4
- inc/settings.php +11 -0
- inc/widgets/layout.php +11 -7
- js/siteorigin-panels-2101.js +0 -7438
- js/siteorigin-panels-2101.min.js +0 -1
- js/{siteorigin-panels-2102.js → siteorigin-panels-2103.js} +0 -0
- js/{siteorigin-panels-2102.min.js → siteorigin-panels-2103.min.js} +0 -0
- js/styling-2101.js +0 -62
- js/styling-2101.min.js +0 -1
- js/{styling-2102.js → styling-2103.js} +0 -0
- js/{styling-2102.min.js → styling-2103.min.js} +0 -0
- lang/siteorigin-panels.pot +158 -150
- readme.txt +9 -2
- siteorigin-panels.php +3 -3
compat/js/siteorigin-panels-layout-block.js
CHANGED
@@ -1,352 +1,352 @@
|
|
1 |
-
"use strict";
|
2 |
-
|
3 |
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4 |
-
|
5 |
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6 |
-
|
7 |
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
8 |
-
|
9 |
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
10 |
-
|
11 |
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
12 |
-
|
13 |
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
14 |
-
|
15 |
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
16 |
-
|
17 |
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
18 |
-
|
19 |
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
20 |
-
|
21 |
-
var _lodash = lodash,
|
22 |
-
isEqual = _lodash.isEqual,
|
23 |
-
debounce = _lodash.debounce,
|
24 |
-
isEmpty = _lodash.isEmpty,
|
25 |
-
isFunction = _lodash.isFunction;
|
26 |
-
var registerBlockType = wp.blocks.registerBlockType;
|
27 |
-
var _wp$element = wp.element,
|
28 |
-
Component = _wp$element.Component,
|
29 |
-
Fragment = _wp$element.Fragment,
|
30 |
-
RawHTML = _wp$element.RawHTML,
|
31 |
-
createRef = _wp$element.createRef;
|
32 |
-
var BlockControls = wp.editor.BlockControls;
|
33 |
-
var _wp$components = wp.components,
|
34 |
-
Toolbar = _wp$components.Toolbar,
|
35 |
-
IconButton = _wp$components.IconButton,
|
36 |
-
Spinner = _wp$components.Spinner;
|
37 |
-
var __ = wp.i18n.__;
|
38 |
-
var _window = window,
|
39 |
-
soPanelsBlockEditorAdmin = _window.soPanelsBlockEditorAdmin;
|
40 |
-
|
41 |
-
var SiteOriginPanelsLayoutBlock =
|
42 |
-
/*#__PURE__*/
|
43 |
-
function (_Component) {
|
44 |
-
_inherits(SiteOriginPanelsLayoutBlock, _Component);
|
45 |
-
|
46 |
-
function SiteOriginPanelsLayoutBlock(props) {
|
47 |
-
var _this;
|
48 |
-
|
49 |
-
_classCallCheck(this, SiteOriginPanelsLayoutBlock);
|
50 |
-
|
51 |
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(SiteOriginPanelsLayoutBlock).call(this, props));
|
52 |
-
var editMode = soPanelsBlockEditorAdmin.defaultMode === 'edit' || isEmpty(props.panelsData);
|
53 |
-
_this.state = {
|
54 |
-
editing: editMode,
|
55 |
-
loadingPreview: !editMode,
|
56 |
-
previewHtml: ''
|
57 |
-
};
|
58 |
-
_this.panelsContainer = createRef();
|
59 |
-
_this.previewContainer = createRef();
|
60 |
-
_this.panelsInitialized = false;
|
61 |
-
_this.previewInitialized = false;
|
62 |
-
return _this;
|
63 |
-
}
|
64 |
-
|
65 |
-
_createClass(SiteOriginPanelsLayoutBlock, [{
|
66 |
-
key: "componentDidMount",
|
67 |
-
value: function componentDidMount() {
|
68 |
-
this.isStillMounted = true;
|
69 |
-
|
70 |
-
if (this.state.editing) {
|
71 |
-
this.setupPanels();
|
72 |
-
} else if (!this.state.editing && !this.previewInitialized) {
|
73 |
-
this.fetchPreview(this.props);
|
74 |
-
this.fetchPreview = debounce(this.fetchPreview, 500);
|
75 |
-
}
|
76 |
-
}
|
77 |
-
}, {
|
78 |
-
key: "componentWillUnmount",
|
79 |
-
value: function componentWillUnmount() {
|
80 |
-
this.isStillMounted = false;
|
81 |
-
|
82 |
-
if (this.builderView) {
|
83 |
-
this.builderView.off('content_change');
|
84 |
-
}
|
85 |
-
}
|
86 |
-
}, {
|
87 |
-
key: "componentDidUpdate",
|
88 |
-
value: function componentDidUpdate(prevProps) {
|
89 |
-
// let propsChanged = !isEqual( prevProps.panelsData, this.props.panelsData );
|
90 |
-
if (this.state.editing && !this.panelsInitialized) {
|
91 |
-
this.setupPanels();
|
92 |
-
} else if (this.state.loadingPreview) {
|
93 |
-
this.fetchPreview(this.props);
|
94 |
-
} else if (!this.previewInitialized && this.previewContainer.current) {
|
95 |
-
$(document).trigger('panels_setup_preview');
|
96 |
-
this.previewInitialized = true;
|
97 |
-
}
|
98 |
-
}
|
99 |
-
}, {
|
100 |
-
key: "setupPanels",
|
101 |
-
value: function setupPanels() {
|
102 |
-
var _this2 = this;
|
103 |
-
|
104 |
-
var $panelsContainer = jQuery(this.panelsContainer.current);
|
105 |
-
var config = {
|
106 |
-
editorType: 'standalone'
|
107 |
-
};
|
108 |
-
var builderModel = new panels.model.builder();
|
109 |
-
this.builderView = new panels.view.builder({
|
110 |
-
model: builderModel,
|
111 |
-
config: config
|
112 |
-
}); // Make sure panelsData is defined and clone so that we don't alter the underlying attribute.
|
113 |
-
|
114 |
-
var panelsData = JSON.parse(JSON.stringify($.extend({}, this.props.panelsData))); // Disable block selection while dragging rows or widgets.
|
115 |
-
|
116 |
-
var rowOrWidgetMouseDown = function rowOrWidgetMouseDown() {
|
117 |
-
if (isFunction(_this2.props.onRowOrWidgetMouseDown)) {
|
118 |
-
_this2.props.onRowOrWidgetMouseDown();
|
119 |
-
}
|
120 |
-
|
121 |
-
var rowOrWidgetMouseUp = function rowOrWidgetMouseUp() {
|
122 |
-
$(document).off('mouseup', rowOrWidgetMouseUp);
|
123 |
-
|
124 |
-
if (isFunction(_this2.props.onRowOrWidgetMouseUp)) {
|
125 |
-
_this2.props.onRowOrWidgetMouseUp();
|
126 |
-
}
|
127 |
-
};
|
128 |
-
|
129 |
-
$(document).on('mouseup', rowOrWidgetMouseUp);
|
130 |
-
};
|
131 |
-
|
132 |
-
this.builderView.on('row_added', function () {
|
133 |
-
_this2.builderView.$('.so-row-move').off('mousedown', rowOrWidgetMouseDown);
|
134 |
-
|
135 |
-
_this2.builderView.$('.so-row-move').on('mousedown', rowOrWidgetMouseDown);
|
136 |
-
|
137 |
-
_this2.builderView.$('.so-widget').off('mousedown', rowOrWidgetMouseDown);
|
138 |
-
|
139 |
-
_this2.builderView.$('.so-widget').on('mousedown', rowOrWidgetMouseDown);
|
140 |
-
});
|
141 |
-
this.builderView.on('widget_added', function () {
|
142 |
-
_this2.builderView.$('.so-widget').off('mousedown', rowOrWidgetMouseDown);
|
143 |
-
|
144 |
-
_this2.builderView.$('.so-widget').on('mousedown', rowOrWidgetMouseDown);
|
145 |
-
});
|
146 |
-
this.builderView.render().attach({
|
147 |
-
container: $panelsContainer
|
148 |
-
}).setData(panelsData);
|
149 |
-
this.builderView.trigger('builder_resize');
|
150 |
-
this.builderView.on('content_change', function () {
|
151 |
-
var newPanelsData = _this2.builderView.getData();
|
152 |
-
|
153 |
-
_this2.panelsDataChanged = !isEqual(panelsData, newPanelsData);
|
154 |
-
|
155 |
-
if (_this2.panelsDataChanged) {
|
156 |
-
if (_this2.props.onContentChange && isFunction(_this2.props.onContentChange)) {
|
157 |
-
_this2.props.onContentChange(newPanelsData);
|
158 |
-
}
|
159 |
-
|
160 |
-
_this2.setState({
|
161 |
-
loadingPreview: true,
|
162 |
-
previewHtml: ''
|
163 |
-
});
|
164 |
-
}
|
165 |
-
});
|
166 |
-
$(document).trigger('panels_setup', this.builderView);
|
167 |
-
this.panelsInitialized = true;
|
168 |
-
}
|
169 |
-
}, {
|
170 |
-
key: "fetchPreview",
|
171 |
-
value: function fetchPreview(props) {
|
172 |
-
var _this3 = this;
|
173 |
-
|
174 |
-
if (!this.isStillMounted) {
|
175 |
-
return;
|
176 |
-
}
|
177 |
-
|
178 |
-
this.previewInitialized = false;
|
179 |
-
var fetchRequest = this.currentFetchRequest = $.post({
|
180 |
-
url: soPanelsBlockEditorAdmin.previewUrl,
|
181 |
-
data: {
|
182 |
-
action: 'so_panels_layout_block_preview',
|
183 |
-
panelsData: JSON.stringify(props.panelsData)
|
184 |
-
}
|
185 |
-
}).then(function (preview) {
|
186 |
-
if (_this3.isStillMounted && fetchRequest === _this3.currentFetchRequest && preview) {
|
187 |
-
_this3.setState({
|
188 |
-
previewHtml: preview,
|
189 |
-
loadingPreview: false
|
190 |
-
});
|
191 |
-
}
|
192 |
-
});
|
193 |
-
return fetchRequest;
|
194 |
-
}
|
195 |
-
}, {
|
196 |
-
key: "render",
|
197 |
-
value: function render() {
|
198 |
-
var _this4 = this;
|
199 |
-
|
200 |
-
var panelsData = this.props.panelsData;
|
201 |
-
|
202 |
-
var switchToEditing = function switchToEditing() {
|
203 |
-
_this4.panelsInitialized = false;
|
204 |
-
|
205 |
-
_this4.setState({
|
206 |
-
editing: true
|
207 |
-
});
|
208 |
-
};
|
209 |
-
|
210 |
-
var switchToPreview = function switchToPreview() {
|
211 |
-
if (panelsData) {
|
212 |
-
_this4.setState({
|
213 |
-
editing: false
|
214 |
-
});
|
215 |
-
}
|
216 |
-
};
|
217 |
-
|
218 |
-
if (this.state.editing) {
|
219 |
-
return React.createElement(Fragment, null, React.createElement(BlockControls, null, React.createElement(Toolbar, null, React.createElement(IconButton, {
|
220 |
-
icon: "visibility",
|
221 |
-
className: "components-icon-button components-toolbar__control",
|
222 |
-
label: __('Preview layout.', 'siteorigin-panels'),
|
223 |
-
onClick: switchToPreview
|
224 |
-
}))), React.createElement("div", {
|
225 |
-
key: "layout-block",
|
226 |
-
className: "siteorigin-panels-layout-block-container",
|
227 |
-
ref: this.panelsContainer
|
228 |
-
}));
|
229 |
-
} else {
|
230 |
-
var loadingPreview = this.state.loadingPreview;
|
231 |
-
return React.createElement(Fragment, null, React.createElement(BlockControls, null, React.createElement(Toolbar, null, React.createElement(IconButton, {
|
232 |
-
icon: "edit",
|
233 |
-
className: "components-icon-button components-toolbar__control",
|
234 |
-
label: __('Edit layout.', 'siteorigin-panels'),
|
235 |
-
onClick: switchToEditing
|
236 |
-
}))), React.createElement("div", {
|
237 |
-
key: "preview",
|
238 |
-
className: "so-panels-block-layout-preview-container"
|
239 |
-
}, loadingPreview ? React.createElement("div", {
|
240 |
-
className: "so-panels-spinner-container"
|
241 |
-
}, React.createElement("span", null, React.createElement(Spinner, null))) : React.createElement("div", {
|
242 |
-
className: "so-panels-raw-html-container",
|
243 |
-
ref: this.previewContainer
|
244 |
-
}, React.createElement(RawHTML, null, this.state.previewHtml))));
|
245 |
-
}
|
246 |
-
}
|
247 |
-
}]);
|
248 |
-
|
249 |
-
return SiteOriginPanelsLayoutBlock;
|
250 |
-
}(Component);
|
251 |
-
|
252 |
-
registerBlockType('siteorigin-panels/layout-block', {
|
253 |
-
title: __('SiteOrigin Layout', 'siteorigin-panels'),
|
254 |
-
description: __("Build a layout using SiteOrigin's Page Builder.", 'siteorigin-panels'),
|
255 |
-
icon: function icon() {
|
256 |
-
return React.createElement("span", {
|
257 |
-
className: "siteorigin-panels-block-icon"
|
258 |
-
});
|
259 |
-
},
|
260 |
-
category: 'layout',
|
261 |
-
keywords: ['page builder', 'column,grid', 'panel'],
|
262 |
-
supports: {
|
263 |
-
html: false
|
264 |
-
},
|
265 |
-
attributes: {
|
266 |
-
panelsData: {
|
267 |
-
type: 'object'
|
268 |
-
}
|
269 |
-
},
|
270 |
-
edit: function edit(_ref) {
|
271 |
-
var attributes = _ref.attributes,
|
272 |
-
setAttributes = _ref.setAttributes,
|
273 |
-
toggleSelection = _ref.toggleSelection;
|
274 |
-
|
275 |
-
var onLayoutBlockContentChange = function onLayoutBlockContentChange(newPanelsData) {
|
276 |
-
if (!_.isEmpty(newPanelsData.widgets)) {
|
277 |
-
// Send
|
278 |
-
$.post(soPanelsBlockEditorAdmin.sanitizeUrl, {
|
279 |
-
action: 'so_panels_layout_block_sanitize',
|
280 |
-
panelsData: JSON.stringify(newPanelsData)
|
281 |
-
}, function (sanitizedPanelsData) {
|
282 |
-
if (sanitizedPanelsData !== '') {
|
283 |
-
setAttributes({
|
284 |
-
panelsData: sanitizedPanelsData
|
285 |
-
});
|
286 |
-
}
|
287 |
-
});
|
288 |
-
}
|
289 |
-
};
|
290 |
-
|
291 |
-
var disableSelection = function disableSelection() {
|
292 |
-
toggleSelection(false);
|
293 |
-
};
|
294 |
-
|
295 |
-
var enableSelection = function enableSelection() {
|
296 |
-
toggleSelection(true);
|
297 |
-
};
|
298 |
-
|
299 |
-
return React.createElement(SiteOriginPanelsLayoutBlock, {
|
300 |
-
panelsData: attributes.panelsData,
|
301 |
-
onContentChange: onLayoutBlockContentChange,
|
302 |
-
onRowOrWidgetMouseDown: disableSelection,
|
303 |
-
onRowOrWidgetMouseUp: enableSelection
|
304 |
-
});
|
305 |
-
},
|
306 |
-
save: function save() {
|
307 |
-
// Render in PHP
|
308 |
-
return null;
|
309 |
-
}
|
310 |
-
});
|
311 |
-
|
312 |
-
(function ($) {
|
313 |
-
if (soPanelsBlockEditorAdmin.showAddButton) {
|
314 |
-
$(function () {
|
315 |
-
setTimeout(function () {
|
316 |
-
var editorDispatch = wp.data.dispatch('core/editor');
|
317 |
-
var editorSelect = wp.data.select('core/editor');
|
318 |
-
var tmpl = $('#siteorigin-panels-add-layout-block-button').html();
|
319 |
-
var $addButton = $(tmpl).insertAfter('.editor-writing-flow > div:first');
|
320 |
-
$addButton.on('click', function () {
|
321 |
-
var layoutBlock = wp.blocks.createBlock('siteorigin-panels/layout-block', {});
|
322 |
-
var isEmpty = editorSelect.isEditedPostEmpty();
|
323 |
-
|
324 |
-
if (isEmpty) {
|
325 |
-
var blocks = editorSelect.getBlocks();
|
326 |
-
|
327 |
-
if (blocks.length) {
|
328 |
-
editorDispatch.replaceBlock(blocks[0].clientId, layoutBlock);
|
329 |
-
} else {
|
330 |
-
editorDispatch.insertBlock(layoutBlock);
|
331 |
-
}
|
332 |
-
} else {
|
333 |
-
editorDispatch.insertBlock(layoutBlock);
|
334 |
-
}
|
335 |
-
});
|
336 |
-
|
337 |
-
var hideButtonIfBlocks = function hideButtonIfBlocks() {
|
338 |
-
var isEmpty = wp.data.select('core/editor').isEditedPostEmpty();
|
339 |
-
|
340 |
-
if (isEmpty) {
|
341 |
-
$addButton.show();
|
342 |
-
} else {
|
343 |
-
$addButton.hide();
|
344 |
-
}
|
345 |
-
};
|
346 |
-
|
347 |
-
wp.data.subscribe(hideButtonIfBlocks);
|
348 |
-
hideButtonIfBlocks();
|
349 |
-
}, 100);
|
350 |
-
});
|
351 |
-
}
|
352 |
})(jQuery);
|
1 |
+
"use strict";
|
2 |
+
|
3 |
+
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4 |
+
|
5 |
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6 |
+
|
7 |
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
8 |
+
|
9 |
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
10 |
+
|
11 |
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
12 |
+
|
13 |
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
14 |
+
|
15 |
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
16 |
+
|
17 |
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
18 |
+
|
19 |
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
20 |
+
|
21 |
+
var _lodash = lodash,
|
22 |
+
isEqual = _lodash.isEqual,
|
23 |
+
debounce = _lodash.debounce,
|
24 |
+
isEmpty = _lodash.isEmpty,
|
25 |
+
isFunction = _lodash.isFunction;
|
26 |
+
var registerBlockType = wp.blocks.registerBlockType;
|
27 |
+
var _wp$element = wp.element,
|
28 |
+
Component = _wp$element.Component,
|
29 |
+
Fragment = _wp$element.Fragment,
|
30 |
+
RawHTML = _wp$element.RawHTML,
|
31 |
+
createRef = _wp$element.createRef;
|
32 |
+
var BlockControls = wp.editor.BlockControls;
|
33 |
+
var _wp$components = wp.components,
|
34 |
+
Toolbar = _wp$components.Toolbar,
|
35 |
+
IconButton = _wp$components.IconButton,
|
36 |
+
Spinner = _wp$components.Spinner;
|
37 |
+
var __ = wp.i18n.__;
|
38 |
+
var _window = window,
|
39 |
+
soPanelsBlockEditorAdmin = _window.soPanelsBlockEditorAdmin;
|
40 |
+
|
41 |
+
var SiteOriginPanelsLayoutBlock =
|
42 |
+
/*#__PURE__*/
|
43 |
+
function (_Component) {
|
44 |
+
_inherits(SiteOriginPanelsLayoutBlock, _Component);
|
45 |
+
|
46 |
+
function SiteOriginPanelsLayoutBlock(props) {
|
47 |
+
var _this;
|
48 |
+
|
49 |
+
_classCallCheck(this, SiteOriginPanelsLayoutBlock);
|
50 |
+
|
51 |
+
_this = _possibleConstructorReturn(this, _getPrototypeOf(SiteOriginPanelsLayoutBlock).call(this, props));
|
52 |
+
var editMode = soPanelsBlockEditorAdmin.defaultMode === 'edit' || isEmpty(props.panelsData);
|
53 |
+
_this.state = {
|
54 |
+
editing: editMode,
|
55 |
+
loadingPreview: !editMode,
|
56 |
+
previewHtml: ''
|
57 |
+
};
|
58 |
+
_this.panelsContainer = createRef();
|
59 |
+
_this.previewContainer = createRef();
|
60 |
+
_this.panelsInitialized = false;
|
61 |
+
_this.previewInitialized = false;
|
62 |
+
return _this;
|
63 |
+
}
|
64 |
+
|
65 |
+
_createClass(SiteOriginPanelsLayoutBlock, [{
|
66 |
+
key: "componentDidMount",
|
67 |
+
value: function componentDidMount() {
|
68 |
+
this.isStillMounted = true;
|
69 |
+
|
70 |
+
if (this.state.editing) {
|
71 |
+
this.setupPanels();
|
72 |
+
} else if (!this.state.editing && !this.previewInitialized) {
|
73 |
+
this.fetchPreview(this.props);
|
74 |
+
this.fetchPreview = debounce(this.fetchPreview, 500);
|
75 |
+
}
|
76 |
+
}
|
77 |
+
}, {
|
78 |
+
key: "componentWillUnmount",
|
79 |
+
value: function componentWillUnmount() {
|
80 |
+
this.isStillMounted = false;
|
81 |
+
|
82 |
+
if (this.builderView) {
|
83 |
+
this.builderView.off('content_change');
|
84 |
+
}
|
85 |
+
}
|
86 |
+
}, {
|
87 |
+
key: "componentDidUpdate",
|
88 |
+
value: function componentDidUpdate(prevProps) {
|
89 |
+
// let propsChanged = !isEqual( prevProps.panelsData, this.props.panelsData );
|
90 |
+
if (this.state.editing && !this.panelsInitialized) {
|
91 |
+
this.setupPanels();
|
92 |
+
} else if (this.state.loadingPreview) {
|
93 |
+
this.fetchPreview(this.props);
|
94 |
+
} else if (!this.previewInitialized && this.previewContainer.current) {
|
95 |
+
$(document).trigger('panels_setup_preview');
|
96 |
+
this.previewInitialized = true;
|
97 |
+
}
|
98 |
+
}
|
99 |
+
}, {
|
100 |
+
key: "setupPanels",
|
101 |
+
value: function setupPanels() {
|
102 |
+
var _this2 = this;
|
103 |
+
|
104 |
+
var $panelsContainer = jQuery(this.panelsContainer.current);
|
105 |
+
var config = {
|
106 |
+
editorType: 'standalone'
|
107 |
+
};
|
108 |
+
var builderModel = new panels.model.builder();
|
109 |
+
this.builderView = new panels.view.builder({
|
110 |
+
model: builderModel,
|
111 |
+
config: config
|
112 |
+
}); // Make sure panelsData is defined and clone so that we don't alter the underlying attribute.
|
113 |
+
|
114 |
+
var panelsData = JSON.parse(JSON.stringify($.extend({}, this.props.panelsData))); // Disable block selection while dragging rows or widgets.
|
115 |
+
|
116 |
+
var rowOrWidgetMouseDown = function rowOrWidgetMouseDown() {
|
117 |
+
if (isFunction(_this2.props.onRowOrWidgetMouseDown)) {
|
118 |
+
_this2.props.onRowOrWidgetMouseDown();
|
119 |
+
}
|
120 |
+
|
121 |
+
var rowOrWidgetMouseUp = function rowOrWidgetMouseUp() {
|
122 |
+
$(document).off('mouseup', rowOrWidgetMouseUp);
|
123 |
+
|
124 |
+
if (isFunction(_this2.props.onRowOrWidgetMouseUp)) {
|
125 |
+
_this2.props.onRowOrWidgetMouseUp();
|
126 |
+
}
|
127 |
+
};
|
128 |
+
|
129 |
+
$(document).on('mouseup', rowOrWidgetMouseUp);
|
130 |
+
};
|
131 |
+
|
132 |
+
this.builderView.on('row_added', function () {
|
133 |
+
_this2.builderView.$('.so-row-move').off('mousedown', rowOrWidgetMouseDown);
|
134 |
+
|
135 |
+
_this2.builderView.$('.so-row-move').on('mousedown', rowOrWidgetMouseDown);
|
136 |
+
|
137 |
+
_this2.builderView.$('.so-widget').off('mousedown', rowOrWidgetMouseDown);
|
138 |
+
|
139 |
+
_this2.builderView.$('.so-widget').on('mousedown', rowOrWidgetMouseDown);
|
140 |
+
});
|
141 |
+
this.builderView.on('widget_added', function () {
|
142 |
+
_this2.builderView.$('.so-widget').off('mousedown', rowOrWidgetMouseDown);
|
143 |
+
|
144 |
+
_this2.builderView.$('.so-widget').on('mousedown', rowOrWidgetMouseDown);
|
145 |
+
});
|
146 |
+
this.builderView.render().attach({
|
147 |
+
container: $panelsContainer
|
148 |
+
}).setData(panelsData);
|
149 |
+
this.builderView.trigger('builder_resize');
|
150 |
+
this.builderView.on('content_change', function () {
|
151 |
+
var newPanelsData = _this2.builderView.getData();
|
152 |
+
|
153 |
+
_this2.panelsDataChanged = !isEqual(panelsData, newPanelsData);
|
154 |
+
|
155 |
+
if (_this2.panelsDataChanged) {
|
156 |
+
if (_this2.props.onContentChange && isFunction(_this2.props.onContentChange)) {
|
157 |
+
_this2.props.onContentChange(newPanelsData);
|
158 |
+
}
|
159 |
+
|
160 |
+
_this2.setState({
|
161 |
+
loadingPreview: true,
|
162 |
+
previewHtml: ''
|
163 |
+
});
|
164 |
+
}
|
165 |
+
});
|
166 |
+
$(document).trigger('panels_setup', this.builderView);
|
167 |
+
this.panelsInitialized = true;
|
168 |
+
}
|
169 |
+
}, {
|
170 |
+
key: "fetchPreview",
|
171 |
+
value: function fetchPreview(props) {
|
172 |
+
var _this3 = this;
|
173 |
+
|
174 |
+
if (!this.isStillMounted) {
|
175 |
+
return;
|
176 |
+
}
|
177 |
+
|
178 |
+
this.previewInitialized = false;
|
179 |
+
var fetchRequest = this.currentFetchRequest = $.post({
|
180 |
+
url: soPanelsBlockEditorAdmin.previewUrl,
|
181 |
+
data: {
|
182 |
+
action: 'so_panels_layout_block_preview',
|
183 |
+
panelsData: JSON.stringify(props.panelsData)
|
184 |
+
}
|
185 |
+
}).then(function (preview) {
|
186 |
+
if (_this3.isStillMounted && fetchRequest === _this3.currentFetchRequest && preview) {
|
187 |
+
_this3.setState({
|
188 |
+
previewHtml: preview,
|
189 |
+
loadingPreview: false
|
190 |
+
});
|
191 |
+
}
|
192 |
+
});
|
193 |
+
return fetchRequest;
|
194 |
+
}
|
195 |
+
}, {
|
196 |
+
key: "render",
|
197 |
+
value: function render() {
|
198 |
+
var _this4 = this;
|
199 |
+
|
200 |
+
var panelsData = this.props.panelsData;
|
201 |
+
|
202 |
+
var switchToEditing = function switchToEditing() {
|
203 |
+
_this4.panelsInitialized = false;
|
204 |
+
|
205 |
+
_this4.setState({
|
206 |
+
editing: true
|
207 |
+
});
|
208 |
+
};
|
209 |
+
|
210 |
+
var switchToPreview = function switchToPreview() {
|
211 |
+
if (panelsData) {
|
212 |
+
_this4.setState({
|
213 |
+
editing: false
|
214 |
+
});
|
215 |
+
}
|
216 |
+
};
|
217 |
+
|
218 |
+
if (this.state.editing) {
|
219 |
+
return React.createElement(Fragment, null, React.createElement(BlockControls, null, React.createElement(Toolbar, null, React.createElement(IconButton, {
|
220 |
+
icon: "visibility",
|
221 |
+
className: "components-icon-button components-toolbar__control",
|
222 |
+
label: __('Preview layout.', 'siteorigin-panels'),
|
223 |
+
onClick: switchToPreview
|
224 |
+
}))), React.createElement("div", {
|
225 |
+
key: "layout-block",
|
226 |
+
className: "siteorigin-panels-layout-block-container",
|
227 |
+
ref: this.panelsContainer
|
228 |
+
}));
|
229 |
+
} else {
|
230 |
+
var loadingPreview = this.state.loadingPreview;
|
231 |
+
return React.createElement(Fragment, null, React.createElement(BlockControls, null, React.createElement(Toolbar, null, React.createElement(IconButton, {
|
232 |
+
icon: "edit",
|
233 |
+
className: "components-icon-button components-toolbar__control",
|
234 |
+
label: __('Edit layout.', 'siteorigin-panels'),
|
235 |
+
onClick: switchToEditing
|
236 |
+
}))), React.createElement("div", {
|
237 |
+
key: "preview",
|
238 |
+
className: "so-panels-block-layout-preview-container"
|
239 |
+
}, loadingPreview ? React.createElement("div", {
|
240 |
+
className: "so-panels-spinner-container"
|
241 |
+
}, React.createElement("span", null, React.createElement(Spinner, null))) : React.createElement("div", {
|
242 |
+
className: "so-panels-raw-html-container",
|
243 |
+
ref: this.previewContainer
|
244 |
+
}, React.createElement(RawHTML, null, this.state.previewHtml))));
|
245 |
+
}
|
246 |
+
}
|
247 |
+
}]);
|
248 |
+
|
249 |
+
return SiteOriginPanelsLayoutBlock;
|
250 |
+
}(Component);
|
251 |
+
|
252 |
+
registerBlockType('siteorigin-panels/layout-block', {
|
253 |
+
title: __('SiteOrigin Layout', 'siteorigin-panels'),
|
254 |
+
description: __("Build a layout using SiteOrigin's Page Builder.", 'siteorigin-panels'),
|
255 |
+
icon: function icon() {
|
256 |
+
return React.createElement("span", {
|
257 |
+
className: "siteorigin-panels-block-icon"
|
258 |
+
});
|
259 |
+
},
|
260 |
+
category: 'layout',
|
261 |
+
keywords: ['page builder', 'column,grid', 'panel'],
|
262 |
+
supports: {
|
263 |
+
html: false
|
264 |
+
},
|
265 |
+
attributes: {
|
266 |
+
panelsData: {
|
267 |
+
type: 'object'
|
268 |
+
}
|
269 |
+
},
|
270 |
+
edit: function edit(_ref) {
|
271 |
+
var attributes = _ref.attributes,
|
272 |
+
setAttributes = _ref.setAttributes,
|
273 |
+
toggleSelection = _ref.toggleSelection;
|
274 |
+
|
275 |
+
var onLayoutBlockContentChange = function onLayoutBlockContentChange(newPanelsData) {
|
276 |
+
if (!_.isEmpty(newPanelsData.widgets)) {
|
277 |
+
// Send panelsData to server for sanitization.
|
278 |
+
$.post(soPanelsBlockEditorAdmin.sanitizeUrl, {
|
279 |
+
action: 'so_panels_layout_block_sanitize',
|
280 |
+
panelsData: JSON.stringify(newPanelsData)
|
281 |
+
}, function (sanitizedPanelsData) {
|
282 |
+
if (sanitizedPanelsData !== '') {
|
283 |
+
setAttributes({
|
284 |
+
panelsData: sanitizedPanelsData
|
285 |
+
});
|
286 |
+
}
|
287 |
+
});
|
288 |
+
}
|
289 |
+
};
|
290 |
+
|
291 |
+
var disableSelection = function disableSelection() {
|
292 |
+
toggleSelection(false);
|
293 |
+
};
|
294 |
+
|
295 |
+
var enableSelection = function enableSelection() {
|
296 |
+
toggleSelection(true);
|
297 |
+
};
|
298 |
+
|
299 |
+
return React.createElement(SiteOriginPanelsLayoutBlock, {
|
300 |
+
panelsData: attributes.panelsData,
|
301 |
+
onContentChange: onLayoutBlockContentChange,
|
302 |
+
onRowOrWidgetMouseDown: disableSelection,
|
303 |
+
onRowOrWidgetMouseUp: enableSelection
|
304 |
+
});
|
305 |
+
},
|
306 |
+
save: function save() {
|
307 |
+
// Render in PHP
|
308 |
+
return null;
|
309 |
+
}
|
310 |
+
});
|
311 |
+
|
312 |
+
(function ($) {
|
313 |
+
if (soPanelsBlockEditorAdmin.showAddButton) {
|
314 |
+
$(function () {
|
315 |
+
setTimeout(function () {
|
316 |
+
var editorDispatch = wp.data.dispatch('core/editor');
|
317 |
+
var editorSelect = wp.data.select('core/editor');
|
318 |
+
var tmpl = $('#siteorigin-panels-add-layout-block-button').html();
|
319 |
+
var $addButton = $(tmpl).insertAfter('.editor-writing-flow > div:first');
|
320 |
+
$addButton.on('click', function () {
|
321 |
+
var layoutBlock = wp.blocks.createBlock('siteorigin-panels/layout-block', {});
|
322 |
+
var isEmpty = editorSelect.isEditedPostEmpty();
|
323 |
+
|
324 |
+
if (isEmpty) {
|
325 |
+
var blocks = editorSelect.getBlocks();
|
326 |
+
|
327 |
+
if (blocks.length) {
|
328 |
+
editorDispatch.replaceBlock(blocks[0].clientId, layoutBlock);
|
329 |
+
} else {
|
330 |
+
editorDispatch.insertBlock(layoutBlock);
|
331 |
+
}
|
332 |
+
} else {
|
333 |
+
editorDispatch.insertBlock(layoutBlock);
|
334 |
+
}
|
335 |
+
});
|
336 |
+
|
337 |
+
var hideButtonIfBlocks = function hideButtonIfBlocks() {
|
338 |
+
var isEmpty = wp.data.select('core/editor').isEditedPostEmpty();
|
339 |
+
|
340 |
+
if (isEmpty) {
|
341 |
+
$addButton.show();
|
342 |
+
} else {
|
343 |
+
$addButton.hide();
|
344 |
+
}
|
345 |
+
};
|
346 |
+
|
347 |
+
wp.data.subscribe(hideButtonIfBlocks);
|
348 |
+
hideButtonIfBlocks();
|
349 |
+
}, 100);
|
350 |
+
});
|
351 |
+
}
|
352 |
})(jQuery);
|
inc/admin.php
CHANGED
@@ -78,7 +78,9 @@ class SiteOrigin_Panels_Admin {
|
|
78 |
add_filter( 'gutenberg_can_edit_post_type', array( $this, 'show_classic_editor_for_panels' ), 10, 2 );
|
79 |
add_filter( 'use_block_editor_for_post_type', array( $this, 'show_classic_editor_for_panels' ), 10, 2 );
|
80 |
add_action( 'admin_print_scripts-edit.php', array( $this, 'add_panels_add_new_button' ) );
|
81 |
-
|
|
|
|
|
82 |
}
|
83 |
}
|
84 |
|
78 |
add_filter( 'gutenberg_can_edit_post_type', array( $this, 'show_classic_editor_for_panels' ), 10, 2 );
|
79 |
add_filter( 'use_block_editor_for_post_type', array( $this, 'show_classic_editor_for_panels' ), 10, 2 );
|
80 |
add_action( 'admin_print_scripts-edit.php', array( $this, 'add_panels_add_new_button' ) );
|
81 |
+
if( siteorigin_panels_setting( 'admin-post-state' ) ) {
|
82 |
+
add_filter( 'display_post_states', array( $this, 'add_panels_post_state' ), 10, 2 );
|
83 |
+
}
|
84 |
}
|
85 |
}
|
86 |
|
inc/css-builder.php
CHANGED
@@ -109,7 +109,7 @@ class SiteOrigin_Panels_Css_Builder {
|
|
109 |
$selector[] = '#pl-' . $li;
|
110 |
}
|
111 |
$selector[] = is_string( $ri ) ? ( '#' . $ri ) : '#pg-' . $li . '-' . $ri;
|
112 |
-
$selector[] = '.panel-grid-cell';
|
113 |
} elseif ( $ri !== false && $ci !== false ) {
|
114 |
// This applies to a specific cell
|
115 |
if ( $specify_layout ) {
|
109 |
$selector[] = '#pl-' . $li;
|
110 |
}
|
111 |
$selector[] = is_string( $ri ) ? ( '#' . $ri ) : '#pg-' . $li . '-' . $ri;
|
112 |
+
$selector[] = '> .panel-grid-cell';
|
113 |
} elseif ( $ri !== false && $ci !== false ) {
|
114 |
// This applies to a specific cell
|
115 |
if ( $specify_layout ) {
|
inc/live-editor.php
CHANGED
@@ -9,7 +9,6 @@ class SiteOrigin_Panels_Live_Editor {
|
|
9 |
|
10 |
function __construct() {
|
11 |
add_action( 'template_redirect', array( $this, 'xss_headers' ) );
|
12 |
-
add_action( 'get_post_metadata', array( $this, 'post_metadata' ), 10, 3 );
|
13 |
add_action( 'wp_enqueue_scripts', array( $this, 'frontend_scripts' ) );
|
14 |
|
15 |
// Don't display the admin bar when in live editor mode
|
@@ -33,40 +32,6 @@ class SiteOrigin_Panels_Live_Editor {
|
|
33 |
}
|
34 |
}
|
35 |
|
36 |
-
/**
|
37 |
-
* Edit the page builder data when we're viewing the live editor version
|
38 |
-
*
|
39 |
-
* @param $value
|
40 |
-
* @param $post_id
|
41 |
-
* @param $meta_key
|
42 |
-
*
|
43 |
-
* @return array
|
44 |
-
*/
|
45 |
-
function post_metadata( $value, $post_id, $meta_key ) {
|
46 |
-
if (
|
47 |
-
$meta_key == 'panels_data' &&
|
48 |
-
current_user_can( 'edit_post', $post_id ) &&
|
49 |
-
! empty( $_POST['live_editor_panels_data'] ) &&
|
50 |
-
$_POST['live_editor_post_ID'] == $post_id
|
51 |
-
) {
|
52 |
-
$data = json_decode( wp_unslash( $_POST['live_editor_panels_data'] ), true );
|
53 |
-
|
54 |
-
if (
|
55 |
-
! empty( $data['widgets'] ) && (
|
56 |
-
! class_exists( 'SiteOrigin_Widget_Field_Class_Loader' ) ||
|
57 |
-
method_exists( 'SiteOrigin_Widget_Field_Class_Loader', 'extend' )
|
58 |
-
)
|
59 |
-
) {
|
60 |
-
$data['widgets'] = SiteOrigin_Panels_Admin::single()->process_raw_widgets( $data['widgets'], false, false );
|
61 |
-
}
|
62 |
-
|
63 |
-
$value = array( $data );
|
64 |
-
}
|
65 |
-
|
66 |
-
return $value;
|
67 |
-
}
|
68 |
-
|
69 |
-
|
70 |
/**
|
71 |
* Load the frontend scripts for the live editor
|
72 |
*/
|
9 |
|
10 |
function __construct() {
|
11 |
add_action( 'template_redirect', array( $this, 'xss_headers' ) );
|
|
|
12 |
add_action( 'wp_enqueue_scripts', array( $this, 'frontend_scripts' ) );
|
13 |
|
14 |
// Don't display the admin bar when in live editor mode
|
32 |
}
|
33 |
}
|
34 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
35 |
/**
|
36 |
* Load the frontend scripts for the live editor
|
37 |
*/
|
inc/renderer.php
CHANGED
@@ -210,11 +210,12 @@ class SiteOrigin_Panels_Renderer {
|
|
210 |
$css->add_cell_css( $post_id, $ri, false, '', array(
|
211 |
'margin-right' => 0,
|
212 |
), $panels_mobile_width );
|
|
|
|
|
|
|
|
|
213 |
}
|
214 |
|
215 |
-
$css->add_cell_css( $post_id, $ri, false, '', array(
|
216 |
-
'width' => '100%',
|
217 |
-
), $panels_mobile_width );
|
218 |
|
219 |
foreach ( $row['cells'] as $ci => $cell ) {
|
220 |
if ( ( $collapse_order == 'left-top' && $ci != $cell_count - 1 ) || ( $collapse_order == 'right-top' && $ci !== 0 ) ) {
|
@@ -602,7 +603,19 @@ class SiteOrigin_Panels_Renderer {
|
|
602 |
* @return array
|
603 |
*/
|
604 |
private function get_panels_data_for_post( $post_id ) {
|
605 |
-
if (
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
606 |
list( $null, $prebuilt_id ) = explode( ':', $post_id, 2 );
|
607 |
$layouts = apply_filters( 'siteorigin_panels_prebuilt_layouts', array() );
|
608 |
$panels_data = ! empty( $layouts[ $prebuilt_id ] ) ? $layouts[ $prebuilt_id ] : array();
|
210 |
$css->add_cell_css( $post_id, $ri, false, '', array(
|
211 |
'margin-right' => 0,
|
212 |
), $panels_mobile_width );
|
213 |
+
|
214 |
+
$css->add_cell_css( $post_id, $ri, false, '', array(
|
215 |
+
'width' => '100%',
|
216 |
+
), $panels_mobile_width );
|
217 |
}
|
218 |
|
|
|
|
|
|
|
219 |
|
220 |
foreach ( $row['cells'] as $ci => $cell ) {
|
221 |
if ( ( $collapse_order == 'left-top' && $ci != $cell_count - 1 ) || ( $collapse_order == 'right-top' && $ci !== 0 ) ) {
|
603 |
* @return array
|
604 |
*/
|
605 |
private function get_panels_data_for_post( $post_id ) {
|
606 |
+
if ( SiteOrigin_Panels::is_live_editor() ) {
|
607 |
+
if (
|
608 |
+
current_user_can( 'edit_post', $post_id ) &&
|
609 |
+
! empty( $_POST['live_editor_panels_data'] ) &&
|
610 |
+
$_POST['live_editor_post_ID'] == $post_id
|
611 |
+
) {
|
612 |
+
$panels_data = json_decode( wp_unslash( $_POST['live_editor_panels_data'] ), true );
|
613 |
+
|
614 |
+
if ( ! empty( $panels_data['widgets'] ) ) {
|
615 |
+
$panels_data['widgets'] = SiteOrigin_Panels_Admin::single()->process_raw_widgets( $panels_data['widgets'] );
|
616 |
+
}
|
617 |
+
}
|
618 |
+
} else if ( strpos( $post_id, 'prebuilt:' ) === 0 ) {
|
619 |
list( $null, $prebuilt_id ) = explode( ':', $post_id, 2 );
|
620 |
$layouts = apply_filters( 'siteorigin_panels_prebuilt_layouts', array() );
|
621 |
$panels_data = ! empty( $layouts[ $prebuilt_id ] ) ? $layouts[ $prebuilt_id ] : array();
|
inc/settings.php
CHANGED
@@ -119,6 +119,7 @@ class SiteOrigin_Panels_Settings {
|
|
119 |
// The general fields
|
120 |
$defaults['post-types'] = array( 'page', 'post' );
|
121 |
$defaults['live-editor-quick-link'] = true;
|
|
|
122 |
$defaults['admin-widget-count'] = false;
|
123 |
$defaults['parallax-motion'] = '';
|
124 |
$defaults['sidebars-emulator'] = true;
|
@@ -261,6 +262,16 @@ class SiteOrigin_Panels_Settings {
|
|
261 |
'description' => __( 'Display a Live Editor button in the admin bar.', 'siteorigin-panels' ),
|
262 |
);
|
263 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
264 |
$fields['general']['fields']['admin-widget-count'] = array(
|
265 |
'type' => 'checkbox',
|
266 |
'label' => __( 'Display Widget Count', 'siteorigin-panels' ),
|
119 |
// The general fields
|
120 |
$defaults['post-types'] = array( 'page', 'post' );
|
121 |
$defaults['live-editor-quick-link'] = true;
|
122 |
+
$defaults['admin-post-state'] = true;
|
123 |
$defaults['admin-widget-count'] = false;
|
124 |
$defaults['parallax-motion'] = '';
|
125 |
$defaults['sidebars-emulator'] = true;
|
262 |
'description' => __( 'Display a Live Editor button in the admin bar.', 'siteorigin-panels' ),
|
263 |
);
|
264 |
|
265 |
+
$fields['general']['fields']['admin-post-state'] = array(
|
266 |
+
'type' => 'checkbox',
|
267 |
+
'label' => __( 'Display Post State', 'siteorigin-panels' ),
|
268 |
+
'description' => sprintf(
|
269 |
+
__( "Display a %sSiteOrigin Page Builder%s post state in the admin lists of posts/pages to indicate Page Builder is active.", 'siteorigin-panels' ),
|
270 |
+
'<strong>',
|
271 |
+
'</strong>'
|
272 |
+
),
|
273 |
+
);
|
274 |
+
|
275 |
$fields['general']['fields']['admin-widget-count'] = array(
|
276 |
'type' => 'checkbox',
|
277 |
'label' => __( 'Display Widget Count', 'siteorigin-panels' ),
|
inc/widgets/layout.php
CHANGED
@@ -58,14 +58,18 @@ class SiteOrigin_Panels_Widgets_Layout extends WP_Widget {
|
|
58 |
$new['panels_data'] = json_decode( $new['panels_data'], true );
|
59 |
}
|
60 |
|
61 |
-
if ( ! empty( $new['panels_data'] )
|
62 |
-
$new['panels_data']['widgets']
|
63 |
-
$new['panels_data']['widgets']
|
64 |
-
|
65 |
-
|
66 |
-
|
67 |
-
$
|
|
|
|
|
68 |
}
|
|
|
|
|
69 |
}
|
70 |
|
71 |
return $new;
|
58 |
$new['panels_data'] = json_decode( $new['panels_data'], true );
|
59 |
}
|
60 |
|
61 |
+
if ( ! empty( $new['panels_data'] ) ) {
|
62 |
+
if ( ! empty( $new['panels_data']['widgets'] ) ) {
|
63 |
+
$new['panels_data']['widgets'] = SiteOrigin_Panels_Admin::single()->process_raw_widgets(
|
64 |
+
$new['panels_data']['widgets'],
|
65 |
+
! empty( $old['panels_data']['widgets'] ) ? $old['panels_data']['widgets'] : false
|
66 |
+
);
|
67 |
+
foreach( $new['panels_data']['widgets'] as & $widget ) {
|
68 |
+
$widget['panels_info']['class'] = str_replace( '\\', '\', $widget['panels_info']['class'] );
|
69 |
+
}
|
70 |
}
|
71 |
+
|
72 |
+
$new['panels_data'] = SiteOrigin_Panels_Styles_Admin::single()->sanitize_all( $new['panels_data'] );
|
73 |
}
|
74 |
|
75 |
return $new;
|
js/siteorigin-panels-2101.js
DELETED
@@ -1,7438 +0,0 @@
|
|
1 |
-
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
|
2 |
-
var panels = window.panels;
|
3 |
-
|
4 |
-
module.exports = Backbone.Collection.extend( {
|
5 |
-
model: panels.model.cell,
|
6 |
-
|
7 |
-
initialize: function () {
|
8 |
-
},
|
9 |
-
|
10 |
-
/**
|
11 |
-
* Get the total weight for the cells in this collection.
|
12 |
-
* @returns {number}
|
13 |
-
*/
|
14 |
-
totalWeight: function () {
|
15 |
-
var totalWeight = 0;
|
16 |
-
this.each( function ( cell ) {
|
17 |
-
totalWeight += cell.get( 'weight' );
|
18 |
-
} );
|
19 |
-
|
20 |
-
return totalWeight;
|
21 |
-
},
|
22 |
-
|
23 |
-
} );
|
24 |
-
|
25 |
-
},{}],2:[function(require,module,exports){
|
26 |
-
var panels = window.panels;
|
27 |
-
|
28 |
-
module.exports = Backbone.Collection.extend( {
|
29 |
-
model: panels.model.historyEntry,
|
30 |
-
|
31 |
-
/**
|
32 |
-
* The builder model
|
33 |
-
*/
|
34 |
-
builder: null,
|
35 |
-
|
36 |
-
/**
|
37 |
-
* The maximum number of items in the history
|
38 |
-
*/
|
39 |
-
maxSize: 12,
|
40 |
-
|
41 |
-
initialize: function () {
|
42 |
-
this.on( 'add', this.onAddEntry, this );
|
43 |
-
},
|
44 |
-
|
45 |
-
/**
|
46 |
-
* Add an entry to the collection.
|
47 |
-
*
|
48 |
-
* @param text The text that defines the action taken to get to this
|
49 |
-
* @param data
|
50 |
-
*/
|
51 |
-
addEntry: function ( text, data ) {
|
52 |
-
|
53 |
-
if ( _.isEmpty( data ) ) {
|
54 |
-
data = this.builder.getPanelsData();
|
55 |
-
}
|
56 |
-
|
57 |
-
var entry = new panels.model.historyEntry( {
|
58 |
-
text: text,
|
59 |
-
data: JSON.stringify( data ),
|
60 |
-
time: parseInt( new Date().getTime() / 1000 ),
|
61 |
-
collection: this
|
62 |
-
} );
|
63 |
-
|
64 |
-
this.add( entry );
|
65 |
-
},
|
66 |
-
|
67 |
-
/**
|
68 |
-
* Resize the collection so it's not bigger than this.maxSize
|
69 |
-
*/
|
70 |
-
onAddEntry: function ( entry ) {
|
71 |
-
|
72 |
-
if ( this.models.length > 1 ) {
|
73 |
-
var lastEntry = this.at( this.models.length - 2 );
|
74 |
-
|
75 |
-
if (
|
76 |
-
(
|
77 |
-
entry.get( 'text' ) === lastEntry.get( 'text' ) && entry.get( 'time' ) - lastEntry.get( 'time' ) < 15
|
78 |
-
) ||
|
79 |
-
(
|
80 |
-
entry.get( 'data' ) === lastEntry.get( 'data' )
|
81 |
-
)
|
82 |
-
) {
|
83 |
-
// If both entries have the same text and are within 20 seconds of each other, or have the same data, then remove most recent
|
84 |
-
this.remove( entry );
|
85 |
-
lastEntry.set( 'count', lastEntry.get( 'count' ) + 1 );
|
86 |
-
}
|
87 |
-
}
|
88 |
-
|
89 |
-
// Make sure that there are not to many entries in this collection
|
90 |
-
while ( this.models.length > this.maxSize ) {
|
91 |
-
this.shift();
|
92 |
-
}
|
93 |
-
}
|
94 |
-
} );
|
95 |
-
|
96 |
-
},{}],3:[function(require,module,exports){
|
97 |
-
var panels = window.panels;
|
98 |
-
|
99 |
-
module.exports = Backbone.Collection.extend( {
|
100 |
-
model: panels.model.row,
|
101 |
-
|
102 |
-
/**
|
103 |
-
* Destroy all the rows in this collection
|
104 |
-
*/
|
105 |
-
empty: function () {
|
106 |
-
var model;
|
107 |
-
do {
|
108 |
-
model = this.collection.first();
|
109 |
-
if ( ! model ) {
|
110 |
-
break;
|
111 |
-
}
|
112 |
-
|
113 |
-
model.destroy();
|
114 |
-
} while ( true );
|
115 |
-
}
|
116 |
-
|
117 |
-
} );
|
118 |
-
|
119 |
-
},{}],4:[function(require,module,exports){
|
120 |
-
var panels = window.panels;
|
121 |
-
|
122 |
-
module.exports = Backbone.Collection.extend( {
|
123 |
-
model: panels.model.widget,
|
124 |
-
|
125 |
-
initialize: function () {
|
126 |
-
|
127 |
-
}
|
128 |
-
|
129 |
-
} );
|
130 |
-
|
131 |
-
},{}],5:[function(require,module,exports){
|
132 |
-
var panels = window.panels, $ = jQuery;
|
133 |
-
|
134 |
-
module.exports = panels.view.dialog.extend( {
|
135 |
-
dialogClass: 'so-panels-dialog-add-builder',
|
136 |
-
|
137 |
-
render: function () {
|
138 |
-
// Render the dialog and attach it to the builder interface
|
139 |
-
this.renderDialog( this.parseDialogContent( $( '#siteorigin-panels-dialog-builder' ).html(), {} ) );
|
140 |
-
this.$( '.so-content .siteorigin-panels-builder' ).append( this.builder.$el );
|
141 |
-
},
|
142 |
-
|
143 |
-
initializeDialog: function () {
|
144 |
-
var thisView = this;
|
145 |
-
this.once( 'open_dialog_complete', function () {
|
146 |
-
thisView.builder.initSortable();
|
147 |
-
} );
|
148 |
-
|
149 |
-
this.on( 'open_dialog_complete', function () {
|
150 |
-
thisView.builder.trigger( 'builder_resize' );
|
151 |
-
} );
|
152 |
-
}
|
153 |
-
} );
|
154 |
-
|
155 |
-
},{}],6:[function(require,module,exports){
|
156 |
-
var panels = window.panels, $ = jQuery;
|
157 |
-
|
158 |
-
module.exports = panels.view.dialog.extend( {
|
159 |
-
|
160 |
-
historyEntryTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-dialog-history-entry' ).html() ) ),
|
161 |
-
|
162 |
-
entries: {},
|
163 |
-
currentEntry: null,
|
164 |
-
revertEntry: null,
|
165 |
-
selectedEntry: null,
|
166 |
-
|
167 |
-
previewScrollTop: null,
|
168 |
-
|
169 |
-
dialogClass: 'so-panels-dialog-history',
|
170 |
-
dialogIcon: 'history',
|
171 |
-
|
172 |
-
events: {
|
173 |
-
'click .so-close': 'closeDialog',
|
174 |
-
'click .so-restore': 'restoreSelectedEntry'
|
175 |
-
},
|
176 |
-
|
177 |
-
initializeDialog: function () {
|
178 |
-
this.entries = new panels.collection.historyEntries();
|
179 |
-
|
180 |
-
this.on( 'open_dialog', this.setCurrentEntry, this );
|
181 |
-
this.on( 'open_dialog', this.renderHistoryEntries, this );
|
182 |
-
},
|
183 |
-
|
184 |
-
render: function () {
|
185 |
-
var thisView = this;
|
186 |
-
|
187 |
-
// Render the dialog and attach it to the builder interface
|
188 |
-
this.renderDialog( this.parseDialogContent( $( '#siteorigin-panels-dialog-history' ).html(), {} ) );
|
189 |
-
|
190 |
-
this.$( 'iframe.siteorigin-panels-history-iframe' ).load( function () {
|
191 |
-
var $$ = $( this );
|
192 |
-
$$.show();
|
193 |
-
|
194 |
-
$$.contents().scrollTop( thisView.previewScrollTop );
|
195 |
-
} );
|
196 |
-
},
|
197 |
-
|
198 |
-
/**
|
199 |
-
* Set the original entry. This should be set when creating the dialog.
|
200 |
-
*
|
201 |
-
* @param {panels.model.builder} builder
|
202 |
-
*/
|
203 |
-
setRevertEntry: function ( builder ) {
|
204 |
-
this.revertEntry = new panels.model.historyEntry( {
|
205 |
-
data: JSON.stringify( builder.getPanelsData() ),
|
206 |
-
time: parseInt( new Date().getTime() / 1000 )
|
207 |
-
} );
|
208 |
-
},
|
209 |
-
|
210 |
-
/**
|
211 |
-
* This is triggered when the dialog is opened.
|
212 |
-
*/
|
213 |
-
setCurrentEntry: function () {
|
214 |
-
this.currentEntry = new panels.model.historyEntry( {
|
215 |
-
data: JSON.stringify( this.builder.model.getPanelsData() ),
|
216 |
-
time: parseInt( new Date().getTime() / 1000 )
|
217 |
-
} );
|
218 |
-
|
219 |
-
this.selectedEntry = this.currentEntry;
|
220 |
-
this.previewEntry( this.currentEntry );
|
221 |
-
this.$( '.so-buttons .so-restore' ).addClass( 'disabled' );
|
222 |
-
},
|
223 |
-
|
224 |
-
/**
|
225 |
-
* Render the history entries in the sidebar
|
226 |
-
*/
|
227 |
-
renderHistoryEntries: function () {
|
228 |
-
// Set up an interval that will display the time since every 10 seconds
|
229 |
-
var thisView = this;
|
230 |
-
|
231 |
-
var c = this.$( '.history-entries' ).empty();
|
232 |
-
|
233 |
-
if ( this.currentEntry.get( 'data' ) !== this.revertEntry.get( 'data' ) || ! _.isEmpty( this.entries.models ) ) {
|
234 |
-
$( this.historyEntryTemplate( {title: panelsOptions.loc.history.revert, count: 1} ) )
|
235 |
-
.data( 'historyEntry', this.revertEntry )
|
236 |
-
.prependTo( c );
|
237 |
-
}
|
238 |
-
|
239 |
-
// Now load all the entries in this.entries
|
240 |
-
this.entries.each( function ( entry ) {
|
241 |
-
|
242 |
-
var html = thisView.historyEntryTemplate( {
|
243 |
-
title: panelsOptions.loc.history[entry.get( 'text' )],
|
244 |
-
count: entry.get( 'count' )
|
245 |
-
} );
|
246 |
-
|
247 |
-
$( html )
|
248 |
-
.data( 'historyEntry', entry )
|
249 |
-
.prependTo( c );
|
250 |
-
} );
|
251 |
-
|
252 |
-
|
253 |
-
$( this.historyEntryTemplate( {title: panelsOptions.loc.history['current'], count: 1} ) )
|
254 |
-
.data( 'historyEntry', this.currentEntry )
|
255 |
-
.addClass( 'so-selected' )
|
256 |
-
.prependTo( c );
|
257 |
-
|
258 |
-
// Handle loading and selecting
|
259 |
-
c.find( '.history-entry' ).click( function () {
|
260 |
-
var $$ = jQuery( this );
|
261 |
-
c.find( '.history-entry' ).not( $$ ).removeClass( 'so-selected' );
|
262 |
-
$$.addClass( 'so-selected' );
|
263 |
-
|
264 |
-
var entry = $$.data( 'historyEntry' );
|
265 |
-
|
266 |
-
thisView.selectedEntry = entry;
|
267 |
-
|
268 |
-
if ( thisView.selectedEntry.cid !== thisView.currentEntry.cid ) {
|
269 |
-
thisView.$( '.so-buttons .so-restore' ).removeClass( 'disabled' );
|
270 |
-
} else {
|
271 |
-
thisView.$( '.so-buttons .so-restore' ).addClass( 'disabled' );
|
272 |
-
}
|
273 |
-
|
274 |
-
thisView.previewEntry( entry );
|
275 |
-
} );
|
276 |
-
|
277 |
-
this.updateEntryTimes();
|
278 |
-
},
|
279 |
-
|
280 |
-
/**
|
281 |
-
* Preview an entry
|
282 |
-
*
|
283 |
-
* @param entry
|
284 |
-
*/
|
285 |
-
previewEntry: function ( entry ) {
|
286 |
-
var iframe = this.$( 'iframe.siteorigin-panels-history-iframe' );
|
287 |
-
iframe.hide();
|
288 |
-
this.previewScrollTop = iframe.contents().scrollTop();
|
289 |
-
|
290 |
-
this.$( 'form.history-form input[name="live_editor_panels_data"]' ).val( entry.get( 'data' ) );
|
291 |
-
this.$( 'form.history-form input[name="live_editor_post_ID"]' ).val( this.builder.config.postId );
|
292 |
-
this.$( 'form.history-form' ).submit();
|
293 |
-
},
|
294 |
-
|
295 |
-
/**
|
296 |
-
* Restore the current entry
|
297 |
-
*/
|
298 |
-
restoreSelectedEntry: function () {
|
299 |
-
|
300 |
-
if ( this.$( '.so-buttons .so-restore' ).hasClass( 'disabled' ) ) {
|
301 |
-
return false;
|
302 |
-
}
|
303 |
-
|
304 |
-
if ( this.currentEntry.get( 'data' ) === this.selectedEntry.get( 'data' ) ) {
|
305 |
-
this.closeDialog();
|
306 |
-
return false;
|
307 |
-
}
|
308 |
-
|
309 |
-
// Add an entry for this restore event
|
310 |
-
if ( this.selectedEntry.get( 'text' ) !== 'restore' ) {
|
311 |
-
this.builder.addHistoryEntry( 'restore', this.builder.model.getPanelsData() );
|
312 |
-
}
|
313 |
-
|
314 |
-
this.builder.model.loadPanelsData( JSON.parse( this.selectedEntry.get( 'data' ) ) );
|
315 |
-
|
316 |
-
this.closeDialog();
|
317 |
-
|
318 |
-
return false;
|
319 |
-
},
|
320 |
-
|
321 |
-
/**
|
322 |
-
* Update the entry times for the list of entries down the side
|
323 |
-
*/
|
324 |
-
updateEntryTimes: function () {
|
325 |
-
var thisView = this;
|
326 |
-
|
327 |
-
this.$( '.history-entries .history-entry' ).each( function () {
|
328 |
-
var $$ = jQuery( this );
|
329 |
-
|
330 |
-
var time = $$.find( '.timesince' );
|
331 |
-
var entry = $$.data( 'historyEntry' );
|
332 |
-
|
333 |
-
time.html( thisView.timeSince( entry.get( 'time' ) ) );
|
334 |
-
} );
|
335 |
-
},
|
336 |
-
|
337 |
-
/**
|
338 |
-
* Gets the time since as a nice string.
|
339 |
-
*
|
340 |
-
* @param date
|
341 |
-
*/
|
342 |
-
timeSince: function ( time ) {
|
343 |
-
var diff = parseInt( new Date().getTime() / 1000 ) - time;
|
344 |
-
|
345 |
-
var parts = [];
|
346 |
-
var interval;
|
347 |
-
|
348 |
-
// There are 3600 seconds in an hour
|
349 |
-
if ( diff > 3600 ) {
|
350 |
-
interval = Math.floor( diff / 3600 );
|
351 |
-
if ( interval === 1 ) {
|
352 |
-
parts.push( panelsOptions.loc.time.hour.replace( '%d', interval ) );
|
353 |
-
} else {
|
354 |
-
parts.push( panelsOptions.loc.time.hours.replace( '%d', interval ) );
|
355 |
-
}
|
356 |
-
diff -= interval * 3600;
|
357 |
-
}
|
358 |
-
|
359 |
-
// There are 60 seconds in a minute
|
360 |
-
if ( diff > 60 ) {
|
361 |
-
interval = Math.floor( diff / 60 );
|
362 |
-
if ( interval === 1 ) {
|
363 |
-
parts.push( panelsOptions.loc.time.minute.replace( '%d', interval ) );
|
364 |
-
} else {
|
365 |
-
parts.push( panelsOptions.loc.time.minutes.replace( '%d', interval ) );
|
366 |
-
}
|
367 |
-
diff -= interval * 60;
|
368 |
-
}
|
369 |
-
|
370 |
-
if ( diff > 0 ) {
|
371 |
-
if ( diff === 1 ) {
|
372 |
-
parts.push( panelsOptions.loc.time.second.replace( '%d', diff ) );
|
373 |
-
} else {
|
374 |
-
parts.push( panelsOptions.loc.time.seconds.replace( '%d', diff ) );
|
375 |
-
}
|
376 |
-
}
|
377 |
-
|
378 |
-
// Return the amount of time ago
|
379 |
-
return _.isEmpty( parts ) ? panelsOptions.loc.time.now : panelsOptions.loc.time.ago.replace( '%s', parts.slice( 0, 2 ).join( ', ' ) );
|
380 |
-
|
381 |
-
}
|
382 |
-
|
383 |
-
} );
|
384 |
-
|
385 |
-
},{}],7:[function(require,module,exports){
|
386 |
-
var panels = window.panels, $ = jQuery;
|
387 |
-
|
388 |
-
module.exports = panels.view.dialog.extend( {
|
389 |
-
|
390 |
-
directoryTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-directory-items' ).html() ) ),
|
391 |
-
|
392 |
-
builder: null,
|
393 |
-
dialogClass: 'so-panels-dialog-prebuilt-layouts',
|
394 |
-
dialogIcon: 'layouts',
|
395 |
-
|
396 |
-
layoutCache: {},
|
397 |
-
currentTab: false,
|
398 |
-
directoryPage: 1,
|
399 |
-
|
400 |
-
events: {
|
401 |
-
'click .so-close': 'closeDialog',
|
402 |
-
'click .so-sidebar-tabs li a': 'tabClickHandler',
|
403 |
-
'click .so-content .layout': 'layoutClickHandler',
|
404 |
-
'keyup .so-sidebar-search': 'searchHandler',
|
405 |
-
|
406 |
-
// The directory items
|
407 |
-
'click .so-screenshot, .so-title': 'directoryItemClickHandler'
|
408 |
-
},
|
409 |
-
|
410 |
-
/**
|
411 |
-
* Initialize the prebuilt dialog.
|
412 |
-
*/
|
413 |
-
initializeDialog: function () {
|
414 |
-
var thisView = this;
|
415 |
-
|
416 |
-
this.on( 'open_dialog', function () {
|
417 |
-
thisView.$( '.so-sidebar-tabs li a' ).first().click();
|
418 |
-
thisView.$( '.so-status' ).removeClass( 'so-panels-loading' );
|
419 |
-
} );
|
420 |
-
|
421 |
-
this.on( 'button_click', this.toolbarButtonClick, this );
|
422 |
-
},
|
423 |
-
|
424 |
-
/**
|
425 |
-
* Render the prebuilt layouts dialog
|
426 |
-
*/
|
427 |
-
render: function () {
|
428 |
-
this.renderDialog( this.parseDialogContent( $( '#siteorigin-panels-dialog-prebuilt' ).html(), {} ) );
|
429 |
-
|
430 |
-
this.initToolbar();
|
431 |
-
},
|
432 |
-
|
433 |
-
/**
|
434 |
-
*
|
435 |
-
* @param e
|
436 |
-
* @return {boolean}
|
437 |
-
*/
|
438 |
-
tabClickHandler: function ( e ) {
|
439 |
-
e.preventDefault();
|
440 |
-
// Reset selected item state when changing tabs
|
441 |
-
this.selectedLayoutItem = null;
|
442 |
-
this.uploadedLayout = null;
|
443 |
-
this.updateButtonState( false );
|
444 |
-
|
445 |
-
this.$( '.so-sidebar-tabs li' ).removeClass( 'tab-active' );
|
446 |
-
|
447 |
-
var $$ = $( e.target );
|
448 |
-
var tab = $$.attr( 'href' ).split( '#' )[1];
|
449 |
-
$$.parent().addClass( 'tab-active' );
|
450 |
-
|
451 |
-
var thisView = this;
|
452 |
-
|
453 |
-
// Empty everything
|
454 |
-
this.$( '.so-content' ).empty();
|
455 |
-
|
456 |
-
thisView.currentTab = tab;
|
457 |
-
if ( tab == 'import' ) {
|
458 |
-
this.displayImportExport();
|
459 |
-
} else {
|
460 |
-
this.displayLayoutDirectory( '', 1, tab );
|
461 |
-
}
|
462 |
-
|
463 |
-
thisView.$( '.so-sidebar-search' ).val( '' );
|
464 |
-
},
|
465 |
-
|
466 |
-
/**
|
467 |
-
* Display and setup the import/export form
|
468 |
-
*/
|
469 |
-
displayImportExport: function () {
|
470 |
-
var c = this.$( '.so-content' ).empty().removeClass( 'so-panels-loading' );
|
471 |
-
c.html( $( '#siteorigin-panels-dialog-prebuilt-importexport' ).html() );
|
472 |
-
|
473 |
-
var thisView = this;
|
474 |
-
var uploadUi = thisView.$( '.import-upload-ui' );
|
475 |
-
|
476 |
-
// Create the uploader
|
477 |
-
var uploader = new plupload.Uploader( {
|
478 |
-
runtimes: 'html5,silverlight,flash,html4',
|
479 |
-
|
480 |
-
browse_button: uploadUi.find( '.file-browse-button' ).get( 0 ),
|
481 |
-
container: uploadUi.get( 0 ),
|
482 |
-
drop_element: uploadUi.find( '.drag-upload-area' ).get( 0 ),
|
483 |
-
|
484 |
-
file_data_name: 'panels_import_data',
|
485 |
-
multiple_queues: false,
|
486 |
-
max_file_size: panelsOptions.plupload.max_file_size,
|
487 |
-
url: panelsOptions.plupload.url,
|
488 |
-
flash_swf_url: panelsOptions.plupload.flash_swf_url,
|
489 |
-
silverlight_xap_url: panelsOptions.plupload.silverlight_xap_url,
|
490 |
-
filters: [
|
491 |
-
{title: panelsOptions.plupload.filter_title, extensions: 'json'}
|
492 |
-
],
|
493 |
-
|
494 |
-
multipart_params: {
|
495 |
-
action: 'so_panels_import_layout'
|
496 |
-
},
|
497 |
-
|
498 |
-
init: {
|
499 |
-
PostInit: function ( uploader ) {
|
500 |
-
if ( uploader.features.dragdrop ) {
|
501 |
-
uploadUi.addClass( 'has-drag-drop' );
|
502 |
-
}
|
503 |
-
uploadUi.find( '.progress-precent' ).css( 'width', '0%' );
|
504 |
-
},
|
505 |
-
FilesAdded: function ( uploader ) {
|
506 |
-
uploadUi.find( '.file-browse-button' ).blur();
|
507 |
-
uploadUi.find( '.drag-upload-area' ).removeClass( 'file-dragover' );
|
508 |
-
uploadUi.find( '.progress-bar' ).fadeIn( 'fast' );
|
509 |
-
thisView.$( '.js-so-selected-file' ).text( panelsOptions.loc.prebuilt_loading );
|
510 |
-
uploader.start();
|
511 |
-
},
|
512 |
-
UploadProgress: function ( uploader, file ) {
|
513 |
-
uploadUi.find( '.progress-precent' ).css( 'width', file.percent + '%' );
|
514 |
-
},
|
515 |
-
FileUploaded: function ( uploader, file, response ) {
|
516 |
-
var layout = JSON.parse( response.response );
|
517 |
-
if ( ! _.isUndefined( layout.widgets ) ) {
|
518 |
-
|
519 |
-
thisView.uploadedLayout = layout;
|
520 |
-
uploadUi.find( '.progress-bar' ).hide();
|
521 |
-
thisView.$( '.js-so-selected-file' ).text(
|
522 |
-
panelsOptions.loc.ready_to_insert.replace( '%s', file.name )
|
523 |
-
);
|
524 |
-
thisView.updateButtonState( true );
|
525 |
-
} else {
|
526 |
-
alert( panelsOptions.plupload.error_message );
|
527 |
-
}
|
528 |
-
},
|
529 |
-
Error: function () {
|
530 |
-
alert( panelsOptions.plupload.error_message );
|
531 |
-
}
|
532 |
-
}
|
533 |
-
} );
|
534 |
-
uploader.init();
|
535 |
-
|
536 |
-
if ( /Edge\/\d./i.test(navigator.userAgent) ){
|
537 |
-
// A very dirty fix for a Microsoft Edge issue.
|
538 |
-
// TODO find a more elegant fix if Edge gains market share
|
539 |
-
setTimeout( function(){
|
540 |
-
uploader.refresh();
|
541 |
-
}, 250 );
|
542 |
-
}
|
543 |
-
|
544 |
-
// This is
|
545 |
-
uploadUi.find( '.drag-upload-area' )
|
546 |
-
.on( 'dragover', function () {
|
547 |
-
$( this ).addClass( 'file-dragover' );
|
548 |
-
} )
|
549 |
-
.on( 'dragleave', function () {
|
550 |
-
$( this ).removeClass( 'file-dragover' );
|
551 |
-
} );
|
552 |
-
|
553 |
-
// Handle exporting the file
|
554 |
-
c.find( '.so-export' ).submit( function ( e ) {
|
555 |
-
var $$ = $( this );
|
556 |
-
var panelsData = thisView.builder.model.getPanelsData();
|
557 |
-
var postName = $('input[name="post_title"]').val();
|
558 |
-
if ( ! postName ) {
|
559 |
-
postName = $('input[name="post_ID"]').val();
|
560 |
-
}
|
561 |
-
panelsData.name = postName;
|
562 |
-
$$.find( 'input[name="panels_export_data"]' ).val( JSON.stringify( panelsData ) );
|
563 |
-
} );
|
564 |
-
|
565 |
-
},
|
566 |
-
|
567 |
-
/**
|
568 |
-
* Display the layout directory tab.
|
569 |
-
*
|
570 |
-
* @param query
|
571 |
-
*/
|
572 |
-
displayLayoutDirectory: function ( search, page, type ) {
|
573 |
-
var thisView = this;
|
574 |
-
var c = this.$( '.so-content' ).empty().addClass( 'so-panels-loading' );
|
575 |
-
|
576 |
-
if ( search === undefined ) {
|
577 |
-
search = '';
|
578 |
-
}
|
579 |
-
if ( page === undefined ) {
|
580 |
-
page = 1;
|
581 |
-
}
|
582 |
-
if ( type === undefined ) {
|
583 |
-
type = 'directory-siteorigin';
|
584 |
-
}
|
585 |
-
|
586 |
-
if ( type.match('^directory-') && ! panelsOptions.directory_enabled ) {
|
587 |
-
// Display the button to enable the prebuilt layout
|
588 |
-
c.removeClass( 'so-panels-loading' ).html( $( '#siteorigin-panels-directory-enable' ).html() );
|
589 |
-
c.find( '.so-panels-enable-directory' ).click( function ( e ) {
|
590 |
-
e.preventDefault();
|
591 |
-
// Sent the query to enable the directory, then enable the directory
|
592 |
-
$.get(
|
593 |
-
panelsOptions.ajaxurl,
|
594 |
-
{action: 'so_panels_directory_enable'},
|
595 |
-
function () {
|
596 |
-
|
597 |
-
}
|
598 |
-
);
|
599 |
-
|
600 |
-
// Enable the layout directory
|
601 |
-
panelsOptions.directory_enabled = true;
|
602 |
-
c.addClass( 'so-panels-loading' );
|
603 |
-
thisView.displayLayoutDirectory( search, page, type );
|
604 |
-
} );
|
605 |
-
return;
|
606 |
-
}
|
607 |
-
|
608 |
-
// Get all the items for the current query
|
609 |
-
$.get(
|
610 |
-
panelsOptions.ajaxurl,
|
611 |
-
{
|
612 |
-
action: 'so_panels_layouts_query',
|
613 |
-
search: search,
|
614 |
-
page: page,
|
615 |
-
type: type,
|
616 |
-
},
|
617 |
-
function ( data ) {
|
618 |
-
// Skip this if we're no longer viewing the layout directory
|
619 |
-
if ( thisView.currentTab !== type ) {
|
620 |
-
return;
|
621 |
-
}
|
622 |
-
|
623 |
-
// Add the directory items
|
624 |
-
c.removeClass( 'so-panels-loading' ).html( thisView.directoryTemplate( data ) );
|
625 |
-
|
626 |
-
// Lets setup the next and previous buttons
|
627 |
-
var prev = c.find( '.so-previous' ), next = c.find( '.so-next' );
|
628 |
-
|
629 |
-
if ( page <= 1 ) {
|
630 |
-
prev.addClass( 'button-disabled' );
|
631 |
-
} else {
|
632 |
-
prev.click( function ( e ) {
|
633 |
-
e.preventDefault();
|
634 |
-
thisView.displayLayoutDirectory( search, page - 1, thisView.currentTab );
|
635 |
-
} );
|
636 |
-
}
|
637 |
-
|
638 |
-
if ( page === data.max_num_pages || data.max_num_pages === 0 ) {
|
639 |
-
next.addClass( 'button-disabled' );
|
640 |
-
} else {
|
641 |
-
next.click( function ( e ) {
|
642 |
-
e.preventDefault();
|
643 |
-
thisView.displayLayoutDirectory( search, page + 1, thisView.currentTab );
|
644 |
-
} );
|
645 |
-
}
|
646 |
-
|
647 |
-
// Handle nice preloading of the screenshots
|
648 |
-
c.find( '.so-screenshot' ).each( function () {
|
649 |
-
var $$ = $( this ), $a = $$.find( '.so-screenshot-wrapper' );
|
650 |
-
$a.css( 'height', ( $a.width() / 4 * 3 ) + 'px' ).addClass( 'so-loading' );
|
651 |
-
|
652 |
-
if ( $$.data( 'src' ) !== '' ) {
|
653 |
-
// Set the initial height
|
654 |
-
var $img = $( '<img/>' ).attr( 'src', $$.data( 'src' ) ).load( function () {
|
655 |
-
$a.removeClass( 'so-loading' ).css( 'height', 'auto' );
|
656 |
-
$img.appendTo( $a ).hide().fadeIn( 'fast' );
|
657 |
-
} );
|
658 |
-
} else {
|
659 |
-
$( '<img/>' ).attr( 'src', panelsOptions.prebuiltDefaultScreenshot ).appendTo( $a ).hide().fadeIn( 'fast' );
|
660 |
-
}
|
661 |
-
|
662 |
-
} );
|
663 |
-
|
664 |
-
// Set the title
|
665 |
-
c.find( '.so-directory-browse' ).html( data.title );
|
666 |
-
},
|
667 |
-
'json'
|
668 |
-
);
|
669 |
-
},
|
670 |
-
|
671 |
-
/**
|
672 |
-
* Set the selected state for the clicked layout directory item and remove previously selected item.
|
673 |
-
* Enable the toolbar buttons.
|
674 |
-
*/
|
675 |
-
directoryItemClickHandler: function ( e ) {
|
676 |
-
var $directoryItem = this.$( e.target ).closest( '.so-directory-item' );
|
677 |
-
this.$( '.so-directory-items' ).find( '.selected' ).removeClass( 'selected' );
|
678 |
-
$directoryItem.addClass( 'selected' );
|
679 |
-
this.selectedLayoutItem = {lid: $directoryItem.data( 'layout-id' ), type: $directoryItem.data( 'layout-type' )};
|
680 |
-
this.updateButtonState( true );
|
681 |
-
|
682 |
-
},
|
683 |
-
|
684 |
-
/**
|
685 |
-
* Load a particular layout into the builder.
|
686 |
-
*
|
687 |
-
* @param id
|
688 |
-
*/
|
689 |
-
toolbarButtonClick: function ( $button ) {
|
690 |
-
if ( ! this.canAddLayout() ) {
|
691 |
-
return false;
|
692 |
-
}
|
693 |
-
var position = $button.data( 'value' );
|
694 |
-
if ( _.isUndefined( position ) ) {
|
695 |
-
return false;
|
696 |
-
}
|
697 |
-
this.updateButtonState( false );
|
698 |
-
|
699 |
-
if ( $button.hasClass( 'so-needs-confirm' ) && ! $button.hasClass( 'so-confirmed' ) ) {
|
700 |
-
this.updateButtonState( true );
|
701 |
-
if ( $button.hasClass( 'so-confirming' ) ) {
|
702 |
-
return;
|
703 |
-
}
|
704 |
-
$button.addClass( 'so-confirming' );
|
705 |
-
var originalText = $button.html();
|
706 |
-
$button.html( '<span class="dashicons dashicons-yes"></span>' + $button.data( 'confirm' ) );
|
707 |
-
setTimeout( function () {
|
708 |
-
$button.removeClass( 'so-confirmed' ).html( originalText );
|
709 |
-
}, 2500 );
|
710 |
-
setTimeout( function () {
|
711 |
-
$button.removeClass( 'so-confirming' );
|
712 |
-
$button.addClass( 'so-confirmed' );
|
713 |
-
}, 200 );
|
714 |
-
return false;
|
715 |
-
}
|
716 |
-
this.addingLayout = true;
|
717 |
-
if ( this.currentTab === 'import' ) {
|
718 |
-
this.addLayoutToBuilder( this.uploadedLayout, position );
|
719 |
-
} else {
|
720 |
-
this.loadSelectedLayout().then( function ( layout ) {
|
721 |
-
this.addLayoutToBuilder( layout, position );
|
722 |
-
}.bind( this ) );
|
723 |
-
}
|
724 |
-
},
|
725 |
-
|
726 |
-
canAddLayout: function () {
|
727 |
-
return (
|
728 |
-
this.selectedLayoutItem || this.uploadedLayout
|
729 |
-
) && ! this.addingLayout;
|
730 |
-
},
|
731 |
-
|
732 |
-
/**
|
733 |
-
* Load the layout according to selectedLayoutItem.
|
734 |
-
*/
|
735 |
-
loadSelectedLayout: function () {
|
736 |
-
this.setStatusMessage( panelsOptions.loc.prebuilt_loading, true );
|
737 |
-
|
738 |
-
var args = _.extend( this.selectedLayoutItem, {action: 'so_panels_get_layout'} );
|
739 |
-
var deferredLayout = new $.Deferred();
|
740 |
-
|
741 |
-
$.get(
|
742 |
-
panelsOptions.ajaxurl,
|
743 |
-
args,
|
744 |
-
function ( layout ) {
|
745 |
-
var msg = '';
|
746 |
-
if ( ! layout.success ) {
|
747 |
-
msg = layout.data.message;
|
748 |
-
deferredLayout.reject( layout.data );
|
749 |
-
} else {
|
750 |
-
deferredLayout.resolve( layout.data );
|
751 |
-
}
|
752 |
-
this.setStatusMessage( msg, false, ! layout.success );
|
753 |
-
this.updateButtonState( true );
|
754 |
-
}.bind( this )
|
755 |
-
);
|
756 |
-
return deferredLayout.promise();
|
757 |
-
},
|
758 |
-
|
759 |
-
/**
|
760 |
-
* Handle an update to the search
|
761 |
-
*/
|
762 |
-
searchHandler: function ( e ) {
|
763 |
-
if ( e.keyCode === 13 ) {
|
764 |
-
this.displayLayoutDirectory( $( e.currentTarget ).val(), 1, this.currentTab );
|
765 |
-
}
|
766 |
-
},
|
767 |
-
|
768 |
-
/**
|
769 |
-
* Attempt to set the 'Insert' button's state according to the `enabled` argument, also checking whether the
|
770 |
-
* requirements for inserting a layout have valid values.
|
771 |
-
*/
|
772 |
-
updateButtonState: function ( enabled ) {
|
773 |
-
enabled = enabled && (
|
774 |
-
this.selectedLayoutItem || this.uploadedLayout
|
775 |
-
);
|
776 |
-
var $button = this.$( '.so-import-layout' );
|
777 |
-
$button.prop( "disabled", ! enabled );
|
778 |
-
if ( enabled ) {
|
779 |
-
$button.removeClass( 'disabled' );
|
780 |
-
} else {
|
781 |
-
$button.addClass( 'disabled' );
|
782 |
-
}
|
783 |
-
},
|
784 |
-
|
785 |
-
addLayoutToBuilder: function ( layout, position ) {
|
786 |
-
this.builder.addHistoryEntry( 'prebuilt_loaded' );
|
787 |
-
this.builder.model.loadPanelsData( layout, position );
|
788 |
-
this.addingLayout = false;
|
789 |
-
this.closeDialog();
|
790 |
-
}
|
791 |
-
} );
|
792 |
-
|
793 |
-
},{}],8:[function(require,module,exports){
|
794 |
-
var panels = window.panels, $ = jQuery;
|
795 |
-
|
796 |
-
module.exports = panels.view.dialog.extend({
|
797 |
-
|
798 |
-
cellPreviewTemplate: _.template( panels.helpers.utils.processTemplate( $('#siteorigin-panels-dialog-row-cell-preview').html() ) ),
|
799 |
-
|
800 |
-
editableLabel: true,
|
801 |
-
|
802 |
-
events: {
|
803 |
-
'click .so-close': 'closeDialog',
|
804 |
-
|
805 |
-
// Toolbar buttons
|
806 |
-
'click .so-toolbar .so-save': 'saveHandler',
|
807 |
-
'click .so-toolbar .so-insert': 'insertHandler',
|
808 |
-
'click .so-toolbar .so-delete': 'deleteHandler',
|
809 |
-
'click .so-toolbar .so-duplicate': 'duplicateHandler',
|
810 |
-
|
811 |
-
// Changing the row
|
812 |
-
'change .row-set-form > *': 'setCellsFromForm',
|
813 |
-
'click .row-set-form button.set-row': 'setCellsFromForm',
|
814 |
-
},
|
815 |
-
|
816 |
-
rowView: null,
|
817 |
-
dialogIcon: 'add-row',
|
818 |
-
dialogClass: 'so-panels-dialog-row-edit',
|
819 |
-
styleType: 'row',
|
820 |
-
|
821 |
-
dialogType: 'edit',
|
822 |
-
|
823 |
-
/**
|
824 |
-
* The current settings, not yet saved to the model
|
825 |
-
*/
|
826 |
-
row: {
|
827 |
-
// This will be a clone of cells collection.
|
828 |
-
cells: null,
|
829 |
-
// The style settings of the row
|
830 |
-
style: {}
|
831 |
-
},
|
832 |
-
|
833 |
-
cellStylesCache: [],
|
834 |
-
|
835 |
-
initializeDialog: function () {
|
836 |
-
this.on('open_dialog', function () {
|
837 |
-
if (!_.isUndefined(this.model) && !_.isEmpty(this.model.get('cells'))) {
|
838 |
-
this.setRowModel(this.model);
|
839 |
-
} else {
|
840 |
-
this.setRowModel(null);
|
841 |
-
}
|
842 |
-
|
843 |
-
this.regenerateRowPreview();
|
844 |
-
this.renderStyles();
|
845 |
-
}, this);
|
846 |
-
|
847 |
-
// This is the default row layout
|
848 |
-
this.row = {
|
849 |
-
cells: new panels.collection.cells([{weight: 0.5}, {weight: 0.5}]),
|
850 |
-
style: {}
|
851 |
-
};
|
852 |
-
|
853 |
-
// Refresh panels data after both dialog form components are loaded
|
854 |
-
this.dialogFormsLoaded = 0;
|
855 |
-
var thisView = this;
|
856 |
-
this.on('form_loaded styles_loaded', function () {
|
857 |
-
this.dialogFormsLoaded++;
|
858 |
-
if (this.dialogFormsLoaded === 2) {
|
859 |
-
thisView.updateModel({
|
860 |
-
refreshArgs: {
|
861 |
-
silent: true
|
862 |
-
}
|
863 |
-
});
|
864 |
-
}
|
865 |
-
});
|
866 |
-
|
867 |
-
this.on('close_dialog', this.closeHandler);
|
868 |
-
|
869 |
-
this.on( 'edit_label', function ( text ) {
|
870 |
-
// If text is set to default values, just clear it.
|
871 |
-
if ( text === panelsOptions.loc.row.add || text === panelsOptions.loc.row.edit ) {
|
872 |
-
text = '';
|
873 |
-
}
|
874 |
-
this.model.set( 'label', text );
|
875 |
-
if ( _.isEmpty( text ) ) {
|
876 |
-
var title = this.dialogType === 'create' ? panelsOptions.loc.row.add : panelsOptions.loc.row.edit;
|
877 |
-
this.$( '.so-title').text( title );
|
878 |
-
}
|
879 |
-
}.bind( this ) );
|
880 |
-
},
|
881 |
-
|
882 |
-
/**
|
883 |
-
*
|
884 |
-
* @param dialogType Either "edit" or "create"
|
885 |
-
*/
|
886 |
-
setRowDialogType: function (dialogType) {
|
887 |
-
this.dialogType = dialogType;
|
888 |
-
},
|
889 |
-
|
890 |
-
/**
|
891 |
-
* Render the new row dialog
|
892 |
-
*/
|
893 |
-
render: function () {
|
894 |
-
var title = this.dialogType === 'create' ? panelsOptions.loc.row.add : panelsOptions.loc.row.edit;
|
895 |
-
this.renderDialog( this.parseDialogContent( $( '#siteorigin-panels-dialog-row' ).html(), {
|
896 |
-
title: title,
|
897 |
-
dialogType: this.dialogType
|
898 |
-
} ) );
|
899 |
-
|
900 |
-
var titleElt = this.$( '.so-title' );
|
901 |
-
|
902 |
-
if ( this.model.has( 'label' ) && ! _.isEmpty( this.model.get( 'label' ) ) ) {
|
903 |
-
titleElt.text( this.model.get( 'label' ) );
|
904 |
-
}
|
905 |
-
this.$( '.so-edit-title' ).val( titleElt.text() );
|
906 |
-
|
907 |
-
if (!this.builder.supports('addRow')) {
|
908 |
-
this.$('.so-buttons .so-duplicate').remove();
|
909 |
-
}
|
910 |
-
if (!this.builder.supports('deleteRow')) {
|
911 |
-
this.$('.so-buttons .so-delete').remove();
|
912 |
-
}
|
913 |
-
|
914 |
-
if (!_.isUndefined(this.model)) {
|
915 |
-
// Set the initial value of the
|
916 |
-
this.$( 'input[name="cells"].so-row-field' ).val( this.model.get( 'cells' ).length );
|
917 |
-
if ( this.model.has( 'ratio' ) ) {
|
918 |
-
this.$( 'select[name="ratio"].so-row-field' ).val( this.model.get( 'ratio' ) );
|
919 |
-
}
|
920 |
-
if ( this.model.has( 'ratio_direction' ) ) {
|
921 |
-
this.$( 'select[name="ratio_direction"].so-row-field' ).val( this.model.get( 'ratio_direction' ) );
|
922 |
-
}
|
923 |
-
}
|
924 |
-
|
925 |
-
this.$('input.so-row-field').keyup(function () {
|
926 |
-
$(this).trigger('change');
|
927 |
-
});
|
928 |
-
|
929 |
-
return this;
|
930 |
-
},
|
931 |
-
|
932 |
-
renderStyles: function () {
|
933 |
-
if ( this.styles ) {
|
934 |
-
this.styles.off( 'styles_loaded' );
|
935 |
-
this.styles.remove();
|
936 |
-
}
|
937 |
-
|
938 |
-
// Now we need to attach the style window
|
939 |
-
this.styles = new panels.view.styles();
|
940 |
-
this.styles.model = this.model;
|
941 |
-
this.styles.render('row', this.builder.config.postId, {
|
942 |
-
builderType: this.builder.config.builderType,
|
943 |
-
dialog: this
|
944 |
-
});
|
945 |
-
|
946 |
-
var $rightSidebar = this.$('.so-sidebar.so-right-sidebar');
|
947 |
-
this.styles.attach( $rightSidebar );
|
948 |
-
|
949 |
-
// Handle the loading class
|
950 |
-
this.styles.on('styles_loaded', function (hasStyles) {
|
951 |
-
if ( ! hasStyles ) {
|
952 |
-
// If we don't have styles remove the view.
|
953 |
-
this.styles.remove();
|
954 |
-
|
955 |
-
// If the sidebar is empty, hide it.
|
956 |
-
if ( $rightSidebar.children().length === 0 ) {
|
957 |
-
$rightSidebar.closest('.so-panels-dialog').removeClass('so-panels-dialog-has-right-sidebar');
|
958 |
-
$rightSidebar.hide();
|
959 |
-
}
|
960 |
-
}
|
961 |
-
}, this);
|
962 |
-
},
|
963 |
-
|
964 |
-
/**
|
965 |
-
* Set the row model we'll be using for this dialog.
|
966 |
-
*
|
967 |
-
* @param model
|
968 |
-
*/
|
969 |
-
setRowModel: function (model) {
|
970 |
-
this.model = model;
|
971 |
-
|
972 |
-
if (_.isEmpty(this.model)) {
|
973 |
-
return this;
|
974 |
-
}
|
975 |
-
|
976 |
-
// Set the rows to be a copy of the model
|
977 |
-
this.row = {
|
978 |
-
cells: this.model.get('cells').clone(),
|
979 |
-
style: {},
|
980 |
-
ratio: this.model.get('ratio'),
|
981 |
-
ratio_direction: this.model.get('ratio_direction'),
|
982 |
-
};
|
983 |
-
|
984 |
-
// Set the initial value of the cell field.
|
985 |
-
this.$( 'input[name="cells"].so-row-field' ).val( this.model.get( 'cells' ).length );
|
986 |
-
if ( this.model.has( 'ratio' ) ) {
|
987 |
-
this.$( 'select[name="ratio"].so-row-field' ).val( this.model.get( 'ratio' ) );
|
988 |
-
}
|
989 |
-
if ( this.model.has( 'ratio_direction' ) ) {
|
990 |
-
this.$( 'select[name="ratio_direction"].so-row-field' ).val( this.model.get( 'ratio_direction' ) );
|
991 |
-
}
|
992 |
-
|
993 |
-
this.clearCellStylesCache();
|
994 |
-
|
995 |
-
return this;
|
996 |
-
},
|
997 |
-
|
998 |
-
/**
|
999 |
-
* Regenerate the row preview and resizing interface.
|
1000 |
-
*/
|
1001 |
-
regenerateRowPreview: function () {
|
1002 |
-
var thisDialog = this;
|
1003 |
-
var rowPreview = this.$('.row-preview');
|
1004 |
-
|
1005 |
-
// If no selected cell, select the first cell.
|
1006 |
-
var selectedIndex = this.getSelectedCellIndex();
|
1007 |
-
|
1008 |
-
rowPreview.empty();
|
1009 |
-
|
1010 |
-
var timeout;
|
1011 |
-
|
1012 |
-
// Represent the cells
|
1013 |
-
this.row.cells.each(function (cellModel, i) {
|
1014 |
-
var newCell = $(this.cellPreviewTemplate({weight: cellModel.get('weight')}));
|
1015 |
-
rowPreview.append(newCell);
|
1016 |
-
|
1017 |
-
if(i == selectedIndex) {
|
1018 |
-
newCell.find('.preview-cell-in').addClass('cell-selected');
|
1019 |
-
}
|
1020 |
-
|
1021 |
-
var prevCell = newCell.prev();
|
1022 |
-
var handle;
|
1023 |
-
|
1024 |
-
if (prevCell.length) {
|
1025 |
-
handle = $('<div class="resize-handle"></div>');
|
1026 |
-
handle
|
1027 |
-
.appendTo(newCell)
|
1028 |
-
.dblclick(function () {
|
1029 |
-
var prevCellModel = thisDialog.row.cells.at(i - 1);
|
1030 |
-
var t = cellModel.get('weight') + prevCellModel.get('weight');
|
1031 |
-
cellModel.set('weight', t / 2);
|
1032 |
-
prevCellModel.set('weight', t / 2);
|
1033 |
-
thisDialog.scaleRowWidths();
|
1034 |
-
});
|
1035 |
-
|
1036 |
-
handle.draggable({
|
1037 |
-
axis: 'x',
|
1038 |
-
containment: rowPreview,
|
1039 |
-
start: function (e, ui) {
|
1040 |
-
|
1041 |
-
// Create the clone for the current cell
|
1042 |
-
var newCellClone = newCell.clone().appendTo(ui.helper).css({
|
1043 |
-
position: 'absolute',
|
1044 |
-
top: '0',
|
1045 |
-
width: newCell.outerWidth(),
|
1046 |
-
left: 6,
|
1047 |
-
height: newCell.outerHeight()
|
1048 |
-
});
|
1049 |
-
newCellClone.find('.resize-handle').remove();
|
1050 |
-
|
1051 |
-
// Create the clone for the previous cell
|
1052 |
-
var prevCellClone = prevCell.clone().appendTo(ui.helper).css({
|
1053 |
-
position: 'absolute',
|
1054 |
-
top: '0',
|
1055 |
-
width: prevCell.outerWidth(),
|
1056 |
-
right: 6,
|
1057 |
-
height: prevCell.outerHeight()
|
1058 |
-
});
|
1059 |
-
prevCellClone.find('.resize-handle').remove();
|
1060 |
-
|
1061 |
-
$(this).data({
|
1062 |
-
'newCellClone': newCellClone,
|
1063 |
-
'prevCellClone': prevCellClone
|
1064 |
-
});
|
1065 |
-
|
1066 |
-
// Hide the
|
1067 |
-
newCell.find('> .preview-cell-in').css('visibility', 'hidden');
|
1068 |
-
prevCell.find('> .preview-cell-in').css('visibility', 'hidden');
|
1069 |
-
},
|
1070 |
-
drag: function (e, ui) {
|
1071 |
-
// Calculate the new cell and previous cell widths as a percent
|
1072 |
-
var cellWeight = thisDialog.row.cells.at(i).get('weight');
|
1073 |
-
var prevCellWeight = thisDialog.row.cells.at(i - 1).get('weight');
|
1074 |
-
var ncw = cellWeight - (
|
1075 |
-
(
|
1076 |
-
ui.position.left + 6
|
1077 |
-
) / rowPreview.width()
|
1078 |
-
);
|
1079 |
-
var pcw = prevCellWeight + (
|
1080 |
-
(
|
1081 |
-
ui.position.left + 6
|
1082 |
-
) / rowPreview.width()
|
1083 |
-
);
|
1084 |
-
|
1085 |
-
var helperLeft = ui.helper.offset().left - rowPreview.offset().left - 6;
|
1086 |
-
|
1087 |
-
$(this).data('newCellClone').css('width', rowPreview.width() * ncw)
|
1088 |
-
.find('.preview-cell-weight').html(Math.round(ncw * 1000) / 10);
|
1089 |
-
|
1090 |
-
$(this).data('prevCellClone').css('width', rowPreview.width() * pcw)
|
1091 |
-
.find('.preview-cell-weight').html(Math.round(pcw * 1000) / 10);
|
1092 |
-
},
|
1093 |
-
stop: function (e, ui) {
|
1094 |
-
// Remove the clones
|
1095 |
-
$(this).data('newCellClone').remove();
|
1096 |
-
$(this).data('prevCellClone').remove();
|
1097 |
-
|
1098 |
-
// Reshow the main cells
|
1099 |
-
newCell.find('.preview-cell-in').css('visibility', 'visible');
|
1100 |
-
prevCell.find('.preview-cell-in').css('visibility', 'visible');
|
1101 |
-
|
1102 |
-
// Calculate the new cell weights
|
1103 |
-
var offset = ui.position.left + 6;
|
1104 |
-
var percent = offset / rowPreview.width();
|
1105 |
-
|
1106 |
-
// Ignore this if any of the cells are below 2% in width.
|
1107 |
-
var cellModel = thisDialog.row.cells.at(i);
|
1108 |
-
var prevCellModel = thisDialog.row.cells.at(i - 1);
|
1109 |
-
if (cellModel.get('weight') - percent > 0.02 && prevCellModel.get('weight') + percent > 0.02) {
|
1110 |
-
cellModel.set('weight', cellModel.get('weight') - percent);
|
1111 |
-
prevCellModel.set('weight', prevCellModel.get('weight') + percent);
|
1112 |
-
}
|
1113 |
-
|
1114 |
-
thisDialog.scaleRowWidths();
|
1115 |
-
ui.helper.css('left', -6);
|
1116 |
-
}
|
1117 |
-
});
|
1118 |
-
}
|
1119 |
-
|
1120 |
-
newCell.click(function (event) {
|
1121 |
-
|
1122 |
-
if ( ! ( $(event.target).is('.preview-cell') || $(event.target).is('.preview-cell-in') ) ) {
|
1123 |
-
return;
|
1124 |
-
}
|
1125 |
-
|
1126 |
-
var cell = $(event.target);
|
1127 |
-
cell.closest('.row-preview').find('.preview-cell .preview-cell-in').removeClass('cell-selected');
|
1128 |
-
cell.addClass('cell-selected');
|
1129 |
-
|
1130 |
-
this.openSelectedCellStyles();
|
1131 |
-
|
1132 |
-
}.bind(this));
|
1133 |
-
|
1134 |
-
// Make this row weight click editable
|
1135 |
-
newCell.find('.preview-cell-weight').click(function (ci) {
|
1136 |
-
|
1137 |
-
// Disable the draggable while entering values
|
1138 |
-
thisDialog.$('.resize-handle').css('pointer-event', 'none').draggable('disable');
|
1139 |
-
|
1140 |
-
rowPreview.find('.preview-cell-weight').each(function () {
|
1141 |
-
var $$ = jQuery(this).hide();
|
1142 |
-
$('<input type="text" class="preview-cell-weight-input no-user-interacted" />')
|
1143 |
-
.val(parseFloat($$.html())).insertAfter($$)
|
1144 |
-
.focus(function () {
|
1145 |
-
clearTimeout(timeout);
|
1146 |
-
})
|
1147 |
-
.keyup(function (e) {
|
1148 |
-
if (e.keyCode !== 9) {
|
1149 |
-
// Only register the interaction if the user didn't press tab
|
1150 |
-
$(this).removeClass('no-user-interacted');
|
1151 |
-
}
|
1152 |
-
|
1153 |
-
// Enter is clicked
|
1154 |
-
if (e.keyCode === 13) {
|
1155 |
-
e.preventDefault();
|
1156 |
-
$(this).blur();
|
1157 |
-
}
|
1158 |
-
})
|
1159 |
-
.keydown(function (e) {
|
1160 |
-
if (e.keyCode === 9) {
|
1161 |
-
e.preventDefault();
|
1162 |
-
|
1163 |
-
// Tab will always cycle around the row inputs
|
1164 |
-
var inputs = rowPreview.find('.preview-cell-weight-input');
|
1165 |
-
var i = inputs.index($(this));
|
1166 |
-
if (i === inputs.length - 1) {
|
1167 |
-
inputs.eq(0).focus().select();
|
1168 |
-
} else {
|
1169 |
-
inputs.eq(i + 1).focus().select();
|
1170 |
-
}
|
1171 |
-
}
|
1172 |
-
})
|
1173 |
-
.blur(function () {
|
1174 |
-
rowPreview.find('.preview-cell-weight-input').each(function (i, el) {
|
1175 |
-
if (isNaN(parseFloat($(el).val()))) {
|
1176 |
-
$(el).val(Math.floor(thisDialog.row.cells.at(i).get('weight') * 1000) / 10);
|
1177 |
-
}
|
1178 |
-
});
|
1179 |
-
|
1180 |
-
timeout = setTimeout(function () {
|
1181 |
-
// If there are no weight inputs, then skip this
|
1182 |
-
if (rowPreview.find('.preview-cell-weight-input').length === 0) {
|
1183 |
-
return false;
|
1184 |
-
}
|
1185 |
-
|
1186 |
-
// Go through all the inputs
|
1187 |
-
var rowWeights = [],
|
1188 |
-
rowChanged = [],
|
1189 |
-
changedSum = 0,
|
1190 |
-
unchangedSum = 0;
|
1191 |
-
|
1192 |
-
rowPreview.find('.preview-cell-weight-input').each(function (i, el) {
|
1193 |
-
var val = parseFloat($(el).val());
|
1194 |
-
if (isNaN(val)) {
|
1195 |
-
val = 1 / thisDialog.row.cells.length;
|
1196 |
-
} else {
|
1197 |
-
val = Math.round(val * 10) / 1000;
|
1198 |
-
}
|
1199 |
-
|
1200 |
-
// Check within 3 decimal points
|
1201 |
-
var changed = !$(el).hasClass('no-user-interacted');
|
1202 |
-
|
1203 |
-
rowWeights.push(val);
|
1204 |
-
rowChanged.push(changed);
|
1205 |
-
|
1206 |
-
if (changed) {
|
1207 |
-
changedSum += val;
|
1208 |
-
} else {
|
1209 |
-
unchangedSum += val;
|
1210 |
-
}
|
1211 |
-
});
|
1212 |
-
|
1213 |
-
if (changedSum > 0 && unchangedSum > 0 && (
|
1214 |
-
1 - changedSum
|
1215 |
-
) > 0) {
|
1216 |
-
// Balance out the unchanged rows to occupy the weight left over by the changed sum
|
1217 |
-
for (var i = 0; i < rowWeights.length; i++) {
|
1218 |
-
if (!rowChanged[i]) {
|
1219 |
-
rowWeights[i] = (
|
1220 |
-
rowWeights[i] / unchangedSum
|
1221 |
-
) * (
|
1222 |
-
1 - changedSum
|
1223 |
-
);
|
1224 |
-
}
|
1225 |
-
}
|
1226 |
-
}
|
1227 |
-
|
1228 |
-
// Last check to ensure total weight is 1
|
1229 |
-
var sum = _.reduce(rowWeights, function (memo, num) {
|
1230 |
-
return memo + num;
|
1231 |
-
});
|
1232 |
-
rowWeights = rowWeights.map(function (w) {
|
1233 |
-
return w / sum;
|
1234 |
-
});
|
1235 |
-
|
1236 |
-
// Set the new cell weights and regenerate the preview.
|
1237 |
-
if (Math.min.apply(Math, rowWeights) > 0.01) {
|
1238 |
-
thisDialog.row.cells.each(function (cell, i) {
|
1239 |
-
cell.set('weight', rowWeights[i]);
|
1240 |
-
});
|
1241 |
-
}
|
1242 |
-
|
1243 |
-
// Now lets animate the cells into their new widths
|
1244 |
-
rowPreview.find('.preview-cell').each(function (i, el) {
|
1245 |
-
var cellWeight = thisDialog.row.cells.at(i).get('weight');
|
1246 |
-
$(el).animate({'width': Math.round(cellWeight * 1000) / 10 + "%"}, 250);
|
1247 |
-
$(el).find('.preview-cell-weight-input').val(Math.round(cellWeight * 1000) / 10);
|
1248 |
-
});
|
1249 |
-
|
1250 |
-
// So the draggable handle is not hidden.
|
1251 |
-
rowPreview.find('.preview-cell').css('overflow', 'visible');
|
1252 |
-
setTimeout(thisDialog.regenerateRowPreview.bind(thisDialog), 260);
|
1253 |
-
|
1254 |
-
}, 100);
|
1255 |
-
})
|
1256 |
-
.click(function () {
|
1257 |
-
$(this).select();
|
1258 |
-
});
|
1259 |
-
});
|
1260 |
-
|
1261 |
-
$(this).siblings('.preview-cell-weight-input').select();
|
1262 |
-
|
1263 |
-
});
|
1264 |
-
|
1265 |
-
}, this);
|
1266 |
-
|
1267 |
-
this.openSelectedCellStyles();
|
1268 |
-
|
1269 |
-
this.trigger('form_loaded', this);
|
1270 |
-
},
|
1271 |
-
|
1272 |
-
getSelectedCellIndex: function() {
|
1273 |
-
var selectedIndex = -1;
|
1274 |
-
this.$('.preview-cell .preview-cell-in').each(function(index, el) {
|
1275 |
-
if($(el).is('.cell-selected')) {
|
1276 |
-
selectedIndex = index;
|
1277 |
-
}
|
1278 |
-
});
|
1279 |
-
return selectedIndex;
|
1280 |
-
},
|
1281 |
-
|
1282 |
-
openSelectedCellStyles: function() {
|
1283 |
-
if (!_.isUndefined(this.cellStyles)) {
|
1284 |
-
if (this.cellStyles.stylesLoaded) {
|
1285 |
-
var style = {};
|
1286 |
-
try {
|
1287 |
-
style = this.getFormValues('.so-sidebar .so-visual-styles.so-cell-styles').style;
|
1288 |
-
}
|
1289 |
-
catch (err) {
|
1290 |
-
console.log('Error retrieving cell styles - ' + err.message);
|
1291 |
-
}
|
1292 |
-
|
1293 |
-
this.cellStyles.model.set('style', style);
|
1294 |
-
}
|
1295 |
-
this.cellStyles.detach();
|
1296 |
-
}
|
1297 |
-
|
1298 |
-
this.cellStyles = this.getSelectedCellStyles();
|
1299 |
-
|
1300 |
-
if ( this.cellStyles ) {
|
1301 |
-
var $rightSidebar = this.$( '.so-sidebar.so-right-sidebar' );
|
1302 |
-
this.cellStyles.attach( $rightSidebar );
|
1303 |
-
this.cellStyles.on( 'styles_loaded', function ( hasStyles ) {
|
1304 |
-
if ( hasStyles ) {
|
1305 |
-
$rightSidebar.closest('.so-panels-dialog').addClass('so-panels-dialog-has-right-sidebar');
|
1306 |
-
$rightSidebar.show();
|
1307 |
-
}
|
1308 |
-
} );
|
1309 |
-
}
|
1310 |
-
},
|
1311 |
-
|
1312 |
-
getSelectedCellStyles: function () {
|
1313 |
-
var cellIndex = this.getSelectedCellIndex();
|
1314 |
-
if ( cellIndex > -1 ) {
|
1315 |
-
var cellStyles = this.cellStylesCache[cellIndex];
|
1316 |
-
if ( !cellStyles ) {
|
1317 |
-
cellStyles = new panels.view.styles();
|
1318 |
-
cellStyles.model = this.row.cells.at( cellIndex );
|
1319 |
-
cellStyles.render( 'cell', this.builder.config.postId, {
|
1320 |
-
builderType: this.builder.config.builderType,
|
1321 |
-
dialog: this,
|
1322 |
-
index: cellIndex,
|
1323 |
-
} );
|
1324 |
-
this.cellStylesCache[cellIndex] = cellStyles;
|
1325 |
-
}
|
1326 |
-
}
|
1327 |
-
|
1328 |
-
return cellStyles;
|
1329 |
-
},
|
1330 |
-
|
1331 |
-
clearCellStylesCache: function () {
|
1332 |
-
// Call remove() on all cell styles to remove data, event listeners etc.
|
1333 |
-
this.cellStylesCache.forEach(function (cellStyles) {
|
1334 |
-
cellStyles.remove();
|
1335 |
-
});
|
1336 |
-
this.cellStylesCache = [];
|
1337 |
-
},
|
1338 |
-
|
1339 |
-
/**
|
1340 |
-
* Visually scale the row widths based on the cell weights
|
1341 |
-
*/
|
1342 |
-
scaleRowWidths: function () {
|
1343 |
-
var thisDialog = this;
|
1344 |
-
this.$('.row-preview .preview-cell').each(function (i, el) {
|
1345 |
-
var cell = thisDialog.row.cells.at(i);
|
1346 |
-
$(el)
|
1347 |
-
.css('width', cell.get('weight') * 100 + "%")
|
1348 |
-
.find('.preview-cell-weight').html(Math.round(cell.get('weight') * 1000) / 10);
|
1349 |
-
});
|
1350 |
-
},
|
1351 |
-
|
1352 |
-
/**
|
1353 |
-
* Get the weights from the
|
1354 |
-
*/
|
1355 |
-
setCellsFromForm: function () {
|
1356 |
-
|
1357 |
-
try {
|
1358 |
-
var f = {
|
1359 |
-
'cells': parseInt(this.$('.row-set-form input[name="cells"]').val()),
|
1360 |
-
'ratio': parseFloat(this.$('.row-set-form select[name="ratio"]').val()),
|
1361 |
-
'direction': this.$('.row-set-form select[name="ratio_direction"]').val()
|
1362 |
-
};
|
1363 |
-
|
1364 |
-
if (_.isNaN(f.cells)) {
|
1365 |
-
f.cells = 1;
|
1366 |
-
}
|
1367 |
-
if (isNaN(f.ratio)) {
|
1368 |
-
f.ratio = 1;
|
1369 |
-
}
|
1370 |
-
if (f.cells < 1) {
|
1371 |
-
f.cells = 1;
|
1372 |
-
this.$('.row-set-form input[name="cells"]').val(f.cells);
|
1373 |
-
}
|
1374 |
-
else if (f.cells > 12) {
|
1375 |
-
f.cells = 12;
|
1376 |
-
this.$('.row-set-form input[name="cells"]').val(f.cells);
|
1377 |
-
}
|
1378 |
-
|
1379 |
-
this.$('.row-set-form select[name="ratio"]').val(f.ratio);
|
1380 |
-
|
1381 |
-
var cells = [];
|
1382 |
-
var cellCountChanged = (
|
1383 |
-
this.row.cells.length !== f.cells
|
1384 |
-
);
|
1385 |
-
|
1386 |
-
// Now, lets create some cells
|
1387 |
-
var currentWeight = 1;
|
1388 |
-
for (var i = 0; i < f.cells; i++) {
|
1389 |
-
cells.push(currentWeight);
|
1390 |
-
currentWeight *= f.ratio;
|
1391 |
-
}
|
1392 |
-
|
1393 |
-
// Now lets make sure that the row weights add up to 1
|
1394 |
-
|
1395 |
-
var totalRowWeight = _.reduce(cells, function (memo, weight) {
|
1396 |
-
return memo + weight;
|
1397 |
-
});
|
1398 |
-
cells = _.map(cells, function (cell) {
|
1399 |
-
return cell / totalRowWeight;
|
1400 |
-
});
|
1401 |
-
|
1402 |
-
// Don't return cells that are too small
|
1403 |
-
cells = _.filter(cells, function (cell) {
|
1404 |
-
return cell > 0.01;
|
1405 |
-
});
|
1406 |
-
|
1407 |
-
if (f.direction === 'left') {
|
1408 |
-
cells = cells.reverse();
|
1409 |
-
}
|
1410 |
-
|
1411 |
-
// Discard deleted cells.
|
1412 |
-
this.row.cells = new panels.collection.cells(this.row.cells.first(cells.length));
|
1413 |
-
|
1414 |
-
_.each(cells, function (cellWeight, index) {
|
1415 |
-
var cell = this.row.cells.at(index);
|
1416 |
-
if (!cell) {
|
1417 |
-
cell = new panels.model.cell({weight: cellWeight, row: this.model});
|
1418 |
-
this.row.cells.add(cell);
|
1419 |
-
} else {
|
1420 |
-
cell.set('weight', cellWeight);
|
1421 |
-
}
|
1422 |
-
}.bind(this));
|
1423 |
-
|
1424 |
-
this.row.ratio = f.ratio;
|
1425 |
-
this.row.ratio_direction = f.direction;
|
1426 |
-
|
1427 |
-
if (cellCountChanged) {
|
1428 |
-
this.regenerateRowPreview();
|
1429 |
-
} else {
|
1430 |
-
var thisDialog = this;
|
1431 |
-
|
1432 |
-
// Now lets animate the cells into their new widths
|
1433 |
-
this.$('.preview-cell').each(function (i, el) {
|
1434 |
-
var cellWeight = thisDialog.row.cells.at(i).get('weight');
|
1435 |
-
$(el).animate({'width': Math.round(cellWeight * 1000) / 10 + "%"}, 250);
|
1436 |
-
$(el).find('.preview-cell-weight').html(Math.round(cellWeight * 1000) / 10);
|
1437 |
-
});
|
1438 |
-
|
1439 |
-
// So the draggable handle is not hidden.
|
1440 |
-
this.$('.preview-cell').css('overflow', 'visible');
|
1441 |
-
|
1442 |
-
setTimeout(thisDialog.regenerateRowPreview.bind(thisDialog), 260);
|
1443 |
-
}
|
1444 |
-
}
|
1445 |
-
catch (err) {
|
1446 |
-
console.log('Error setting cells - ' + err.message);
|
1447 |
-
}
|
1448 |
-
|
1449 |
-
|
1450 |
-
// Remove the button primary class
|
1451 |
-
this.$('.row-set-form .so-button-row-set').removeClass('button-primary');
|
1452 |
-
},
|
1453 |
-
|
1454 |
-
/**
|
1455 |
-
* Handle a click on the dialog left bar tab
|
1456 |
-
*/
|
1457 |
-
tabClickHandler: function ($t) {
|
1458 |
-
if ($t.attr('href') === '#row-layout') {
|
1459 |
-
this.$('.so-panels-dialog').addClass('so-panels-dialog-has-right-sidebar');
|
1460 |
-
} else {
|
1461 |
-
this.$('.so-panels-dialog').removeClass('so-panels-dialog-has-right-sidebar');
|
1462 |
-
}
|
1463 |
-
},
|
1464 |
-
|
1465 |
-
/**
|
1466 |
-
* Update the current model with what we have in the dialog
|
1467 |
-
*/
|
1468 |
-
updateModel: function (args) {
|
1469 |
-
args = _.extend({
|
1470 |
-
refresh: true,
|
1471 |
-
refreshArgs: null
|
1472 |
-
}, args);
|
1473 |
-
|
1474 |
-
// Set the cells
|
1475 |
-
if (!_.isEmpty(this.model)) {
|
1476 |
-
this.model.setCells( this.row.cells );
|
1477 |
-
this.model.set( 'ratio', this.row.ratio );
|
1478 |
-
this.model.set( 'ratio_direction', this.row.ratio_direction );
|
1479 |
-
}
|
1480 |
-
|
1481 |
-
// Update the row styles if they've loaded
|
1482 |
-
if (!_.isUndefined(this.styles) && this.styles.stylesLoaded) {
|
1483 |
-
// This is an edit dialog, so there are styles
|
1484 |
-
var style = {};
|
1485 |
-
try {
|
1486 |
-
style = this.getFormValues('.so-sidebar .so-visual-styles.so-row-styles').style;
|
1487 |
-
}
|
1488 |
-
catch (err) {
|
1489 |
-
console.log('Error retrieving row styles - ' + err.message);
|
1490 |
-
}
|
1491 |
-
|
1492 |
-
this.model.set('style', style);
|
1493 |
-
}
|
1494 |
-
|
1495 |
-
// Update the cell styles if any are showing.
|
1496 |
-
if (!_.isUndefined(this.cellStyles) && this.cellStyles.stylesLoaded) {
|
1497 |
-
|
1498 |
-
var style = {};
|
1499 |
-
try {
|
1500 |
-
style = this.getFormValues('.so-sidebar .so-visual-styles.so-cell-styles').style;
|
1501 |
-
}
|
1502 |
-
catch (err) {
|
1503 |
-
console.log('Error retrieving cell styles - ' + err.message);
|
1504 |
-
}
|
1505 |
-
|
1506 |
-
this.cellStyles.model.set('style', style);
|
1507 |
-
}
|
1508 |
-
|
1509 |
-
if (args.refresh) {
|
1510 |
-
this.builder.model.refreshPanelsData(args.refreshArgs);
|
1511 |
-
}
|
1512 |
-
},
|
1513 |
-
|
1514 |
-
/**
|
1515 |
-
* Insert the new row
|
1516 |
-
*/
|
1517 |
-
insertHandler: function () {
|
1518 |
-
this.builder.addHistoryEntry('row_added');
|
1519 |
-
|
1520 |
-
this.updateModel();
|
1521 |
-
|
1522 |
-
var activeCell = this.builder.getActiveCell({
|
1523 |
-
createCell: false,
|
1524 |
-
});
|
1525 |
-
|
1526 |
-
var options = {};
|
1527 |
-
if (activeCell !== null) {
|
1528 |
-
options.at = this.builder.model.get('rows').indexOf(activeCell.row) + 1;
|
1529 |
-
}
|
1530 |
-
|
1531 |
-
// Set up the model and add it to the builder
|
1532 |
-
this.model.collection = this.builder.model.get('rows');
|
1533 |
-
this.builder.model.get('rows').add(this.model, options);
|
1534 |
-
|
1535 |
-
this.closeDialog();
|
1536 |
-
|
1537 |
-
this.builder.model.refreshPanelsData();
|
1538 |
-
|
1539 |
-
return false;
|
1540 |
-
},
|
1541 |
-
|
1542 |
-
/**
|
1543 |
-
* We'll just save this model and close the dialog
|
1544 |
-
*/
|
1545 |
-
saveHandler: function () {
|
1546 |
-
this.builder.addHistoryEntry('row_edited');
|
1547 |
-
this.updateModel();
|
1548 |
-
this.closeDialog();
|
1549 |
-
|
1550 |
-
this.builder.model.refreshPanelsData();
|
1551 |
-
|
1552 |
-
return false;
|
1553 |
-
},
|
1554 |
-
|
1555 |
-
/**
|
1556 |
-
* The user clicks delete, so trigger deletion on the row model
|
1557 |
-
*/
|
1558 |
-
deleteHandler: function () {
|
1559 |
-
// Trigger a destroy on the model that will happen with a visual indication to the user
|
1560 |
-
this.rowView.visualDestroyModel();
|
1561 |
-
this.closeDialog({silent: true});
|
1562 |
-
|
1563 |
-
return false;
|
1564 |
-
},
|
1565 |
-
|
1566 |
-
/**
|
1567 |
-
* Duplicate this row
|
1568 |
-
*/
|
1569 |
-
duplicateHandler: function () {
|
1570 |
-
this.builder.addHistoryEntry('row_duplicated');
|
1571 |
-
|
1572 |
-
var duplicateRow = this.model.clone(this.builder.model);
|
1573 |
-
|
1574 |
-
this.builder.model.get('rows').add( duplicateRow, {
|
1575 |
-
at: this.builder.model.get('rows').indexOf(this.model) + 1
|
1576 |
-
} );
|
1577 |
-
|
1578 |
-
this.closeDialog({silent: true});
|
1579 |
-
|
1580 |
-
return false;
|
1581 |
-
},
|
1582 |
-
|
1583 |
-
closeHandler: function() {
|
1584 |
-
this.clearCellStylesCache();
|
1585 |
-
if( ! _.isUndefined(this.cellStyles) ) {
|
1586 |
-
this.cellStyles = undefined;
|
1587 |
-
}
|
1588 |
-
},
|
1589 |
-
|
1590 |
-
});
|
1591 |
-
|
1592 |
-
},{}],9:[function(require,module,exports){
|
1593 |
-
var panels = window.panels, $ = jQuery;
|
1594 |
-
var jsWidget = require( '../view/widgets/js-widget' );
|
1595 |
-
|
1596 |
-
module.exports = panels.view.dialog.extend( {
|
1597 |
-
|
1598 |
-
builder: null,
|
1599 |
-
sidebarWidgetTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-dialog-widget-sidebar-widget' ).html() ) ),
|
1600 |
-
|
1601 |
-
dialogClass: 'so-panels-dialog-edit-widget',
|
1602 |
-
dialogIcon: 'add-widget',
|
1603 |
-
|
1604 |
-
widgetView: false,
|
1605 |
-
savingWidget: false,
|
1606 |
-
editableLabel: true,
|
1607 |
-
|
1608 |
-
events: {
|
1609 |
-
'click .so-close': 'saveHandler',
|
1610 |
-
'click .so-nav.so-previous': 'navToPrevious',
|
1611 |
-
'click .so-nav.so-next': 'navToNext',
|
1612 |
-
|
1613 |
-
// Action handlers
|
1614 |
-
'click .so-toolbar .so-delete': 'deleteHandler',
|
1615 |
-
'click .so-toolbar .so-duplicate': 'duplicateHandler'
|
1616 |
-
},
|
1617 |
-
|
1618 |
-
initializeDialog: function () {
|
1619 |
-
var thisView = this;
|
1620 |
-
this.listenTo( this.model, 'change:values', this.handleChangeValues );
|
1621 |
-
this.listenTo( this.model, 'destroy', this.remove );
|
1622 |
-
|
1623 |
-
// Refresh panels data after both dialog form components are loaded
|
1624 |
-
this.dialogFormsLoaded = 0;
|
1625 |
-
this.on( 'form_loaded styles_loaded', function () {
|
1626 |
-
this.dialogFormsLoaded ++;
|
1627 |
-
if ( this.dialogFormsLoaded === 2 ) {
|
1628 |
-
thisView.updateModel( {
|
1629 |
-
refreshArgs: {
|
1630 |
-
silent: true
|
1631 |
-
}
|
1632 |
-
} );
|
1633 |
-
}
|
1634 |
-
} );
|
1635 |
-
|
1636 |
-
this.on( 'edit_label', function ( text ) {
|
1637 |
-
// If text is set to default value, just clear it.
|
1638 |
-
if ( text === panelsOptions.widgets[ this.model.get( 'class' ) ][ 'title' ] ) {
|
1639 |
-
text = '';
|
1640 |
-
}
|
1641 |
-
this.model.set( 'label', text );
|
1642 |
-
if ( _.isEmpty( text ) ) {
|
1643 |
-
this.$( '.so-title' ).text( this.model.getWidgetField( 'title' ) );
|
1644 |
-
}
|
1645 |
-
}.bind( this ) );
|
1646 |
-
},
|
1647 |
-
|
1648 |
-
/**
|
1649 |
-
* Render the widget dialog.
|
1650 |
-
*/
|
1651 |
-
render: function () {
|
1652 |
-
// Render the dialog and attach it to the builder interface
|
1653 |
-
this.renderDialog( this.parseDialogContent( $( '#siteorigin-panels-dialog-widget' ).html(), {} ) );
|
1654 |
-
this.loadForm();
|
1655 |
-
|
1656 |
-
var title = this.model.getWidgetField( 'title' );
|
1657 |
-
this.$( '.so-title .widget-name' ).html( title );
|
1658 |
-
this.$( '.so-edit-title' ).val( title );
|
1659 |
-
|
1660 |
-
if( ! this.builder.supports( 'addWidget' ) ) {
|
1661 |
-
this.$( '.so-buttons .so-duplicate' ).remove();
|
1662 |
-
}
|
1663 |
-
if( ! this.builder.supports( 'deleteWidget' ) ) {
|
1664 |
-
this.$( '.so-buttons .so-delete' ).remove();
|
1665 |
-
}
|
1666 |
-
|
1667 |
-
// Now we need to attach the style window
|
1668 |
-
this.styles = new panels.view.styles();
|
1669 |
-
this.styles.model = this.model;
|
1670 |
-
this.styles.render( 'widget', this.builder.config.postId, {
|
1671 |
-
builderType: this.builder.config.builderType,
|
1672 |
-
dialog: this
|
1673 |
-
} );
|
1674 |
-
|
1675 |
-
var $rightSidebar = this.$( '.so-sidebar.so-right-sidebar' );
|
1676 |
-
this.styles.attach( $rightSidebar );
|
1677 |
-
|
1678 |
-
// Handle the loading class
|
1679 |
-
this.styles.on( 'styles_loaded', function ( hasStyles ) {
|
1680 |
-
// If we don't have styles remove the empty sidebar.
|
1681 |
-
if ( ! hasStyles ) {
|
1682 |
-
$rightSidebar.closest( '.so-panels-dialog' ).removeClass( 'so-panels-dialog-has-right-sidebar' );
|
1683 |
-
$rightSidebar.remove();
|
1684 |
-
}
|
1685 |
-
}, this );
|
1686 |
-
},
|
1687 |
-
|
1688 |
-
/**
|
1689 |
-
* Get the previous widget editing dialog by looking at the dom.
|
1690 |
-
* @returns {*}
|
1691 |
-
*/
|
1692 |
-
getPrevDialog: function () {
|
1693 |
-
var widgets = this.builder.$( '.so-cells .cell .so-widget' );
|
1694 |
-
if ( widgets.length <= 1 ) {
|
1695 |
-
return false;
|
1696 |
-
}
|
1697 |
-
var currentIndex = widgets.index( this.widgetView.$el );
|
1698 |
-
|
1699 |
-
if ( currentIndex === 0 ) {
|
1700 |
-
return false;
|
1701 |
-
} else {
|
1702 |
-
var widgetView;
|
1703 |
-
do {
|
1704 |
-
widgetView = widgets.eq( --currentIndex ).data( 'view' );
|
1705 |
-
if ( ! _.isUndefined( widgetView ) && ! widgetView.model.get( 'read_only' ) ) {
|
1706 |
-
return widgetView.getEditDialog();
|
1707 |
-
}
|
1708 |
-
} while( ! _.isUndefined( widgetView ) && currentIndex > 0 );
|
1709 |
-
}
|
1710 |
-
|
1711 |
-
return false;
|
1712 |
-
},
|
1713 |
-
|
1714 |
-
/**
|
1715 |
-
* Get the next widget editing dialog by looking at the dom.
|
1716 |
-
* @returns {*}
|
1717 |
-
*/
|
1718 |
-
getNextDialog: function () {
|
1719 |
-
var widgets = this.builder.$( '.so-cells .cell .so-widget' );
|
1720 |
-
if ( widgets.length <= 1 ) {
|
1721 |
-
return false;
|
1722 |
-
}
|
1723 |
-
|
1724 |
-
var currentIndex = widgets.index( this.widgetView.$el );
|
1725 |
-
|
1726 |
-
if ( currentIndex === widgets.length - 1 ) {
|
1727 |
-
return false;
|
1728 |
-
} else {
|
1729 |
-
var widgetView;
|
1730 |
-
do {
|
1731 |
-
widgetView = widgets.eq( ++currentIndex ).data( 'view' );
|
1732 |
-
if ( ! _.isUndefined( widgetView ) && ! widgetView.model.get( 'read_only' ) ) {
|
1733 |
-
return widgetView.getEditDialog();
|
1734 |
-
}
|
1735 |
-
} while( ! _.isUndefined( widgetView ) );
|
1736 |
-
}
|
1737 |
-
|
1738 |
-
return false;
|
1739 |
-
},
|
1740 |
-
|
1741 |
-
/**
|
1742 |
-
* Load the widget form from the server.
|
1743 |
-
* This is called when rendering the dialog for the first time.
|
1744 |
-
*/
|
1745 |
-
loadForm: function () {
|
1746 |
-
// don't load the form if this dialog hasn't been rendered yet
|
1747 |
-
if ( ! this.$( '> *' ).length ) {
|
1748 |
-
return;
|
1749 |
-
}
|
1750 |
-
|
1751 |
-
this.$( '.so-content' ).addClass( 'so-panels-loading' );
|
1752 |
-
|
1753 |
-
var data = {
|
1754 |
-
'action': 'so_panels_widget_form',
|
1755 |
-
'widget': this.model.get( 'class' ),
|
1756 |
-
'instance': JSON.stringify( this.model.get( 'values' ) ),
|
1757 |
-
'raw': this.model.get( 'raw' )
|
1758 |
-
};
|
1759 |
-
|
1760 |
-
var $soContent = this.$( '.so-content' );
|
1761 |
-
|
1762 |
-
$.post( panelsOptions.ajaxurl, data, null, 'html' )
|
1763 |
-
.done( function ( result ) {
|
1764 |
-
// Add in the CID of the widget model
|
1765 |
-
var html = result.replace( /{\$id}/g, this.model.cid );
|
1766 |
-
|
1767 |
-
// Load this content into the form
|
1768 |
-
$soContent
|
1769 |
-
.removeClass( 'so-panels-loading' )
|
1770 |
-
.html( html );
|
1771 |
-
|
1772 |
-
// Trigger all the necessary events
|
1773 |
-
this.trigger( 'form_loaded', this );
|
1774 |
-
|
1775 |
-
// For legacy compatibility, trigger a panelsopen event
|
1776 |
-
this.$( '.panel-dialog' ).trigger( 'panelsopen' );
|
1777 |
-
|
1778 |
-
// If the main dialog is closed from this point on, save the widget content
|
1779 |
-
this.on( 'close_dialog', this.updateModel, this );
|
1780 |
-
|
1781 |
-
var widgetContent = $soContent.find( '> .widget-content' );
|
1782 |
-
// If there's a widget content wrapper, this is one of the new widgets in WP 4.8 which need some special
|
1783 |
-
// handling in JS.
|
1784 |
-
if ( widgetContent.length > 0 ) {
|
1785 |
-
jsWidget.addWidget( $soContent, this.model.widget_id );
|
1786 |
-
}
|
1787 |
-
|
1788 |
-
}.bind( this ) )
|
1789 |
-
.fail( function ( error ) {
|
1790 |
-
var html;
|
1791 |
-
if ( error && error.responseText ) {
|
1792 |
-
html = error.responseText;
|
1793 |
-
} else {
|
1794 |
-
html = panelsOptions.forms.loadingFailed;
|
1795 |
-
}
|
1796 |
-
|
1797 |
-
$soContent
|
1798 |
-
.removeClass( 'so-panels-loading' )
|
1799 |
-
.html( html );
|
1800 |
-
} );
|
1801 |
-
},
|
1802 |
-
|
1803 |
-
/**
|
1804 |
-
* Save the widget from the form to the model
|
1805 |
-
*/
|
1806 |
-
updateModel: function ( args ) {
|
1807 |
-
args = _.extend( {
|
1808 |
-
refresh: true,
|
1809 |
-
refreshArgs: null
|
1810 |
-
}, args );
|
1811 |
-
|
1812 |
-
// Get the values from the form and assign the new values to the model
|
1813 |
-
this.savingWidget = true;
|
1814 |
-
|
1815 |
-
if ( ! this.model.get( 'missing' ) ) {
|
1816 |
-
// Only get the values for non missing widgets.
|
1817 |
-
var values = this.getFormValues();
|
1818 |
-
if ( _.isUndefined( values.widgets ) ) {
|
1819 |
-
values = {};
|
1820 |
-
} else {
|
1821 |
-
values = values.widgets;
|
1822 |
-
values = values[Object.keys( values )[0]];
|
1823 |
-
}
|
1824 |
-
|
1825 |
-
this.model.setValues( values );
|
1826 |
-
this.model.set( 'raw', true ); // We've saved from the widget form, so this is now raw
|
1827 |
-
}
|
1828 |
-
|
1829 |
-
if ( this.styles.stylesLoaded ) {
|
1830 |
-
// If the styles view has loaded
|
1831 |
-
var style = {};
|
1832 |
-
try {
|
1833 |
-
style = this.getFormValues( '.so-sidebar .so-visual-styles' ).style;
|
1834 |
-
}
|
1835 |
-
catch ( e ) {
|
1836 |
-
}
|
1837 |
-
this.model.set( 'style', style );
|
1838 |
-
}
|
1839 |
-
|
1840 |
-
this.savingWidget = false;
|
1841 |
-
|
1842 |
-
if ( args.refresh ) {
|
1843 |
-
this.builder.model.refreshPanelsData( args.refreshArgs );
|
1844 |
-
}
|
1845 |
-
},
|
1846 |
-
|
1847 |
-
/**
|
1848 |
-
*
|
1849 |
-
*/
|
1850 |
-
handleChangeValues: function () {
|
1851 |
-
if ( ! this.savingWidget ) {
|
1852 |
-
// Reload the form when we've changed the model and we're not currently saving from the form
|
1853 |
-
this.loadForm();
|
1854 |
-
}
|
1855 |
-
},
|
1856 |
-
|
1857 |
-
/**
|
1858 |
-
* Save a history entry for this widget. Called when the dialog is closed.
|
1859 |
-
*/
|
1860 |
-
saveHandler: function () {
|
1861 |
-
this.builder.addHistoryEntry( 'widget_edited' );
|
1862 |
-
this.closeDialog();
|
1863 |
-
},
|
1864 |
-
|
1865 |
-
/**
|
1866 |
-
* When the user clicks delete.
|
1867 |
-
*
|
1868 |
-
* @returns {boolean}
|
1869 |
-
*/
|
1870 |
-
deleteHandler: function () {
|
1871 |
-
this.widgetView.visualDestroyModel();
|
1872 |
-
this.closeDialog( {silent: true} );
|
1873 |
-
this.builder.model.refreshPanelsData();
|
1874 |
-
|
1875 |
-
return false;
|
1876 |
-
},
|
1877 |
-
|
1878 |
-
duplicateHandler: function () {
|
1879 |
-
// Call the widget duplicate handler directly
|
1880 |
-
this.widgetView.duplicateHandler();
|
1881 |
-
|
1882 |
-
this.closeDialog( {silent: true} );
|
1883 |
-
this.builder.model.refreshPanelsData();
|
1884 |
-
|
1885 |
-
return false;
|
1886 |
-
}
|
1887 |
-
|
1888 |
-
} );
|
1889 |
-
|
1890 |
-
},{"../view/widgets/js-widget":31}],10:[function(require,module,exports){
|
1891 |
-
var panels = window.panels, $ = jQuery;
|
1892 |
-
|
1893 |
-
module.exports = panels.view.dialog.extend( {
|
1894 |
-
|
1895 |
-
builder: null,
|
1896 |
-
widgetTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-dialog-widgets-widget' ).html() ) ),
|
1897 |
-
filter: {},
|
1898 |
-
|
1899 |
-
dialogClass: 'so-panels-dialog-add-widget',
|
1900 |
-
dialogIcon: 'add-widget',
|
1901 |
-
|
1902 |
-
events: {
|
1903 |
-
'click .so-close': 'closeDialog',
|
1904 |
-
'click .widget-type': 'widgetClickHandler',
|
1905 |
-
'keyup .so-sidebar-search': 'searchHandler'
|
1906 |
-
},
|
1907 |
-
|
1908 |
-
/**
|
1909 |
-
* Initialize the widget adding dialog
|
1910 |
-
*/
|
1911 |
-
initializeDialog: function () {
|
1912 |
-
|
1913 |
-
this.on( 'open_dialog', function () {
|
1914 |
-
this.filter.search = '';
|
1915 |
-
this.filterWidgets( this.filter );
|
1916 |
-
}, this );
|
1917 |
-
|
1918 |
-
this.on( 'open_dialog_complete', function () {
|
1919 |
-
// Clear the search and re-filter the widgets when we open the dialog
|
1920 |
-
this.$( '.so-sidebar-search' ).val( '' ).focus();
|
1921 |
-
this.balanceWidgetHeights();
|
1922 |
-
} );
|
1923 |
-
|
1924 |
-
// We'll implement a custom tab click handler
|
1925 |
-
this.on( 'tab_click', this.tabClickHandler, this );
|
1926 |
-
},
|
1927 |
-
|
1928 |
-
render: function () {
|
1929 |
-
// Render the dialog and attach it to the builder interface
|
1930 |
-
this.renderDialog( this.parseDialogContent( $( '#siteorigin-panels-dialog-widgets' ).html(), {} ) );
|
1931 |
-
|
1932 |
-
// Add all the widgets
|
1933 |
-
_.each( panelsOptions.widgets, function ( widget ) {
|
1934 |
-
var $w = $( this.widgetTemplate( {
|
1935 |
-
title: widget.title,
|
1936 |
-
description: widget.description
|
1937 |
-
} ) );
|
1938 |
-
|
1939 |
-
if ( _.isUndefined( widget.icon ) ) {
|
1940 |
-
widget.icon = 'dashicons dashicons-admin-generic';
|
1941 |
-
}
|
1942 |
-
|
1943 |
-
$( '<span class="widget-icon" />' ).addClass( widget.icon ).prependTo( $w.find( '.widget-type-wrapper' ) );
|
1944 |
-
|
1945 |
-
$w.data( 'class', widget.class ).appendTo( this.$( '.widget-type-list' ) );
|
1946 |
-
}, this );
|
1947 |
-
|
1948 |
-
// Add the sidebar tabs
|
1949 |
-
var tabs = this.$( '.so-sidebar-tabs' );
|
1950 |
-
_.each( panelsOptions.widget_dialog_tabs, function ( tab ) {
|
1951 |
-
$( this.dialogTabTemplate( {'title': tab.title} ) ).data( {
|
1952 |
-
'message': tab.message,
|
1953 |
-
'filter': tab.filter
|
1954 |
-
} ).appendTo( tabs );
|
1955 |
-
}, this );
|
1956 |
-
|
1957 |
-
// We'll be using tabs, so initialize them
|
1958 |
-
this.initTabs();
|
1959 |
-
|
1960 |
-
var thisDialog = this;
|
1961 |
-
$( window ).resize( function () {
|
1962 |
-
thisDialog.balanceWidgetHeights();
|
1963 |
-
} );
|
1964 |
-
},
|
1965 |
-
|
1966 |
-
/**
|
1967 |
-
* Handle a tab being clicked
|
1968 |
-
*/
|
1969 |
-
tabClickHandler: function ( $t ) {
|
1970 |
-
// Get the filter from the tab, and filter the widgets
|
1971 |
-
this.filter = $t.parent().data( 'filter' );
|
1972 |
-
this.filter.search = this.$( '.so-sidebar-search' ).val();
|
1973 |
-
|
1974 |
-
var message = $t.parent().data( 'message' );
|
1975 |
-
if ( _.isEmpty( message ) ) {
|
1976 |
-
message = '';
|
1977 |
-
}
|
1978 |
-
|
1979 |
-
this.$( '.so-toolbar .so-status' ).html( message );
|
1980 |
-
|
1981 |
-
this.filterWidgets( this.filter );
|
1982 |
-
|
1983 |
-
return false;
|
1984 |
-
},
|
1985 |
-
|
1986 |
-
/**
|
1987 |
-
* Handle changes to the search value
|
1988 |
-
*/
|
1989 |
-
searchHandler: function ( e ) {
|
1990 |
-
if( e.which === 13 ) {
|
1991 |
-
var visibleWidgets = this.$( '.widget-type-list .widget-type:visible' );
|
1992 |
-
if( visibleWidgets.length === 1 ) {
|
1993 |
-
visibleWidgets.click();
|
1994 |
-
}
|
1995 |
-
}
|
1996 |
-
else {
|
1997 |
-
this.filter.search = $( e.target ).val().trim();
|
1998 |
-
this.filterWidgets( this.filter );
|
1999 |
-
}
|
2000 |
-
},
|
2001 |
-
|
2002 |
-
/**
|
2003 |
-
* Filter the widgets that we're displaying
|
2004 |
-
* @param filter
|
2005 |
-
*/
|
2006 |
-
filterWidgets: function ( filter ) {
|
2007 |
-
if ( _.isUndefined( filter ) ) {
|
2008 |
-
filter = {};
|
2009 |
-
}
|
2010 |
-
|
2011 |
-
if ( _.isUndefined( filter.groups ) ) {
|
2012 |
-
filter.groups = '';
|
2013 |
-
}
|
2014 |
-
|
2015 |
-
this.$( '.widget-type-list .widget-type' ).each( function () {
|
2016 |
-
var $$ = $( this ), showWidget;
|
2017 |
-
var widgetClass = $$.data( 'class' );
|
2018 |
-
|
2019 |
-
var widgetData = (
|
2020 |
-
! _.isUndefined( panelsOptions.widgets[widgetClass] )
|
2021 |
-
) ? panelsOptions.widgets[widgetClass] : null;
|
2022 |
-
|
2023 |
-
if ( _.isEmpty( filter.groups ) ) {
|
2024 |
-
// This filter doesn't specify groups, so show all
|
2025 |
-
showWidget = true;
|
2026 |
-
} else if ( widgetData !== null && ! _.isEmpty( _.intersection( filter.groups, panelsOptions.widgets[widgetClass].groups ) ) ) {
|
2027 |
-
// This widget is in the filter group
|
2028 |
-
showWidget = true;
|
2029 |
-
} else {
|
2030 |
-
// This widget is not in the filter group
|
2031 |
-
showWidget = false;
|
2032 |
-
}
|
2033 |
-
|
2034 |
-
// This can probably be done with a more intelligent operator
|
2035 |
-
if ( showWidget ) {
|
2036 |
-
|
2037 |
-
if ( ! _.isUndefined( filter.search ) && filter.search !== '' ) {
|
2038 |
-
// Check if the widget title contains the search term
|
2039 |
-
if ( widgetData.title.toLowerCase().indexOf( filter.search.toLowerCase() ) === - 1 ) {
|
2040 |
-
showWidget = false;
|
2041 |
-
}
|
2042 |
-
}
|
2043 |
-
|
2044 |
-
}
|
2045 |
-
|
2046 |
-
if ( showWidget ) {
|
2047 |
-
$$.show();
|
2048 |
-
} else {
|
2049 |
-
$$.hide();
|
2050 |
-
}
|
2051 |
-
} );
|
2052 |
-
|
2053 |
-
// Balance the tags after filtering
|
2054 |
-
this.balanceWidgetHeights();
|
2055 |
-
},
|
2056 |
-
|
2057 |
-
/**
|
2058 |
-
* Add the widget to the current builder
|
2059 |
-
*
|
2060 |
-
* @param e
|
2061 |
-
*/
|
2062 |
-
widgetClickHandler: function ( e ) {
|
2063 |
-
// Add the history entry
|
2064 |
-
this.builder.trigger('before_user_adds_widget');
|
2065 |
-
this.builder.addHistoryEntry( 'widget_added' );
|
2066 |
-
|
2067 |
-
var $w = $( e.currentTarget );
|
2068 |
-
|
2069 |
-
var widget = new panels.model.widget( {
|
2070 |
-
class: $w.data( 'class' )
|
2071 |
-
} );
|
2072 |
-
|
2073 |
-
// Add the widget to the cell model
|
2074 |
-
widget.cell = this.builder.getActiveCell();
|
2075 |
-
widget.cell.get('widgets').add( widget );
|
2076 |
-
|
2077 |
-
this.closeDialog();
|
2078 |
-
this.builder.model.refreshPanelsData();
|
2079 |
-
|
2080 |
-
this.builder.trigger('after_user_adds_widget', widget);
|
2081 |
-
},
|
2082 |
-
|
2083 |
-
/**
|
2084 |
-
* Balance widgets in a given row so they have enqual height.
|
2085 |
-
* @param e
|
2086 |
-
*/
|
2087 |
-
balanceWidgetHeights: function ( e ) {
|
2088 |
-
var widgetRows = [[]];
|
2089 |
-
var previousWidget = null;
|
2090 |
-
|
2091 |
-
// Work out how many widgets there are per row
|
2092 |
-
var perRow = Math.round( this.$( '.widget-type' ).parent().width() / this.$( '.widget-type' ).width() );
|
2093 |
-
|
2094 |
-
// Add clears to create balanced rows
|
2095 |
-
this.$( '.widget-type' )
|
2096 |
-
.css( 'clear', 'none' )
|
2097 |
-
.filter( ':visible' )
|
2098 |
-
.each( function ( i, el ) {
|
2099 |
-
if ( i % perRow === 0 && i !== 0 ) {
|
2100 |
-
$( el ).css( 'clear', 'both' );
|
2101 |
-
}
|
2102 |
-
} );
|
2103 |
-
|
2104 |
-
// Group the widgets into rows
|
2105 |
-
this.$( '.widget-type-wrapper' )
|
2106 |
-
.css( 'height', 'auto' )
|
2107 |
-
.filter( ':visible' )
|
2108 |
-
.each( function ( i, el ) {
|
2109 |
-
var $el = $( el );
|
2110 |
-
if ( previousWidget !== null && previousWidget.position().top !== $el.position().top ) {
|
2111 |
-
widgetRows[widgetRows.length] = [];
|
2112 |
-
}
|
2113 |
-
previousWidget = $el;
|
2114 |
-
widgetRows[widgetRows.length - 1].push( $el );
|
2115 |
-
} );
|
2116 |
-
|
2117 |
-
// Balance the height of the widgets within the row.
|
2118 |
-
_.each( widgetRows, function ( row, i ) {
|
2119 |
-
var maxHeight = _.max( row.map( function ( el ) {
|
2120 |
-
return el.height();
|
2121 |
-
} ) );
|
2122 |
-
// Set the height of each widget in the row
|
2123 |
-
_.each( row, function ( el ) {
|
2124 |
-
el.height( maxHeight );
|
2125 |
-
} );
|
2126 |
-
|
2127 |
-
} );
|
2128 |
-
}
|
2129 |
-
} );
|
2130 |
-
|
2131 |
-
},{}],11:[function(require,module,exports){
|
2132 |
-
module.exports = {
|
2133 |
-
/**
|
2134 |
-
* Check if we have copy paste available.
|
2135 |
-
* @returns {boolean|*}
|
2136 |
-
*/
|
2137 |
-
canCopyPaste: function(){
|
2138 |
-
return typeof(Storage) !== "undefined" && panelsOptions.user;
|
2139 |
-
},
|
2140 |
-
|
2141 |
-
/**
|
2142 |
-
* Set the model that we're going to store in the clipboard
|
2143 |
-
*/
|
2144 |
-
setModel: function( model ){
|
2145 |
-
if( ! this.canCopyPaste() ) {
|
2146 |
-
return false;
|
2147 |
-
}
|
2148 |
-
|
2149 |
-
var serial = panels.helpers.serialize.serialize( model );
|
2150 |
-
if( model instanceof panels.model.row ) {
|
2151 |
-
serial.thingType = 'row-model';
|
2152 |
-
} else if( model instanceof panels.model.widget ) {
|
2153 |
-
serial.thingType = 'widget-model';
|
2154 |
-
}
|
2155 |
-
|
2156 |
-
// Store this in local storage
|
2157 |
-
localStorage[ 'panels_clipboard_' + panelsOptions.user ] = JSON.stringify( serial );
|
2158 |
-
return true;
|
2159 |
-
},
|
2160 |
-
|
2161 |
-
/**
|
2162 |
-
* Check if the current model stored in the clipboard is the expected type
|
2163 |
-
*/
|
2164 |
-
isModel: function( expected ){
|
2165 |
-
if( ! this.canCopyPaste() ) {
|
2166 |
-
return false;
|
2167 |
-
}
|
2168 |
-
|
2169 |
-
var clipboardObject = localStorage[ 'panels_clipboard_' + panelsOptions.user ];
|
2170 |
-
if( clipboardObject !== undefined ) {
|
2171 |
-
clipboardObject = JSON.parse(clipboardObject);
|
2172 |
-
return clipboardObject.thingType && clipboardObject.thingType === expected;
|
2173 |
-
}
|
2174 |
-
|
2175 |
-
return false;
|
2176 |
-
},
|
2177 |
-
|
2178 |
-
/**
|
2179 |
-
* Get the model currently stored in the clipboard
|
2180 |
-
*/
|
2181 |
-
getModel: function( expected ){
|
2182 |
-
if( ! this.canCopyPaste() ) {
|
2183 |
-
return null;
|
2184 |
-
}
|
2185 |
-
|
2186 |
-
var clipboardObject = localStorage[ 'panels_clipboard_' + panelsOptions.user ];
|
2187 |
-
if( clipboardObject !== undefined ) {
|
2188 |
-
clipboardObject = JSON.parse( clipboardObject );
|
2189 |
-
if( clipboardObject.thingType && clipboardObject.thingType === expected ) {
|
2190 |
-
return panels.helpers.serialize.unserialize( clipboardObject, clipboardObject.thingType, null );
|
2191 |
-
}
|
2192 |
-
}
|
2193 |
-
|
2194 |
-
return null;
|
2195 |
-
},
|
2196 |
-
};
|
2197 |
-
|
2198 |
-
},{}],12:[function(require,module,exports){
|
2199 |
-
module.exports = {
|
2200 |
-
/**
|
2201 |
-
* Lock window scrolling for the main overlay
|
2202 |
-
*/
|
2203 |
-
lock: function () {
|
2204 |
-
if ( jQuery( 'body' ).css( 'overflow' ) === 'hidden' ) {
|
2205 |
-
return;
|
2206 |
-
}
|
2207 |
-
|
2208 |
-
// lock scroll position, but retain settings for later
|
2209 |
-
var scrollPosition = [
|
2210 |
-
self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
|
2211 |
-
self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
|
2212 |
-
];
|
2213 |
-
|
2214 |
-
jQuery( 'body' )
|
2215 |
-
.data( {
|
2216 |
-
'scroll-position': scrollPosition
|
2217 |
-
} )
|
2218 |
-
.css( 'overflow', 'hidden' );
|
2219 |
-
|
2220 |
-
if( ! _.isUndefined( scrollPosition ) ) {
|
2221 |
-
window.scrollTo( scrollPosition[0], scrollPosition[1] );
|
2222 |
-
}
|
2223 |
-
},
|
2224 |
-
|
2225 |
-
/**
|
2226 |
-
* Unlock window scrolling
|
2227 |
-
*/
|
2228 |
-
unlock: function () {
|
2229 |
-
if ( jQuery( 'body' ).css( 'overflow' ) !== 'hidden' ) {
|
2230 |
-
return;
|
2231 |
-
}
|
2232 |
-
|
2233 |
-
// Check that there are no more dialogs or a live editor
|
2234 |
-
if ( ! jQuery( '.so-panels-dialog-wrapper' ).is( ':visible' ) && ! jQuery( '.so-panels-live-editor' ).is( ':visible' ) ) {
|
2235 |
-
jQuery( 'body' ).css( 'overflow', 'visible' );
|
2236 |
-
var scrollPosition = jQuery( 'body' ).data( 'scroll-position' );
|
2237 |
-
|
2238 |
-
if( ! _.isUndefined( scrollPosition ) ) {
|
2239 |
-
window.scrollTo( scrollPosition[0], scrollPosition[1] );
|
2240 |
-
}
|
2241 |
-
}
|
2242 |
-
},
|
2243 |
-
};
|
2244 |
-
|
2245 |
-
},{}],13:[function(require,module,exports){
|
2246 |
-
/*
|
2247 |
-
This is a modified version of https://github.com/underdogio/backbone-serialize/
|
2248 |
-
*/
|
2249 |
-
|
2250 |
-
/* global Backbone, module, panels */
|
2251 |
-
|
2252 |
-
module.exports = {
|
2253 |
-
serialize: function( thing ){
|
2254 |
-
var val;
|
2255 |
-
|
2256 |
-
if( thing instanceof Backbone.Model ) {
|
2257 |
-
var retObj = {};
|
2258 |
-
for ( var key in thing.attributes ) {
|
2259 |
-
if (thing.attributes.hasOwnProperty( key ) ) {
|
2260 |
-
// Skip these to avoid recursion
|
2261 |
-
if( key === 'builder' || key === 'collection' ) { continue; }
|
2262 |
-
|
2263 |
-
// If the value is a Model or a Collection, then serialize them as well
|
2264 |
-
val = thing.attributes[key];
|
2265 |
-
if ( val instanceof Backbone.Model || val instanceof Backbone.Collection ) {
|
2266 |
-
retObj[key] = this.serialize( val );
|
2267 |
-
} else {
|
2268 |
-
// Otherwise, save the original value
|
2269 |
-
retObj[key] = val;
|
2270 |
-
}
|
2271 |
-
}
|
2272 |
-
}
|
2273 |
-
return retObj;
|
2274 |
-
}
|
2275 |
-
else if( thing instanceof Backbone.Collection ) {
|
2276 |
-
// Walk over all of our models
|
2277 |
-
var retArr = [];
|
2278 |
-
|
2279 |
-
for ( var i = 0; i < thing.models.length; i++ ) {
|
2280 |
-
// If the model is serializable, then serialize it
|
2281 |
-
val = thing.models[i];
|
2282 |
-
|
2283 |
-
if ( val instanceof Backbone.Model || val instanceof Backbone.Collection ) {
|
2284 |
-
retArr.push( this.serialize( val ) );
|
2285 |
-
} else {
|
2286 |
-
// Otherwise (it is an object), return it in its current form
|
2287 |
-
retArr.push( val );
|
2288 |
-
}
|
2289 |
-
}
|
2290 |
-
|
2291 |
-
// Return the serialized models
|
2292 |
-
return retArr;
|
2293 |
-
}
|
2294 |
-
},
|
2295 |
-
|
2296 |
-
unserialize: function( thing, thingType, parent ) {
|
2297 |
-
var retObj;
|
2298 |
-
|
2299 |
-
switch( thingType ) {
|
2300 |
-
case 'row-model' :
|
2301 |
-
retObj = new panels.model.row();
|
2302 |
-
retObj.builder = parent;
|
2303 |
-
var atts = { style: thing.style };
|
2304 |
-
if ( thing.hasOwnProperty( 'label' ) ) {
|
2305 |
-
atts.label = thing.label;
|
2306 |
-
}
|
2307 |
-
if ( thing.hasOwnProperty( 'color_label' ) ) {
|
2308 |
-
atts.color_label = thing.color_label;
|
2309 |
-
}
|
2310 |
-
retObj.set( atts );
|
2311 |
-
retObj.setCells( this.unserialize( thing.cells, 'cell-collection', retObj ) );
|
2312 |
-
break;
|
2313 |
-
|
2314 |
-
case 'cell-model' :
|
2315 |
-
retObj = new panels.model.cell();
|
2316 |
-
retObj.row = parent;
|
2317 |
-
retObj.set( 'weight', thing.weight );
|
2318 |
-
retObj.set( 'style', thing.style );
|
2319 |
-
retObj.set( 'widgets', this.unserialize( thing.widgets, 'widget-collection', retObj ) );
|
2320 |
-
break;
|
2321 |
-
|
2322 |
-
case 'widget-model' :
|
2323 |
-
retObj = new panels.model.widget();
|
2324 |
-
retObj.cell = parent;
|
2325 |
-
for ( var key in thing ) {
|
2326 |
-
if ( thing.hasOwnProperty( key ) ) {
|
2327 |
-
retObj.set( key, thing[key] );
|
2328 |
-
}
|
2329 |
-
}
|
2330 |
-
retObj.set( 'widget_id', panels.helpers.utils.generateUUID() );
|
2331 |
-
break;
|
2332 |
-
|
2333 |
-
case 'cell-collection':
|
2334 |
-
retObj = new panels.collection.cells();
|
2335 |
-
for( var i = 0; i < thing.length; i++ ) {
|
2336 |
-
retObj.push( this.unserialize( thing[i], 'cell-model', parent ) );
|
2337 |
-
}
|
2338 |
-
break;
|
2339 |
-
|
2340 |
-
case 'widget-collection':
|
2341 |
-
retObj = new panels.collection.widgets();
|
2342 |
-
for( var i = 0; i < thing.length; i++ ) {
|
2343 |
-
retObj.push( this.unserialize( thing[i], 'widget-model', parent ) );
|
2344 |
-
}
|
2345 |
-
break;
|
2346 |
-
|
2347 |
-
default:
|
2348 |
-
console.log( 'Unknown Thing - ' + thingType );
|
2349 |
-
break;
|
2350 |
-
}
|
2351 |
-
|
2352 |
-
return retObj;
|
2353 |
-
}
|
2354 |
-
};
|
2355 |
-
|
2356 |
-
},{}],14:[function(require,module,exports){
|
2357 |
-
module.exports = {
|
2358 |
-
|
2359 |
-
generateUUID: function(){
|
2360 |
-
var d = new Date().getTime();
|
2361 |
-
if( window.performance && typeof window.performance.now === "function" ){
|
2362 |
-
d += performance.now(); //use high-precision timer if available
|
2363 |
-
}
|
2364 |
-
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace( /[xy]/g, function(c) {
|
2365 |
-
var r = (d + Math.random()*16)%16 | 0;
|
2366 |
-
d = Math.floor(d/16);
|
2367 |
-
return ( c == 'x' ? r : (r&0x3|0x8) ).toString(16);
|
2368 |
-
} );
|
2369 |
-
return uuid;
|
2370 |
-
},
|
2371 |
-
|
2372 |
-
processTemplate: function ( s ) {
|
2373 |
-
if ( _.isUndefined( s ) || _.isNull( s ) ) {
|
2374 |
-
return '';
|
2375 |
-
}
|
2376 |
-
s = s.replace( /{{%/g, '<%' );
|
2377 |
-
s = s.replace( /%}}/g, '%>' );
|
2378 |
-
s = s.trim();
|
2379 |
-
return s;
|
2380 |
-
},
|
2381 |
-
|
2382 |
-
// From this SO post: http://stackoverflow.com/questions/6139107/programmatically-select-text-in-a-contenteditable-html-element
|
2383 |
-
selectElementContents: function( element ) {
|
2384 |
-
var range = document.createRange();
|
2385 |
-
range.selectNodeContents( element );
|
2386 |
-
var sel = window.getSelection();
|
2387 |
-
sel.removeAllRanges();
|
2388 |
-
sel.addRange( range );
|
2389 |
-
},
|
2390 |
-
|
2391 |
-
}
|
2392 |
-
|
2393 |
-
},{}],15:[function(require,module,exports){
|
2394 |
-
/* global _, jQuery, panels */
|
2395 |
-
|
2396 |
-
var panels = window.panels, $ = jQuery;
|
2397 |
-
|
2398 |
-
module.exports = function ( config, force ) {
|
2399 |
-
|
2400 |
-
return this.each( function () {
|
2401 |
-
var $$ = jQuery( this );
|
2402 |
-
|
2403 |
-
if ( $$.data( 'soPanelsBuilderWidgetInitialized' ) && ! force ) {
|
2404 |
-
return;
|
2405 |
-
}
|
2406 |
-
var widgetId = $$.closest( 'form' ).find( '.widget-id' ).val();
|
2407 |
-
|
2408 |
-
// Create a config for this specific widget
|
2409 |
-
var thisConfig = $.extend(true, {}, config);
|
2410 |
-
|
2411 |
-
// Exit if this isn't a real widget
|
2412 |
-
if ( ! _.isUndefined( widgetId ) && widgetId.indexOf( '__i__' ) > - 1 ) {
|
2413 |
-
return;
|
2414 |
-
}
|
2415 |
-
|
2416 |
-
// Create the main builder model
|
2417 |
-
var builderModel = new panels.model.builder();
|
2418 |
-
|
2419 |
-
// Now for the view to display the builder
|
2420 |
-
var builderView = new panels.view.builder( {
|
2421 |
-
model: builderModel,
|
2422 |
-
config: thisConfig
|
2423 |
-
} );
|
2424 |
-
|
2425 |
-
// Save panels data when we close the dialog, if we're in a dialog
|
2426 |
-
var dialog = $$.closest( '.so-panels-dialog-wrapper' ).data( 'view' );
|
2427 |
-
if ( ! _.isUndefined( dialog ) ) {
|
2428 |
-
dialog.on( 'close_dialog', function () {
|
2429 |
-
builderModel.refreshPanelsData();
|
2430 |
-
} );
|
2431 |
-
|
2432 |
-
dialog.on( 'open_dialog_complete', function () {
|
2433 |
-
// Make sure the new layout widget is always properly setup
|
2434 |
-
builderView.trigger( 'builder_resize' );
|
2435 |
-
} );
|
2436 |
-
|
2437 |
-
dialog.model.on( 'destroy', function () {
|
2438 |
-
// Destroy the builder
|
2439 |
-
builderModel.emptyRows().destroy();
|
2440 |
-
} );
|
2441 |
-
|
2442 |
-
// Set the parent for all the sub dialogs
|
2443 |
-
builderView.setDialogParents( panelsOptions.loc.layout_widget, dialog );
|
2444 |
-
}
|
2445 |
-
|
2446 |
-
// Basic setup for the builder
|
2447 |
-
var isWidget = Boolean( $$.closest( '.widget-content' ).length );
|
2448 |
-
builderView
|
2449 |
-
.render()
|
2450 |
-
.attach( {
|
2451 |
-
container: $$,
|
2452 |
-
dialog: isWidget || $$.data('mode') === 'dialog',
|
2453 |
-
type: $$.data( 'type' )
|
2454 |
-
} )
|
2455 |
-
.setDataField( $$.find( 'input.panels-data' ) );
|
2456 |
-
|
2457 |
-
if ( isWidget || $$.data('mode') === 'dialog' ) {
|
2458 |
-
// Set up the dialog opening
|
2459 |
-
builderView.setDialogParents( panelsOptions.loc.layout_widget, builderView.dialog );
|
2460 |
-
$$.find( '.siteorigin-panels-display-builder' ).click( function ( e ) {
|
2461 |
-
e.preventDefault();
|
2462 |
-
builderView.dialog.openDialog();
|
2463 |
-
} );
|
2464 |
-
} else {
|
2465 |
-
// Remove the dialog opener button, this is already being displayed in a page builder dialog.
|
2466 |
-
$$.find( '.siteorigin-panels-display-builder' ).parent().remove();
|
2467 |
-
}
|
2468 |
-
|
2469 |
-
// Trigger a global jQuery event after we've setup the builder view
|
2470 |
-
$( document ).trigger( 'panels_setup', builderView );
|
2471 |
-
|
2472 |
-
$$.data( 'soPanelsBuilderWidgetInitialized', true );
|
2473 |
-
} );
|
2474 |
-
};
|
2475 |
-
|
2476 |
-
},{}],16:[function(require,module,exports){
|
2477 |
-
/**
|
2478 |
-
* Everything we need for SiteOrigin Page Builder.
|
2479 |
-
*
|
2480 |
-
* @copyright Greg Priday 2013 - 2016 - <https://siteorigin.com/>
|
2481 |
-
* @license GPL 3.0 http://www.gnu.org/licenses/gpl.html
|
2482 |
-
*/
|
2483 |
-
|
2484 |
-
/* global Backbone, _, jQuery, tinyMCE, panelsOptions, plupload, confirm, console, require */
|
2485 |
-
|
2486 |
-
var panels = {};
|
2487 |
-
|
2488 |
-
// Store everything globally
|
2489 |
-
window.panels = panels;
|
2490 |
-
window.siteoriginPanels = panels;
|
2491 |
-
|
2492 |
-
// Helpers
|
2493 |
-
panels.helpers = {};
|
2494 |
-
panels.helpers.clipboard = require( './helpers/clipboard' );
|
2495 |
-
panels.helpers.utils = require( './helpers/utils' );
|
2496 |
-
panels.helpers.serialize = require( './helpers/serialize' );
|
2497 |
-
panels.helpers.pageScroll = require( './helpers/page-scroll' );
|
2498 |
-
|
2499 |
-
// The models
|
2500 |
-
panels.model = {};
|
2501 |
-
panels.model.widget = require( './model/widget' );
|
2502 |
-
panels.model.cell = require( './model/cell' );
|
2503 |
-
panels.model.row = require( './model/row' );
|
2504 |
-
panels.model.builder = require( './model/builder' );
|
2505 |
-
panels.model.historyEntry = require( './model/history-entry' );
|
2506 |
-
|
2507 |
-
// The collections
|
2508 |
-
panels.collection = {};
|
2509 |
-
panels.collection.widgets = require( './collection/widgets' );
|
2510 |
-
panels.collection.cells = require( './collection/cells' );
|
2511 |
-
panels.collection.rows = require( './collection/rows' );
|
2512 |
-
panels.collection.historyEntries = require( './collection/history-entries' );
|
2513 |
-
|
2514 |
-
// The views
|
2515 |
-
panels.view = {};
|
2516 |
-
panels.view.widget = require( './view/widget' );
|
2517 |
-
panels.view.cell = require( './view/cell' );
|
2518 |
-
panels.view.row = require( './view/row' );
|
2519 |
-
panels.view.builder = require( './view/builder' );
|
2520 |
-
panels.view.dialog = require( './view/dialog' );
|
2521 |
-
panels.view.styles = require( './view/styles' );
|
2522 |
-
panels.view.liveEditor = require( './view/live-editor' );
|
2523 |
-
|
2524 |
-
// The dialogs
|
2525 |
-
panels.dialog = {};
|
2526 |
-
panels.dialog.builder = require( './dialog/builder' );
|
2527 |
-
panels.dialog.widgets = require( './dialog/widgets' );
|
2528 |
-
panels.dialog.widget = require( './dialog/widget' );
|
2529 |
-
panels.dialog.prebuilt = require( './dialog/prebuilt' );
|
2530 |
-
panels.dialog.row = require( './dialog/row' );
|
2531 |
-
panels.dialog.history = require( './dialog/history' );
|
2532 |
-
|
2533 |
-
// The utils
|
2534 |
-
panels.utils = {};
|
2535 |
-
panels.utils.menu = require( './utils/menu' );
|
2536 |
-
|
2537 |
-
// jQuery Plugins
|
2538 |
-
jQuery.fn.soPanelsSetupBuilderWidget = require( './jquery/setup-builder-widget' );
|
2539 |
-
|
2540 |
-
|
2541 |
-
// Set up Page Builder if we're on the main interface
|
2542 |
-
jQuery( function ( $ ) {
|
2543 |
-
|
2544 |
-
var container,
|
2545 |
-
field,
|
2546 |
-
form,
|
2547 |
-
builderConfig;
|
2548 |
-
|
2549 |
-
var $panelsMetabox = $( '#siteorigin-panels-metabox' );
|
2550 |
-
form = $( 'form#post' );
|
2551 |
-
if ( $panelsMetabox.length && form.length ) {
|
2552 |
-
// This is usually the case when we're in the post edit interface
|
2553 |
-
container = $panelsMetabox;
|
2554 |
-
field = $panelsMetabox.find( '.siteorigin-panels-data-field' );
|
2555 |
-
|
2556 |
-
builderConfig = {
|
2557 |
-
editorType: 'tinyMCE',
|
2558 |
-
postId: $( '#post_ID' ).val(),
|
2559 |
-
editorId: '#content',
|
2560 |
-
builderType: $panelsMetabox.data( 'builder-type' ),
|
2561 |
-
builderSupports: $panelsMetabox.data( 'builder-supports' ),
|
2562 |
-
loadOnAttach: panelsOptions.loadOnAttach && $( '#auto_draft' ).val() == 1,
|
2563 |
-
loadLiveEditor: $panelsMetabox.data('live-editor') == 1,
|
2564 |
-
liveEditorPreview: container.data('preview-url')
|
2565 |
-
};
|
2566 |
-
}
|
2567 |
-
else if ( $( '.siteorigin-panels-builder-form' ).length ) {
|
2568 |
-
// We're dealing with another interface like the custom home page interface
|
2569 |
-
var $$ = $( '.siteorigin-panels-builder-form' );
|
2570 |
-
|
2571 |
-
container = $$.find( '.siteorigin-panels-builder-container' );
|
2572 |
-
field = $$.find( 'input[name="panels_data"]' );
|
2573 |
-
form = $$;
|
2574 |
-
|
2575 |
-
builderConfig = {
|
2576 |
-
editorType: 'standalone',
|
2577 |
-
postId: $$.data( 'post-id' ),
|
2578 |
-
editorId: '#post_content',
|
2579 |
-
builderType: $$.data( 'type' ),
|
2580 |
-
builderSupports: $$.data( 'builder-supports' ),
|
2581 |
-
loadLiveEditor: false,
|
2582 |
-
liveEditorPreview: $$.data( 'preview-url' )
|
2583 |
-
};
|
2584 |
-
}
|
2585 |
-
|
2586 |
-
if ( ! _.isUndefined( container ) ) {
|
2587 |
-
// If we have a container, then set up the main builder
|
2588 |
-
var panels = window.siteoriginPanels;
|
2589 |
-
|
2590 |
-
// Create the main builder model
|
2591 |
-
var builderModel = new panels.model.builder();
|
2592 |
-
|
2593 |
-
// Now for the view to display the builder
|
2594 |
-
var builderView = new panels.view.builder( {
|
2595 |
-
model: builderModel,
|
2596 |
-
config: builderConfig
|
2597 |
-
} );
|
2598 |
-
|
2599 |
-
// Set up the builder view
|
2600 |
-
builderView
|
2601 |
-
.render()
|
2602 |
-
.attach( {
|
2603 |
-
container: container
|
2604 |
-
} )
|
2605 |
-
.setDataField( field )
|
2606 |
-
.attachToEditor();
|
2607 |
-
|
2608 |
-
// When the form is submitted, update the panels data
|
2609 |
-
form.submit( function () {
|
2610 |
-
// Refresh the data
|
2611 |
-
builderModel.refreshPanelsData();
|
2612 |
-
} );
|
2613 |
-
|
2614 |
-
container.removeClass( 'so-panels-loading' );
|
2615 |
-
|
2616 |
-
// Trigger a global jQuery event after we've setup the builder view. Everything is accessible form there
|
2617 |
-
$( document ).trigger( 'panels_setup', builderView, window.panels );
|
2618 |
-
}
|
2619 |
-
|
2620 |
-
// Setup new widgets when they're added in the standard widget interface
|
2621 |
-
$( document ).on( 'widget-added', function ( e, widget ) {
|
2622 |
-
$( widget ).find( '.siteorigin-page-builder-widget' ).soPanelsSetupBuilderWidget();
|
2623 |
-
} );
|
2624 |
-
|
2625 |
-
// Setup existing widgets on the page (for the widgets interface)
|
2626 |
-
if ( ! $( 'body' ).hasClass( 'wp-customizer' ) ) {
|
2627 |
-
$( function () {
|
2628 |
-
$( '.siteorigin-page-builder-widget' ).soPanelsSetupBuilderWidget();
|
2629 |
-
} );
|
2630 |
-
}
|
2631 |
-
} );
|
2632 |
-
|
2633 |
-
},{"./collection/cells":1,"./collection/history-entries":2,"./collection/rows":3,"./collection/widgets":4,"./dialog/builder":5,"./dialog/history":6,"./dialog/prebuilt":7,"./dialog/row":8,"./dialog/widget":9,"./dialog/widgets":10,"./helpers/clipboard":11,"./helpers/page-scroll":12,"./helpers/serialize":13,"./helpers/utils":14,"./jquery/setup-builder-widget":15,"./model/builder":17,"./model/cell":18,"./model/history-entry":19,"./model/row":20,"./model/widget":21,"./utils/menu":22,"./view/builder":23,"./view/cell":24,"./view/dialog":25,"./view/live-editor":26,"./view/row":27,"./view/styles":28,"./view/widget":29}],17:[function(require,module,exports){
|
2634 |
-
module.exports = Backbone.Model.extend({
|
2635 |
-
layoutPosition: {
|
2636 |
-
BEFORE: 'before',
|
2637 |
-
AFTER: 'after',
|
2638 |
-
REPLACE: 'replace',
|
2639 |
-
},
|
2640 |
-
|
2641 |
-
rows: {},
|
2642 |
-
|
2643 |
-
defaults: {
|
2644 |
-
'data': {
|
2645 |
-
'widgets': [],
|
2646 |
-
'grids': [],
|
2647 |
-
'grid_cells': []
|
2648 |
-
}
|
2649 |
-
},
|
2650 |
-
|
2651 |
-
initialize: function () {
|
2652 |
-
// These are the main rows in the interface
|
2653 |
-
this.set( 'rows', new panels.collection.rows() );
|
2654 |
-
},
|
2655 |
-
|
2656 |
-
/**
|
2657 |
-
* Add a new row to this builder.
|
2658 |
-
*
|
2659 |
-
* @param attrs
|
2660 |
-
* @param cells
|
2661 |
-
* @param options
|
2662 |
-
*/
|
2663 |
-
addRow: function (attrs, cells, options) {
|
2664 |
-
options = _.extend({
|
2665 |
-
noAnimate: false
|
2666 |
-
}, options);
|
2667 |
-
|
2668 |
-
var cellCollection = new panels.collection.cells(cells);
|
2669 |
-
|
2670 |
-
attrs = _.extend({
|
2671 |
-
collection: this.get('rows'),
|
2672 |
-
cells: cellCollection,
|
2673 |
-
}, attrs);
|
2674 |
-
|
2675 |
-
// Create the actual row
|
2676 |
-
var row = new panels.model.row(attrs);
|
2677 |
-
row.builder = this;
|
2678 |
-
|
2679 |
-
this.get('rows').add( row, options );
|
2680 |
-
|
2681 |
-
return row;
|
2682 |
-
},
|
2683 |
-
|
2684 |
-
/**
|
2685 |
-
* Load the panels data into the builder
|
2686 |
-
*
|
2687 |
-
* @param data Object the layout and widgets data to load.
|
2688 |
-
* @param position string Where to place the new layout. Allowed options are 'before', 'after'. Anything else will
|
2689 |
-
* cause the new layout to replace the old one.
|
2690 |
-
*/
|
2691 |
-
loadPanelsData: function ( data, position ) {
|
2692 |
-
try {
|
2693 |
-
if ( position === this.layoutPosition.BEFORE ) {
|
2694 |
-
data = this.concatPanelsData( data, this.getPanelsData() );
|
2695 |
-
} else if ( position === this.layoutPosition.AFTER ) {
|
2696 |
-
data = this.concatPanelsData( this.getPanelsData(), data );
|
2697 |
-
}
|
2698 |
-
|
2699 |
-
// Start by destroying any rows that currently exist. This will in turn destroy cells, widgets and all the associated views
|
2700 |
-
this.emptyRows();
|
2701 |
-
|
2702 |
-
// This will empty out the current rows and reload the builder data.
|
2703 |
-
this.set( 'data', JSON.parse( JSON.stringify( data ) ), {silent: true} );
|
2704 |
-
|
2705 |
-
var cit = 0;
|
2706 |
-
var rows = [];
|
2707 |
-
|
2708 |
-
if ( _.isUndefined( data.grid_cells ) ) {
|
2709 |
-
this.trigger( 'load_panels_data' );
|
2710 |
-
return;
|
2711 |
-
}
|
2712 |
-
|
2713 |
-
var gi;
|
2714 |
-
for ( var ci = 0; ci < data.grid_cells.length; ci ++ ) {
|
2715 |
-
gi = parseInt( data.grid_cells[ci].grid );
|
2716 |
-
if ( _.isUndefined( rows[gi] ) ) {
|
2717 |
-
rows[gi] = [];
|
2718 |
-
}
|
2719 |
-
|
2720 |
-
rows[gi].push( data.grid_cells[ci] );
|
2721 |
-
}
|
2722 |
-
|
2723 |
-
var builderModel = this;
|
2724 |
-
_.each( rows, function ( row, i ) {
|
2725 |
-
var rowAttrs = {};
|
2726 |
-
|
2727 |
-
if ( ! _.isUndefined( data.grids[i].style ) ) {
|
2728 |
-
rowAttrs.style = data.grids[i].style;
|
2729 |
-
}
|
2730 |
-
|
2731 |
-
if ( ! _.isUndefined( data.grids[i].ratio) ) {
|
2732 |
-
rowAttrs.ratio = data.grids[i].ratio;
|
2733 |
-
}
|
2734 |
-
|
2735 |
-
if ( ! _.isUndefined( data.grids[i].ratio_direction) ) {
|
2736 |
-
rowAttrs.ratio_direction = data.grids[i].ratio_direction
|
2737 |
-
}
|
2738 |
-
|
2739 |
-
if ( ! _.isUndefined( data.grids[i].color_label) ) {
|
2740 |
-
rowAttrs.color_label = data.grids[i].color_label;
|
2741 |
-
}
|
2742 |
-
|
2743 |
-
if ( ! _.isUndefined( data.grids[i].label) ) {
|
2744 |
-
rowAttrs.label = data.grids[i].label;
|
2745 |
-
}
|
2746 |
-
// This will create and add the row model and its cells
|
2747 |
-
builderModel.addRow(rowAttrs, row, {noAnimate: true} );
|
2748 |
-
} );
|
2749 |
-
|
2750 |
-
|
2751 |
-
if ( _.isUndefined( data.widgets ) ) {
|
2752 |
-
return;
|
2753 |
-
}
|
2754 |
-
|
2755 |
-
// Add the widgets
|
2756 |
-
_.each( data.widgets, function ( widgetData ) {
|
2757 |
-
var panels_info = null;
|
2758 |
-
if ( ! _.isUndefined( widgetData.panels_info ) ) {
|
2759 |
-
panels_info = widgetData.panels_info;
|
2760 |
-
delete widgetData.panels_info;
|
2761 |
-
} else {
|
2762 |
-
panels_info = widgetData.info;
|
2763 |
-
delete widgetData.info;
|
2764 |
-
}
|
2765 |
-
|
2766 |
-
var row = builderModel.get('rows').at( parseInt( panels_info.grid ) );
|
2767 |
-
var cell = row.get('cells').at( parseInt( panels_info.cell ) );
|
2768 |
-
|
2769 |
-
var newWidget = new panels.model.widget( {
|
2770 |
-
class: panels_info.class,
|
2771 |
-
values: widgetData
|
2772 |
-
} );
|
2773 |
-
|
2774 |
-
if ( ! _.isUndefined( panels_info.style ) ) {
|
2775 |
-
newWidget.set( 'style', panels_info.style );
|
2776 |
-
}
|
2777 |
-
|
2778 |
-
if ( ! _.isUndefined( panels_info.read_only ) ) {
|
2779 |
-
newWidget.set( 'read_only', panels_info.read_only );
|
2780 |
-
}
|
2781 |
-
if ( ! _.isUndefined( panels_info.widget_id ) ) {
|
2782 |
-
newWidget.set( 'widget_id', panels_info.widget_id );
|
2783 |
-
}
|
2784 |
-
else {
|
2785 |
-
newWidget.set( 'widget_id', panels.helpers.utils.generateUUID() );
|
2786 |
-
}
|
2787 |
-
|
2788 |
-
if ( ! _.isUndefined( panels_info.label ) ) {
|
2789 |
-
newWidget.set( 'label', panels_info.label );
|
2790 |
-
}
|
2791 |
-
|
2792 |
-
newWidget.cell = cell;
|
2793 |
-
cell.get('widgets').add( newWidget, { noAnimate: true } );
|
2794 |
-
} );
|
2795 |
-
|
2796 |
-
this.trigger( 'load_panels_data' );
|
2797 |
-
}
|
2798 |
-
catch ( err ) {
|
2799 |
-
console.log( 'Error loading data: ' + err.message );
|
2800 |
-
|
2801 |
-
}
|
2802 |
-
},
|
2803 |
-
|
2804 |
-
/**
|
2805 |
-
* Concatenate the second set of Page Builder data to the first. There is some validation of input, but for the most
|
2806 |
-
* part it's up to the caller to ensure the Page Builder data is well formed.
|
2807 |
-
*/
|
2808 |
-
concatPanelsData: function ( panelsDataA, panelsDataB ) {
|
2809 |
-
|
2810 |
-
if ( _.isUndefined( panelsDataB ) || _.isUndefined( panelsDataB.grids ) || _.isEmpty( panelsDataB.grids ) ||
|
2811 |
-
_.isUndefined( panelsDataB.grid_cells ) || _.isEmpty( panelsDataB.grid_cells ) ) {
|
2812 |
-
return panelsDataA;
|
2813 |
-
}
|
2814 |
-
|
2815 |
-
if ( _.isUndefined( panelsDataA ) || _.isUndefined( panelsDataA.grids ) || _.isEmpty( panelsDataA.grids ) ) {
|
2816 |
-
return panelsDataB;
|
2817 |
-
}
|
2818 |
-
|
2819 |
-
var gridsBOffset = panelsDataA.grids.length;
|
2820 |
-
var widgetsBOffset = ! _.isUndefined( panelsDataA.widgets ) ? panelsDataA.widgets.length : 0;
|
2821 |
-
var newPanelsData = {grids: [], 'grid_cells': [], 'widgets': []};
|
2822 |
-
|
2823 |
-
// Concatenate grids (rows)
|
2824 |
-
newPanelsData.grids = panelsDataA.grids.concat( panelsDataB.grids );
|
2825 |
-
|
2826 |
-
// Create a copy of panelsDataA grid_cells and widgets
|
2827 |
-
if ( ! _.isUndefined( panelsDataA.grid_cells ) ) {
|
2828 |
-
newPanelsData.grid_cells = panelsDataA.grid_cells.slice();
|
2829 |
-
}
|
2830 |
-
if ( ! _.isUndefined( panelsDataA.widgets ) ) {
|
2831 |
-
newPanelsData.widgets = panelsDataA.widgets.slice();
|
2832 |
-
}
|
2833 |
-
|
2834 |
-
var i;
|
2835 |
-
// Concatenate grid cells (row columns)
|
2836 |
-
for ( i = 0; i < panelsDataB.grid_cells.length; i ++ ) {
|
2837 |
-
var gridCellB = panelsDataB.grid_cells[i];
|
2838 |
-
gridCellB.grid = parseInt( gridCellB.grid ) + gridsBOffset;
|
2839 |
-
newPanelsData.grid_cells.push( gridCellB );
|
2840 |
-
}
|
2841 |
-
|
2842 |
-
// Concatenate widgets
|
2843 |
-
if ( ! _.isUndefined( panelsDataB.widgets ) ) {
|
2844 |
-
for ( i = 0; i < panelsDataB.widgets.length; i ++ ) {
|
2845 |
-
var widgetB = panelsDataB.widgets[i];
|
2846 |
-
widgetB.panels_info.grid = parseInt( widgetB.panels_info.grid ) + gridsBOffset;
|
2847 |
-
widgetB.panels_info.id = parseInt( widgetB.panels_info.id ) + widgetsBOffset;
|
2848 |
-
newPanelsData.widgets.push( widgetB );
|
2849 |
-
}
|
2850 |
-
}
|
2851 |
-
|
2852 |
-
return newPanelsData;
|
2853 |
-
},
|
2854 |
-
|
2855 |
-
/**
|
2856 |
-
* Convert the content of the builder into a object that represents the page builder data
|
2857 |
-
*/
|
2858 |
-
getPanelsData: function () {
|
2859 |
-
|
2860 |
-
var builder = this;
|
2861 |
-
|
2862 |
-
var data = {
|
2863 |
-
'widgets': [],
|
2864 |
-
'grids': [],
|
2865 |
-
'grid_cells': []
|
2866 |
-
};
|
2867 |
-
var widgetId = 0;
|
2868 |
-
|
2869 |
-
this.get('rows').each( function ( row, ri ) {
|
2870 |
-
|
2871 |
-
row.get('cells').each( function ( cell, ci ) {
|
2872 |
-
|
2873 |
-
cell.get('widgets').each( function ( widget, wi ) {
|
2874 |
-
// Add the data for the widget, including the panels_info field.
|
2875 |
-
var panels_info = {
|
2876 |
-
class: widget.get( 'class' ),
|
2877 |
-
raw: widget.get( 'raw' ),
|
2878 |
-
grid: ri,
|
2879 |
-
cell: ci,
|
2880 |
-
// Strictly this should be an index
|
2881 |
-
id: widgetId ++,
|
2882 |
-
widget_id: widget.get( 'widget_id' ),
|
2883 |
-
style: widget.get( 'style' ),
|
2884 |
-
label: widget.get( 'label' ),
|
2885 |
-
};
|
2886 |
-
|
2887 |
-
if( _.isEmpty( panels_info.widget_id ) ) {
|
2888 |
-
panels_info.widget_id = panels.helpers.utils.generateUUID();
|
2889 |
-
}
|
2890 |
-
|
2891 |
-
var values = _.extend( _.clone( widget.get( 'values' ) ), {
|
2892 |
-
panels_info: panels_info
|
2893 |
-
} );
|
2894 |
-
data.widgets.push( values );
|
2895 |
-
} );
|
2896 |
-
|
2897 |
-
// Add the cell info
|
2898 |
-
data.grid_cells.push( {
|
2899 |
-
grid: ri,
|
2900 |
-
index: ci,
|
2901 |
-
weight: cell.get( 'weight' ),
|
2902 |
-
style: cell.get( 'style' ),
|
2903 |
-
} );
|
2904 |
-
|
2905 |
-
} );
|
2906 |
-
|
2907 |
-
data.grids.push( {
|
2908 |
-
cells: row.get('cells').length,
|
2909 |
-
style: row.get( 'style' ),
|
2910 |
-
ratio: row.get('ratio'),
|
2911 |
-
ratio_direction: row.get('ratio_direction'),
|
2912 |
-
color_label: row.get( 'color_label' ),
|
2913 |
-
label: row.get( 'label' ),
|
2914 |
-
} );
|
2915 |
-
|
2916 |
-
} );
|
2917 |
-
|
2918 |
-
return data;
|
2919 |
-
|
2920 |
-
},
|
2921 |
-
|
2922 |
-
/**
|
2923 |
-
* This will check all the current entries and refresh the panels data
|
2924 |
-
*/
|
2925 |
-
refreshPanelsData: function ( args ) {
|
2926 |
-
args = _.extend( {
|
2927 |
-
silent: false
|
2928 |
-
}, args );
|
2929 |
-
|
2930 |
-
var oldData = this.get( 'data' );
|
2931 |
-
var newData = this.getPanelsData();
|
2932 |
-
this.set( 'data', newData, {silent: true} );
|
2933 |
-
|
2934 |
-
if ( ! args.silent && JSON.stringify( newData ) !== JSON.stringify( oldData ) ) {
|
2935 |
-
// The default change event doesn't trigger on deep changes, so we'll trigger our own
|
2936 |
-
this.trigger( 'change' );
|
2937 |
-
this.trigger( 'change:data' );
|
2938 |
-
this.trigger( 'refresh_panels_data', newData, args );
|
2939 |
-
}
|
2940 |
-
},
|
2941 |
-
|
2942 |
-
/**
|
2943 |
-
* Empty all the rows and the cells/widgets they contain.
|
2944 |
-
*/
|
2945 |
-
emptyRows: function () {
|
2946 |
-
_.invoke( this.get('rows').toArray(), 'destroy' );
|
2947 |
-
this.get('rows').reset();
|
2948 |
-
|
2949 |
-
return this;
|
2950 |
-
},
|
2951 |
-
|
2952 |
-
isValidLayoutPosition: function ( position ) {
|
2953 |
-
return position === this.layoutPosition.BEFORE ||
|
2954 |
-
position === this.layoutPosition.AFTER ||
|
2955 |
-
position === this.layoutPosition.REPLACE;
|
2956 |
-
},
|
2957 |
-
|
2958 |
-
/**
|
2959 |
-
* Convert HTML into Panels Data
|
2960 |
-
* @param html
|
2961 |
-
*/
|
2962 |
-
getPanelsDataFromHtml: function( html, editorClass ){
|
2963 |
-
var thisModel = this;
|
2964 |
-
var $html = jQuery( '<div id="wrapper">' + html + '</div>' );
|
2965 |
-
|
2966 |
-
if( $html.find('.panel-layout .panel-grid').length ) {
|
2967 |
-
// This looks like Page Builder html, lets try parse it
|
2968 |
-
var panels_data = {
|
2969 |
-
grids: [],
|
2970 |
-
grid_cells: [],
|
2971 |
-
widgets: [],
|
2972 |
-
};
|
2973 |
-
|
2974 |
-
// The Regex object that'll match SiteOrigin widgets
|
2975 |
-
var re = new RegExp( panelsOptions.siteoriginWidgetRegex , "i" );
|
2976 |
-
var decodeEntities = (function() {
|
2977 |
-
// this prevents any overhead from creating the object each time
|
2978 |
-
var element = document.createElement('div');
|
2979 |
-
|
2980 |
-
function decodeHTMLEntities (str) {
|
2981 |
-
if(str && typeof str === 'string') {
|
2982 |
-
// strip script/html tags
|
2983 |
-
str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
|
2984 |
-
str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');
|
2985 |
-
element.innerHTML = str;
|
2986 |
-
str = element.textContent;
|
2987 |
-
element.textContent = '';
|
2988 |
-
}
|
2989 |
-
|
2990 |
-
return str;
|
2991 |
-
}
|
2992 |
-
|
2993 |
-
return decodeHTMLEntities;
|
2994 |
-
})();
|
2995 |
-
|
2996 |
-
// Remove all wrapping divs from a widget to get its html
|
2997 |
-
var getTextWidgetContents = function( $el ){
|
2998 |
-
var $divs = $el.find( 'div' );
|
2999 |
-
if( ! $divs.length ) {
|
3000 |
-
return $el.html();
|
3001 |
-
}
|
3002 |
-
|
3003 |
-
var i;
|
3004 |
-
for( i = 0; i < $divs.length - 1; i++ ) {
|
3005 |
-
if( jQuery.trim( $divs.eq(i).text() ) != jQuery.trim( $divs.eq(i+1).text() ) ) {
|
3006 |
-
break;
|
3007 |
-
}
|
3008 |
-
}
|
3009 |
-
|
3010 |
-
var title = $divs.eq( i ).find( '.widget-title:header' ),
|
3011 |
-
titleText = '';
|
3012 |
-
|
3013 |
-
if( title.length ) {
|
3014 |
-
titleText = title.html();
|
3015 |
-
title.remove();
|
3016 |
-
}
|
3017 |
-
|
3018 |
-
return {
|
3019 |
-
title: titleText,
|
3020 |
-
text: $divs.eq(i).html(),
|
3021 |
-
};
|
3022 |
-
};
|
3023 |
-
|
3024 |
-
var $layout = $html.find( '.panel-layout' ).eq(0);
|
3025 |
-
var filterNestedLayout = function( i, el ){
|
3026 |
-
return jQuery( el ).closest( '.panel-layout' ).is( $layout );
|
3027 |
-
};
|
3028 |
-
|
3029 |
-
$html.find('> .panel-layout > .panel-grid').filter( filterNestedLayout ).each( function( ri, el ){
|
3030 |
-
var $row = jQuery( el ),
|
3031 |
-
$cells = $row.find( '.panel-grid-cell' ).filter( filterNestedLayout );
|
3032 |
-
|
3033 |
-
panels_data.grids.push( {
|
3034 |
-
cells: $cells.length,
|
3035 |
-
style: $row.data( 'style' ),
|
3036 |
-
ratio: $row.data( 'ratio' ),
|
3037 |
-
ratio_direction: $row.data( 'ratio-direction' ),
|
3038 |
-
color_label: $row.data( 'color-label' ),
|
3039 |
-
label: $row.data( 'label' ),
|
3040 |
-
} );
|
3041 |
-
|
3042 |
-
$cells.each( function( ci, el ){
|
3043 |
-
var $cell = jQuery( el ),
|
3044 |
-
$widgets = $cell.find( '.so-panel' ).filter( filterNestedLayout );
|
3045 |
-
|
3046 |
-
panels_data.grid_cells.push( {
|
3047 |
-
grid: ri,
|
3048 |
-
weight: ! _.isUndefined( $cell.data( 'weight' ) ) ? parseFloat( $cell.data( 'weight' ) ) : 1,
|
3049 |
-
style: $cell.data( 'style' ),
|
3050 |
-
} );
|
3051 |
-
|
3052 |
-
$widgets.each( function( wi, el ){
|
3053 |
-
var $widget = jQuery(el),
|
3054 |
-
widgetContent = $widget.find('.panel-widget-style').length ? $widget.find('.panel-widget-style').html() : $widget.html(),
|
3055 |
-
panels_info = {
|
3056 |
-
grid: ri,
|
3057 |
-
cell: ci,
|
3058 |
-
style: $widget.data( 'style' ),
|
3059 |
-
raw: false,
|
3060 |
-
label: $widget.data( 'label' )
|
3061 |
-
};
|
3062 |
-
|
3063 |
-
widgetContent = widgetContent.trim();
|
3064 |
-
|
3065 |
-
// Check if this is a SiteOrigin Widget
|
3066 |
-
var match = re.exec( widgetContent );
|
3067 |
-
if( ! _.isNull( match ) && widgetContent.replace( re, '' ).trim() === '' ) {
|
3068 |
-
try {
|
3069 |
-
var classMatch = /class="(.*?)"/.exec( match[3] ),
|
3070 |
-
dataInput = jQuery( match[5] ),
|
3071 |
-
data = JSON.parse( decodeEntities( dataInput.val( ) ) ),
|
3072 |
-
newWidget = data.instance;
|
3073 |
-
|
3074 |
-
panels_info.class = classMatch[1].replace( /\\\\+/g, '\\' );
|
3075 |
-
panels_info.raw = false;
|
3076 |
-
|
3077 |
-
newWidget.panels_info = panels_info;
|
3078 |
-
panels_data.widgets.push( newWidget );
|
3079 |
-
}
|
3080 |
-
catch ( err ) {
|
3081 |
-
// There was a problem, so treat this as a standard editor widget
|
3082 |
-
panels_info.class = editorClass;
|
3083 |
-
panels_data.widgets.push( _.extend( getTextWidgetContents( $widget ), {
|
3084 |
-
filter: "1",
|
3085 |
-
type: "visual",
|
3086 |
-
panels_info: panels_info
|
3087 |
-
} ) );
|
3088 |
-
}
|
3089 |
-
|
3090 |
-
// Continue
|
3091 |
-
return true;
|
3092 |
-
}
|
3093 |
-
else if( widgetContent.indexOf( 'panel-layout' ) !== -1 ) {
|
3094 |
-
// Check if this is a layout widget
|
3095 |
-
var $widgetContent = jQuery( '<div>' + widgetContent + '</div>' );
|
3096 |
-
if( $widgetContent.find('.panel-layout .panel-grid').length ) {
|
3097 |
-
// This is a standard editor class widget
|
3098 |
-
panels_info.class = 'SiteOrigin_Panels_Widgets_Layout';
|
3099 |
-
panels_data.widgets.push( {
|
3100 |
-
panels_data: thisModel.getPanelsDataFromHtml( widgetContent, editorClass ),
|
3101 |
-
panels_info: panels_info
|
3102 |
-
} );
|
3103 |
-
|
3104 |
-
// continue
|
3105 |
-
return true;
|
3106 |
-
}
|
3107 |
-
}
|
3108 |
-
|
3109 |
-
// This is a standard editor class widget
|
3110 |
-
panels_info.class = editorClass;
|
3111 |
-
panels_data.widgets.push( _.extend( getTextWidgetContents( $widget ), {
|
3112 |
-
filter: "1",
|
3113 |
-
type: "visual",
|
3114 |
-
panels_info: panels_info
|
3115 |
-
} ) );
|
3116 |
-
return true;
|
3117 |
-
} );
|
3118 |
-
} );
|
3119 |
-
} );
|
3120 |
-
|
3121 |
-
// Remove all the Page Builder content
|
3122 |
-
$html.find('.panel-layout').remove();
|
3123 |
-
$html.find('style[data-panels-style-for-post]').remove();
|
3124 |
-
|
3125 |
-
// If there's anything left, add it to an editor widget at the end of panels_data
|
3126 |
-
if( $html.html().replace(/^\s+|\s+$/gm,'').length ) {
|
3127 |
-
panels_data.grids.push( {
|
3128 |
-
cells: 1,
|
3129 |
-
style: {},
|
3130 |
-
} );
|
3131 |
-
panels_data.grid_cells.push( {
|
3132 |
-
grid: panels_data.grids.length - 1,
|
3133 |
-
weight: 1,
|
3134 |
-
} );
|
3135 |
-
panels_data.widgets.push( {
|
3136 |
-
filter: "1",
|
3137 |
-
text: $html.html().replace(/^\s+|\s+$/gm,''),
|
3138 |
-
title: "",
|
3139 |
-
type: "visual",
|
3140 |
-
panels_info: {
|
3141 |
-
class: editorClass,
|
3142 |
-
raw: false,
|
3143 |
-
grid: panels_data.grids.length - 1,
|
3144 |
-
cell: 0
|
3145 |
-
}
|
3146 |
-
} );
|
3147 |
-
}
|
3148 |
-
|
3149 |
-
return panels_data;
|
3150 |
-
}
|
3151 |
-
else {
|
3152 |
-
// This is probably just old school post content
|
3153 |
-
return {
|
3154 |
-
grid_cells: [ { grid: 0, weight: 1 } ],
|
3155 |
-
grids: [ { cells: 1 } ],
|
3156 |
-
widgets: [
|
3157 |
-
{
|
3158 |
-
filter: "1",
|
3159 |
-
text: html,
|
3160 |
-
title: "",
|
3161 |
-
type: "visual",
|
3162 |
-
panels_info: {
|
3163 |
-
class: editorClass,
|
3164 |
-
raw: false,
|
3165 |
-
grid: 0,
|
3166 |
-
cell: 0
|
3167 |
-
}
|
3168 |
-
}
|
3169 |
-
]
|
3170 |
-
};
|
3171 |
-
}
|
3172 |
-
}
|
3173 |
-
} );
|
3174 |
-
|
3175 |
-
},{}],18:[function(require,module,exports){
|
3176 |
-
module.exports = Backbone.Model.extend( {
|
3177 |
-
/* A collection of widgets */
|
3178 |
-
widgets: {},
|
3179 |
-
|
3180 |
-
/* The row this model belongs to */
|
3181 |
-
row: null,
|
3182 |
-
|
3183 |
-
defaults: {
|
3184 |
-
weight: 0,
|
3185 |
-
style: {}
|
3186 |
-
},
|
3187 |
-
|
3188 |
-
indexes: null,
|
3189 |
-
|
3190 |
-
/**
|
3191 |
-
* Set up the cell model
|
3192 |
-
*/
|
3193 |
-
initialize: function () {
|
3194 |
-
this.set( 'widgets', new panels.collection.widgets() );
|
3195 |
-
this.on( 'destroy', this.onDestroy, this );
|
3196 |
-
},
|
3197 |
-
|
3198 |
-
/**
|
3199 |
-
* Triggered when we destroy a cell
|
3200 |
-
*/
|
3201 |
-
onDestroy: function () {
|
3202 |
-
// Destroy all the widgets
|
3203 |
-
_.invoke( this.get('widgets').toArray(), 'destroy' );
|
3204 |
-
this.get('widgets').reset();
|
3205 |
-
},
|
3206 |
-
|
3207 |
-
/**
|
3208 |
-
* Create a clone of the cell, along with all its widgets
|
3209 |
-
*/
|
3210 |
-
clone: function ( row, cloneOptions ) {
|
3211 |
-
if ( _.isUndefined( row ) ) {
|
3212 |
-
row = this.row;
|
3213 |
-
}
|
3214 |
-
cloneOptions = _.extend( {cloneWidgets: true}, cloneOptions );
|
3215 |
-
|
3216 |
-
var clone = new this.constructor( this.attributes );
|
3217 |
-
clone.set( 'collection', row.get('cells'), {silent: true} );
|
3218 |
-
clone.row = row;
|
3219 |
-
|
3220 |
-
if ( cloneOptions.cloneWidgets ) {
|
3221 |
-
// Now we're going add all the widgets that belong to this, to the clone
|
3222 |
-
this.get('widgets').each( function ( widget ) {
|
3223 |
-
clone.get('widgets').add( widget.clone( clone, cloneOptions ), {silent: true} );
|
3224 |
-
} );
|
3225 |
-
}
|
3226 |
-
|
3227 |
-
return clone;
|
3228 |
-
}
|
3229 |
-
|
3230 |
-
} );
|
3231 |
-
|
3232 |
-
},{}],19:[function(require,module,exports){
|
3233 |
-
module.exports = Backbone.Model.extend( {
|
3234 |
-
defaults: {
|
3235 |
-
text: '',
|
3236 |
-
data: '',
|
3237 |
-
time: null,
|
3238 |
-
count: 1
|
3239 |
-
}
|
3240 |
-
} );
|
3241 |
-
|
3242 |
-
},{}],20:[function(require,module,exports){
|
3243 |
-
module.exports = Backbone.Model.extend( {
|
3244 |
-
/* The builder model */
|
3245 |
-
builder: null,
|
3246 |
-
|
3247 |
-
defaults: {
|
3248 |
-
style: {}
|
3249 |
-
},
|
3250 |
-
|
3251 |
-
indexes: null,
|
3252 |
-
|
3253 |
-
/**
|
3254 |
-
* Initialize the row model
|
3255 |
-
*/
|
3256 |
-
initialize: function () {
|
3257 |
-
if ( _.isEmpty(this.get('cells') ) ) {
|
3258 |
-
this.set('cells', new panels.collection.cells());
|
3259 |
-
}
|
3260 |
-
else {
|
3261 |
-
// Make sure that the cells have this row set as their parent
|
3262 |
-
this.get('cells').each( function( cell ){
|
3263 |
-
cell.row = this;
|
3264 |
-
}.bind( this ) );
|
3265 |
-
}
|
3266 |
-
this.on( 'destroy', this.onDestroy, this );
|
3267 |
-
},
|
3268 |
-
|
3269 |
-
/**
|
3270 |
-
* Add cells to the model row
|
3271 |
-
*
|
3272 |
-
* @param newCells the updated collection of cell models
|
3273 |
-
*/
|
3274 |
-
setCells: function ( newCells ) {
|
3275 |
-
var currentCells = this.get('cells') || new panels.collection.cells();
|
3276 |
-
var cellsToRemove = [];
|
3277 |
-
|
3278 |
-
currentCells.each(function (cell, i) {
|
3279 |
-
var newCell = newCells.at(i);
|
3280 |
-
if(newCell) {
|
3281 |
-
cell.set('weight', newCell.get('weight'));
|
3282 |
-
} else {
|
3283 |
-
var newParentCell = currentCells.at( newCells.length - 1 );
|
3284 |
-
|
3285 |
-
// First move all the widgets to the new cell
|
3286 |
-
var widgetsToMove = cell.get('widgets').models.slice();
|
3287 |
-
for ( var j = 0; j < widgetsToMove.length; j++ ) {
|
3288 |
-
widgetsToMove[j].moveToCell( newParentCell, { silent: false } );
|
3289 |
-
}
|
3290 |
-
|
3291 |
-
cellsToRemove.push(cell);
|
3292 |
-
}
|
3293 |
-
});
|
3294 |
-
|
3295 |
-
_.each(cellsToRemove, function(cell) {
|
3296 |
-
currentCells.remove(cell);
|
3297 |
-
});
|
3298 |
-
|
3299 |
-
if( newCells.length > currentCells.length) {
|
3300 |
-
_.each(newCells.slice(currentCells.length, newCells.length), function (newCell) {
|
3301 |
-
// TODO: make sure row and collection is set correctly when cell is created then we can just add new cells
|
3302 |
-
newCell.set({collection: currentCells});
|
3303 |
-
newCell.row = this;
|
3304 |
-
currentCells.add(newCell);
|
3305 |
-
}.bind(this));
|
3306 |
-
}
|
3307 |
-
|
3308 |
-
// Rescale the cells when we add or remove
|
3309 |
-
this.reweightCells();
|
3310 |
-
},
|
3311 |
-
|
3312 |
-
/**
|
3313 |
-
* Make sure that all the cell weights add up to 1
|
3314 |
-
*/
|
3315 |
-
reweightCells: function () {
|
3316 |
-
var totalWeight = 0;
|
3317 |
-
var cells = this.get('cells');
|
3318 |
-
cells.each( function ( cell ) {
|
3319 |
-
totalWeight += cell.get( 'weight' );
|
3320 |
-
} );
|
3321 |
-
|
3322 |
-
cells.each( function ( cell ) {
|
3323 |
-
cell.set( 'weight', cell.get( 'weight' ) / totalWeight );
|
3324 |
-
} );
|
3325 |
-
|
3326 |
-
// This is for the row view to hook into and resize
|
3327 |
-
this.trigger( 'reweight_cells' );
|
3328 |
-
},
|
3329 |
-
|
3330 |
-
/**
|
3331 |
-
* Triggered when the model is destroyed
|
3332 |
-
*/
|
3333 |
-
onDestroy: function () {
|
3334 |
-
// Also destroy all the cells
|
3335 |
-
_.invoke( this.get('cells').toArray(), 'destroy' );
|
3336 |
-
this.get('cells').reset();
|
3337 |
-
},
|
3338 |
-
|
3339 |
-
/**
|
3340 |
-
* Create a clone of the row, along with all its cells
|
3341 |
-
*
|
3342 |
-
* @param {panels.model.builder} builder The builder model to attach this to.
|
3343 |
-
*
|
3344 |
-
* @return {panels.model.row} The cloned row.
|
3345 |
-
*/
|
3346 |
-
clone: function ( builder ) {
|
3347 |
-
if ( _.isUndefined( builder ) ) {
|
3348 |
-
builder = this.builder;
|
3349 |
-
}
|
3350 |
-
|
3351 |
-
var clone = new this.constructor( this.attributes );
|
3352 |
-
clone.set( 'collection', builder.get('rows'), {silent: true} );
|
3353 |
-
clone.builder = builder;
|
3354 |
-
|
3355 |
-
var cellClones = new panels.collection.cells();
|
3356 |
-
this.get('cells').each( function ( cell ) {
|
3357 |
-
cellClones.add( cell.clone( clone ), {silent: true} );
|
3358 |
-
} );
|
3359 |
-
|
3360 |
-
clone.set( 'cells', cellClones );
|
3361 |
-
|
3362 |
-
return clone;
|
3363 |
-
}
|
3364 |
-
} );
|
3365 |
-
|
3366 |
-
},{}],21:[function(require,module,exports){
|
3367 |
-
/**
|
3368 |
-
* Model for an instance of a widget
|
3369 |
-
*/
|
3370 |
-
module.exports = Backbone.Model.extend( {
|
3371 |
-
|
3372 |
-
cell: null,
|
3373 |
-
|
3374 |
-
defaults: {
|
3375 |
-
// The PHP Class of the widget
|
3376 |
-
class: null,
|
3377 |
-
|
3378 |
-
// Is this class missing? Missing widgets are a special case.
|
3379 |
-
missing: false,
|
3380 |
-
|
3381 |
-
// The values of the widget
|
3382 |
-
values: {},
|
3383 |
-
|
3384 |
-
// Have the current values been passed through the widgets update function
|
3385 |
-
raw: false,
|
3386 |
-
|
3387 |
-
// Visual style fields
|
3388 |
-
style: {},
|
3389 |
-
|
3390 |
-
read_only: false,
|
3391 |
-
widget_id: '',
|
3392 |
-
},
|
3393 |
-
|
3394 |
-
indexes: null,
|
3395 |
-
|
3396 |
-
initialize: function () {
|
3397 |
-
var widgetClass = this.get( 'class' );
|
3398 |
-
if ( _.isUndefined( panelsOptions.widgets[widgetClass] ) || ! panelsOptions.widgets[widgetClass].installed ) {
|
3399 |
-
this.set( 'missing', true );
|
3400 |
-
}
|
3401 |
-
},
|
3402 |
-
|
3403 |
-
/**
|
3404 |
-
* @param field
|
3405 |
-
* @returns {*}
|
3406 |
-
*/
|
3407 |
-
getWidgetField: function ( field ) {
|
3408 |
-
if ( _.isUndefined( panelsOptions.widgets[this.get( 'class' )] ) ) {
|
3409 |
-
if ( field === 'title' || field === 'description' ) {
|
3410 |
-
return panelsOptions.loc.missing_widget[field];
|
3411 |
-
} else {
|
3412 |
-
return '';
|
3413 |
-
}
|
3414 |
-
} else if ( this.has( 'label' ) && ! _.isEmpty( this.get( 'label' ) ) ) {
|
3415 |
-
// Use the label instead of the actual widget title
|
3416 |
-
return this.get( 'label' );
|
3417 |
-
} else {
|
3418 |
-
return panelsOptions.widgets[ this.get( 'class' ) ][ field ];
|
3419 |
-
}
|
3420 |
-
},
|
3421 |
-
|
3422 |
-
/**
|
3423 |
-
* Move this widget model to a new cell. Called by the views.
|
3424 |
-
*
|
3425 |
-
* @param panels.model.cell newCell
|
3426 |
-
* @param object options The options passed to the
|
3427 |
-
*
|
3428 |
-
* @return boolean Indicating if the widget was moved into a different cell
|
3429 |
-
*/
|
3430 |
-
moveToCell: function ( newCell, options, at ) {
|
3431 |
-
options = _.extend( {
|
3432 |
-
silent: true,
|
3433 |
-
}, options );
|
3434 |
-
|
3435 |
-
this.cell = newCell;
|
3436 |
-
this.collection.remove( this, options );
|
3437 |
-
newCell.get('widgets').add( this, _.extend( {
|
3438 |
-
at: at
|
3439 |
-
}, options ) );
|
3440 |
-
|
3441 |
-
// This should be used by views to reposition everything.
|
3442 |
-
this.trigger( 'move_to_cell', newCell, at );
|
3443 |
-
|
3444 |
-
return this;
|
3445 |
-
},
|
3446 |
-
|
3447 |
-
/**
|
3448 |
-
* This is basically a wrapper for set that checks if we need to trigger a change
|
3449 |
-
*/
|
3450 |
-
setValues: function ( values ) {
|
3451 |
-
var hasChanged = false;
|
3452 |
-
if ( JSON.stringify( values ) !== JSON.stringify( this.get( 'values' ) ) ) {
|
3453 |
-
hasChanged = true;
|
3454 |
-
}
|
3455 |
-
|
3456 |
-
this.set( 'values', values, {silent: true} );
|
3457 |
-
|
3458 |
-
if ( hasChanged ) {
|
3459 |
-
// We'll trigger our own change events.
|
3460 |
-
// NB: Must include the model being changed (i.e. `this`) as a workaround for a bug in Backbone 1.2.3
|
3461 |
-
this.trigger( 'change', this );
|
3462 |
-
this.trigger( 'change:values' );
|
3463 |
-
}
|
3464 |
-
},
|
3465 |
-
|
3466 |
-
/**
|
3467 |
-
* Create a clone of this widget attached to the given cell.
|
3468 |
-
*
|
3469 |
-
* @param {panels.model.cell} cell The cell model we're attaching this widget clone to.
|
3470 |
-
* @returns {panels.model.widget}
|
3471 |
-
*/
|
3472 |
-
clone: function ( cell, options ) {
|
3473 |
-
if ( _.isUndefined( cell ) ) {
|
3474 |
-
cell = this.cell;
|
3475 |
-
}
|
3476 |
-
|
3477 |
-
var clone = new this.constructor( this.attributes );
|
3478 |
-
|
3479 |
-
// Create a deep clone of the original values
|
3480 |
-
var cloneValues = JSON.parse( JSON.stringify( this.get( 'values' ) ) );
|
3481 |
-
|
3482 |
-
// We want to exclude any fields that start with _ from the clone. Assuming these are internal.
|
3483 |
-
var cleanClone = function ( vals ) {
|
3484 |
-
_.each( vals, function ( el, i ) {
|
3485 |
-
if ( _.isString( i ) && i[0] === '_' ) {
|
3486 |
-
delete vals[i];
|
3487 |
-
}
|
3488 |
-
else if ( _.isObject( vals[i] ) ) {
|
3489 |
-
cleanClone( vals[i] );
|
3490 |
-
}
|
3491 |
-
} );
|
3492 |
-
|
3493 |
-
return vals;
|
3494 |
-
};
|
3495 |
-
cloneValues = cleanClone( cloneValues );
|
3496 |
-
|
3497 |
-
if ( this.get( 'class' ) === "SiteOrigin_Panels_Widgets_Layout" ) {
|
3498 |
-
// Special case of this being a layout widget, it needs a new ID
|
3499 |
-
cloneValues.builder_id = Math.random().toString( 36 ).substr( 2 );
|
3500 |
-
}
|
3501 |
-
|
3502 |
-
clone.set( 'widget_id', '' );
|
3503 |
-
clone.set( 'values', cloneValues, {silent: true} );
|
3504 |
-
clone.set( 'collection', cell.get('widgets'), {silent: true} );
|
3505 |
-
clone.cell = cell;
|
3506 |
-
|
3507 |
-
// This is used to force a form reload later on
|
3508 |
-
clone.isDuplicate = true;
|
3509 |
-
|
3510 |
-
return clone;
|
3511 |
-
},
|
3512 |
-
|
3513 |
-
/**
|
3514 |
-
* Gets the value that makes most sense as the title.
|
3515 |
-
*/
|
3516 |
-
getTitle: function () {
|
3517 |
-
var widgetData = panelsOptions.widgets[this.get( 'class' )];
|
3518 |
-
|
3519 |
-
if ( _.isUndefined( widgetData ) ) {
|
3520 |
-
return this.get( 'class' ).replace( /_/g, ' ' );
|
3521 |
-
}
|
3522 |
-
else if ( ! _.isUndefined( widgetData.panels_title ) ) {
|
3523 |
-
// This means that the widget has told us which field it wants us to use as a title
|
3524 |
-
if ( widgetData.panels_title === false ) {
|
3525 |
-
return panelsOptions.widgets[this.get( 'class' )].description;
|
3526 |
-
}
|
3527 |
-
}
|
3528 |
-
|
3529 |
-
var values = this.get( 'values' );
|
3530 |
-
|
3531 |
-
// Create a list of fields to check for a title
|
3532 |
-
var titleFields = ['title', 'text'];
|
3533 |
-
|
3534 |
-
for ( var k in values ) {
|
3535 |
-
if ( values.hasOwnProperty( k ) ) {
|
3536 |
-
titleFields.push( k );
|
3537 |
-
}
|
3538 |
-
}
|
3539 |
-
|
3540 |
-
titleFields = _.uniq( titleFields );
|
3541 |
-
|
3542 |
-
for ( var i in titleFields ) {
|
3543 |
-
if (
|
3544 |
-
! _.isUndefined( values[titleFields[i]] ) &&
|
3545 |
-
_.isString( values[titleFields[i]] ) &&
|
3546 |
-
values[titleFields[i]] !== '' &&
|
3547 |
-
values[titleFields[i]] !== 'on' &&
|
3548 |
-
titleFields[i][0] !== '_' && ! jQuery.isNumeric( values[titleFields[i]] )
|
3549 |
-
) {
|
3550 |
-
var title = values[titleFields[i]];
|
3551 |
-
title = title.replace( /<\/?[^>]+(>|$)/g, "" );
|
3552 |
-
var parts = title.split( " " );
|
3553 |
-
parts = parts.slice( 0, 20 );
|
3554 |
-
return parts.join( ' ' );
|
3555 |
-
}
|
3556 |
-
}
|
3557 |
-
|
3558 |
-
// If we still have nothing, then just return the widget description
|
3559 |
-
return this.getWidgetField( 'description' );
|
3560 |
-
}
|
3561 |
-
|
3562 |
-
} );
|
3563 |
-
|
3564 |
-
},{}],22:[function(require,module,exports){
|
3565 |
-
var panels = window.panels, $ = jQuery;
|
3566 |
-
|
3567 |
-
module.exports = Backbone.View.extend( {
|
3568 |
-
wrapperTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-context-menu' ).html() ) ),
|
3569 |
-
sectionTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-context-menu-section' ).html() ) ),
|
3570 |
-
|
3571 |
-
contexts: [],
|
3572 |
-
active: false,
|
3573 |
-
|
3574 |
-
events: {
|
3575 |
-
'keyup .so-search-wrapper input': 'searchKeyUp'
|
3576 |
-
},
|
3577 |
-
|
3578 |
-
/**
|
3579 |
-
* Intialize the context menu
|
3580 |
-
*/
|
3581 |
-
initialize: function () {
|
3582 |
-
this.listenContextMenu();
|
3583 |
-
this.render();
|
3584 |
-
this.attach();
|
3585 |
-
},
|
3586 |
-
|
3587 |
-
/**
|
3588 |
-
* Listen for the right click context menu
|
3589 |
-
*/
|
3590 |
-
listenContextMenu: function () {
|
3591 |
-
var thisView = this;
|
3592 |
-
|
3593 |
-
$( window ).on( 'contextmenu', function ( e ) {
|
3594 |
-
if ( thisView.active && ! thisView.isOverEl( thisView.$el, e ) ) {
|
3595 |
-
thisView.closeMenu();
|
3596 |
-
thisView.active = false;
|
3597 |
-
e.preventDefault();
|
3598 |
-
return false;
|
3599 |
-
}
|
3600 |
-
|
3601 |
-
if ( thisView.active ) {
|
3602 |
-
// Lets not double up on the context menu
|
3603 |
-
return true;
|
3604 |
-
}
|
3605 |
-
|
3606 |
-
// Other components should listen to activate_context
|
3607 |
-
thisView.active = false;
|
3608 |
-
thisView.trigger( 'activate_context', e, thisView );
|
3609 |
-
|
3610 |
-
if ( thisView.active ) {
|
3611 |
-
// We don't want the default event to happen.
|
3612 |
-
e.preventDefault();
|
3613 |
-
|
3614 |
-
thisView.openMenu( {
|
3615 |
-
left: e.pageX,
|
3616 |
-
top: e.pageY
|
3617 |
-
} );
|
3618 |
-
}
|
3619 |
-
} );
|
3620 |
-
},
|
3621 |
-
|
3622 |
-
render: function () {
|
3623 |
-
this.setElement( this.wrapperTemplate() );
|
3624 |
-
},
|
3625 |
-
|
3626 |
-
attach: function () {
|
3627 |
-
this.$el.appendTo( 'body' );
|
3628 |
-
},
|
3629 |
-
|
3630 |
-
/**
|
3631 |
-
* Display the actual context menu.
|
3632 |
-
*
|
3633 |
-
* @param position
|
3634 |
-
*/
|
3635 |
-
openMenu: function ( position ) {
|
3636 |
-
this.trigger( 'open_menu' );
|
3637 |
-
|
3638 |
-
// Start listening for situations when we should close the menu
|
3639 |
-
$( window ).on( 'keyup', {menu: this}, this.keyboardListen );
|
3640 |
-
$( window ).on( 'click', {menu: this}, this.clickOutsideListen );
|
3641 |
-
|
3642 |
-
// Set the maximum height of the menu
|
3643 |
-
this.$el.css( 'max-height', $( window ).height() - 20 );
|
3644 |
-
|
3645 |
-
// Correct the left position
|
3646 |
-
if ( position.left + this.$el.outerWidth() + 10 >= $( window ).width() ) {
|
3647 |
-
position.left = $( window ).width() - this.$el.outerWidth() - 10;
|
3648 |
-
}
|
3649 |
-
if ( position.left <= 0 ) {
|
3650 |
-
position.left = 10;
|
3651 |
-
}
|
3652 |
-
|
3653 |
-
// Check top position
|
3654 |
-
if ( position.top + this.$el.outerHeight() - $( window ).scrollTop() + 10 >= $( window ).height() ) {
|
3655 |
-
position.top = $( window ).height() + $( window ).scrollTop() - this.$el.outerHeight() - 10;
|
3656 |
-
}
|
3657 |
-
if ( position.left <= 0 ) {
|
3658 |
-
position.left = 10;
|
3659 |
-
}
|
3660 |
-
|
3661 |
-
// position the contextual menu
|
3662 |
-
this.$el.css( {
|
3663 |
-
left: position.left + 1,
|
3664 |
-
top: position.top + 1
|
3665 |
-
} ).show();
|
3666 |
-
this.$( '.so-search-wrapper input' ).focus();
|
3667 |
-
},
|
3668 |
-
|
3669 |
-
closeMenu: function () {
|
3670 |
-
this.trigger( 'close_menu' );
|
3671 |
-
|
3672 |
-
// Stop listening for situations when we should close the menu
|
3673 |
-
$( window ).off( 'keyup', this.keyboardListen );
|
3674 |
-
$( window ).off( 'click', this.clickOutsideListen );
|
3675 |
-
|
3676 |
-
this.active = false;
|
3677 |
-
this.$el.empty().hide();
|
3678 |
-
},
|
3679 |
-
|
3680 |
-
/**
|
3681 |
-
* Keyboard events handler
|
3682 |
-
*/
|
3683 |
-
keyboardListen: function ( e ) {
|
3684 |
-
var menu = e.data.menu;
|
3685 |
-
|
3686 |
-
switch ( e.which ) {
|
3687 |
-
case 27:
|
3688 |
-
menu.closeMenu();
|
3689 |
-
break;
|
3690 |
-
}
|
3691 |
-
},
|
3692 |
-
|
3693 |
-
/**
|
3694 |
-
* Listen for a click outside the menu to close it.
|
3695 |
-
* @param e
|
3696 |
-
*/
|
3697 |
-
clickOutsideListen: function ( e ) {
|
3698 |
-
var menu = e.data.menu;
|
3699 |
-
if ( e.which !== 3 && menu.$el.is( ':visible' ) && ! menu.isOverEl( menu.$el, e ) ) {
|
3700 |
-
menu.closeMenu();
|
3701 |
-
}
|
3702 |
-
},
|
3703 |
-
|
3704 |
-
/**
|
3705 |
-
* Add a new section to the contextual menu.
|
3706 |
-
*
|
3707 |
-
* @param settings
|
3708 |
-
* @param items
|
3709 |
-
* @param callback
|
3710 |
-
*/
|
3711 |
-
addSection: function ( id, settings, items, callback ) {
|
3712 |
-
var thisView = this;
|
3713 |
-
settings = _.extend( {
|
3714 |
-
display: 5,
|
3715 |
-
defaultDisplay: false,
|
3716 |
-
search: true,
|
3717 |
-
|
3718 |
-
// All the labels
|
3719 |
-
sectionTitle: '',
|
3720 |
-
searchPlaceholder: '',
|
3721 |
-
|
3722 |
-
// This is the key to be used in items for the title. Makes it easier to list objects
|
3723 |
-
titleKey: 'title'
|
3724 |
-
}, settings );
|
3725 |
-
|
3726 |
-
// Create the new section
|
3727 |
-
var section = $( this.sectionTemplate( {
|
3728 |
-
settings: settings,
|
3729 |
-
items: items
|
3730 |
-
} ) ).attr( 'id', 'panels-menu-section-' + id );
|
3731 |
-
this.$el.append( section );
|
3732 |
-
|
3733 |
-
section.find( '.so-item:not(.so-confirm)' ).click( function () {
|
3734 |
-
var $$ = $( this );
|
3735 |
-
callback( $$.data( 'key' ) );
|
3736 |
-
thisView.closeMenu();
|
3737 |
-
} );
|
3738 |
-
|
3739 |
-
section.find( '.so-item.so-confirm' ).click( function () {
|
3740 |
-
var $$ = $( this );
|
3741 |
-
|
3742 |
-
if ( $$.hasClass( 'so-confirming' ) ) {
|
3743 |
-
callback( $$.data( 'key' ) );
|
3744 |
-
thisView.closeMenu();
|
3745 |
-
return;
|
3746 |
-
}
|
3747 |
-
|
3748 |
-
$$
|
3749 |
-
.data( 'original-text', $$.html() )
|
3750 |
-
.addClass( 'so-confirming' )
|
3751 |
-
.html( '<span class="dashicons dashicons-yes"></span> ' + panelsOptions.loc.dropdown_confirm );
|
3752 |
-
|
3753 |
-
setTimeout( function () {
|
3754 |
-
$$.removeClass( 'so-confirming' );
|
3755 |
-
$$.html( $$.data( 'original-text' ) );
|
3756 |
-
}, 2500 );
|
3757 |
-
} );
|
3758 |
-
|
3759 |
-
section.data( 'settings', settings ).find( '.so-search-wrapper input' ).trigger( 'keyup' );
|
3760 |
-
|
3761 |
-
this.active = true;
|
3762 |
-
},
|
3763 |
-
|
3764 |
-
/**
|
3765 |
-
* Check if a section exists in the current menu.
|
3766 |
-
*
|
3767 |
-
* @param id
|
3768 |
-
* @returns {boolean}
|
3769 |
-
*/
|
3770 |
-
hasSection: function( id ){
|
3771 |
-
return this.$el.find( '#panels-menu-section-' + id ).length > 0;
|
3772 |
-
},
|
3773 |
-
|
3774 |
-
/**
|
3775 |
-
* Handle searching inside a section.
|
3776 |
-
*
|
3777 |
-
* @param e
|
3778 |
-
* @returns {boolean}
|
3779 |
-
*/
|
3780 |
-
searchKeyUp: function ( e ) {
|
3781 |
-
var
|
3782 |
-
$$ = $( e.currentTarget ),
|
3783 |
-
section = $$.closest( '.so-section' ),
|
3784 |
-
settings = section.data( 'settings' );
|
3785 |
-
|
3786 |
-
if ( e.which === 38 || e.which === 40 ) {
|
3787 |
-
// First, lets check if this is an up, down or enter press
|
3788 |
-
var
|
3789 |
-
items = section.find( 'ul li:visible' ),
|
3790 |
-
activeItem = items.filter( '.so-active' ).eq( 0 );
|
3791 |
-
|
3792 |
-
if ( activeItem.length ) {
|
3793 |
-
items.removeClass( 'so-active' );
|
3794 |
-
|
3795 |
-
var activeIndex = items.index( activeItem );
|
3796 |
-
|
3797 |
-
if ( e.which === 38 ) {
|
3798 |
-
if ( activeIndex - 1 < 0 ) {
|
3799 |
-
activeItem = items.last();
|
3800 |
-
} else {
|
3801 |
-
activeItem = items.eq( activeIndex - 1 );
|
3802 |
-
}
|
3803 |
-
}
|
3804 |
-
else if ( e.which === 40 ) {
|
3805 |
-
if ( activeIndex + 1 >= items.length ) {
|
3806 |
-
activeItem = items.first();
|
3807 |
-
} else {
|
3808 |
-
activeItem = items.eq( activeIndex + 1 );
|
3809 |
-
}
|
3810 |
-
}
|
3811 |
-
}
|
3812 |
-
else if ( e.which === 38 ) {
|
3813 |
-
activeItem = items.last();
|
3814 |
-
}
|
3815 |
-
else if ( e.which === 40 ) {
|
3816 |
-
activeItem = items.first();
|
3817 |
-
}
|
3818 |
-
|
3819 |
-
activeItem.addClass( 'so-active' );
|
3820 |
-
return false;
|
3821 |
-
}
|
3822 |
-
if ( e.which === 13 ) {
|
3823 |
-
if ( section.find( 'ul li:visible' ).length === 1 ) {
|
3824 |
-
// We'll treat a single visible item as active when enter is clicked
|
3825 |
-
section.find( 'ul li:visible' ).trigger( 'click' );
|
3826 |
-
return false;
|
3827 |
-
}
|
3828 |
-
section.find( 'ul li.so-active:visible' ).trigger( 'click' );
|
3829 |
-
return false;
|
3830 |
-
}
|
3831 |
-
|
3832 |
-
if ( $$.val() === '' ) {
|
3833 |
-
// We'll display the defaultDisplay items
|
3834 |
-
if ( settings.defaultDisplay ) {
|
3835 |
-
section.find( '.so-item' ).hide();
|
3836 |
-
for ( var i = 0; i < settings.defaultDisplay.length; i ++ ) {
|
3837 |
-
section.find( '.so-item[data-key="' + settings.defaultDisplay[i] + '"]' ).show();
|
3838 |
-
}
|
3839 |
-
} else {
|
3840 |
-
// We'll just display all the items
|
3841 |
-
section.find( '.so-item' ).show();
|
3842 |
-
}
|
3843 |
-
} else {
|
3844 |
-
section.find( '.so-item' ).hide().each( function () {
|
3845 |
-
var item = $( this );
|
3846 |
-
if ( item.html().toLowerCase().indexOf( $$.val().toLowerCase() ) !== - 1 ) {
|
3847 |
-
item.show();
|
3848 |
-
}
|
3849 |
-
} );
|
3850 |
-
}
|
3851 |
-
|
3852 |
-
// Now, we'll only show the first settings.display visible items
|
3853 |
-
section.find( '.so-item:visible:gt(' + (
|
3854 |
-
settings.display - 1
|
3855 |
-
) + ')' ).hide();
|
3856 |
-
|
3857 |
-
|
3858 |
-
if ( section.find( '.so-item:visible' ).length === 0 && $$.val() !== '' ) {
|
3859 |
-
section.find( '.so-no-results' ).show();
|
3860 |
-
} else {
|
3861 |
-
section.find( '.so-no-results' ).hide();
|
3862 |
-
}
|
3863 |
-
},
|
3864 |
-
|
3865 |
-
/**
|
3866 |
-
* Check if the given mouse event is over the element
|
3867 |
-
* @param el
|
3868 |
-
* @param event
|
3869 |
-
*/
|
3870 |
-
isOverEl: function ( el, event ) {
|
3871 |
-
var elPos = [
|
3872 |
-
[el.offset().left, el.offset().top],
|
3873 |
-
[el.offset().left + el.outerWidth(), el.offset().top + el.outerHeight()]
|
3874 |
-
];
|
3875 |
-
|
3876 |
-
// Return if this event is over the given element
|
3877 |
-
return (
|
3878 |
-
event.pageX >= elPos[0][0] && event.pageX <= elPos[1][0] &&
|
3879 |
-
event.pageY >= elPos[0][1] && event.pageY <= elPos[1][1]
|
3880 |
-
);
|
3881 |
-
}
|
3882 |
-
|
3883 |
-
} );
|
3884 |
-
|
3885 |
-
},{}],23:[function(require,module,exports){
|
3886 |
-
var panels = window.panels, $ = jQuery;
|
3887 |
-
|
3888 |
-
module.exports = Backbone.View.extend( {
|
3889 |
-
|
3890 |
-
// Config options
|
3891 |
-
config: {},
|
3892 |
-
|
3893 |
-
template: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-builder' ).html() ) ),
|
3894 |
-
dialogs: {},
|
3895 |
-
rowsSortable: null,
|
3896 |
-
dataField: false,
|
3897 |
-
currentData: '',
|
3898 |
-
|
3899 |
-
attachedToEditor: false,
|
3900 |
-
attachedVisible: false,
|
3901 |
-
liveEditor: undefined,
|
3902 |
-
menu: false,
|
3903 |
-
|
3904 |
-
activeCell: null,
|
3905 |
-
|
3906 |
-
events: {
|
3907 |
-
'click .so-tool-button.so-widget-add': 'displayAddWidgetDialog',
|
3908 |
-
'click .so-tool-button.so-row-add': 'displayAddRowDialog',
|
3909 |
-
'click .so-tool-button.so-prebuilt-add': 'displayAddPrebuiltDialog',
|
3910 |
-
'click .so-tool-button.so-history': 'displayHistoryDialog',
|
3911 |
-
'click .so-tool-button.so-live-editor': 'displayLiveEditor'
|
3912 |
-
},
|
3913 |
-
|
3914 |
-
/* A row collection */
|
3915 |
-
rows: null,
|
3916 |
-
|
3917 |
-
/**
|
3918 |
-
* Initialize the builder
|
3919 |
-
*/
|
3920 |
-
initialize: function ( options ) {
|
3921 |
-
var builder = this;
|
3922 |
-
|
3923 |
-
this.config = _.extend( {
|
3924 |
-
loadLiveEditor: false,
|
3925 |
-
builderSupports: {}
|
3926 |
-
}, options.config );
|
3927 |
-
|
3928 |
-
// These are the actions that a user can perform in the builder
|
3929 |
-
this.config.builderSupports = _.extend( {
|
3930 |
-
addRow: true,
|
3931 |
-
editRow: true,
|
3932 |
-
deleteRow: true,
|
3933 |
-
moveRow: true,
|
3934 |
-
addWidget: true,
|
3935 |
-
editWidget: true,
|
3936 |
-
deleteWidget: true,
|
3937 |
-
moveWidget: true,
|
3938 |
-
prebuilt: true,
|
3939 |
-
history: true,
|
3940 |
-
liveEditor: true,
|
3941 |
-
revertToEditor: true
|
3942 |
-
}, this.config.builderSupports );
|
3943 |
-
|
3944 |
-
// Automatically load the live editor as soon as it's ready
|
3945 |
-
if ( options.config.loadLiveEditor ) {
|
3946 |
-
this.on( 'builder_live_editor_added', function () {
|
3947 |
-
this.displayLiveEditor();
|
3948 |
-
} );
|
3949 |
-
}
|
3950 |
-
|
3951 |
-
// Now lets create all the dialog boxes that the main builder interface uses
|
3952 |
-
this.dialogs = {
|
3953 |
-
widgets: new panels.dialog.widgets(),
|
3954 |
-
row: new panels.dialog.row(),
|
3955 |
-
prebuilt: new panels.dialog.prebuilt()
|
3956 |
-
};
|
3957 |
-
|
3958 |
-
// Set the builder for each dialog and render it.
|
3959 |
-
_.each( this.dialogs, function ( p, i, d ) {
|
3960 |
-
d[ i ].setBuilder( builder );
|
3961 |
-
} );
|
3962 |
-
|
3963 |
-
this.dialogs.row.setRowDialogType( 'create' );
|
3964 |
-
|
3965 |
-
// This handles a new row being added to the collection - we'll display it in the interface
|
3966 |
-
this.listenTo( this.model.get( 'rows' ), 'add', this.onAddRow );
|
3967 |
-
|
3968 |
-
// Reflow the entire builder when ever the
|
3969 |
-
$( window ).resize( function ( e ) {
|
3970 |
-
if ( e.target === window ) {
|
3971 |
-
builder.trigger( 'builder_resize' );
|
3972 |
-
}
|
3973 |
-
} );
|
3974 |
-
|
3975 |
-
// When the data changes in the model, store it in the field
|
3976 |
-
this.listenTo( this.model, 'change:data load_panels_data', this.storeModelData );
|
3977 |
-
this.listenTo( this.model, 'change:data load_panels_data', this.toggleWelcomeDisplay );
|
3978 |
-
|
3979 |
-
// Handle a content change
|
3980 |
-
this.on( 'content_change', this.handleContentChange, this );
|
3981 |
-
this.on( 'display_builder', this.handleDisplayBuilder, this );
|
3982 |
-
this.on( 'hide_builder', this.handleHideBuilder, this );
|
3983 |
-
this.on( 'builder_rendered builder_resize', this.handleBuilderSizing, this );
|
3984 |
-
|
3985 |
-
this.on( 'display_builder', this.wrapEditorExpandAdjust, this );
|
3986 |
-
|
3987 |
-
// Create the context menu for this builder
|
3988 |
-
this.menu = new panels.utils.menu( {} );
|
3989 |
-
this.listenTo( this.menu, 'activate_context', this.activateContextMenu )
|
3990 |
-
|
3991 |
-
if ( this.config.loadOnAttach ) {
|
3992 |
-
this.on( 'builder_attached_to_editor', function () {
|
3993 |
-
this.displayAttachedBuilder( { confirm: false } );
|
3994 |
-
}, this );
|
3995 |
-
}
|
3996 |
-
|
3997 |
-
|
3998 |
-
return this;
|
3999 |
-
},
|
4000 |
-
|
4001 |
-
/**
|
4002 |
-
* Render the builder interface.
|
4003 |
-
*
|
4004 |
-
* @return {panels.view.builder}
|
4005 |
-
*/
|
4006 |
-
render: function () {
|
4007 |
-
// this.$el.html( this.template() );
|
4008 |
-
this.setElement( this.template() );
|
4009 |
-
this.$el
|
4010 |
-
.attr( 'id', 'siteorigin-panels-builder-' + this.cid )
|
4011 |
-
.addClass( 'so-builder-container' );
|
4012 |
-
|
4013 |
-
this.trigger( 'builder_rendered' );
|
4014 |
-
|
4015 |
-
return this;
|
4016 |
-
},
|
4017 |
-
|
4018 |
-
/**
|
4019 |
-
* Attach the builder to the given container
|
4020 |
-
*
|
4021 |
-
* @param container
|
4022 |
-
* @returns {panels.view.builder}
|
4023 |
-
*/
|
4024 |
-
attach: function ( options ) {
|
4025 |
-
|
4026 |
-
options = _.extend( {
|
4027 |
-
container: false,
|
4028 |
-
dialog: false
|
4029 |
-
}, options );
|
4030 |
-
|
4031 |
-
if ( options.dialog ) {
|
4032 |
-
// We're going to add this to a dialog
|
4033 |
-
this.dialog = new panels.dialog.builder();
|
4034 |
-
this.dialog.builder = this;
|
4035 |
-
} else {
|
4036 |
-
// Attach this in the standard way
|
4037 |
-
this.$el.appendTo( options.container );
|
4038 |
-
this.metabox = options.container.closest( '.postbox' );
|
4039 |
-
this.initSortable();
|
4040 |
-
this.trigger( 'attached_to_container', options.container );
|
4041 |
-
}
|
4042 |
-
|
4043 |
-
this.trigger( 'builder_attached' );
|
4044 |
-
|
4045 |
-
// Add support for components we have
|
4046 |
-
|
4047 |
-
if ( this.supports( 'liveEditor' ) ) {
|
4048 |
-
this.addLiveEditor();
|
4049 |
-
}
|
4050 |
-
if ( this.supports( 'history' ) ) {
|
4051 |
-
this.addHistoryBrowser();
|
4052 |
-
}
|
4053 |
-
|
4054 |
-
// Hide toolbar buttons we don't support
|
4055 |
-
var toolbar = this.$( '.so-builder-toolbar' );
|
4056 |
-
var welcomeMessageContainer = this.$( '.so-panels-welcome-message' );
|
4057 |
-
var welcomeMessage = panelsOptions.loc.welcomeMessage;
|
4058 |
-
|
4059 |
-
var supportedItems = [];
|
4060 |
-
|
4061 |
-
if ( !this.supports( 'addWidget' ) ) {
|
4062 |
-
toolbar.find( '.so-widget-add' ).hide();
|
4063 |
-
} else {
|
4064 |
-
supportedItems.push( welcomeMessage.addWidgetButton );
|
4065 |
-
}
|
4066 |
-
if ( !this.supports( 'addRow' ) ) {
|
4067 |
-
toolbar.find( '.so-row-add' ).hide();
|
4068 |
-
} else {
|
4069 |
-
supportedItems.push( welcomeMessage.addRowButton );
|
4070 |
-
}
|
4071 |
-
if ( !this.supports( 'prebuilt' ) ) {
|
4072 |
-
toolbar.find( '.so-prebuilt-add' ).hide();
|
4073 |
-
} else {
|
4074 |
-
supportedItems.push( welcomeMessage.addPrebuiltButton );
|
4075 |
-
}
|
4076 |
-
|
4077 |
-
var msg = '';
|
4078 |
-
if ( supportedItems.length === 3 ) {
|
4079 |
-
msg = welcomeMessage.threeEnabled;
|
4080 |
-
} else if ( supportedItems.length === 2 ) {
|
4081 |
-
msg = welcomeMessage.twoEnabled;
|
4082 |
-
} else if ( supportedItems.length === 1 ) {
|
4083 |
-
msg = welcomeMessage.oneEnabled;
|
4084 |
-
} else if ( supportedItems.length === 0 ) {
|
4085 |
-
msg = welcomeMessage.addingDisabled;
|
4086 |
-
}
|
4087 |
-
|
4088 |
-
var resTemplate = _.template( panels.helpers.utils.processTemplate( msg ) );
|
4089 |
-
var msgHTML = resTemplate( { items: supportedItems } ) + ' ' + welcomeMessage.docsMessage;
|
4090 |
-
welcomeMessageContainer.find( '.so-message-wrapper' ).html( msgHTML );
|
4091 |
-
|
4092 |
-
return this;
|
4093 |
-
},
|
4094 |
-
|
4095 |
-
/**
|
4096 |
-
* This will move the Page Builder meta box into the editor if we're in the post/page edit interface.
|
4097 |
-
*
|
4098 |
-
* @returns {panels.view.builder}
|
4099 |
-
*/
|
4100 |
-
attachToEditor: function () {
|
4101 |
-
if ( this.config.editorType !== 'tinyMCE' ) {
|
4102 |
-
return this;
|
4103 |
-
}
|
4104 |
-
|
4105 |
-
this.attachedToEditor = true;
|
4106 |
-
var metabox = this.metabox;
|
4107 |
-
var thisView = this;
|
4108 |
-
|
4109 |
-
// Handle switching between the page builder and other tabs
|
4110 |
-
$( '#wp-content-wrap .wp-editor-tabs' )
|
4111 |
-
.find( '.wp-switch-editor' )
|
4112 |
-
.click( function ( e ) {
|
4113 |
-
e.preventDefault();
|
4114 |
-
$( '#wp-content-editor-container' ).show();
|
4115 |
-
|
4116 |
-
// metabox.hide();
|
4117 |
-
$( '#wp-content-wrap' ).removeClass( 'panels-active' );
|
4118 |
-
$( '#content-resize-handle' ).show();
|
4119 |
-
|
4120 |
-
// Make sure the word count is visible
|
4121 |
-
thisView.trigger( 'hide_builder' );
|
4122 |
-
} ).end()
|
4123 |
-
.append(
|
4124 |
-
$( '<button type="button" id="content-panels" class="hide-if-no-js wp-switch-editor switch-panels">' + metabox.find( '.hndle span' ).html() + '</button>' )
|
4125 |
-
.click( function ( e ) {
|
4126 |
-
if ( thisView.displayAttachedBuilder( { confirm: true } ) ) {
|
4127 |
-
e.preventDefault();
|
4128 |
-
}
|
4129 |
-
} )
|
4130 |
-
);
|
4131 |
-
|
4132 |
-
// Switch back to the standard editor
|
4133 |
-
if ( this.supports( 'revertToEditor' ) ) {
|
4134 |
-
metabox.find( '.so-switch-to-standard' ).click( function ( e ) {
|
4135 |
-
e.preventDefault();
|
4136 |
-
|
4137 |
-
if ( !confirm( panelsOptions.loc.confirm_stop_builder ) ) {
|
4138 |
-
return;
|
4139 |
-
}
|
4140 |
-
|
4141 |
-
// User is switching to the standard visual editor
|
4142 |
-
thisView.addHistoryEntry( 'back_to_editor' );
|
4143 |
-
thisView.model.loadPanelsData( false );
|
4144 |
-
|
4145 |
-
// Switch back to the standard editor
|
4146 |
-
$( '#wp-content-wrap' ).show();
|
4147 |
-
metabox.hide();
|
4148 |
-
|
4149 |
-
// Resize to trigger reflow of WordPress editor stuff
|
4150 |
-
$( window ).resize();
|
4151 |
-
|
4152 |
-
thisView.attachedVisible = false;
|
4153 |
-
thisView.trigger( 'hide_builder' );
|
4154 |
-
} ).show();
|
4155 |
-
}
|
4156 |
-
|
4157 |
-
// Move the panels box into a tab of the content editor
|
4158 |
-
metabox.insertAfter( '#wp-content-wrap' ).hide().addClass( 'attached-to-editor' );
|
4159 |
-
|
4160 |
-
// Switch to the Page Builder interface as soon as we load the page if there are widgets or the normal editor
|
4161 |
-
// isn't supported.
|
4162 |
-
var data = this.model.get( 'data' );
|
4163 |
-
if ( !_.isEmpty( data.widgets ) || !_.isEmpty( data.grids ) || !this.supports( 'revertToEditor' ) ) {
|
4164 |
-
this.displayAttachedBuilder( { confirm: false } );
|
4165 |
-
}
|
4166 |
-
|
4167 |
-
// We will also make this sticky if its attached to an editor.
|
4168 |
-
var stickToolbar = function () {
|
4169 |
-
var toolbar = thisView.$( '.so-builder-toolbar' );
|
4170 |
-
|
4171 |
-
if ( thisView.$el.hasClass( 'so-display-narrow' ) ) {
|
4172 |
-
// In this case, we don't want to stick the toolbar.
|
4173 |
-
toolbar.css( {
|
4174 |
-
top: 0,
|
4175 |
-
left: 0,
|
4176 |
-
width: '100%',
|
4177 |
-
position: 'absolute'
|
4178 |
-
} );
|
4179 |
-
thisView.$el.css( 'padding-top', toolbar.outerHeight() );
|
4180 |
-
return;
|
4181 |
-
}
|
4182 |
-
|
4183 |
-
var newTop = $( window ).scrollTop() - thisView.$el.offset().top;
|
4184 |
-
|
4185 |
-
if ( $( '#wpadminbar' ).css( 'position' ) === 'fixed' ) {
|
4186 |
-
newTop += $( '#wpadminbar' ).outerHeight();
|
4187 |
-
}
|
4188 |
-
|
4189 |
-
var limits = {
|
4190 |
-
top: 0,
|
4191 |
-
bottom: thisView.$el.outerHeight() - toolbar.outerHeight() + 20
|
4192 |
-
};
|
4193 |
-
|
4194 |
-
if ( newTop > limits.top && newTop < limits.bottom ) {
|
4195 |
-
if ( toolbar.css( 'position' ) !== 'fixed' ) {
|
4196 |
-
// The toolbar needs to stick to the top, over the interface
|
4197 |
-
toolbar.css( {
|
4198 |
-
top: $( '#wpadminbar' ).outerHeight(),
|
4199 |
-
left: thisView.$el.offset().left,
|
4200 |
-
width: thisView.$el.outerWidth(),
|
4201 |
-
position: 'fixed'
|
4202 |
-
} );
|
4203 |
-
}
|
4204 |
-
} else {
|
4205 |
-
// The toolbar needs to be at the top or bottom of the interface
|
4206 |
-
toolbar.css( {
|
4207 |
-
top: Math.min( Math.max( newTop, 0 ), thisView.$el.outerHeight() - toolbar.outerHeight() + 20 ),
|
4208 |
-
left: 0,
|
4209 |
-
width: '100%',
|
4210 |
-
position: 'absolute'
|
4211 |
-
} );
|
4212 |
-
}
|
4213 |
-
|
4214 |
-
thisView.$el.css( 'padding-top', toolbar.outerHeight() );
|
4215 |
-
};
|
4216 |
-
|
4217 |
-
this.on( 'builder_resize', stickToolbar, this );
|
4218 |
-
$( document ).scroll( stickToolbar );
|
4219 |
-
stickToolbar();
|
4220 |
-
|
4221 |
-
this.trigger( 'builder_attached_to_editor' );
|
4222 |
-
|
4223 |
-
return this;
|
4224 |
-
},
|
4225 |
-
|
4226 |
-
/**
|
4227 |
-
* Display the builder interface when attached to a WordPress editor
|
4228 |
-
*/
|
4229 |
-
displayAttachedBuilder: function ( options ) {
|
4230 |
-
options = _.extend( {
|
4231 |
-
confirm: true
|
4232 |
-
}, options );
|
4233 |
-
|
4234 |
-
// Switch to the Page Builder interface
|
4235 |
-
|
4236 |
-
if ( options.confirm ) {
|
4237 |
-
var editor = typeof tinyMCE !== 'undefined' ? tinyMCE.get( 'content' ) : false;
|
4238 |
-
var editorContent = ( editor && _.isFunction( editor.getContent ) ) ? editor.getContent() : $( 'textarea#content' ).val();
|
4239 |
-
|
4240 |
-
if ( editorContent !== '' && !confirm( panelsOptions.loc.confirm_use_builder ) ) {
|
4241 |
-
return false;
|
4242 |
-
}
|
4243 |
-
}
|
4244 |
-
|
4245 |
-
// Hide the standard content editor
|
4246 |
-
$( '#wp-content-wrap' ).hide();
|
4247 |
-
|
4248 |
-
|
4249 |
-
$( '#editor-expand-toggle' ).on( 'change.editor-expand', function () {
|
4250 |
-
if ( !$( this ).prop( 'checked' ) ) {
|
4251 |
-
$( '#wp-content-wrap' ).hide();
|
4252 |
-
}
|
4253 |
-
} );
|
4254 |
-
|
4255 |
-
// Show page builder and the inside div
|
4256 |
-
this.metabox.show().find( '> .inside' ).show();
|
4257 |
-
|
4258 |
-
// Triggers full refresh
|
4259 |
-
$( window ).resize();
|
4260 |
-
$( document ).scroll();
|
4261 |
-
|
4262 |
-
// Make sure the word count is visible
|
4263 |
-
this.attachedVisible = true;
|
4264 |
-
this.trigger( 'display_builder' );
|
4265 |
-
|
4266 |
-
return true;
|
4267 |
-
},
|
4268 |
-
|
4269 |
-
/**
|
4270 |
-
* Initialize the row sortables
|
4271 |
-
*/
|
4272 |
-
initSortable: function () {
|
4273 |
-
if ( !this.supports( 'moveRow' ) ) {
|
4274 |
-
return this;
|
4275 |
-
}
|
4276 |
-
|
4277 |
-
var builderView = this;
|
4278 |
-
var builderID = builderView.$el.attr( 'id' );
|
4279 |
-
|
4280 |
-
// Create the sortable for the rows
|
4281 |
-
this.rowsSortable = this.$( '.so-rows-container' ).sortable( {
|
4282 |
-
appendTo: '#wpwrap',
|
4283 |
-
items: '.so-row-container',
|
4284 |
-
handle: '.so-row-move',
|
4285 |
-
// For the block editor, where it's possible to have multiple Page Builder blocks on a page.
|
4286 |
-
// Also specify builderID when not in the block editor to prevent being able to drop rows from builder in a dialog
|
4287 |
-
// into builder on the page under the dialog.
|
4288 |
-
connectWith: '#' + builderID + '.so-rows-container,.block-editor .so-rows-container',
|
4289 |
-
axis: 'y',
|
4290 |
-
tolerance: 'pointer',
|
4291 |
-
scroll: false,
|
4292 |
-
remove: function ( e, ui ) {
|
4293 |
-
builderView.model.get( 'rows' ).remove(
|
4294 |
-
$( ui.item ).data( 'view' ).model,
|
4295 |
-
{ silent: true }
|
4296 |
-
);
|
4297 |
-
builderView.model.refreshPanelsData();
|
4298 |
-
},
|
4299 |
-
receive: function ( e, ui ) {
|
4300 |
-
builderView.model.get( 'rows' ).add(
|
4301 |
-
$( ui.item ).data( 'view' ).model,
|
4302 |
-
{ silent: true, at: $( ui.item ).index() }
|
4303 |
-
);
|
4304 |
-
builderView.model.refreshPanelsData();
|
4305 |
-
},
|
4306 |
-
stop: function ( e, ui ) {
|
4307 |
-
var $$ = $( ui.item ),
|
4308 |
-
row = $$.data( 'view' ),
|
4309 |
-
rows = builderView.model.get( 'rows' );
|
4310 |
-
|
4311 |
-
// If this hasn't already been removed and added to a different builder.
|
4312 |
-
if ( rows.get( row.model ) ) {
|
4313 |
-
builderView.addHistoryEntry( 'row_moved' );
|
4314 |
-
|
4315 |
-
rows.remove( row.model, {
|
4316 |
-
'silent': true
|
4317 |
-
} );
|
4318 |
-
rows.add( row.model, {
|
4319 |
-
'silent': true,
|
4320 |
-
'at': $$.index()
|
4321 |
-
} );
|
4322 |
-
|
4323 |
-
row.trigger( 'move', $$.index() );
|
4324 |
-
|
4325 |
-
builderView.model.refreshPanelsData();
|
4326 |
-
}
|
4327 |
-
}
|
4328 |
-
} );
|
4329 |
-
|
4330 |
-
return this;
|
4331 |
-
},
|
4332 |
-
|
4333 |
-
/**
|
4334 |
-
* Refresh the row sortable
|
4335 |
-
*/
|
4336 |
-
refreshSortable: function () {
|
4337 |
-
// Refresh the sortable to account for the new row
|
4338 |
-
if ( !_.isNull( this.rowsSortable ) ) {
|
4339 |
-
this.rowsSortable.sortable( 'refresh' );
|
4340 |
-
}
|
4341 |
-
},
|
4342 |
-
|
4343 |
-
/**
|
4344 |
-
* Set the field that's used to store the data
|
4345 |
-
* @param field
|
4346 |
-
* @param options
|
4347 |
-
*/
|
4348 |
-
setDataField: function ( field, options ) {
|
4349 |
-
options = _.extend( {
|
4350 |
-
load: true
|
4351 |
-
}, options );
|
4352 |
-
|
4353 |
-
this.dataField = field;
|
4354 |
-
this.dataField.data( 'builder', this );
|
4355 |
-
|
4356 |
-
if ( options.load && field.val() !== '' ) {
|
4357 |
-
var data = this.dataField.val();
|
4358 |
-
try {
|
4359 |
-
data = JSON.parse( data );
|
4360 |
-
}
|
4361 |
-
catch ( err ) {
|
4362 |
-
console.log( "Failed to parse Page Builder layout data from supplied data field." );
|
4363 |
-
data = {};
|
4364 |
-
}
|
4365 |
-
|
4366 |
-
this.setData( data );
|
4367 |
-
}
|
4368 |
-
|
4369 |
-
return this;
|
4370 |
-
},
|
4371 |
-
|
4372 |
-
/**
|
4373 |
-
* Set the current panels data to be used.
|
4374 |
-
*
|
4375 |
-
* @param data
|
4376 |
-
*/
|
4377 |
-
setData: function( data ) {
|
4378 |
-
this.model.loadPanelsData( data );
|
4379 |
-
this.currentData = data;
|
4380 |
-
this.toggleWelcomeDisplay();
|
4381 |
-
},
|
4382 |
-
|
4383 |
-
/**
|
4384 |
-
* Get the current panels data.
|
4385 |
-
*
|
4386 |
-
*/
|
4387 |
-
getData: function() {
|
4388 |
-
return this.model.get( 'data' );
|
4389 |
-
},
|
4390 |
-
|
4391 |
-
/**
|
4392 |
-
* Store the model data in the data html field set in this.setDataField.
|
4393 |
-
*/
|
4394 |
-
storeModelData: function () {
|
4395 |
-
var data = JSON.stringify( this.model.get( 'data' ) );
|
4396 |
-
|
4397 |
-
if ( $( this.dataField ).val() !== data ) {
|
4398 |
-
// If the data is different, set it and trigger a content_change event
|
4399 |
-
$( this.dataField ).val( data );
|
4400 |
-
$( this.dataField ).trigger( 'change' );
|
4401 |
-
this.trigger( 'content_change' );
|
4402 |
-
}
|
4403 |
-
},
|
4404 |
-
|
4405 |
-
/**
|
4406 |
-
* HAndle the visual side of adding a new row to the builder.
|
4407 |
-
*
|
4408 |
-
* @param row
|
4409 |
-
* @param collection
|
4410 |
-
* @param options
|
4411 |
-
*/
|
4412 |
-
onAddRow: function ( row, collection, options ) {
|
4413 |
-
options = _.extend( { noAnimate: false }, options );
|
4414 |
-
// Create a view for the row
|
4415 |
-
var rowView = new panels.view.row( { model: row } );
|
4416 |
-
rowView.builder = this;
|
4417 |
-
rowView.render();
|
4418 |
-
|
4419 |
-
// Attach the row elements to this builder
|
4420 |
-
if ( _.isUndefined( options.at ) || collection.length <= 1 ) {
|
4421 |
-
// Insert this at the end of the widgets container
|
4422 |
-
rowView.$el.appendTo( this.$( '.so-rows-container' ) );
|
4423 |
-
} else {
|
4424 |
-
// We need to insert this at a specific position
|
4425 |
-
rowView.$el.insertAfter(
|
4426 |
-
this.$( '.so-rows-container .so-row-container' ).eq( options.at - 1 )
|
4427 |
-
);
|
4428 |
-
}
|
4429 |
-
|
4430 |
-
if ( options.noAnimate === false ) {
|
4431 |
-
rowView.visualCreate();
|
4432 |
-
}
|
4433 |
-
|
4434 |
-
this.refreshSortable();
|
4435 |
-
rowView.resize();
|
4436 |
-
this.trigger( 'row_added' );
|
4437 |
-
},
|
4438 |
-
|
4439 |
-
/**
|
4440 |
-
* Display the dialog to add a new widget.
|
4441 |
-
*
|
4442 |
-
* @returns {boolean}
|
4443 |
-
*/
|
4444 |
-
displayAddWidgetDialog: function () {
|
4445 |
-
this.dialogs.widgets.openDialog();
|
4446 |
-
},
|
4447 |
-
|
4448 |
-
/**
|
4449 |
-
* Display the dialog to add a new row.
|
4450 |
-
*/
|
4451 |
-
displayAddRowDialog: function () {
|
4452 |
-
var row = new panels.model.row();
|
4453 |
-
var cells = new panels.collection.cells( [ { weight: 0.5 }, { weight: 0.5 } ] );
|
4454 |
-
cells.each( function ( cell ) {
|
4455 |
-
cell.row = row;
|
4456 |
-
} );
|
4457 |
-
row.set( 'cells', cells );
|
4458 |
-
row.builder = this.model;
|
4459 |
-
|
4460 |
-
this.dialogs.row.setRowModel( row );
|
4461 |
-
this.dialogs.row.openDialog();
|
4462 |
-
},
|
4463 |
-
|
4464 |
-
/**
|
4465 |
-
* Display the dialog to add prebuilt layouts.
|
4466 |
-
*
|
4467 |
-
* @returns {boolean}
|
4468 |
-
*/
|
4469 |
-
displayAddPrebuiltDialog: function () {
|
4470 |
-
this.dialogs.prebuilt.openDialog();
|
4471 |
-
},
|
4472 |
-
|
4473 |
-
/**
|
4474 |
-
* Display the history dialog.
|
4475 |
-
*
|
4476 |
-
* @returns {boolean}
|
4477 |
-
*/
|
4478 |
-
displayHistoryDialog: function () {
|
4479 |
-
this.dialogs.history.openDialog();
|
4480 |
-
},
|
4481 |
-
|
4482 |
-
/**
|
4483 |
-
* Handle pasting a row into the builder.
|
4484 |
-
*/
|
4485 |
-
pasteRowHandler: function () {
|
4486 |
-
var pastedModel = panels.helpers.clipboard.getModel( 'row-model' );
|
4487 |
-
|
4488 |
-
if ( !_.isEmpty( pastedModel ) && pastedModel instanceof panels.model.row ) {
|
4489 |
-
this.addHistoryEntry( 'row_pasted' );
|
4490 |
-
pastedModel.builder = this.model;
|
4491 |
-
this.model.get( 'rows' ).add( pastedModel, {
|
4492 |
-
at: this.model.get( 'rows' ).indexOf( this.model ) + 1
|
4493 |
-
} );
|
4494 |
-
this.model.refreshPanelsData();
|
4495 |
-
}
|
4496 |
-
},
|
4497 |
-
|
4498 |
-
/**
|
4499 |
-
* Get the model for the currently selected cell
|
4500 |
-
*/
|
4501 |
-
getActiveCell: function ( options ) {
|
4502 |
-
options = _.extend( {
|
4503 |
-
createCell: true,
|
4504 |
-
}, options );
|
4505 |
-
|
4506 |
-
if ( !this.model.get( 'rows' ).length ) {
|
4507 |
-
// There aren't any rows yet
|
4508 |
-
if ( options.createCell ) {
|
4509 |
-
// Create a row with a single cell
|
4510 |
-
this.model.addRow( {}, [ { weight: 1 } ], { noAnimate: true } );
|
4511 |
-
} else {
|
4512 |
-
return null;
|
4513 |
-
}
|
4514 |
-
}
|
4515 |
-
|
4516 |
-
// Make sure the active cell isn't empty, and it's in a row that exists
|
4517 |
-
var activeCell = this.activeCell;
|
4518 |
-
if ( _.isEmpty( activeCell ) || this.model.get( 'rows' ).indexOf( activeCell.model.row ) === -1 ) {
|
4519 |
-
return this.model.get( 'rows' ).last().get( 'cells' ).first();
|
4520 |
-
} else {
|
4521 |
-
return activeCell.model;
|
4522 |
-
}
|
4523 |
-
},
|
4524 |
-
|
4525 |
-
/**
|
4526 |
-
* Add a live editor to the builder
|
4527 |
-
*
|
4528 |
-
* @returns {panels.view.builder}
|
4529 |
-
*/
|
4530 |
-
addLiveEditor: function () {
|
4531 |
-
if ( _.isEmpty( this.config.liveEditorPreview ) ) {
|
4532 |
-
return this;
|
4533 |
-
}
|
4534 |
-
|
4535 |
-
// Create the live editor and set the builder to this.
|
4536 |
-
this.liveEditor = new panels.view.liveEditor( {
|
4537 |
-
builder: this,
|
4538 |
-
previewUrl: this.config.liveEditorPreview
|
4539 |
-
} );
|
4540 |
-
|
4541 |
-
// Display the live editor button in the toolbar
|
4542 |
-
if ( this.liveEditor.hasPreviewUrl() ) {
|
4543 |
-
this.$( '.so-builder-toolbar .so-live-editor' ).show();
|
4544 |
-
}
|
4545 |
-
|
4546 |
-
this.trigger( 'builder_live_editor_added' );
|
4547 |
-
|
4548 |
-
return this;
|
4549 |
-
},
|
4550 |
-
|
4551 |
-
/**
|
4552 |
-
* Show the current live editor
|
4553 |
-
*/
|
4554 |
-
displayLiveEditor: function () {
|
4555 |
-
if ( _.isUndefined( this.liveEditor ) ) {
|
4556 |
-
return;
|
4557 |
-
}
|
4558 |
-
|
4559 |
-
this.liveEditor.open();
|
4560 |
-
},
|
4561 |
-
|
4562 |
-
/**
|
4563 |
-
* Add the history browser.
|
4564 |
-
*
|
4565 |
-
* @return {panels.view.builder}
|
4566 |
-
*/
|
4567 |
-
addHistoryBrowser: function () {
|
4568 |
-
if ( _.isEmpty( this.config.liveEditorPreview ) ) {
|
4569 |
-
return this;
|
4570 |
-
}
|
4571 |
-
|
4572 |
-
this.dialogs.history = new panels.dialog.history();
|
4573 |
-
this.dialogs.history.builder = this;
|
4574 |
-
this.dialogs.history.entries.builder = this.model;
|
4575 |
-
|
4576 |
-
// Set the revert entry
|
4577 |
-
this.dialogs.history.setRevertEntry( this.model );
|
4578 |
-
|
4579 |
-
// Display the live editor button in the toolbar
|
4580 |
-
this.$( '.so-builder-toolbar .so-history' ).show();
|
4581 |
-
},
|
4582 |
-
|
4583 |
-
/**
|
4584 |
-
* Add an entry.
|
4585 |
-
*
|
4586 |
-
* @param text
|
4587 |
-
* @param data
|
4588 |
-
*/
|
4589 |
-
addHistoryEntry: function ( text, data ) {
|
4590 |
-
if ( _.isUndefined( data ) ) {
|
4591 |
-
data = null;
|
4592 |
-
}
|
4593 |
-
|
4594 |
-
if ( !_.isUndefined( this.dialogs.history ) ) {
|
4595 |
-
this.dialogs.history.entries.addEntry( text, data );
|
4596 |
-
}
|
4597 |
-
},
|
4598 |
-
|
4599 |
-
supports: function ( thing ) {
|
4600 |
-
|
4601 |
-
if ( thing === 'rowAction' ) {
|
4602 |
-
// Check if this supports any row action
|
4603 |
-
return this.supports( 'addRow' ) || this.supports( 'editRow' ) || this.supports( 'deleteRow' );
|
4604 |
-
} else if ( thing === 'widgetAction' ) {
|
4605 |
-
// Check if this supports any widget action
|
4606 |
-
return this.supports( 'addWidget' ) || this.supports( 'editWidget' ) || this.supports( 'deleteWidget' );
|
4607 |
-
}
|
4608 |
-
|
4609 |
-
return _.isUndefined( this.config.builderSupports[ thing ] ) ? false : this.config.builderSupports[ thing ];
|
4610 |
-
},
|
4611 |
-
|
4612 |
-
/**
|
4613 |
-
* Handle a change of the content
|
4614 |
-
*/
|
4615 |
-
handleContentChange: function () {
|
4616 |
-
|
4617 |
-
// Make sure we actually need to copy content.
|
4618 |
-
if ( panelsOptions.copy_content && this.attachedToEditor && this.$el.is( ':visible' ) ) {
|
4619 |
-
|
4620 |
-
var panelsData = this.model.getPanelsData();
|
4621 |
-
if ( !_.isEmpty( panelsData.widgets ) ) {
|
4622 |
-
// We're going to create a copy of page builder content into the post content
|
4623 |
-
$.post(
|
4624 |
-
panelsOptions.ajaxurl,
|
4625 |
-
{
|
4626 |
-
action: 'so_panels_builder_content',
|
4627 |
-
panels_data: JSON.stringify( panelsData ),
|
4628 |
-
post_id: this.config.postId
|
4629 |
-
},
|
4630 |
-
function ( content ) {
|
4631 |
-
if ( content !== '' ) {
|
4632 |
-
this.updateEditorContent( content );
|
4633 |
-
}
|
4634 |
-
}.bind( this )
|
4635 |
-
);
|
4636 |
-
}
|
4637 |
-
}
|
4638 |
-
},
|
4639 |
-
|
4640 |
-
/**
|
4641 |
-
* Update editor content with the given content.
|
4642 |
-
*
|
4643 |
-
* @param content
|
4644 |
-
*/
|
4645 |
-
updateEditorContent: function ( content ) {
|
4646 |
-
// Switch back to the standard editor
|
4647 |
-
if ( this.config.editorType !== 'tinyMCE' || typeof tinyMCE === 'undefined' || _.isNull( tinyMCE.get( "content" ) ) ) {
|
4648 |
-
var $editor = $( this.config.editorId );
|
4649 |
-
$editor.val( content ).trigger( 'change' ).trigger( 'keyup' );
|
4650 |
-
} else {
|
4651 |
-
var contentEd = tinyMCE.get( "content" );
|
4652 |
-
|
4653 |
-
contentEd.setContent( content );
|
4654 |
-
|
4655 |
-
contentEd.fire( 'change' );
|
4656 |
-
contentEd.fire( 'keyup' );
|
4657 |
-
}
|
4658 |
-
|
4659 |
-
this.triggerYoastSeoChange();
|
4660 |
-
},
|
4661 |
-
|
4662 |
-
/**
|
4663 |
-
* Trigger a change on Yoast SEO
|
4664 |
-
*/
|
4665 |
-
triggerYoastSeoChange: function () {
|
4666 |
-
if ( $( '#yoast_wpseo_focuskw_text_input' ).length ) {
|
4667 |
-
var element = document.getElementById( 'yoast_wpseo_focuskw_text_input' ), event;
|
4668 |
-
|
4669 |
-
if ( document.createEvent ) {
|
4670 |
-
event = document.createEvent( "HTMLEvents" );
|
4671 |
-
event.initEvent( "keyup", true, true );
|
4672 |
-
} else {
|
4673 |
-
event = document.createEventObject();
|
4674 |
-
event.eventType = "keyup";
|
4675 |
-
}
|
4676 |
-
|
4677 |
-
event.eventName = "keyup";
|
4678 |
-
|
4679 |
-
if ( document.createEvent ) {
|
4680 |
-
element.dispatchEvent( event );
|
4681 |
-
} else {
|
4682 |
-
element.fireEvent( "on" + event.eventType, event );
|
4683 |
-
}
|
4684 |
-
}
|
4685 |
-
},
|
4686 |
-
|
4687 |
-
/**
|
4688 |
-
* Handle displaying the builder
|
4689 |
-
*/
|
4690 |
-
handleDisplayBuilder: function () {
|
4691 |
-
var editor = typeof tinyMCE !== 'undefined' ? tinyMCE.get( 'content' ) : false;
|
4692 |
-
var editorContent = ( editor && _.isFunction( editor.getContent ) ) ? editor.getContent() : $( 'textarea#content' ).val();
|
4693 |
-
|
4694 |
-
if (
|
4695 |
-
(
|
4696 |
-
_.isEmpty( this.model.get( 'data' ) ) ||
|
4697 |
-
( _.isEmpty( this.model.get( 'data' ).widgets ) && _.isEmpty( this.model.get( 'data' ).grids ) )
|
4698 |
-
) &&
|
4699 |
-
editorContent !== ''
|
4700 |
-
) {
|
4701 |
-
var editorClass = panelsOptions.text_widget;
|
4702 |
-
// There is a small chance a theme will have removed this, so check
|
4703 |
-
if ( _.isEmpty( editorClass ) ) {
|
4704 |
-
return;
|
4705 |
-
}
|
4706 |
-
|
4707 |
-
// Create the existing page content in a single widget
|
4708 |
-
this.model.loadPanelsData( this.model.getPanelsDataFromHtml( editorContent, editorClass ) );
|
4709 |
-
this.model.trigger( 'change' );
|
4710 |
-
this.model.trigger( 'change:data' );
|
4711 |
-
}
|
4712 |
-
|
4713 |
-
$( '#post-status-info' ).addClass( 'for-siteorigin-panels' );
|
4714 |
-
},
|
4715 |
-
|
4716 |
-
handleHideBuilder: function () {
|
4717 |
-
$( '#post-status-info' ).show().removeClass( 'for-siteorigin-panels' );
|
4718 |
-
},
|
4719 |
-
|
4720 |
-
wrapEditorExpandAdjust: function () {
|
4721 |
-
try {
|
4722 |
-
var events = ( $.hasData( window ) && $._data( window ) ).events.scroll,
|
4723 |
-
event;
|
4724 |
-
|
4725 |
-
for ( var i = 0; i < events.length; i++ ) {
|
4726 |
-
if ( events[ i ].namespace === 'editor-expand' ) {
|
4727 |
-
event = events[ i ];
|
4728 |
-
|
4729 |
-
// Wrap the call
|
4730 |
-
$( window ).unbind( 'scroll', event.handler );
|
4731 |
-
$( window ).bind( 'scroll', function ( e ) {
|
4732 |
-
if ( !this.attachedVisible ) {
|
4733 |
-
event.handler( e );
|
4734 |
-
}
|
4735 |
-
}.bind( this ) );
|
4736 |
-
|
4737 |
-
break;
|
4738 |
-
}
|
4739 |
-
}
|
4740 |
-
}
|
4741 |
-
catch ( e ) {
|
4742 |
-
// We tried, we failed
|
4743 |
-
return;
|
4744 |
-
}
|
4745 |
-
},
|
4746 |
-
|
4747 |
-
/**
|
4748 |
-
* Either add or remove the narrow class
|
4749 |
-
* @returns {exports}
|
4750 |
-
*/
|
4751 |
-
handleBuilderSizing: function () {
|
4752 |
-
var width = this.$el.width();
|
4753 |
-
|
4754 |
-
if ( !width ) {
|
4755 |
-
return this;
|
4756 |
-
}
|
4757 |
-
|
4758 |
-
if ( width < 575 ) {
|
4759 |
-
this.$el.addClass( 'so-display-narrow' );
|
4760 |
-
} else {
|
4761 |
-
this.$el.removeClass( 'so-display-narrow' );
|
4762 |
-
}
|
4763 |
-
|
4764 |
-
return this;
|
4765 |
-
},
|
4766 |
-
|
4767 |
-
/**
|
4768 |
-
* Set the parent dialog for all the dialogs in this builder.
|
4769 |
-
*
|
4770 |
-
* @param text
|
4771 |
-
* @param dialog
|
4772 |
-
*/
|
4773 |
-
setDialogParents: function ( text, dialog ) {
|
4774 |
-
_.each( this.dialogs, function ( p, i, d ) {
|
4775 |
-
d[ i ].setParent( text, dialog );
|
4776 |
-
} );
|
4777 |
-
|
4778 |
-
// For any future dialogs
|
4779 |
-
this.on( 'add_dialog', function ( newDialog ) {
|
4780 |
-
newDialog.setParent( text, dialog );
|
4781 |
-
}, this );
|
4782 |
-
},
|
4783 |
-
|
4784 |
-
/**
|
4785 |
-
* This shows or hides the welcome display depending on whether there are any rows in the collection.
|
4786 |
-
*/
|
4787 |
-
toggleWelcomeDisplay: function () {
|
4788 |
-
if ( !this.model.get( 'rows' ).isEmpty() ) {
|
4789 |
-
this.$( '.so-panels-welcome-message' ).hide();
|
4790 |
-
} else {
|
4791 |
-
this.$( '.so-panels-welcome-message' ).show();
|
4792 |
-
}
|
4793 |
-
},
|
4794 |
-
|
4795 |
-
/**
|
4796 |
-
* Activate the contextual menu
|
4797 |
-
* @param e
|
4798 |
-
* @param menu
|
4799 |
-
*/
|
4800 |
-
activateContextMenu: function ( e, menu ) {
|
4801 |
-
var builder = this;
|
4802 |
-
|
4803 |
-
// Only run this if the event target is a descendant of this builder's DOM element.
|
4804 |
-
if ( $.contains( builder.$el.get( 0 ), e.target ) ) {
|
4805 |
-
// Get the element we're currently hovering over
|
4806 |
-
var over = $( [] )
|
4807 |
-
.add( builder.$( '.so-panels-welcome-message:visible' ) )
|
4808 |
-
.add( builder.$( '.so-rows-container > .so-row-container' ) )
|
4809 |
-
.add( builder.$( '.so-cells > .cell' ) )
|
4810 |
-
.add( builder.$( '.cell-wrapper > .so-widget' ) )
|
4811 |
-
.filter( function ( i ) {
|
4812 |
-
return menu.isOverEl( $( this ), e );
|
4813 |
-
} );
|
4814 |
-
|
4815 |
-
var activeView = over.last().data( 'view' );
|
4816 |
-
if ( activeView !== undefined && activeView.buildContextualMenu !== undefined ) {
|
4817 |
-
// We'll pass this to the current active view so it can populate the contextual menu
|
4818 |
-
activeView.buildContextualMenu( e, menu );
|
4819 |
-
}
|
4820 |
-
else if ( over.last().hasClass( 'so-panels-welcome-message' ) ) {
|
4821 |
-
// The user opened the contextual menu on the welcome message
|
4822 |
-
this.buildContextualMenu( e, menu );
|
4823 |
-
}
|
4824 |
-
}
|
4825 |
-
},
|
4826 |
-
|
4827 |
-
/**
|
4828 |
-
* Build the contextual menu for the main builder - before any content has been added.
|
4829 |
-
*/
|
4830 |
-
buildContextualMenu: function ( e, menu ) {
|
4831 |
-
var actions = {};
|
4832 |
-
|
4833 |
-
if ( this.supports( 'addRow' ) ) {
|
4834 |
-
actions.add_row = { title: panelsOptions.loc.contextual.add_row };
|
4835 |
-
}
|
4836 |
-
|
4837 |
-
if ( panels.helpers.clipboard.canCopyPaste() ) {
|
4838 |
-
if ( panels.helpers.clipboard.isModel( 'row-model' ) && this.supports( 'addRow' ) ) {
|
4839 |
-
actions.paste_row = { title: panelsOptions.loc.contextual.row_paste };
|
4840 |
-
}
|
4841 |
-
}
|
4842 |
-
|
4843 |
-
if ( !_.isEmpty( actions ) ) {
|
4844 |
-
menu.addSection(
|
4845 |
-
'builder-actions',
|
4846 |
-
{
|
4847 |
-
sectionTitle: panelsOptions.loc.contextual.row_actions,
|
4848 |
-
search: false,
|
4849 |
-
},
|
4850 |
-
actions,
|
4851 |
-
function ( c ) {
|
4852 |
-
switch ( c ) {
|
4853 |
-
case 'add_row':
|
4854 |
-
this.displayAddRowDialog();
|
4855 |
-
break;
|
4856 |
-
|
4857 |
-
case 'paste_row':
|
4858 |
-
this.pasteRowHandler();
|
4859 |
-
break;
|
4860 |
-
}
|
4861 |
-
}.bind( this )
|
4862 |
-
);
|
4863 |
-
}
|
4864 |
-
},
|
4865 |
-
} );
|
4866 |
-
|
4867 |
-
},{}],24:[function(require,module,exports){
|
4868 |
-
var panels = window.panels, $ = jQuery;
|
4869 |
-
|
4870 |
-
module.exports = Backbone.View.extend( {
|
4871 |
-
template: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-builder-cell' ).html() ) ),
|
4872 |
-
events: {
|
4873 |
-
'click .cell-wrapper': 'handleCellClick'
|
4874 |
-
},
|
4875 |
-
|
4876 |
-
/* The row view that this cell is a part of */
|
4877 |
-
row: null,
|
4878 |
-
widgetSortable: null,
|
4879 |
-
|
4880 |
-
initialize: function () {
|
4881 |
-
this.listenTo(this.model.get('widgets'), 'add', this.onAddWidget );
|
4882 |
-
},
|
4883 |
-
|
4884 |
-
/**
|
4885 |
-
* Render the actual cell
|
4886 |
-
*/
|
4887 |
-
render: function () {
|
4888 |
-
var templateArgs = {
|
4889 |
-
weight: this.model.get( 'weight' ),
|
4890 |
-
totalWeight: this.row.model.get('cells').totalWeight()
|
4891 |
-
};
|
4892 |
-
|
4893 |
-
this.setElement( this.template( templateArgs ) );
|
4894 |
-
this.$el.data( 'view', this );
|
4895 |
-
|
4896 |
-
// Now lets render any widgets that are currently in the row
|
4897 |
-
var thisView = this;
|
4898 |
-
this.model.get('widgets').each( function ( widget ) {
|
4899 |
-
var widgetView = new panels.view.widget( {model: widget} );
|
4900 |
-
widgetView.cell = thisView;
|
4901 |
-
widgetView.render();
|
4902 |
-
|
4903 |
-
widgetView.$el.appendTo( thisView.$( '.widgets-container' ) );
|
4904 |
-
} );
|
4905 |
-
|
4906 |
-
this.initSortable();
|
4907 |
-
this.initResizable();
|
4908 |
-
|
4909 |
-
return this;
|
4910 |
-
},
|
4911 |
-
|
4912 |
-
/**
|
4913 |
-
* Initialize the widget sortable
|
4914 |
-
*/
|
4915 |
-
initSortable: function () {
|
4916 |
-
if( ! this.row.builder.supports( 'moveWidget' ) ) {
|
4917 |
-
return this;
|
4918 |
-
}
|
4919 |
-
|
4920 |
-
var cellView = this;
|
4921 |
-
var builder = cellView.row.builder;
|
4922 |
-
|
4923 |
-
// Go up the view hierarchy until we find the ID attribute
|
4924 |
-
var builderID = builder.$el.attr( 'id' );
|
4925 |
-
var builderModel = builder.model;
|
4926 |
-
|
4927 |
-
// Create a widget sortable that's connected with all other cells
|
4928 |
-
this.widgetSortable = this.$( '.widgets-container' ).sortable( {
|
4929 |
-
placeholder: "so-widget-sortable-highlight",
|
4930 |
-
connectWith: '#' + builderID + ' .so-cells .cell .widgets-container,.block-editor .so-cells .cell .widgets-container',
|
4931 |
-
tolerance: 'pointer',
|
4932 |
-
scroll: false,
|
4933 |
-
over: function ( e, ui ) {
|
4934 |
-
// This will make all the rows in the current builder resize
|
4935 |
-
cellView.row.builder.trigger( 'widget_sortable_move' );
|
4936 |
-
},
|
4937 |
-
remove: function ( e, ui ) {
|
4938 |
-
cellView.model.get( 'widgets' ).remove(
|
4939 |
-
$( ui.item ).data( 'view' ).model,
|
4940 |
-
{ silent: true }
|
4941 |
-
);
|
4942 |
-
builderModel.refreshPanelsData();
|
4943 |
-
},
|
4944 |
-
receive: function ( e, ui ) {
|
4945 |
-
var widgetModel = $( ui.item ).data( 'view' ).model;
|
4946 |
-
widgetModel.cell = cellView.model;
|
4947 |
-
cellView.model.get( 'widgets' ).add(
|
4948 |
-
widgetModel,
|
4949 |
-
{ silent: true, at: $( ui.item ).index() }
|
4950 |
-
);
|
4951 |
-
builderModel.refreshPanelsData();
|
4952 |
-
},
|
4953 |
-
stop: function ( e, ui ) {
|
4954 |
-
var $$ = $( ui.item ),
|
4955 |
-
widget = $$.data( 'view' ),
|
4956 |
-
targetCell = $$.closest( '.cell' ).data( 'view' );
|
4957 |
-
|
4958 |
-
|
4959 |
-
// If this hasn't already been removed and added to a different builder.
|
4960 |
-
if ( cellView.model.get( 'widgets' ).get( widget.model ) ) {
|
4961 |
-
|
4962 |
-
cellView.row.builder.addHistoryEntry( 'widget_moved' );
|
4963 |
-
|
4964 |
-
// Move the model and the view to the new cell
|
4965 |
-
widget.model.moveToCell( targetCell.model, {}, $$.index() );
|
4966 |
-
widget.cell = targetCell;
|
4967 |
-
|
4968 |
-
builderModel.refreshPanelsData();
|
4969 |
-
}
|
4970 |
-
},
|
4971 |
-
helper: function ( e, el ) {
|
4972 |
-
var helper = el.clone()
|
4973 |
-
.css( {
|
4974 |
-
'width': el.outerWidth(),
|
4975 |
-
'z-index': 10000,
|
4976 |
-
'position': 'fixed'
|
4977 |
-
} )
|
4978 |
-
.addClass( 'widget-being-dragged' ).appendTo( 'body' );
|
4979 |
-
|
4980 |
-
// Center the helper to the mouse cursor.
|
4981 |
-
if ( el.outerWidth() > 720 ) {
|
4982 |
-
helper.animate( {
|
4983 |
-
'margin-left': e.pageX - el.offset().left - (
|
4984 |
-
480 / 2
|
4985 |
-
),
|
4986 |
-
'width': 480
|
4987 |
-
}, 'fast' );
|
4988 |
-
}
|
4989 |
-
|
4990 |
-
return helper;
|
4991 |
-
}
|
4992 |
-
} );
|
4993 |
-
|
4994 |
-
return this;
|
4995 |
-
},
|
4996 |
-
|
4997 |
-
/**
|
4998 |
-
* Refresh the widget sortable when a new widget is added
|
4999 |
-
*/
|
5000 |
-
refreshSortable: function () {
|
5001 |
-
if ( ! _.isNull( this.widgetSortable ) ) {
|
5002 |
-
this.widgetSortable.sortable( 'refresh' );
|
5003 |
-
}
|
5004 |
-
},
|
5005 |
-
|
5006 |
-
/**
|
5007 |
-
* This will make the cell resizble
|
5008 |
-
*/
|
5009 |
-
initResizable: function () {
|
5010 |
-
if( ! this.row.builder.supports( 'editRow' ) ) {
|
5011 |
-
return this;
|
5012 |
-
}
|
5013 |
-
|
5014 |
-
// var neighbor = this.$el.previous().data('view');
|
5015 |
-
var handle = this.$( '.resize-handle' ).css( 'position', 'absolute' );
|
5016 |
-
var container = this.row.$el;
|
5017 |
-
var cellView = this;
|
5018 |
-
|
5019 |
-
// The view of the cell to the left is stored when dragging starts.
|
5020 |
-
var previousCell;
|
5021 |
-
|
5022 |
-
handle.draggable( {
|
5023 |
-
axis: 'x',
|
5024 |
-
containment: container,
|
5025 |
-
start: function ( e, ui ) {
|
5026 |
-
// Set the containment to the cell parent
|
5027 |
-
previousCell = cellView.$el.prev().data( 'view' );
|
5028 |
-
if ( _.isUndefined( previousCell ) ) {
|
5029 |
-
return;
|
5030 |
-
}
|
5031 |
-
|
5032 |
-
// Create the clone for the current cell
|
5033 |
-
var newCellClone = cellView.$el.clone().appendTo( ui.helper ).css( {
|
5034 |
-
position: 'absolute',
|
5035 |
-
top: '0',
|
5036 |
-
width: cellView.$el.outerWidth(),
|
5037 |
-
left: 5,
|
5038 |
-
height: cellView.$el.outerHeight()
|
5039 |
-
} );
|
5040 |
-
newCellClone.find( '.resize-handle' ).remove();
|
5041 |
-
|
5042 |
-
// Create the clone for the previous cell
|
5043 |
-
var prevCellClone = previousCell.$el.clone().appendTo( ui.helper ).css( {
|
5044 |
-
position: 'absolute',
|
5045 |
-
top: '0',
|
5046 |
-
width: previousCell.$el.outerWidth(),
|
5047 |
-
right: 5,
|
5048 |
-
height: previousCell.$el.outerHeight()
|
5049 |
-
} );
|
5050 |
-
prevCellClone.find( '.resize-handle' ).remove();
|
5051 |
-
|
5052 |
-
$( this ).data( {
|
5053 |
-
'newCellClone': newCellClone,
|
5054 |
-
'prevCellClone': prevCellClone
|
5055 |
-
} );
|
5056 |
-
},
|
5057 |
-
drag: function ( e, ui ) {
|
5058 |
-
// Calculate the new cell and previous cell widths as a percent
|
5059 |
-
var containerWidth = cellView.row.$el.width() + 10;
|
5060 |
-
var ncw = cellView.model.get( 'weight' ) - (
|
5061 |
-
(
|
5062 |
-
ui.position.left + handle.outerWidth() / 2
|
5063 |
-
) / containerWidth
|
5064 |
-
);
|
5065 |
-
var pcw = previousCell.model.get( 'weight' ) + (
|
5066 |
-
(
|
5067 |
-
ui.position.left + handle.outerWidth() / 2
|
5068 |
-
) / containerWidth
|
5069 |
-
);
|
5070 |
-
|
5071 |
-
$( this ).data( 'newCellClone' ).css( 'width', containerWidth * ncw )
|
5072 |
-
.find( '.preview-cell-weight' ).html( Math.round( ncw * 1000 ) / 10 );
|
5073 |
-
|
5074 |
-
$( this ).data( 'prevCellClone' ).css( 'width', containerWidth * pcw )
|
5075 |
-
.find( '.preview-cell-weight' ).html( Math.round( pcw * 1000 ) / 10 );
|
5076 |
-
},
|
5077 |
-
stop: function ( e, ui ) {
|
5078 |
-
// Remove the clones
|
5079 |
-
$( this ).data( 'newCellClone' ).remove();
|
5080 |
-
$( this ).data( 'prevCellClone' ).remove();
|
5081 |
-
|
5082 |
-
var containerWidth = cellView.row.$el.width() + 10;
|
5083 |
-
var ncw = cellView.model.get( 'weight' ) - (
|
5084 |
-
(
|
5085 |
-
ui.position.left + handle.outerWidth() / 2
|
5086 |
-
) / containerWidth
|
5087 |
-
);
|
5088 |
-
var pcw = previousCell.model.get( 'weight' ) + (
|
5089 |
-
(
|
5090 |
-
ui.position.left + handle.outerWidth() / 2
|
5091 |
-
) / containerWidth
|
5092 |
-
);
|
5093 |
-
|
5094 |
-
if ( ncw > 0.02 && pcw > 0.02 ) {
|
5095 |
-
cellView.row.builder.addHistoryEntry( 'cell_resized' );
|
5096 |
-
cellView.model.set( 'weight', ncw );
|
5097 |
-
previousCell.model.set( 'weight', pcw );
|
5098 |
-
cellView.row.resize();
|
5099 |
-
}
|
5100 |
-
|
5101 |
-
ui.helper.css( 'left', - handle.outerWidth() / 2 );
|
5102 |
-
|
5103 |
-
// Refresh the panels data
|
5104 |
-
cellView.row.builder.model.refreshPanelsData();
|
5105 |
-
}
|
5106 |
-
} );
|
5107 |
-
|
5108 |
-
return this;
|
5109 |
-
},
|
5110 |
-
|
5111 |
-
/**
|
5112 |
-
* This is triggered when ever a widget is added to the row collection.
|
5113 |
-
*
|
5114 |
-
* @param widget
|
5115 |
-
*/
|
5116 |
-
onAddWidget: function ( widget, collection, options ) {
|
5117 |
-
options = _.extend( {noAnimate: false}, options );
|
5118 |
-
|
5119 |
-
// Create the view for the widget
|
5120 |
-
var view = new panels.view.widget( {
|
5121 |
-
model: widget
|
5122 |
-
} );
|
5123 |
-
view.cell = this;
|
5124 |
-
|
5125 |
-
if ( _.isUndefined( widget.isDuplicate ) ) {
|
5126 |
-
widget.isDuplicate = false;
|
5127 |
-
}
|
5128 |
-
|
5129 |
-
// Render and load the form if this is a duplicate
|
5130 |
-
view.render( {
|
5131 |
-
'loadForm': widget.isDuplicate
|
5132 |
-
} );
|
5133 |
-
|
5134 |
-
if ( _.isUndefined( options.at ) || collection.length <= 1 ) {
|
5135 |
-
// Insert this at the end of the widgets container
|
5136 |
-
view.$el.appendTo( this.$( '.widgets-container' ) );
|
5137 |
-
} else {
|
5138 |
-
// We need to insert this at a specific position
|
5139 |
-
view.$el.insertAfter(
|
5140 |
-
this.$( '.widgets-container .so-widget' ).eq( options.at - 1 )
|
5141 |
-
);
|
5142 |
-
}
|
5143 |
-
|
5144 |
-
if ( options.noAnimate === false ) {
|
5145 |
-
// We need an animation
|
5146 |
-
view.visualCreate();
|
5147 |
-
}
|
5148 |
-
|
5149 |
-
this.refreshSortable();
|
5150 |
-
this.row.resize();
|
5151 |
-
this.row.builder.trigger( 'widget_added' );
|
5152 |
-
},
|
5153 |
-
|
5154 |
-
/**
|
5155 |
-
* Handle this cell being clicked on
|
5156 |
-
*
|
5157 |
-
* @param e
|
5158 |
-
* @returns {boolean}
|
5159 |
-
*/
|
5160 |
-
handleCellClick: function ( e ) {
|
5161 |
-
// Remove all existing selected cell indication for this builder
|
5162 |
-
this.row.builder.$el.find( '.so-cells .cell' ).removeClass( 'cell-selected' );
|
5163 |
-
|
5164 |
-
if( this.row.builder.activeCell === this && ! this.model.get('widgets').length ) {
|
5165 |
-
// This is a click on an empty cell
|
5166 |
-
this.row.builder.activeCell = null;
|
5167 |
-
}
|
5168 |
-
else {
|
5169 |
-
this.$el.addClass( 'cell-selected' );
|
5170 |
-
this.row.builder.activeCell = this;
|
5171 |
-
}
|
5172 |
-
},
|
5173 |
-
|
5174 |
-
/**
|
5175 |
-
* Insert a widget from the clipboard
|
5176 |
-
*/
|
5177 |
-
pasteHandler: function(){
|
5178 |
-
var pastedModel = panels.helpers.clipboard.getModel( 'widget-model' );
|
5179 |
-
if( ! _.isEmpty( pastedModel ) && pastedModel instanceof panels.model.widget ) {
|
5180 |
-
this.row.builder.addHistoryEntry( 'widget_pasted' );
|
5181 |
-
pastedModel.cell = this.model;
|
5182 |
-
this.model.get('widgets').add( pastedModel );
|
5183 |
-
this.row.builder.model.refreshPanelsData();
|
5184 |
-
}
|
5185 |
-
},
|
5186 |
-
|
5187 |
-
/**
|
5188 |
-
* Build up the contextual menu for a cell
|
5189 |
-
*
|
5190 |
-
* @param e
|
5191 |
-
* @param menu
|
5192 |
-
*/
|
5193 |
-
buildContextualMenu: function ( e, menu ) {
|
5194 |
-
var thisView = this;
|
5195 |
-
|
5196 |
-
if( ! menu.hasSection( 'add-widget-below' ) ) {
|
5197 |
-
menu.addSection(
|
5198 |
-
'add-widget-cell',
|
5199 |
-
{
|
5200 |
-
sectionTitle: panelsOptions.loc.contextual.add_widget_cell,
|
5201 |
-
searchPlaceholder: panelsOptions.loc.contextual.search_widgets,
|
5202 |
-
defaultDisplay: panelsOptions.contextual.default_widgets
|
5203 |
-
},
|
5204 |
-
panelsOptions.widgets,
|
5205 |
-
function ( c ) {
|
5206 |
-
thisView.row.builder.trigger('before_user_adds_widget')
|
5207 |
-
thisView.row.builder.addHistoryEntry( 'widget_added' );
|
5208 |
-
|
5209 |
-
var widget = new panels.model.widget( {
|
5210 |
-
class: c
|
5211 |
-
} );
|
5212 |
-
|
5213 |
-
// Add the widget to the cell model
|
5214 |
-
widget.cell = thisView.model;
|
5215 |
-
widget.cell.get('widgets').add( widget );
|
5216 |
-
|
5217 |
-
thisView.row.builder.model.refreshPanelsData();
|
5218 |
-
thisView.row.builder.trigger('after_user_adds_widget', widget);
|
5219 |
-
}
|
5220 |
-
);
|
5221 |
-
}
|
5222 |
-
|
5223 |
-
var actions = {};
|
5224 |
-
if ( this.row.builder.supports('addWidget') && panels.helpers.clipboard.isModel( 'widget-model' ) ) {
|
5225 |
-
actions.paste = {title: panelsOptions.loc.contextual.cell_paste_widget};
|
5226 |
-
}
|
5227 |
-
|
5228 |
-
if( ! _.isEmpty( actions ) ) {
|
5229 |
-
menu.addSection(
|
5230 |
-
'cell-actions',
|
5231 |
-
{
|
5232 |
-
sectionTitle: panelsOptions.loc.contextual.cell_actions,
|
5233 |
-
search: false,
|
5234 |
-
},
|
5235 |
-
actions,
|
5236 |
-
function ( c ) {
|
5237 |
-
switch ( c ) {
|
5238 |
-
case 'paste':
|
5239 |
-
this.pasteHandler();
|
5240 |
-
break;
|
5241 |
-
}
|
5242 |
-
|
5243 |
-
this.row.builder.model.refreshPanelsData();
|
5244 |
-
}.bind( this )
|
5245 |
-
);
|
5246 |
-
}
|
5247 |
-
|
5248 |
-
// Add the contextual menu for the parent row
|
5249 |
-
this.row.buildContextualMenu( e, menu );
|
5250 |
-
}
|
5251 |
-
} );
|
5252 |
-
|
5253 |
-
},{}],25:[function(require,module,exports){
|
5254 |
-
var panels = window.panels, $ = jQuery;
|
5255 |
-
|
5256 |
-
module.exports = Backbone.View.extend( {
|
5257 |
-
dialogTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-dialog' ).html() ) ),
|
5258 |
-
dialogTabTemplate: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-dialog-tab' ).html() ) ),
|
5259 |
-
|
5260 |
-
tabbed: false,
|
5261 |
-
rendered: false,
|
5262 |
-
builder: false,
|
5263 |
-
className: 'so-panels-dialog-wrapper',
|
5264 |
-
dialogClass: '',
|
5265 |
-
dialogIcon: '',
|
5266 |
-
parentDialog: false,
|
5267 |
-
dialogOpen: false,
|
5268 |
-
editableLabel: false,
|
5269 |
-
|
5270 |
-
events: {
|
5271 |
-
'click .so-close': 'closeDialog',
|
5272 |
-
'click .so-nav.so-previous': 'navToPrevious',
|
5273 |
-
'click .so-nav.so-next': 'navToNext',
|
5274 |
-
},
|
5275 |
-
|
5276 |
-
initialize: function () {
|
5277 |
-
// The first time this dialog is opened, render it
|
5278 |
-
this.once( 'open_dialog', this.render );
|
5279 |
-
this.once( 'open_dialog', this.attach );
|
5280 |
-
this.once( 'open_dialog', this.setDialogClass );
|
5281 |
-
|
5282 |
-
this.trigger( 'initialize_dialog', this );
|
5283 |
-
|
5284 |
-
if ( ! _.isUndefined( this.initializeDialog ) ) {
|
5285 |
-
this.initializeDialog();
|
5286 |
-
}
|
5287 |
-
|
5288 |
-
_.bindAll( this, 'initSidebars', 'hasSidebar', 'onResize', 'toggleLeftSideBar', 'toggleRightSideBar' );
|
5289 |
-
},
|
5290 |
-
|
5291 |
-
/**
|
5292 |
-
* Returns the next dialog in the sequence. Should be overwritten by a child dialog.
|
5293 |
-
* @returns {null}
|
5294 |
-
*/
|
5295 |
-
getNextDialog: function () {
|
5296 |
-
return null;
|
5297 |
-
},
|
5298 |
-
|
5299 |
-
/**
|
5300 |
-
* Returns the previous dialog in this sequence. Should be overwritten by child dialog.
|
5301 |
-
* @returns {null}
|
5302 |
-
*/
|
5303 |
-
getPrevDialog: function () {
|
5304 |
-
return null;
|
5305 |
-
},
|
5306 |
-
|
5307 |
-
/**
|
5308 |
-
* Adds a dialog class to uniquely identify this dialog type
|
5309 |
-
*/
|
5310 |
-
setDialogClass: function () {
|
5311 |
-
if ( this.dialogClass !== '' ) {
|
5312 |
-
this.$( '.so-panels-dialog' ).addClass( this.dialogClass );
|
5313 |
-
}
|
5314 |
-
},
|
5315 |
-
|
5316 |
-
/**
|
5317 |
-
* Set the builder that controls this dialog.
|
5318 |
-
* @param {panels.view.builder} builder
|
5319 |
-
*/
|
5320 |
-
setBuilder: function ( builder ) {
|
5321 |
-
this.builder = builder;
|
5322 |
-
|
5323 |
-
// Trigger an add dialog event on the builder so it can modify the dialog in any way
|
5324 |
-
builder.trigger( 'add_dialog', this, this.builder );
|
5325 |
-
|
5326 |
-
return this;
|
5327 |
-
},
|
5328 |
-
|
5329 |
-
/**
|
5330 |
-
* Attach the dialog to the window
|
5331 |
-
*/
|
5332 |
-
attach: function () {
|
5333 |
-
this.$el.appendTo( 'body' );
|
5334 |
-
|
5335 |
-
return this;
|
5336 |
-
},
|
5337 |
-
|
5338 |
-
/**
|
5339 |
-
* Converts an HTML representation of the dialog into arguments for a dialog box
|
5340 |
-
* @param html HTML for the dialog
|
5341 |
-
* @param args Arguments passed to the template
|
5342 |
-
* @returns {}
|
5343 |
-
*/
|
5344 |
-
parseDialogContent: function ( html, args ) {
|
5345 |
-
// Add a CID
|
5346 |
-
args = _.extend( {cid: this.cid}, args );
|
5347 |
-
|
5348 |
-
|
5349 |
-
var c = $( (
|
5350 |
-
_.template( panels.helpers.utils.processTemplate( html ) )
|
5351 |
-
)( args ) );
|
5352 |
-
var r = {
|
5353 |
-
title: c.find( '.title' ).html(),
|
5354 |
-
buttons: c.find( '.buttons' ).html(),
|
5355 |
-
content: c.find( '.content' ).html()
|
5356 |
-
};
|
5357 |
-
|
5358 |
-
if ( c.has( '.left-sidebar' ) ) {
|
5359 |
-
r.left_sidebar = c.find( '.left-sidebar' ).html();
|
5360 |
-
}
|
5361 |
-
|
5362 |
-
if ( c.has( '.right-sidebar' ) ) {
|
5363 |
-
r.right_sidebar = c.find( '.right-sidebar' ).html();
|
5364 |
-
}
|
5365 |
-
|
5366 |
-
return r;
|
5367 |
-
|
5368 |
-
},
|
5369 |
-
|
5370 |
-
/**
|
5371 |
-
* Render the dialog and initialize the tabs
|
5372 |
-
*
|
5373 |
-
* @param attributes
|
5374 |
-
* @returns {panels.view.dialog}
|
5375 |
-
*/
|
5376 |
-
renderDialog: function ( attributes ) {
|
5377 |
-
attributes = _.extend( {
|
5378 |
-
editableLabel: this.editableLabel,
|
5379 |
-
dialogIcon: this.dialogIcon,
|
5380 |
-
}, attributes );
|
5381 |
-
|
5382 |
-
this.$el.html( this.dialogTemplate( attributes ) ).hide();
|
5383 |
-
this.$el.data( 'view', this );
|
5384 |
-
this.$el.addClass( 'so-panels-dialog-wrapper' );
|
5385 |
-
|
5386 |
-
if ( this.parentDialog !== false ) {
|
5387 |
-
// Add a link to the parent dialog as a sort of crumbtrail.
|
5388 |
-
var thisDialog = this;
|
5389 |
-
var dialogParent = $( '<h3 class="so-parent-link"></h3>' ).html( this.parentDialog.text + '<div class="so-separator"></div>' );
|
5390 |
-
dialogParent.click( function ( e ) {
|
5391 |
-
e.preventDefault();
|
5392 |
-
thisDialog.closeDialog();
|
5393 |
-
thisDialog.parentDialog.openDialog();
|
5394 |
-
} );
|
5395 |
-
this.$( '.so-title-bar .so-title' ).before( dialogParent );
|
5396 |
-
}
|
5397 |
-
|
5398 |
-
if( this.$( '.so-title-bar .so-title-editable' ).length ) {
|
5399 |
-
// Added here because .so-edit-title is only available after the template has been rendered.
|
5400 |
-
this.initEditableLabel();
|
5401 |
-
}
|
5402 |
-
|
5403 |
-
setTimeout( this.initSidebars, 1 );
|
5404 |
-
|
5405 |
-
return this;
|
5406 |
-
},
|
5407 |
-
|
5408 |
-
initSidebars: function () {
|
5409 |
-
var $leftButton = this.$( '.so-show-left-sidebar' ).hide();
|
5410 |
-
var $rightButton = this.$( '.so-show-right-sidebar' ).hide();
|
5411 |
-
var hasLeftSidebar = this.hasSidebar( 'left' );
|
5412 |
-
var hasRightSidebar = this.hasSidebar( 'right' );
|
5413 |
-
// Set up resize handling
|
5414 |
-
if ( hasLeftSidebar || hasRightSidebar ) {
|
5415 |
-
$( window ).on( 'resize', this.onResize );
|
5416 |
-
if ( hasLeftSidebar ) {
|
5417 |
-
$leftButton.show();
|
5418 |
-
$leftButton.on( 'click', this.toggleLeftSideBar );
|
5419 |
-
}
|
5420 |
-
if ( hasRightSidebar ) {
|
5421 |
-
$rightButton.show();
|
5422 |
-
$rightButton.on( 'click', this.toggleRightSideBar );
|
5423 |
-
}
|
5424 |
-
}
|
5425 |
-
|
5426 |
-
this.onResize();
|
5427 |
-
},
|
5428 |
-
|
5429 |
-
/**
|
5430 |
-
* Initialize the sidebar tabs
|
5431 |
-
*/
|
5432 |
-
initTabs: function () {
|
5433 |
-
var tabs = this.$( '.so-sidebar-tabs li a' );
|
5434 |
-
|
5435 |
-
if ( tabs.length === 0 ) {
|
5436 |
-
return this;
|
5437 |
-
}
|
5438 |
-
|
5439 |
-
var thisDialog = this;
|
5440 |
-
tabs.click( function ( e ) {
|
5441 |
-
e.preventDefault();
|
5442 |
-
var $$ = $( this );
|
5443 |
-
|
5444 |
-
thisDialog.$( '.so-sidebar-tabs li' ).removeClass( 'tab-active' );
|
5445 |
-
thisDialog.$( '.so-content .so-content-tabs > *' ).hide();
|
5446 |
-
|
5447 |
-
$$.parent().addClass( 'tab-active' );
|
5448 |
-
|
5449 |
-
var url = $$.attr( 'href' );
|
5450 |
-
if ( ! _.isUndefined( url ) && url.charAt( 0 ) === '#' ) {
|
5451 |
-
// Display the new tab
|
5452 |
-
var tabName = url.split( '#' )[1];
|
5453 |
-
thisDialog.$( '.so-content .so-content-tabs .tab-' + tabName ).show();
|
5454 |
-
}
|
5455 |
-
|
5456 |
-
// This lets other dialogs implement their own custom handlers
|
5457 |
-
thisDialog.trigger( 'tab_click', $$ );
|
5458 |
-
|
5459 |
-
} );
|
5460 |
-
|
5461 |
-
// Trigger a click on the first tab
|
5462 |
-
this.$( '.so-sidebar-tabs li a' ).first().click();
|
5463 |
-
return this;
|
5464 |
-
},
|
5465 |
-
|
5466 |
-
initToolbar: function () {
|
5467 |
-
// Trigger simplified click event for elements marked as toolbar buttons.
|
5468 |
-
var buttons = this.$( '.so-toolbar .so-buttons .so-toolbar-button' );
|
5469 |
-
buttons.click( function ( e ) {
|
5470 |
-
e.preventDefault();
|
5471 |
-
|
5472 |
-
this.trigger( 'button_click', $( e.currentTarget ) );
|
5473 |
-
}.bind( this ) );
|
5474 |
-
|
5475 |
-
// Handle showing and hiding the dropdown list items
|
5476 |
-
var $dropdowns = this.$( '.so-toolbar .so-buttons .so-dropdown-button' );
|
5477 |
-
$dropdowns.click( function ( e ) {
|
5478 |
-
e.preventDefault();
|
5479 |
-
var $dropdownButton = $( e.currentTarget );
|
5480 |
-
var $dropdownList = $dropdownButton.siblings( '.so-dropdown-links-wrapper' );
|
5481 |
-
if ( $dropdownList.is( '.hidden' ) ) {
|
5482 |
-
$dropdownList.removeClass( 'hidden' );
|
5483 |
-
} else {
|
5484 |
-
$dropdownList.addClass( 'hidden' );
|
5485 |
-
}
|
5486 |
-
|
5487 |
-
}.bind( this ) );
|
5488 |
-
|
5489 |
-
// Hide dropdown list on click anywhere, unless it's a dropdown option which requires confirmation in it's
|
5490 |
-
// unconfirmed state.
|
5491 |
-
$( 'html' ).click( function ( e ) {
|
5492 |
-
this.$( '.so-dropdown-links-wrapper' ).not( '.hidden' ).each( function ( index, el ) {
|
5493 |
-
var $dropdownList = $( el );
|
5494 |
-
var $trgt = $( e.target );
|
5495 |
-
if ( $trgt.length === 0 || !(
|
5496 |
-
(
|
5497 |
-
$trgt.is('.so-needs-confirm') && !$trgt.is('.so-confirmed')
|
5498 |
-
) || $trgt.is('.so-dropdown-button')
|
5499 |
-
) ) {
|
5500 |
-
$dropdownList.addClass('hidden');
|
5501 |
-
}
|
5502 |
-
} );
|
5503 |
-
}.bind( this ) );
|
5504 |
-
},
|
5505 |
-
|
5506 |
-
/**
|
5507 |
-
* Initialize the editable dialog title
|
5508 |
-
*/
|
5509 |
-
initEditableLabel: function(){
|
5510 |
-
var $editElt = this.$( '.so-title-bar .so-title-editable' );
|
5511 |
-
|
5512 |
-
$editElt.keypress( function ( event ) {
|
5513 |
-
var enterPressed = event.type === 'keypress' && event.keyCode === 13;
|
5514 |
-
if ( enterPressed ) {
|
5515 |
-
// Need to make sure tab focus is on another element, otherwise pressing enter multiple times refocuses
|
5516 |
-
// the element and allows newlines.
|
5517 |
-
var tabbables = $( ':tabbable' );
|
5518 |
-
var curTabIndex = tabbables.index( $editElt );
|
5519 |
-
tabbables.eq( curTabIndex + 1 ).focus();
|
5520 |
-
// After the above, we're somehow left with the first letter of text selected,
|
5521 |
-
// so this removes the selection.
|
5522 |
-
window.getSelection().removeAllRanges();
|
5523 |
-
}
|
5524 |
-
return !enterPressed;
|
5525 |
-
} ).blur( function () {
|
5526 |
-
var newValue = $editElt.text().replace( /^\s+|\s+$/gm, '' );
|
5527 |
-
var oldValue = $editElt.data( 'original-value' ).replace( /^\s+|\s+$/gm, '' );
|
5528 |
-
if ( newValue !== oldValue ) {
|
5529 |
-
$editElt.text( newValue );
|
5530 |
-
this.trigger( 'edit_label', newValue );
|
5531 |
-
}
|
5532 |
-
|
5533 |
-
}.bind( this ) );
|
5534 |
-
|
5535 |
-
$editElt.focus( function() {
|
5536 |
-
$editElt.data( 'original-value', $editElt.text() );
|
5537 |
-
panels.helpers.utils.selectElementContents( this );
|
5538 |
-
} );
|
5539 |
-
},
|
5540 |
-
|
5541 |
-
/**
|
5542 |
-
* Quickly setup the dialog by opening and closing it.
|
5543 |
-
*/
|
5544 |
-
setupDialog: function () {
|
5545 |
-
this.openDialog();
|
5546 |
-
this.closeDialog();
|
5547 |
-
},
|
5548 |
-
|
5549 |
-
/**
|
5550 |
-
* Refresh the next and previous buttons.
|
5551 |
-
*/
|
5552 |
-
refreshDialogNav: function () {
|
5553 |
-
this.$( '.so-title-bar .so-nav' ).show().removeClass( 'so-disabled' );
|
5554 |
-
|
5555 |
-
// Lets also hide the next and previous if we don't have a next and previous dialog
|
5556 |
-
var nextDialog = this.getNextDialog();
|
5557 |
-
var nextButton = this.$( '.so-title-bar .so-next' );
|
5558 |
-
|
5559 |
-
var prevDialog = this.getPrevDialog();
|
5560 |
-
var prevButton = this.$( '.so-title-bar .so-previous' );
|
5561 |
-
|
5562 |
-
if ( nextDialog === null ) {
|
5563 |
-
nextButton.hide();
|
5564 |
-
}
|
5565 |
-
else if ( nextDialog === false ) {
|
5566 |
-
nextButton.addClass( 'so-disabled' );
|
5567 |
-
}
|
5568 |
-
|
5569 |
-
if ( prevDialog === null ) {
|
5570 |
-
prevButton.hide();
|
5571 |
-
}
|
5572 |
-
else if ( prevDialog === false ) {
|
5573 |
-
prevButton.addClass( 'so-disabled' );
|
5574 |
-
}
|
5575 |
-
},
|
5576 |
-
|
5577 |
-
/**
|
5578 |
-
* Open the dialog
|
5579 |
-
*/
|
5580 |
-
openDialog: function ( options ) {
|
5581 |
-
options = _.extend( {
|
5582 |
-
silent: false
|
5583 |
-
}, options );
|
5584 |
-
|
5585 |
-
if ( ! options.silent ) {
|
5586 |
-
this.trigger( 'open_dialog' );
|
5587 |
-
}
|
5588 |
-
|
5589 |
-
this.dialogOpen = true;
|
5590 |
-
|
5591 |
-
this.refreshDialogNav();
|
5592 |
-
|
5593 |
-
// Stop scrolling for the main body
|
5594 |
-
panels.helpers.pageScroll.lock();
|
5595 |
-
|
5596 |
-
// Start listen for keyboard keypresses.
|
5597 |
-
$( window ).on( 'keyup', this.keyboardListen );
|
5598 |
-
|
5599 |
-
this.onResize();
|
5600 |
-
|
5601 |
-
this.$el.show();
|
5602 |
-
|
5603 |
-
if ( ! options.silent ) {
|
5604 |
-
// This triggers once everything is visible
|
5605 |
-
this.trigger( 'open_dialog_complete' );
|
5606 |
-
this.builder.trigger( 'open_dialog', this );
|
5607 |
-
$( document ).trigger( 'open_dialog', this );
|
5608 |
-
}
|
5609 |
-
},
|
5610 |
-
|
5611 |
-
/**
|
5612 |
-
* Close the dialog
|
5613 |
-
*
|
5614 |
-
* @param e
|
5615 |
-
* @returns {boolean}
|
5616 |
-
*/
|
5617 |
-
closeDialog: function ( options ) {
|
5618 |
-
options = _.extend( {
|
5619 |
-
silent: false
|
5620 |
-
}, options );
|
5621 |
-
|
5622 |
-
if ( ! options.silent ) {
|
5623 |
-
this.trigger( 'close_dialog' );
|
5624 |
-
}
|
5625 |
-
|
5626 |
-
this.dialogOpen = false;
|
5627 |
-
|
5628 |
-
this.$el.hide();
|
5629 |
-
panels.helpers.pageScroll.unlock();
|
5630 |
-
|
5631 |
-
// Stop listen for keyboard keypresses.
|
5632 |
-
$( window ).off( 'keyup', this.keyboardListen );
|
5633 |
-
|
5634 |
-
if ( ! options.silent ) {
|
5635 |
-
// This triggers once everything is hidden
|
5636 |
-
this.trigger( 'close_dialog_complete' );
|
5637 |
-
this.builder.trigger( 'close_dialog', this );
|
5638 |
-
}
|
5639 |
-
},
|
5640 |
-
|
5641 |
-
/**
|
5642 |
-
* Keyboard events handler
|
5643 |
-
*/
|
5644 |
-
keyboardListen: function ( e ) {
|
5645 |
-
// [Esc] to close
|
5646 |
-
if ( e.which === 27 ) {
|
5647 |
-
$( '.so-panels-dialog-wrapper .so-close' ).trigger( 'click' );
|
5648 |
-
}
|
5649 |
-
},
|
5650 |
-
|
5651 |
-
/**
|
5652 |
-
* Navigate to the previous dialog
|
5653 |
-
*/
|
5654 |
-
navToPrevious: function () {
|
5655 |
-
this.closeDialog();
|
5656 |
-
|
5657 |
-
var prev = this.getPrevDialog();
|
5658 |
-
if ( prev !== null && prev !== false ) {
|
5659 |
-
prev.openDialog();
|
5660 |
-
}
|
5661 |
-
},
|
5662 |
-
|
5663 |
-
/**
|
5664 |
-
* Navigate to the next dialog
|
5665 |
-
*/
|
5666 |
-
navToNext: function () {
|
5667 |
-
this.closeDialog();
|
5668 |
-
|
5669 |
-
var next = this.getNextDialog();
|
5670 |
-
if ( next !== null && next !== false ) {
|
5671 |
-
next.openDialog();
|
5672 |
-
}
|
5673 |
-
},
|
5674 |
-
|
5675 |
-
/**
|
5676 |
-
* Get the values from the form and convert them into a data array
|
5677 |
-
*/
|
5678 |
-
getFormValues: function ( formSelector ) {
|
5679 |
-
if ( _.isUndefined( formSelector ) ) {
|
5680 |
-
formSelector = '.so-content';
|
5681 |
-
}
|
5682 |
-
|
5683 |
-
var $f = this.$( formSelector );
|
5684 |
-
|
5685 |
-
var data = {}, parts;
|
5686 |
-
|
5687 |
-
// Find all the named fields in the form
|
5688 |
-
$f.find( '[name]' ).each( function () {
|
5689 |
-
var $$ = $( this );
|
5690 |
-
|
5691 |
-
try {
|
5692 |
-
|
5693 |
-
var name = /([A-Za-z_]+)\[(.*)\]/.exec( $$.attr( 'name' ) );
|
5694 |
-
if ( _.isEmpty( name ) ) {
|
5695 |
-
return true;
|
5696 |
-
}
|
5697 |
-
|
5698 |
-
// Create an array with the parts of the name
|
5699 |
-
if ( _.isUndefined( name[2] ) ) {
|
5700 |
-
parts = $$.attr( 'name' );
|
5701 |
-
} else {
|
5702 |
-
parts = name[2].split( '][' );
|
5703 |
-
parts.unshift( name[1] );
|
5704 |
-
}
|
5705 |
-
|
5706 |
-
parts = parts.map( function ( e ) {
|
5707 |
-
if ( ! isNaN( parseFloat( e ) ) && isFinite( e ) ) {
|
5708 |
-
return parseInt( e );
|
5709 |
-
} else {
|
5710 |
-
return e;
|
5711 |
-
}
|
5712 |
-
} );
|
5713 |
-
|
5714 |
-
var sub = data;
|
5715 |
-
var fieldValue = null;
|
5716 |
-
|
5717 |
-
var fieldType = (
|
5718 |
-
_.isString( $$.attr( 'type' ) ) ? $$.attr( 'type' ).toLowerCase() : false
|
5719 |
-
);
|
5720 |
-
|
5721 |
-
// First we need to get the value from the field
|
5722 |
-
if ( fieldType === 'checkbox' ) {
|
5723 |
-
if ( $$.is( ':checked' ) ) {
|
5724 |
-
fieldValue = $$.val() !== '' ? $$.val() : true;
|
5725 |
-
} else {
|
5726 |
-
fieldValue = null;
|
5727 |
-
}
|
5728 |
-
}
|
5729 |
-
else if ( fieldType === 'radio' ) {
|
5730 |
-
if ( $$.is( ':checked' ) ) {
|
5731 |
-
fieldValue = $$.val();
|
5732 |
-
} else {
|
5733 |
-
//skip over unchecked radios
|
5734 |
-
return;
|
5735 |
-
}
|
5736 |
-
}
|
5737 |
-
else if ( $$.prop( 'tagName' ) === 'SELECT' ) {
|
5738 |
-
var selected = $$.find( 'option:selected' );
|
5739 |
-
|
5740 |
-
if ( selected.length === 1 ) {
|
5741 |
-
fieldValue = $$.find( 'option:selected' ).val();
|
5742 |
-
}
|
5743 |
-
else if ( selected.length > 1 ) {
|
5744 |
-
// This is a mutli-select field
|
5745 |
-
fieldValue = _.map( $$.find( 'option:selected' ), function ( n, i ) {
|
5746 |
-
return $( n ).val();
|
5747 |
-
} );
|
5748 |
-
}
|
5749 |
-
|
5750 |
-
} else {
|
5751 |
-
// This is a fallback that will work for most fields
|
5752 |
-
fieldValue = $$.val();
|
5753 |
-
}
|
5754 |
-
|
5755 |
-
// Now, we need to filter this value if necessary
|
5756 |
-
if ( ! _.isUndefined( $$.data( 'panels-filter' ) ) ) {
|
5757 |
-
switch ( $$.data( 'panels-filter' ) ) {
|
5758 |
-
case 'json_parse':
|
5759 |
-
// Attempt to parse the JSON value of this field
|
5760 |
-
try {
|
5761 |
-
fieldValue = JSON.parse( fieldValue );
|
5762 |
-
}
|
5763 |
-
catch ( err ) {
|
5764 |
-
fieldValue = '';
|
5765 |
-
}
|
5766 |
-
break;
|
5767 |
-
}
|
5768 |
-
}
|
5769 |
-
|
5770 |
-
// Now convert this into an array
|
5771 |
-
if ( fieldValue !== null ) {
|
5772 |
-
for ( var i = 0; i < parts.length; i ++ ) {
|
5773 |
-
if ( i === parts.length - 1 ) {
|
5774 |
-
if ( parts[i] === '' ) {
|
5775 |
-
// This needs to be an array
|
5776 |
-
sub.push( fieldValue );
|
5777 |
-
} else {
|
5778 |
-
sub[parts[i]] = fieldValue;
|
5779 |
-
}
|
5780 |
-
} else {
|
5781 |
-
if ( _.isUndefined( sub[parts[i]] ) ) {
|
5782 |
-
if ( parts[i + 1] === '' ) {
|
5783 |
-
sub[parts[i]] = [];
|
5784 |
-
} else {
|
5785 |
-
sub[parts[i]] = {};
|
5786 |
-
}
|
5787 |
-
}
|
5788 |
-
sub = sub[parts[i]];
|
5789 |
-
}
|
5790 |
-
}
|
5791 |
-
}
|
5792 |
-
}
|
5793 |
-
catch ( error ) {
|
5794 |
-
// Ignore this error, just log the message for debugging
|
5795 |
-
console.log( 'Field [' + $$.attr('name') + '] could not be processed and was skipped - ' + error.message );
|
5796 |
-
}
|
5797 |
-
|
5798 |
-
} ); // End of each through input fields
|
5799 |
-
|
5800 |
-
return data;
|
5801 |
-
},
|
5802 |
-
|
5803 |
-
/**
|
5804 |
-
* Set a status message for the dialog
|
5805 |
-
*/
|
5806 |
-
setStatusMessage: function ( message, loading, error ) {
|
5807 |
-
var msg = error ? '<span class="dashicons dashicons-warning"></span>' + message : message;
|
5808 |
-
this.$( '.so-toolbar .so-status' ).html( msg );
|
5809 |
-
if ( ! _.isUndefined( loading ) && loading ) {
|
5810 |
-
this.$( '.so-toolbar .so-status' ).addClass( 'so-panels-loading' );
|
5811 |
-
} else {
|
5812 |
-
this.$( '.so-toolbar .so-status' ).removeClass( 'so-panels-loading' );
|
5813 |
-
}
|
5814 |
-
},
|
5815 |
-
|
5816 |
-
/**
|
5817 |
-
* Set the parent after.
|
5818 |
-
*/
|
5819 |
-
setParent: function ( text, dialog ) {
|
5820 |
-
this.parentDialog = {
|
5821 |
-
text: text,
|
5822 |
-
dialog: dialog
|
5823 |
-
};
|
5824 |
-
},
|
5825 |
-
|
5826 |
-
onResize: function () {
|
5827 |
-
var mediaQuery = window.matchMedia( '(max-width: 980px)' );
|
5828 |
-
var sides = [ 'left', 'right' ];
|
5829 |
-
|
5830 |
-
sides.forEach( function ( side ) {
|
5831 |
-
var $sideBar = this.$( '.so-' + side + '-sidebar' );
|
5832 |
-
var $showSideBarButton = this.$( '.so-show-' + side + '-sidebar' );
|
5833 |
-
if ( this.hasSidebar( side ) ) {
|
5834 |
-
$showSideBarButton.hide();
|
5835 |
-
if ( mediaQuery.matches ) {
|
5836 |
-
$showSideBarButton.show();
|
5837 |
-
$showSideBarButton.closest( '.so-title-bar' ).addClass( 'so-has-' + side + '-button' );
|
5838 |
-
$sideBar.hide();
|
5839 |
-
$sideBar.closest( '.so-panels-dialog' ).removeClass( 'so-panels-dialog-has-' + side + '-sidebar' );
|
5840 |
-
} else {
|
5841 |
-
$showSideBarButton.hide();
|
5842 |
-
$showSideBarButton.closest( '.so-title-bar' ).removeClass( 'so-has-' + side + '-button' );
|
5843 |
-
$sideBar.show();
|
5844 |
-
$sideBar.closest( '.so-panels-dialog' ).addClass( 'so-panels-dialog-has-' + side + '-sidebar' );
|
5845 |
-
}
|
5846 |
-
} else {
|
5847 |
-
$sideBar.hide();
|
5848 |
-
$showSideBarButton.hide();
|
5849 |
-
}
|
5850 |
-
}.bind( this ) );
|
5851 |
-
},
|
5852 |
-
|
5853 |
-
hasSidebar: function ( side ) {
|
5854 |
-
return this.$( '.so-' + side + '-sidebar' ).children().length > 0;
|
5855 |
-
},
|
5856 |
-
|
5857 |
-
toggleLeftSideBar: function () {
|
5858 |
-
this.toggleSidebar( 'left' );
|
5859 |
-
},
|
5860 |
-
|
5861 |
-
toggleRightSideBar: function () {
|
5862 |
-
this.toggleSidebar( 'right' );
|
5863 |
-
},
|
5864 |
-
|
5865 |
-
toggleSidebar: function ( side ) {
|
5866 |
-
var sidebar = this.$( '.so-' + side + '-sidebar' );
|
5867 |
-
|
5868 |
-
if ( sidebar.is( ':visible' ) ) {
|
5869 |
-
sidebar.hide();
|
5870 |
-
} else {
|
5871 |
-
sidebar.show();
|
5872 |
-
}
|
5873 |
-
},
|
5874 |
-
|
5875 |
-
} );
|
5876 |
-
|
5877 |
-
},{}],26:[function(require,module,exports){
|
5878 |
-
var panels = window.panels, $ = jQuery;
|
5879 |
-
|
5880 |
-
module.exports = Backbone.View.extend( {
|
5881 |
-
template: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-live-editor' ).html() ) ),
|
5882 |
-
|
5883 |
-
previewScrollTop: 0,
|
5884 |
-
loadTimes: [],
|
5885 |
-
previewFrameId: 1,
|
5886 |
-
|
5887 |
-
previewUrl: null,
|
5888 |
-
previewIframe: null,
|
5889 |
-
|
5890 |
-
events: {
|
5891 |
-
'click .live-editor-close': 'close',
|
5892 |
-
'click .live-editor-collapse': 'collapse',
|
5893 |
-
'click .live-editor-mode': 'mobileToggle'
|
5894 |
-
},
|
5895 |
-
|
5896 |
-
initialize: function ( options ) {
|
5897 |
-
options = _.extend( {
|
5898 |
-
builder: false,
|
5899 |
-
previewUrl: false,
|
5900 |
-
}, options );
|
5901 |
-
|
5902 |
-
if( _.isEmpty( options.previewUrl ) ) {
|
5903 |
-
options.previewUrl = panelsOptions.ajaxurl + "&action=so_panels_live_editor_preview";
|
5904 |
-
}
|
5905 |
-
|
5906 |
-
this.builder = options.builder;
|
5907 |
-
this.previewUrl = options.previewUrl;
|
5908 |
-
|
5909 |
-
this.listenTo( this.builder.model, 'refresh_panels_data', this.handleRefreshData );
|
5910 |
-
this.listenTo( this.builder.model, 'load_panels_data', this.handleLoadData );
|
5911 |
-
},
|
5912 |
-
|
5913 |
-
/**
|
5914 |
-
* Render the live editor
|
5915 |
-
*/
|
5916 |
-
render: function () {
|
5917 |
-
this.setElement( this.template() );
|
5918 |
-
this.$el.hide();
|
5919 |
-
|
5920 |
-
var isMouseDown = false;
|
5921 |
-
$( document )
|
5922 |
-
.mousedown( function () {
|
5923 |
-
isMouseDown = true;
|
5924 |
-
} )
|
5925 |
-
.mouseup( function () {
|
5926 |
-
isMouseDown = false;
|
5927 |
-
} );
|
5928 |
-
|
5929 |
-
// Handle highlighting the relevant widget in the live editor preview
|
5930 |
-
var liveEditorView = this;
|
5931 |
-
this.$el.on( 'mouseenter', '.so-widget-wrapper', function () {
|
5932 |
-
var $$ = $( this ),
|
5933 |
-
previewWidget = $$.data( 'live-editor-preview-widget' );
|
5934 |
-
|
5935 |
-
if ( ! isMouseDown && previewWidget !== undefined && previewWidget.length && ! liveEditorView.$( '.so-preview-overlay' ).is( ':visible' ) ) {
|
5936 |
-
liveEditorView.highlightElement( previewWidget );
|
5937 |
-
liveEditorView.scrollToElement( previewWidget );
|
5938 |
-
}
|
5939 |
-
} );
|
5940 |
-
|
5941 |
-
this.$el.on( 'mouseleave', '.so-widget-wrapper', function () {
|
5942 |
-
this.resetHighlights();
|
5943 |
-
}.bind(this) );
|
5944 |
-
|
5945 |
-
this.listenTo( this.builder, 'open_dialog', function () {
|
5946 |
-
this.resetHighlights();
|
5947 |
-
} );
|
5948 |
-
|
5949 |
-
return this;
|
5950 |
-
},
|
5951 |
-
|
5952 |
-
/**
|
5953 |
-
* Attach the live editor to the document
|
5954 |
-
*/
|
5955 |
-
attach: function () {
|
5956 |
-
this.$el.appendTo( 'body' );
|
5957 |
-
},
|
5958 |
-
|
5959 |
-
/**
|
5960 |
-
* Display the live editor
|
5961 |
-
*/
|
5962 |
-
open: function () {
|
5963 |
-
if ( this.$el.html() === '' ) {
|
5964 |
-
this.render();
|
5965 |
-
}
|
5966 |
-
if ( this.$el.closest( 'body' ).length === 0 ) {
|
5967 |
-
this.attach();
|
5968 |
-
}
|
5969 |
-
|
5970 |
-
// Disable page scrolling
|
5971 |
-
panels.helpers.pageScroll.lock();
|
5972 |
-
|
5973 |
-
if ( this.$el.is( ':visible' ) ) {
|
5974 |
-
return this;
|
5975 |
-
}
|
5976 |
-
|
5977 |
-
// Refresh the preview display
|
5978 |
-
this.$el.show();
|
5979 |
-
this.refreshPreview( this.builder.model.getPanelsData() );
|
5980 |
-
|
5981 |
-
// Move the builder view into the Live Editor
|
5982 |
-
this.originalContainer = this.builder.$el.parent();
|
5983 |
-
this.builder.$el.appendTo( this.$( '.so-live-editor-builder' ) );
|
5984 |
-
this.builder.$( '.so-tool-button.so-live-editor' ).hide();
|
5985 |
-
this.builder.trigger( 'builder_resize' );
|
5986 |
-
|
5987 |
-
|
5988 |
-
if( $('#original_post_status' ).val() === 'auto-draft' && ! this.autoSaved ) {
|
5989 |
-
// The live editor requires a saved draft post, so we'll create one for auto-draft posts
|
5990 |
-
var thisView = this;
|
5991 |
-
|
5992 |
-
if ( wp.autosave ) {
|
5993 |
-
// Set a temporary post title so the autosave triggers properly
|
5994 |
-
if( $('#title[name="post_title"]' ).val() === '' ) {
|
5995 |
-
$('#title[name="post_title"]' ).val( panelsOptions.loc.draft ).trigger('keydown');
|
5996 |
-
}
|
5997 |
-
|
5998 |
-
$( document ).one( 'heartbeat-tick.autosave', function(){
|
5999 |
-
thisView.autoSaved = true;
|
6000 |
-
thisView.refreshPreview( thisView.builder.model.getPanelsData() );
|
6001 |
-
} );
|
6002 |
-
wp.autosave.server.triggerSave();
|
6003 |
-
}
|
6004 |
-
}
|
6005 |
-
},
|
6006 |
-
|
6007 |
-
/**
|
6008 |
-
* Close the live editor
|
6009 |
-
*/
|
6010 |
-
close: function () {
|
6011 |
-
if ( ! this.$el.is( ':visible' ) ) {
|
6012 |
-
return this;
|
6013 |
-
}
|
6014 |
-
|
6015 |
-
this.$el.hide();
|
6016 |
-
panels.helpers.pageScroll.unlock();
|
6017 |
-
|
6018 |
-
// Move the builder back to its original container
|
6019 |
-
this.builder.$el.appendTo( this.originalContainer );
|
6020 |
-
this.builder.$( '.so-tool-button.so-live-editor' ).show();
|
6021 |
-
this.builder.trigger( 'builder_resize' );
|
6022 |
-
},
|
6023 |
-
|
6024 |
-
/**
|
6025 |
-
* Collapse the live editor
|
6026 |
-
*/
|
6027 |
-
collapse: function () {
|
6028 |
-
this.$el.toggleClass( 'so-collapsed' );
|
6029 |
-
|
6030 |
-
var text = this.$( '.live-editor-collapse span' );
|
6031 |
-
text.html( text.data( this.$el.hasClass( 'so-collapsed' ) ? 'expand' : 'collapse' ) );
|
6032 |
-
},
|
6033 |
-
|
6034 |
-
/**
|
6035 |
-
* Create an overlay in the preview.
|
6036 |
-
*
|
6037 |
-
* @param over
|
6038 |
-
* @return {*|Object} The item we're hovering over.
|
6039 |
-
*/
|
6040 |
-
highlightElement: function ( over ) {
|
6041 |
-
if( ! _.isUndefined( this.resetHighlightTimeout ) ) {
|
6042 |
-
clearTimeout( this.resetHighlightTimeout );
|
6043 |
-
}
|
6044 |
-
|
6045 |
-
// Remove any old overlays
|
6046 |
-
|
6047 |
-
var body = this.previewIframe.contents().find( 'body' );
|
6048 |
-
body.find( '.panel-grid .panel-grid-cell .so-panel' )
|
6049 |
-
.filter( function () {
|
6050 |
-
// Filter to only include non nested
|
6051 |
-
return $( this ).parents( '.so-panel' ).length === 0;
|
6052 |
-
} )
|
6053 |
-
.not( over )
|
6054 |
-
.addClass( 'so-panels-faded' );
|
6055 |
-
|
6056 |
-
over.removeClass( 'so-panels-faded' ).addClass( 'so-panels-highlighted' );
|
6057 |
-
},
|
6058 |
-
|
6059 |
-
/**
|
6060 |
-
* Reset highlights in the live preview
|
6061 |
-
*/
|
6062 |
-
resetHighlights: function() {
|
6063 |
-
|
6064 |
-
var body = this.previewIframe.contents().find( 'body' );
|
6065 |
-
this.resetHighlightTimeout = setTimeout( function(){
|
6066 |
-
body.find( '.panel-grid .panel-grid-cell .so-panel' )
|
6067 |
-
.removeClass( 'so-panels-faded so-panels-highlighted' );
|
6068 |
-
}, 100 );
|
6069 |
-
},
|
6070 |
-
|
6071 |
-
/**
|
6072 |
-
* Scroll over an element in the live preview
|
6073 |
-
* @param over
|
6074 |
-
*/
|
6075 |
-
scrollToElement: function( over ) {
|
6076 |
-
var contentWindow = this.$( '.so-preview iframe' )[0].contentWindow;
|
6077 |
-
contentWindow.liveEditorScrollTo( over );
|
6078 |
-
},
|
6079 |
-
|
6080 |
-
handleRefreshData: function ( newData, args ) {
|
6081 |
-
if ( ! this.$el.is( ':visible' ) ) {
|
6082 |
-
return this;
|
6083 |
-
}
|
6084 |
-
|
6085 |
-
this.refreshPreview( newData );
|
6086 |
-
},
|
6087 |
-
|
6088 |
-
handleLoadData: function () {
|
6089 |
-
if ( ! this.$el.is( ':visible' ) ) {
|
6090 |
-
return this;
|
6091 |
-
}
|
6092 |
-
|
6093 |
-
this.refreshPreview( this.builder.model.getPanelsData() );
|
6094 |
-
},
|
6095 |
-
|
6096 |
-
/**
|
6097 |
-
* Refresh the Live Editor preview.
|
6098 |
-
* @returns {exports}
|
6099 |
-
*/
|
6100 |
-
refreshPreview: function ( data ) {
|
6101 |
-
var loadTimePrediction = this.loadTimes.length ?
|
6102 |
-
_.reduce( this.loadTimes, function ( memo, num ) {
|
6103 |
-
return memo + num;
|
6104 |
-
}, 0 ) / this.loadTimes.length : 1000;
|
6105 |
-
|
6106 |
-
// Store the last preview iframe position
|
6107 |
-
if( ! _.isNull( this.previewIframe ) ) {
|
6108 |
-
if ( ! this.$( '.so-preview-overlay' ).is( ':visible' ) ) {
|
6109 |
-
this.previewScrollTop = this.previewIframe.contents().scrollTop();
|
6110 |
-
}
|
6111 |
-
}
|
6112 |
-
|
6113 |
-
// Add a loading bar
|
6114 |
-
this.$( '.so-preview-overlay' ).show();
|
6115 |
-
this.$( '.so-preview-overlay .so-loading-bar' )
|
6116 |
-
.clearQueue()
|
6117 |
-
.css( 'width', '0%' )
|
6118 |
-
.animate( {width: '100%'}, parseInt( loadTimePrediction ) + 100 );
|
6119 |
-
|
6120 |
-
|
6121 |
-
this.postToIframe(
|
6122 |
-
{
|
6123 |
-
live_editor_panels_data: JSON.stringify( data ),
|
6124 |
-
live_editor_post_ID: this.builder.config.postId
|
6125 |
-
},
|
6126 |
-
this.previewUrl,
|
6127 |
-
this.$('.so-preview')
|
6128 |
-
);
|
6129 |
-
|
6130 |
-
this.previewIframe.data( 'load-start', new Date().getTime() );
|
6131 |
-
},
|
6132 |
-
|
6133 |
-
/**
|
6134 |
-
* Use a temporary form to post data to an iframe.
|
6135 |
-
*
|
6136 |
-
* @param data The data to send
|
6137 |
-
* @param url The preview URL
|
6138 |
-
* @param target The target iframe
|
6139 |
-
*/
|
6140 |
-
postToIframe: function( data, url, target ){
|
6141 |
-
// Store the old preview
|
6142 |
-
|
6143 |
-
if( ! _.isNull( this.previewIframe ) ) {
|
6144 |
-
this.previewIframe.remove();
|
6145 |
-
}
|
6146 |
-
|
6147 |
-
var iframeId = 'siteorigin-panels-live-preview-' + this.previewFrameId;
|
6148 |
-
|
6149 |
-
// Remove the old preview frame
|
6150 |
-
this.previewIframe = $('<iframe src="javascript:false;" />')
|
6151 |
-
.attr( {
|
6152 |
-
'id' : iframeId,
|
6153 |
-
'name' : iframeId,
|
6154 |
-
} )
|
6155 |
-
.appendTo( target )
|
6156 |
-
|
6157 |
-
this.setupPreviewFrame( this.previewIframe );
|
6158 |
-
|
6159 |
-
// We can use a normal POST form submit
|
6160 |
-
var tempForm = $('<form id="soPostToPreviewFrame" method="post" />')
|
6161 |
-
.attr( {
|
6162 |
-
id: iframeId,
|
6163 |
-
target: this.previewIframe.attr('id'),
|
6164 |
-
action: url
|
6165 |
-
} )
|
6166 |
-
.appendTo( 'body' );
|
6167 |
-
|
6168 |
-
$.each( data, function( name, value ){
|
6169 |
-
$('<input type="hidden" />')
|
6170 |
-
.attr( {
|
6171 |
-
name: name,
|
6172 |
-
value: value
|
6173 |
-
} )
|
6174 |
-
.appendTo( tempForm );
|
6175 |
-
} );
|
6176 |
-
|
6177 |
-
tempForm
|
6178 |
-
.submit()
|
6179 |
-
.remove();
|
6180 |
-
|
6181 |
-
this.previewFrameId++;
|
6182 |
-
|
6183 |
-
return this.previewIframe;
|
6184 |
-
},
|
6185 |
-
|
6186 |
-
/**
|
6187 |
-
* Do all the basic setup for the preview Iframe element
|
6188 |
-
* @param iframe
|
6189 |
-
*/
|
6190 |
-
setupPreviewFrame: function( iframe ){
|
6191 |
-
var thisView = this;
|
6192 |
-
iframe
|
6193 |
-
.data( 'iframeready', false )
|
6194 |
-
.on( 'iframeready', function () {
|
6195 |
-
var $$ = $( this ),
|
6196 |
-
$iframeContents = $$.contents();
|
6197 |
-
|
6198 |
-
if( $$.data( 'iframeready' ) ) {
|
6199 |
-
// Skip this if the iframeready function has already run
|
6200 |
-
return;
|
6201 |
-
}
|
6202 |
-
|
6203 |
-
$$.data( 'iframeready', true );
|
6204 |
-
|
6205 |
-
if ( $$.data( 'load-start' ) !== undefined ) {
|
6206 |
-
thisView.loadTimes.unshift( new Date().getTime() - $$.data( 'load-start' ) );
|
6207 |
-
|
6208 |
-
if ( ! _.isEmpty( thisView.loadTimes ) ) {
|
6209 |
-
thisView.loadTimes = thisView.loadTimes.slice( 0, 4 );
|
6210 |
-
}
|
6211 |
-
}
|
6212 |
-
|
6213 |
-
setTimeout( function(){
|
6214 |
-
// Scroll to the correct position
|
6215 |
-
$iframeContents.scrollTop( thisView.previewScrollTop );
|
6216 |
-
thisView.$( '.so-preview-overlay' ).hide();
|
6217 |
-
}, 100 );
|
6218 |
-
|
6219 |
-
|
6220 |
-
// Lets find all the first level grids. This is to account for the Page Builder layout widget.
|
6221 |
-
var layoutWrapper = $iframeContents.find( '#pl-' + thisView.builder.config.postId );
|
6222 |
-
layoutWrapper.find( '.panel-grid .panel-grid-cell .so-panel' )
|
6223 |
-
.filter( function () {
|
6224 |
-
// Filter to only include non nested
|
6225 |
-
return $( this ).closest( '.panel-layout' ).is( layoutWrapper );
|
6226 |
-
} )
|
6227 |
-
.each( function ( i, el ) {
|
6228 |
-
var $$ = $( el );
|
6229 |
-
var widgetEdit = thisView.$( '.so-live-editor-builder .so-widget-wrapper' ).eq( $$.data( 'index' ) );
|
6230 |
-
widgetEdit.data( 'live-editor-preview-widget', $$ );
|
6231 |
-
|
6232 |
-
$$
|
6233 |
-
.css( {
|
6234 |
-
'cursor': 'pointer'
|
6235 |
-
} )
|
6236 |
-
.mouseenter( function () {
|
6237 |
-
widgetEdit.parent().addClass( 'so-hovered' );
|
6238 |
-
thisView.highlightElement( $$ );
|
6239 |
-
} )
|
6240 |
-
.mouseleave( function () {
|
6241 |
-
widgetEdit.parent().removeClass( 'so-hovered' );
|
6242 |
-
thisView.resetHighlights();
|
6243 |
-
} )
|
6244 |
-
.click( function ( e ) {
|
6245 |
-
e.preventDefault();
|
6246 |
-
// When we click a widget, send that click to the form
|
6247 |
-
widgetEdit.find( '.title h4' ).click();
|
6248 |
-
} );
|
6249 |
-
} );
|
6250 |
-
|
6251 |
-
// Prevent default clicks inside the preview iframe
|
6252 |
-
$iframeContents.find( "a" ).css( {'pointer-events': 'none'} ).click( function ( e ) {
|
6253 |
-
e.preventDefault();
|
6254 |
-
} );
|
6255 |
-
|
6256 |
-
} )
|
6257 |
-
.on( 'load', function(){
|
6258 |
-
var $$ = $( this );
|
6259 |
-
if( ! $$.data( 'iframeready' ) ) {
|
6260 |
-
$$.trigger('iframeready');
|
6261 |
-
}
|
6262 |
-
} );
|
6263 |
-
},
|
6264 |
-
|
6265 |
-
/**
|
6266 |
-
* Return true if the live editor has a valid preview URL.
|
6267 |
-
* @return {boolean}
|
6268 |
-
*/
|
6269 |
-
hasPreviewUrl: function () {
|
6270 |
-
return this.$( 'form.live-editor-form' ).attr( 'action' ) !== '';
|
6271 |
-
},
|
6272 |
-
|
6273 |
-
/**
|
6274 |
-
* Toggle the size of the preview iframe to simulate mobile devices.
|
6275 |
-
* @param e
|
6276 |
-
*/
|
6277 |
-
mobileToggle: function( e ){
|
6278 |
-
var button = $( e.currentTarget );
|
6279 |
-
this.$('.live-editor-mode' ).not( button ).removeClass('so-active');
|
6280 |
-
button.addClass( 'so-active' );
|
6281 |
-
|
6282 |
-
this.$el
|
6283 |
-
.removeClass( 'live-editor-desktop-mode live-editor-tablet-mode live-editor-mobile-mode' )
|
6284 |
-
.addClass( 'live-editor-' + button.data( 'mode' ) + '-mode' );
|
6285 |
-
|
6286 |
-
}
|
6287 |
-
} );
|
6288 |
-
|
6289 |
-
},{}],27:[function(require,module,exports){
|
6290 |
-
var panels = window.panels, $ = jQuery;
|
6291 |
-
|
6292 |
-
module.exports = Backbone.View.extend( {
|
6293 |
-
template: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-builder-row' ).html() ) ),
|
6294 |
-
|
6295 |
-
events: {
|
6296 |
-
'click .so-row-settings': 'editSettingsHandler',
|
6297 |
-
'click .so-row-duplicate': 'duplicateHandler',
|
6298 |
-
'click .so-row-delete': 'confirmedDeleteHandler',
|
6299 |
-
'click .so-row-color': 'rowColorChangeHandler',
|
6300 |
-
},
|
6301 |
-
|
6302 |
-
builder: null,
|
6303 |
-
dialog: null,
|
6304 |
-
|
6305 |
-
/**
|
6306 |
-
* Initialize the row view
|
6307 |
-
*/
|
6308 |
-
initialize: function () {
|
6309 |
-
|
6310 |
-
var rowCells = this.model.get('cells');
|
6311 |
-
this.listenTo(rowCells, 'add', this.handleCellAdd );
|
6312 |
-
this.listenTo(rowCells, 'remove', this.handleCellRemove );
|
6313 |
-
|
6314 |
-
this.listenTo( this.model, 'reweight_cells', this.resize );
|
6315 |
-
this.listenTo( this.model, 'destroy', this.onModelDestroy );
|
6316 |
-
|
6317 |
-
var thisView = this;
|
6318 |
-
rowCells.each( function ( cell ) {
|
6319 |
-
thisView.listenTo( cell.get('widgets'), 'add', thisView.resize );
|
6320 |
-
} );
|
6321 |
-
|
6322 |
-
// When ever a new cell is added, listen to it for new widgets
|
6323 |
-
rowCells.on( 'add', function ( cell ) {
|
6324 |
-
thisView.listenTo( cell.get('widgets'), 'add', thisView.resize );
|
6325 |
-
}, this );
|
6326 |
-
|
6327 |
-
this.listenTo( this.model, 'change:label', this.onLabelChange );
|
6328 |
-
},
|
6329 |
-
|
6330 |
-
/**
|
6331 |
-
* Render the row.
|
6332 |
-
*
|
6333 |
-
* @returns {panels.view.row}
|
6334 |
-
*/
|
6335 |
-
render: function () {
|
6336 |
-
var rowColorLabel = this.model.has( 'color_label' ) ? this.model.get( 'color_label' ) : 1;
|
6337 |
-
var rowLabel = this.model.has( 'label' ) ? this.model.get( 'label' ) : '';
|
6338 |
-
this.setElement( this.template( { rowColorLabel: rowColorLabel, rowLabel: rowLabel } ) );
|
6339 |
-
this.$el.data( 'view', this );
|
6340 |
-
|
6341 |
-
// Create views for the cells in this row
|
6342 |
-
var thisView = this;
|
6343 |
-
this.model.get('cells').each( function ( cell ) {
|
6344 |
-
var cellView = new panels.view.cell( {
|
6345 |
-
model: cell
|
6346 |
-
} );
|
6347 |
-
cellView.row = thisView;
|
6348 |
-
cellView.render();
|
6349 |
-
cellView.$el.appendTo( thisView.$( '.so-cells' ) );
|
6350 |
-
} );
|
6351 |
-
|
6352 |
-
// Remove any unsupported actions
|
6353 |
-
if( ! this.builder.supports( 'rowAction' ) ) {
|
6354 |
-
this.$('.so-row-toolbar .so-dropdown-wrapper' ).remove();
|
6355 |
-
this.$el.addClass('so-row-no-actions');
|
6356 |
-
}
|
6357 |
-
else {
|
6358 |
-
if( ! this.builder.supports( 'editRow' ) ) {
|
6359 |
-
this.$('.so-row-toolbar .so-dropdown-links-wrapper .so-row-settings' ).parent().remove();
|
6360 |
-
this.$el.addClass('so-row-no-edit');
|
6361 |
-
}
|
6362 |
-
if( ! this.builder.supports( 'addRow' ) ) {
|
6363 |
-
this.$('.so-row-toolbar .so-dropdown-links-wrapper .so-row-duplicate' ).parent().remove();
|
6364 |
-
this.$el.addClass('so-row-no-duplicate');
|
6365 |
-
}
|
6366 |
-
if( ! this.builder.supports( 'deleteRow' ) ) {
|
6367 |
-
this.$('.so-row-toolbar .so-dropdown-links-wrapper .so-row-delete' ).parent().remove();
|
6368 |
-
this.$el.addClass('so-row-no-delete');
|
6369 |
-
}
|
6370 |
-
}
|
6371 |
-
if( ! this.builder.supports( 'moveRow' ) ) {
|
6372 |
-
this.$('.so-row-toolbar .so-row-move' ).remove();
|
6373 |
-
this.$el.addClass('so-row-no-move');
|
6374 |
-
}
|
6375 |
-
if( !$.trim( this.$('.so-row-toolbar').html() ).length ) {
|
6376 |
-
this.$('.so-row-toolbar' ).remove();
|
6377 |
-
}
|
6378 |
-
|
6379 |
-
// Resize the rows when ever the widget sortable moves
|
6380 |
-
this.listenTo( this.builder, 'widget_sortable_move', this.resize );
|
6381 |
-
this.listenTo( this.builder, 'builder_resize', this.resize );
|
6382 |
-
|
6383 |
-
this.resize();
|
6384 |
-
|
6385 |
-
return this;
|
6386 |
-
},
|
6387 |
-
|
6388 |
-
/**
|
6389 |
-
* Give a visual indication of the creation of this row
|
6390 |
-
*/
|
6391 |
-
visualCreate: function () {
|
6392 |
-
this.$el.hide().fadeIn( 'fast' );
|
6393 |
-
},
|
6394 |
-
|
6395 |
-
/**
|
6396 |
-
* Visually resize the row so that all cell heights are the same and the widths so that they balance to 100%
|
6397 |
-
*
|
6398 |
-
* @param e
|
6399 |
-
*/
|
6400 |
-
resize: function ( e ) {
|
6401 |
-
// Don't resize this
|
6402 |
-
if ( ! this.$el.is( ':visible' ) ) {
|
6403 |
-
return;
|
6404 |
-
}
|
6405 |
-
|
6406 |
-
// Reset everything to have an automatic height
|
6407 |
-
this.$( '.so-cells .cell-wrapper' ).css( 'min-height', 0 );
|
6408 |
-
this.$( '.so-cells .resize-handle' ).css( 'height', 0 );
|
6409 |
-
|
6410 |
-
// We'll tie the values to the row view, to prevent issue with values going to different rows
|
6411 |
-
var height = 0;
|
6412 |
-
this.$( '.so-cells .cell' ).each( function () {
|
6413 |
-
height = Math.max(
|
6414 |
-
height,
|
6415 |
-
$( this ).height()
|
6416 |
-
);
|
6417 |
-
|
6418 |
-
$( this ).css(
|
6419 |
-
'width',
|
6420 |
-
( $( this ).data( 'view' ).model.get( 'weight' ) * 100) + "%"
|
6421 |
-
);
|
6422 |
-
} );
|
6423 |
-
|
6424 |
-
// Resize all the grids and cell wrappers
|
6425 |
-
this.$( '.so-cells .cell-wrapper' ).css( 'min-height', Math.max( height, 63 ) );
|
6426 |
-
this.$( '.so-cells .resize-handle' ).css( 'height', this.$( '.so-cells .cell-wrapper' ).outerHeight() );
|
6427 |
-
},
|
6428 |
-
|
6429 |
-
/**
|
6430 |
-
* Remove the view from the dom.
|
6431 |
-
*/
|
6432 |
-
onModelDestroy: function () {
|
6433 |
-
this.remove();
|
6434 |
-
},
|
6435 |
-
|
6436 |
-
/**
|
6437 |
-
* Fade out the view and destroy the model
|
6438 |
-
*/
|
6439 |
-
visualDestroyModel: function () {
|
6440 |
-
this.builder.addHistoryEntry( 'row_deleted' );
|
6441 |
-
var thisView = this;
|
6442 |
-
this.$el.fadeOut( 'normal', function () {
|
6443 |
-
thisView.model.destroy();
|
6444 |
-
thisView.builder.model.refreshPanelsData();
|
6445 |
-
} );
|
6446 |
-
},
|
6447 |
-
|
6448 |
-
onLabelChange: function( model, text ) {
|
6449 |
-
if ( this.$('.so-row-label').length == 0 ) {
|
6450 |
-
this.$( '.so-row-toolbar' ).prepend( '<h3 class="so-row-label">' + text + '</h3>' );
|
6451 |
-
} else {
|
6452 |
-
this.$('.so-row-label').text( text );
|
6453 |
-
}
|
6454 |
-
},
|
6455 |
-
|
6456 |
-
/**
|
6457 |
-
* Duplicate this row.
|
6458 |
-
*
|
6459 |
-
* @return {boolean}
|
6460 |
-
*/
|
6461 |
-
duplicateHandler: function () {
|
6462 |
-
this.builder.addHistoryEntry( 'row_duplicated' );
|
6463 |
-
|
6464 |
-
var duplicateRow = this.model.clone( this.builder.model );
|
6465 |
-
|
6466 |
-
this.builder.model.get('rows').add( duplicateRow, {
|
6467 |
-
at: this.builder.model.get('rows').indexOf( this.model ) + 1
|
6468 |
-
} );
|
6469 |
-
|
6470 |
-
this.builder.model.refreshPanelsData();
|
6471 |
-
},
|
6472 |
-
|
6473 |
-
/**
|
6474 |
-
* Copy the row to a localStorage
|
6475 |
-
*/
|
6476 |
-
copyHandler: function(){
|
6477 |
-
panels.helpers.clipboard.setModel( this.model );
|
6478 |
-
},
|
6479 |
-
|
6480 |
-
/**
|
6481 |
-
* Create a new row and insert it
|
6482 |
-
*/
|
6483 |
-
pasteHandler: function(){
|
6484 |
-
var pastedModel = panels.helpers.clipboard.getModel( 'row-model' );
|
6485 |
-
|
6486 |
-
if( ! _.isEmpty( pastedModel ) && pastedModel instanceof panels.model.row ) {
|
6487 |
-
this.builder.addHistoryEntry( 'row_pasted' );
|
6488 |
-
pastedModel.builder = this.builder.model;
|
6489 |
-
this.builder.model.get('rows').add( pastedModel, {
|
6490 |
-
at: this.builder.model.get('rows').indexOf( this.model ) + 1
|
6491 |
-
} );
|
6492 |
-
this.builder.model.refreshPanelsData();
|
6493 |
-
}
|
6494 |
-
},
|
6495 |
-
|
6496 |
-
/**
|
6497 |
-
* Handles deleting the row with a confirmation.
|
6498 |
-
*/
|
6499 |
-
confirmedDeleteHandler: function ( e ) {
|
6500 |
-
var $$ = $( e.target );
|
6501 |
-
|
6502 |
-
// The user clicked on the dashicon
|
6503 |
-
if ( $$.hasClass( 'dashicons' ) ) {
|
6504 |
-
$$ = $$.parent();
|
6505 |
-
}
|
6506 |
-
|
6507 |
-
if ( $$.hasClass( 'so-confirmed' ) ) {
|
6508 |
-
this.visualDestroyModel();
|
6509 |
-
} else {
|
6510 |
-
var originalText = $$.html();
|
6511 |
-
|
6512 |
-
$$.addClass( 'so-confirmed' ).html(
|
6513 |
-
'<span class="dashicons dashicons-yes"></span>' + panelsOptions.loc.dropdown_confirm
|
6514 |
-
);
|
6515 |
-
|
6516 |
-
setTimeout( function () {
|
6517 |
-
$$.removeClass( 'so-confirmed' ).html( originalText );
|
6518 |
-
}, 2500 );
|
6519 |
-
}
|
6520 |
-
},
|
6521 |
-
|
6522 |
-
/**
|
6523 |
-
* Handle displaying the settings dialog
|
6524 |
-
*/
|
6525 |
-
editSettingsHandler: function () {
|
6526 |
-
if ( ! this.builder.supports( 'editRow' ) ) {
|
6527 |
-
return;
|
6528 |
-
}
|
6529 |
-
// Lets open up an instance of the settings dialog
|
6530 |
-
if ( this.dialog === null ) {
|
6531 |
-
// Create the dialog
|
6532 |
-
this.dialog = new panels.dialog.row();
|
6533 |
-
this.dialog.setBuilder( this.builder ).setRowModel( this.model );
|
6534 |
-
this.dialog.rowView = this;
|
6535 |
-
}
|
6536 |
-
|
6537 |
-
this.dialog.openDialog();
|
6538 |
-
|
6539 |
-
return this;
|
6540 |
-
},
|
6541 |
-
|
6542 |
-
/**
|
6543 |
-
* Handle deleting this entire row.
|
6544 |
-
*/
|
6545 |
-
deleteHandler: function () {
|
6546 |
-
this.model.destroy();
|
6547 |
-
return this;
|
6548 |
-
},
|
6549 |
-
|
6550 |
-
/**
|
6551 |
-
* Change the row background color.
|
6552 |
-
*/
|
6553 |
-
rowColorChangeHandler: function ( event ) {
|
6554 |
-
this.$( '.so-row-color' ).removeClass( 'so-row-color-selected' );
|
6555 |
-
var clickedColorElem = $( event.target );
|
6556 |
-
var newColorLabel = clickedColorElem.data( 'color-label' );
|
6557 |
-
var oldColorLabel = this.model.has( 'color_label' ) ? this.model.get( 'color_label' ) : 1;
|
6558 |
-
clickedColorElem.addClass( 'so-row-color-selected' );
|
6559 |
-
this.$el.removeClass( 'so-row-color-' + oldColorLabel );
|
6560 |
-
this.$el.addClass( 'so-row-color-' + newColorLabel );
|
6561 |
-
this.model.set( 'color_label', newColorLabel );
|
6562 |
-
},
|
6563 |
-
|
6564 |
-
/**
|
6565 |
-
* Handle a new cell being added to this row view. For now we'll assume the new cell is always last
|
6566 |
-
*/
|
6567 |
-
handleCellAdd: function ( cell ) {
|
6568 |
-
var cellView = new panels.view.cell( {
|
6569 |
-
model: cell
|
6570 |
-
} );
|
6571 |
-
cellView.row = this;
|
6572 |
-
cellView.render();
|
6573 |
-
cellView.$el.appendTo( this.$( '.so-cells' ) );
|
6574 |
-
},
|
6575 |
-
|
6576 |
-
/**
|
6577 |
-
* Handle a cell being removed from this row view
|
6578 |
-
*/
|
6579 |
-
handleCellRemove: function ( cell ) {
|
6580 |
-
// Find the view that ties in to the cell we're removing
|
6581 |
-
this.$( '.so-cells > .cell' ).each( function () {
|
6582 |
-
var view = $( this ).data( 'view' );
|
6583 |
-
if ( _.isUndefined( view ) ) {
|
6584 |
-
return;
|
6585 |
-
}
|
6586 |
-
|
6587 |
-
if ( view.model.cid === cell.cid ) {
|
6588 |
-
// Remove this view
|
6589 |
-
view.remove();
|
6590 |
-
}
|
6591 |
-
} );
|
6592 |
-
},
|
6593 |
-
|
6594 |
-
/**
|
6595 |
-
* Build up the contextual menu for a row
|
6596 |
-
*
|
6597 |
-
* @param e
|
6598 |
-
* @param menu
|
6599 |
-
*/
|
6600 |
-
buildContextualMenu: function ( e, menu ) {
|
6601 |
-
var options = [];
|
6602 |
-
for ( var i = 1; i < 5; i ++ ) {
|
6603 |
-
options.push( {
|
6604 |
-
title: i + ' ' + panelsOptions.loc.contextual.column
|
6605 |
-
} );
|
6606 |
-
}
|
6607 |
-
|
6608 |
-
if( this.builder.supports( 'addRow' ) ) {
|
6609 |
-
menu.addSection(
|
6610 |
-
'add-row',
|
6611 |
-
{
|
6612 |
-
sectionTitle: panelsOptions.loc.contextual.add_row,
|
6613 |
-
search: false
|
6614 |
-
},
|
6615 |
-
options,
|
6616 |
-
function ( c ) {
|
6617 |
-
this.builder.addHistoryEntry( 'row_added' );
|
6618 |
-
|
6619 |
-
var columns = Number( c ) + 1;
|
6620 |
-
var weights = [];
|
6621 |
-
for ( var i = 0; i < columns; i ++ ) {
|
6622 |
-
weights.push( {weight: 100 / columns } );
|
6623 |
-
}
|
6624 |
-
|
6625 |
-
// Create the actual row
|
6626 |
-
var newRow = new panels.model.row( {
|
6627 |
-
collection: this.collection
|
6628 |
-
} );
|
6629 |
-
|
6630 |
-
var cells = new panels.collection.cells(weights);
|
6631 |
-
cells.each(function (cell) {
|
6632 |
-
cell.row = newRow;
|
6633 |
-
});
|
6634 |
-
newRow.setCells(cells);
|
6635 |
-
newRow.builder = this.builder.model;
|
6636 |
-
|
6637 |
-
this.builder.model.get('rows').add( newRow, {
|
6638 |
-
at: this.builder.model.get('rows').indexOf( this.model ) + 1
|
6639 |
-
} );
|
6640 |
-
|
6641 |
-
this.builder.model.refreshPanelsData();
|
6642 |
-
}.bind( this )
|
6643 |
-
);
|
6644 |
-
}
|
6645 |
-
|
6646 |
-
var actions = {};
|
6647 |
-
|
6648 |
-
if( this.builder.supports( 'editRow' ) ) {
|
6649 |
-
actions.edit = { title: panelsOptions.loc.contextual.row_edit };
|
6650 |
-
}
|
6651 |
-
|
6652 |
-
// Copy and paste functions
|
6653 |
-
if ( panels.helpers.clipboard.canCopyPaste() ) {
|
6654 |
-
actions.copy = { title: panelsOptions.loc.contextual.row_copy };
|
6655 |
-
if ( this.builder.supports( 'addRow' ) && panels.helpers.clipboard.isModel( 'row-model' ) ) {
|
6656 |
-
actions.paste = { title: panelsOptions.loc.contextual.row_paste };
|
6657 |
-
}
|
6658 |
-
}
|
6659 |
-
|
6660 |
-
if( this.builder.supports( 'addRow' ) ) {
|
6661 |
-
actions.duplicate = { title: panelsOptions.loc.contextual.row_duplicate };
|
6662 |
-
}
|
6663 |
-
|
6664 |
-
if( this.builder.supports( 'deleteRow' ) ) {
|
6665 |
-
actions.delete = { title: panelsOptions.loc.contextual.row_delete, confirm: true };
|
6666 |
-
}
|
6667 |
-
|
6668 |
-
if( ! _.isEmpty( actions ) ) {
|
6669 |
-
menu.addSection(
|
6670 |
-
'row-actions',
|
6671 |
-
{
|
6672 |
-
sectionTitle: panelsOptions.loc.contextual.row_actions,
|
6673 |
-
search: false,
|
6674 |
-
},
|
6675 |
-
actions,
|
6676 |
-
function ( c ) {
|
6677 |
-
switch ( c ) {
|
6678 |
-
case 'edit':
|
6679 |
-
this.editSettingsHandler();
|
6680 |
-
break;
|
6681 |
-
case 'copy':
|
6682 |
-
this.copyHandler();
|
6683 |
-
break;
|
6684 |
-
case 'paste':
|
6685 |
-
this.pasteHandler();
|
6686 |
-
break;
|
6687 |
-
case 'duplicate':
|
6688 |
-
this.duplicateHandler();
|
6689 |
-
break;
|
6690 |
-
case 'delete':
|
6691 |
-
this.visualDestroyModel();
|
6692 |
-
break;
|
6693 |
-
}
|
6694 |
-
}.bind( this )
|
6695 |
-
);
|
6696 |
-
}
|
6697 |
-
},
|
6698 |
-
} );
|
6699 |
-
|
6700 |
-
},{}],28:[function(require,module,exports){
|
6701 |
-
var panels = window.panels, $ = jQuery;
|
6702 |
-
|
6703 |
-
module.exports = Backbone.View.extend( {
|
6704 |
-
|
6705 |
-
stylesLoaded: false,
|
6706 |
-
|
6707 |
-
initialize: function () {
|
6708 |
-
|
6709 |
-
},
|
6710 |
-
|
6711 |
-
/**
|
6712 |
-
* Render the visual styles object.
|
6713 |
-
*
|
6714 |
-
* @param stylesType
|
6715 |
-
* @param postId
|
6716 |
-
* @param args
|
6717 |
-
*/
|
6718 |
-
render: function ( stylesType, postId, args ) {
|
6719 |
-
if ( _.isUndefined( stylesType ) ) {
|
6720 |
-
return;
|
6721 |
-
}
|
6722 |
-
|
6723 |
-
// Add in the default args
|
6724 |
-
args = _.extend( {
|
6725 |
-
builderType: '',
|
6726 |
-
dialog: null
|
6727 |
-
}, args );
|
6728 |
-
|
6729 |
-
this.$el.addClass( 'so-visual-styles so-' + stylesType + '-styles so-panels-loading' );
|
6730 |
-
|
6731 |
-
var postArgs = {
|
6732 |
-
builderType: args.builderType
|
6733 |
-
};
|
6734 |
-
|
6735 |
-
if ( stylesType === 'cell') {
|
6736 |
-
postArgs.index = args.index;
|
6737 |
-
}
|
6738 |
-
|
6739 |
-
// Load the form
|
6740 |
-
$.post(
|
6741 |
-
panelsOptions.ajaxurl,
|
6742 |
-
{
|
6743 |
-
action: 'so_panels_style_form',
|
6744 |
-
type: stylesType,
|
6745 |
-
style: this.model.get( 'style' ),
|
6746 |
-
args: JSON.stringify( postArgs ),
|
6747 |
-
postId: postId
|
6748 |
-
},
|
6749 |
-
null,
|
6750 |
-
'html'
|
6751 |
-
).done( function ( response ) {
|
6752 |
-
this.$el.html( response );
|
6753 |
-
this.setupFields();
|
6754 |
-
this.stylesLoaded = true;
|
6755 |
-
this.trigger( 'styles_loaded', !_.isEmpty( response ) );
|
6756 |
-
if ( !_.isNull( args.dialog ) ) {
|
6757 |
-
args.dialog.trigger( 'styles_loaded', !_.isEmpty( response ) );
|
6758 |
-
}
|
6759 |
-
}.bind( this ) )
|
6760 |
-
.fail( function ( error ) {
|
6761 |
-
var html;
|
6762 |
-
if ( error && error.responseText ) {
|
6763 |
-
html = error.responseText;
|
6764 |
-
} else {
|
6765 |
-
html = panelsOptions.forms.loadingFailed;
|
6766 |
-
}
|
6767 |
-
|
6768 |
-
this.$el.html( html );
|
6769 |
-
}.bind( this ) )
|
6770 |
-
.always( function () {
|
6771 |
-
this.$el.removeClass( 'so-panels-loading' );
|
6772 |
-
}.bind( this ) );
|
6773 |
-
|
6774 |
-
return this;
|
6775 |
-
},
|
6776 |
-
|
6777 |
-
/**
|
6778 |
-
* Attach the style view to the DOM.
|
6779 |
-
*
|
6780 |
-
* @param wrapper
|
6781 |
-
*/
|
6782 |
-
attach: function ( wrapper ) {
|
6783 |
-
wrapper.append( this.$el );
|
6784 |
-
},
|
6785 |
-
|
6786 |
-
/**
|
6787 |
-
* Detach the styles view from the DOM
|
6788 |
-
*/
|
6789 |
-
detach: function () {
|
6790 |
-
this.$el.detach();
|
6791 |
-
},
|
6792 |
-
|
6793 |
-
/**
|
6794 |
-
* Setup all the fields
|
6795 |
-
*/
|
6796 |
-
setupFields: function () {
|
6797 |
-
|
6798 |
-
// Set up the sections as collapsible
|
6799 |
-
this.$( '.style-section-wrapper' ).each( function () {
|
6800 |
-
var $s = $( this );
|
6801 |
-
|
6802 |
-
$s.find( '.style-section-head' ).click( function ( e ) {
|
6803 |
-
e.preventDefault();
|
6804 |
-
$s.find( '.style-section-fields' ).slideToggle( 'fast' );
|
6805 |
-
} );
|
6806 |
-
} );
|
6807 |
-
|
6808 |
-
// Set up the color fields
|
6809 |
-
if ( ! _.isUndefined( $.fn.wpColorPicker ) ) {
|
6810 |
-
if ( _.isObject( panelsOptions.wpColorPickerOptions.palettes ) && ! $.isArray( panelsOptions.wpColorPickerOptions.palettes ) ) {
|
6811 |
-
panelsOptions.wpColorPickerOptions.palettes = $.map( panelsOptions.wpColorPickerOptions.palettes, function ( el ) {
|
6812 |
-
return el;
|
6813 |
-
} );
|
6814 |
-
}
|
6815 |
-
this.$( '.so-wp-color-field' ).wpColorPicker( panelsOptions.wpColorPickerOptions );
|
6816 |
-
}
|
6817 |
-
|
6818 |
-
// Set up the image select fields
|
6819 |
-
this.$( '.style-field-image' ).each( function () {
|
6820 |
-
var frame = null;
|
6821 |
-
var $s = $( this );
|
6822 |
-
|
6823 |
-
$s.find( '.so-image-selector' ).click( function ( e ) {
|
6824 |
-
e.preventDefault();
|
6825 |
-
|
6826 |
-
if ( frame === null ) {
|
6827 |
-
// Create the media frame.
|
6828 |
-
frame = wp.media( {
|
6829 |
-
// Set the title of the modal.
|
6830 |
-
title: 'choose',
|
6831 |
-
|
6832 |
-
// Tell the modal to show only images.
|
6833 |
-
library: {
|
6834 |
-
type: 'image'
|
6835 |
-
},
|
6836 |
-
|
6837 |
-
// Customize the submit button.
|
6838 |
-
button: {
|
6839 |
-
// Set the text of the button.
|
6840 |
-
text: 'Done',
|
6841 |
-
close: true
|
6842 |
-
}
|
6843 |
-
} );
|
6844 |
-
|
6845 |
-
frame.on( 'select', function () {
|
6846 |
-
var attachment = frame.state().get( 'selection' ).first().attributes;
|
6847 |
-
|
6848 |
-
var url = attachment.url;
|
6849 |
-
if ( ! _.isUndefined( attachment.sizes ) ) {
|
6850 |
-
try {
|
6851 |
-
url = attachment.sizes.thumbnail.url;
|
6852 |
-
}
|
6853 |
-
catch ( e ) {
|
6854 |
-
// We'll use the full image instead
|
6855 |
-
url = attachment.sizes.full.url;
|
6856 |
-
}
|
6857 |
-
}
|
6858 |
-
$s.find( '.current-image' ).css( 'background-image', 'url(' + url + ')' );
|
6859 |
-
|
6860 |
-
// Store the ID
|
6861 |
-
$s.find( '.so-image-selector > input' ).val( attachment.id );
|
6862 |
-
|
6863 |
-
$s.find( '.remove-image' ).removeClass( 'hidden' );
|
6864 |
-
} );
|
6865 |
-
}
|
6866 |
-
|
6867 |
-
frame.open();
|
6868 |
-
|
6869 |
-
} );
|
6870 |
-
|
6871 |
-
// Handle clicking on remove
|
6872 |
-
$s.find( '.remove-image' ).click( function ( e ) {
|
6873 |
-
e.preventDefault();
|
6874 |
-
$s.find( '.current-image' ).css( 'background-image', 'none' );
|
6875 |
-
$s.find( '.so-image-selector > input' ).val( '' );
|
6876 |
-
$s.find( '.remove-image' ).addClass( 'hidden' );
|
6877 |
-
} );
|
6878 |
-
} );
|
6879 |
-
|
6880 |
-
// Set up all the measurement fields
|
6881 |
-
this.$( '.style-field-measurement' ).each( function () {
|
6882 |
-
var $$ = $( this );
|
6883 |
-
|
6884 |
-
var text = $$.find( 'input[type="text"]' );
|
6885 |
-
var unit = $$.find( 'select' );
|
6886 |
-
var hidden = $$.find( 'input[type="hidden"]' );
|
6887 |
-
|
6888 |
-
text.focus( function(){
|
6889 |
-
$(this).select();
|
6890 |
-
} );
|
6891 |
-
|
6892 |
-
/**
|
6893 |
-
* Load value into the visible input fields.
|
6894 |
-
* @param value
|
6895 |
-
*/
|
6896 |
-
var loadValue = function( value ) {
|
6897 |
-
if( value === '' ) {
|
6898 |
-
return;
|
6899 |
-
}
|
6900 |
-
|
6901 |
-
var re = /(?:([0-9\.,\-]+)(.*))+/;
|
6902 |
-
var valueList = hidden.val().split( ' ' );
|
6903 |
-
var valueListValue = [];
|
6904 |
-
for ( var i in valueList ) {
|
6905 |
-
var match = re.exec( valueList[i] );
|
6906 |
-
if ( ! _.isNull( match ) && ! _.isUndefined( match[1] ) && ! _.isUndefined( match[2] ) ) {
|
6907 |
-
valueListValue.push( match[1] );
|
6908 |
-
unit.val( match[2] );
|
6909 |
-
}
|
6910 |
-
}
|
6911 |
-
|
6912 |
-
if( text.length === 1 ) {
|
6913 |
-
// This is a single input text field
|
6914 |
-
text.val( valueListValue.join( ' ' ) );
|
6915 |
-
}
|
6916 |
-
else {
|
6917 |
-
// We're dealing with a multiple field
|
6918 |
-
if( valueListValue.length === 1 ) {
|
6919 |
-
valueListValue = [ valueListValue[0], valueListValue[0], valueListValue[0], valueListValue[0] ];
|
6920 |
-
}
|
6921 |
-
else if( valueListValue.length === 2 ) {
|
6922 |
-
valueListValue = [ valueListValue[0], valueListValue[1], valueListValue[0], valueListValue[1] ];
|
6923 |
-
}
|
6924 |
-
else if( valueListValue.length === 3 ) {
|
6925 |
-
valueListValue = [ valueListValue[0], valueListValue[1], valueListValue[2], valueListValue[1] ];
|
6926 |
-
}
|
6927 |
-
|
6928 |
-
// Store this in the visible fields
|
6929 |
-
text.each( function( i, el ) {
|
6930 |
-
$( el ).val( valueListValue[i] );
|
6931 |
-
} );
|
6932 |
-
}
|
6933 |
-
};
|
6934 |
-
loadValue( hidden.val() );
|
6935 |
-
|
6936 |
-
/**
|
6937 |
-
* Set value of the hidden field based on inputs
|
6938 |
-
*/
|
6939 |
-
var setValue = function( e ){
|
6940 |
-
var i;
|
6941 |
-
|
6942 |
-
if( text.length === 1 ) {
|
6943 |
-
// We're dealing with a single measurement
|
6944 |
-
var fullString = text
|
6945 |
-
.val()
|
6946 |
-
.split( ' ' )
|
6947 |
-
.filter( function ( value ) {
|
6948 |
-
return value !== '';
|
6949 |
-
} )
|
6950 |
-
.map( function ( value ) {
|
6951 |
-
return value + unit.val();
|
6952 |
-
} )
|
6953 |
-
.join( ' ' );
|
6954 |
-
hidden.val( fullString );
|
6955 |
-
}
|
6956 |
-
else {
|
6957 |
-
var target = $( e.target ),
|
6958 |
-
valueList = [],
|
6959 |
-
emptyIndex = [],
|
6960 |
-
fullIndex = [];
|
6961 |
-
|
6962 |
-
text.each( function( i, el ) {
|
6963 |
-
var value = $( el ).val( ) !== '' ? parseFloat( $( el ).val( ) ) : null;
|
6964 |
-
valueList.push( value );
|
6965 |
-
|
6966 |
-
if( value === null ) {
|
6967 |
-
emptyIndex.push( i );
|
6968 |
-
}
|
6969 |
-
else {
|
6970 |
-
fullIndex.push( i );
|
6971 |
-
}
|
6972 |
-
} );
|
6973 |
-
|
6974 |
-
if( emptyIndex.length === 3 && fullIndex[0] === text.index( target ) ) {
|
6975 |
-
text.val( target.val() );
|
6976 |
-
valueList = [ target.val(), target.val(), target.val(), target.val() ];
|
6977 |
-
}
|
6978 |
-
|
6979 |
-
if( JSON.stringify( valueList ) === JSON.stringify( [ null, null, null, null ] ) ) {
|
6980 |
-
hidden.val('');
|
6981 |
-
}
|
6982 |
-
else {
|
6983 |
-
hidden.val( valueList.map( function( k ){
|
6984 |
-
return ( k === null ? 0 : k ) + unit.val();
|
6985 |
-
} ).join( ' ' ) );
|
6986 |
-
}
|
6987 |
-
}
|
6988 |
-
};
|
6989 |
-
|
6990 |
-
// Set the value when ever anything changes
|
6991 |
-
text.change( setValue );
|
6992 |
-
unit.change( setValue );
|
6993 |
-
} );
|
6994 |
-
}
|
6995 |
-
|
6996 |
-
} );
|
6997 |
-
|
6998 |
-
},{}],29:[function(require,module,exports){
|
6999 |
-
var panels = window.panels, $ = jQuery;
|
7000 |
-
|
7001 |
-
module.exports = Backbone.View.extend( {
|
7002 |
-
template: _.template( panels.helpers.utils.processTemplate( $( '#siteorigin-panels-builder-widget' ).html() ) ),
|
7003 |
-
|
7004 |
-
// The cell view that this widget belongs to
|
7005 |
-
cell: null,
|
7006 |
-
|
7007 |
-
// The edit dialog
|
7008 |
-
dialog: null,
|
7009 |
-
|
7010 |
-
events: {
|
7011 |
-
'click .widget-edit': 'editHandler',
|
7012 |
-
'click .title h4': 'editHandler',
|
7013 |
-
'click .actions .widget-duplicate': 'duplicateHandler',
|
7014 |
-
'click .actions .widget-delete': 'deleteHandler'
|
7015 |
-
},
|
7016 |
-
|
7017 |
-
/**
|
7018 |
-
* Initialize the widget
|
7019 |
-
*/
|
7020 |
-
initialize: function () {
|
7021 |
-
this.listenTo(this.model, 'destroy', this.onModelDestroy);
|
7022 |
-
this.listenTo(this.model, 'change:values', this.onModelChange);
|
7023 |
-
this.listenTo(this.model, 'change:label', this.onLabelChange);
|
7024 |
-
},
|
7025 |
-
|
7026 |
-
/**
|
7027 |
-
* Render the widget
|
7028 |
-
*/
|
7029 |
-
render: function ( options ) {
|
7030 |
-
options = _.extend( {'loadForm': false}, options );
|
7031 |
-
|
7032 |
-
this.setElement( this.template( {
|
7033 |
-
title: this.model.getWidgetField( 'title' ),
|
7034 |
-
description: this.model.getTitle()
|
7035 |
-
} ) );
|
7036 |
-
|
7037 |
-
this.$el.data( 'view', this );
|
7038 |
-
|
7039 |
-
// Remove any unsupported actions
|
7040 |
-
if( ! this.cell.row.builder.supports( 'editWidget' ) || this.model.get( 'read_only' ) ) {
|
7041 |
-
this.$( '.actions .widget-edit' ).remove();
|
7042 |
-
this.$el.addClass('so-widget-no-edit');
|
7043 |
-
}
|
7044 |
-
if( ! this.cell.row.builder.supports( 'addWidget' ) ) {
|
7045 |
-
this.$( '.actions .widget-duplicate' ).remove();
|
7046 |
-
this.$el.addClass('so-widget-no-duplicate');
|
7047 |
-
}
|
7048 |
-
if( ! this.cell.row.builder.supports( 'deleteWidget' ) ) {
|
7049 |
-
this.$( '.actions .widget-delete' ).remove();
|
7050 |
-
this.$el.addClass('so-widget-no-delete');
|
7051 |
-
}
|
7052 |
-
if( ! this.cell.row.builder.supports( 'moveWidget' ) ) {
|
7053 |
-
this.$el.addClass('so-widget-no-move');
|
7054 |
-
}
|
7055 |
-
if( !$.trim( this.$('.actions').html() ).length ) {
|
7056 |
-
this.$( '.actions' ).remove();
|
7057 |
-
}
|
7058 |
-
|
7059 |
-
if( this.model.get( 'read_only' ) ) {
|
7060 |
-
this.$el.addClass('so-widget-read-only');
|
7061 |
-
}
|
7062 |
-
|
7063 |
-
if ( _.size( this.model.get( 'values' ) ) === 0 || options.loadForm ) {
|
7064 |
-
// If this widget doesn't have a value, create a form and save it
|
7065 |
-
var dialog = this.getEditDialog();
|
7066 |
-
|
7067 |
-
// Save the widget as soon as the form is loaded
|
7068 |
-
dialog.once( 'form_loaded', dialog.saveWidget, dialog );
|
7069 |
-
|
7070 |
-
// Setup the dialog to load the form
|
7071 |
-
dialog.setupDialog();
|
7072 |
-
}
|
7073 |
-
|
7074 |
-
// Add the global builder listeners
|
7075 |
-
this.listenTo(this.cell.row.builder, 'after_user_adds_widget', this.afterUserAddsWidgetHandler);
|
7076 |
-
|
7077 |
-
return this;
|
7078 |
-
},
|
7079 |
-
|
7080 |
-
/**
|
7081 |
-
* Display an animation that implies creation using a visual animation
|
7082 |
-
*/
|
7083 |
-
visualCreate: function () {
|
7084 |
-
this.$el.hide().fadeIn( 'fast' );
|
7085 |
-
},
|
7086 |
-
|
7087 |
-
/**
|
7088 |
-
* Get the dialog view of the form that edits this widget
|
7089 |
-
*
|
7090 |
-
* @returns {null}
|
7091 |
-
*/
|
7092 |
-
getEditDialog: function () {
|
7093 |
-
if ( this.dialog === null ) {
|
7094 |
-
this.dialog = new panels.dialog.widget( {
|
7095 |
-
model: this.model
|
7096 |
-
} );
|
7097 |
-
this.dialog.setBuilder( this.cell.row.builder );
|
7098 |
-
|
7099 |
-
// Store the widget view
|
7100 |
-
this.dialog.widgetView = this;
|
7101 |
-
}
|
7102 |
-
return this.dialog;
|
7103 |
-
},
|
7104 |
-
|
7105 |
-
/**
|
7106 |
-
* Handle clicking on edit widget.
|
7107 |
-
*/
|
7108 |
-
editHandler: function () {
|
7109 |
-
// Create a new dialog for editing this
|
7110 |
-
if ( ! this.cell.row.builder.supports( 'editWidget' ) || this.model.get( 'read_only' ) ) {
|
7111 |
-
return this;
|
7112 |
-
}
|
7113 |
-
|
7114 |
-
this.getEditDialog().openDialog();
|
7115 |
-
return this;
|
7116 |
-
},
|
7117 |
-
|
7118 |
-
/**
|
7119 |
-
* Handle clicking on duplicate.
|
7120 |
-
*
|
7121 |
-
* @returns {boolean}
|
7122 |
-
*/
|
7123 |
-
duplicateHandler: function () {
|
7124 |
-
// Add the history entry
|
7125 |
-
this.cell.row.builder.addHistoryEntry( 'widget_duplicated' );
|
7126 |
-
|
7127 |
-
// Create the new widget and connect it to the widget collection for the current row
|
7128 |
-
var newWidget = this.model.clone( this.model.cell );
|
7129 |
-
|
7130 |
-
this.cell.model.get('widgets').add( newWidget, {
|
7131 |
-
// Add this after the existing model
|
7132 |
-
at: this.model.collection.indexOf( this.model ) + 1
|
7133 |
-
} );
|
7134 |
-
|
7135 |
-
this.cell.row.builder.model.refreshPanelsData();
|
7136 |
-
return this;
|
7137 |
-
},
|
7138 |
-
|
7139 |
-
/**
|
7140 |
-
* Copy the row to a cookie based clipboard
|
7141 |
-
*/
|
7142 |
-
copyHandler: function(){
|
7143 |
-
panels.helpers.clipboard.setModel( this.model );
|
7144 |
-
},
|
7145 |
-
|
7146 |
-
/**
|
7147 |
-
* Handle clicking on delete.
|
7148 |
-
*
|
7149 |
-
* @returns {boolean}
|
7150 |
-
*/
|
7151 |
-
deleteHandler: function () {
|
7152 |
-
this.visualDestroyModel();
|
7153 |
-
return this;
|
7154 |
-
},
|
7155 |
-
|
7156 |
-
onModelChange: function () {
|
7157 |
-
// Update the description when ever the model changes
|
7158 |
-
this.$( '.description' ).html( this.model.getTitle() );
|
7159 |
-
},
|
7160 |
-
|
7161 |
-
onLabelChange: function( model ) {
|
7162 |
-
this.$( '.title > h4' ).text( model.getWidgetField( 'title' ) );
|
7163 |
-
},
|
7164 |
-
|
7165 |
-
/**
|
7166 |
-
* When the model is destroyed, fade it out
|
7167 |
-
*/
|
7168 |
-
onModelDestroy: function () {
|
7169 |
-
this.remove();
|
7170 |
-
},
|
7171 |
-
|
7172 |
-
/**
|
7173 |
-
* Visually destroy a model
|
7174 |
-
*/
|
7175 |
-
visualDestroyModel: function () {
|
7176 |
-
// Add the history entry
|
7177 |
-
this.cell.row.builder.addHistoryEntry( 'widget_deleted' );
|
7178 |
-
|
7179 |
-
this.$el.fadeOut( 'fast', function () {
|
7180 |
-
this.cell.row.resize();
|
7181 |
-
this.model.destroy();
|
7182 |
-
this.cell.row.builder.model.refreshPanelsData();
|
7183 |
-
this.remove();
|
7184 |
-
}.bind(this) );
|
7185 |
-
|
7186 |
-
return this;
|
7187 |
-
},
|
7188 |
-
|
7189 |
-
/**
|
7190 |
-
* Build up the contextual menu for a widget
|
7191 |
-
*
|
7192 |
-
* @param e
|
7193 |
-
* @param menu
|
7194 |
-
*/
|
7195 |
-
buildContextualMenu: function ( e, menu ) {
|
7196 |
-
if( this.cell.row.builder.supports( 'addWidget' ) ) {
|
7197 |
-
menu.addSection(
|
7198 |
-
'add-widget-below',
|
7199 |
-
{
|
7200 |
-
sectionTitle: panelsOptions.loc.contextual.add_widget_below,
|
7201 |
-
searchPlaceholder: panelsOptions.loc.contextual.search_widgets,
|
7202 |
-
defaultDisplay: panelsOptions.contextual.default_widgets
|
7203 |
-
},
|
7204 |
-
panelsOptions.widgets,
|
7205 |
-
function ( c ) {
|
7206 |
-
this.cell.row.builder.trigger('before_user_adds_widget');
|
7207 |
-
this.cell.row.builder.addHistoryEntry( 'widget_added' );
|
7208 |
-
|
7209 |
-
var widget = new panels.model.widget( {
|
7210 |
-
class: c
|
7211 |
-
} );
|
7212 |
-
widget.cell = this.cell.model;
|
7213 |
-
|
7214 |
-
// Insert the new widget below
|
7215 |
-
this.cell.model.get('widgets').add( widget, {
|
7216 |
-
// Add this after the existing model
|
7217 |
-
at: this.model.collection.indexOf( this.model ) + 1
|
7218 |
-
} );
|
7219 |
-
|
7220 |
-
this.cell.row.builder.model.refreshPanelsData();
|
7221 |
-
|
7222 |
-
this.cell.row.builder.trigger('after_user_adds_widget', widget);
|
7223 |
-
}.bind( this )
|
7224 |
-
);
|
7225 |
-
}
|
7226 |
-
|
7227 |
-
var actions = {};
|
7228 |
-
|
7229 |
-
if( this.cell.row.builder.supports( 'editWidget' ) && ! this.model.get( 'read_only' ) ) {
|
7230 |
-
actions.edit = { title: panelsOptions.loc.contextual.widget_edit };
|
7231 |
-
}
|
7232 |
-
|
7233 |
-
// Copy and paste functions
|
7234 |
-
if ( panels.helpers.clipboard.canCopyPaste() ) {
|
7235 |
-
actions.copy = {title: panelsOptions.loc.contextual.widget_copy};
|
7236 |
-
}
|
7237 |
-
|
7238 |
-
if( this.cell.row.builder.supports( 'addWidget' ) ) {
|
7239 |
-
actions.duplicate = { title: panelsOptions.loc.contextual.widget_duplicate };
|
7240 |
-
}
|
7241 |
-
|
7242 |
-
if( this.cell.row.builder.supports( 'deleteWidget' ) ) {
|
7243 |
-
actions.delete = { title: panelsOptions.loc.contextual.widget_delete, confirm: true };
|
7244 |
-
}
|
7245 |
-
|
7246 |
-
if( ! _.isEmpty( actions ) ) {
|
7247 |
-
menu.addSection(
|
7248 |
-
'widget-actions',
|
7249 |
-
{
|
7250 |
-
sectionTitle: panelsOptions.loc.contextual.widget_actions,
|
7251 |
-
search: false,
|
7252 |
-
},
|
7253 |
-
actions,
|
7254 |
-
function ( c ) {
|
7255 |
-
switch ( c ) {
|
7256 |
-
case 'edit':
|
7257 |
-
this.editHandler();
|
7258 |
-
break;
|
7259 |
-
case 'copy':
|
7260 |
-
this.copyHandler();
|
7261 |
-
break;
|
7262 |
-
case 'duplicate':
|
7263 |
-
this.duplicateHandler();
|
7264 |
-
break;
|
7265 |
-
case 'delete':
|
7266 |
-
this.visualDestroyModel();
|
7267 |
-
break;
|
7268 |
-
}
|
7269 |
-
}.bind( this )
|
7270 |
-
);
|
7271 |
-
}
|
7272 |
-
|
7273 |
-
// Lets also add the contextual menu for the entire row
|
7274 |
-
this.cell.buildContextualMenu( e, menu );
|
7275 |
-
},
|
7276 |
-
|
7277 |
-
/**
|
7278 |
-
* Handler for any action after the user adds a new widget.
|
7279 |
-
* @param widget
|
7280 |
-
*/
|
7281 |
-
afterUserAddsWidgetHandler: function( widget ) {
|
7282 |
-
if( this.model === widget && panelsOptions.instant_open ) {
|
7283 |
-
setTimeout(this.editHandler.bind(this), 350);
|
7284 |
-
}
|
7285 |
-
}
|
7286 |
-
|
7287 |
-
} );
|
7288 |
-
|
7289 |
-
},{}],30:[function(require,module,exports){
|
7290 |
-
var $ = jQuery;
|
7291 |
-
|
7292 |
-
var customHtmlWidget = {
|
7293 |
-
addWidget: function( idBase, widgetContainer, widgetId ) {
|
7294 |
-
var component = wp.customHtmlWidgets;
|
7295 |
-
|
7296 |
-
var fieldContainer = $( '<div></div>' );
|
7297 |
-
var syncContainer = widgetContainer.find( '.widget-content:first' );
|
7298 |
-
syncContainer.before( fieldContainer );
|
7299 |
-
|
7300 |
-
var widgetControl = new component.CustomHtmlWidgetControl( {
|
7301 |
-
el: fieldContainer,
|
7302 |
-
syncContainer: syncContainer,
|
7303 |
-
} );
|
7304 |
-
|
7305 |
-
widgetControl.initializeEditor();
|
7306 |
-
|
7307 |
-
// HACK: To ensure CodeMirror resize for the gutter.
|
7308 |
-
widgetControl.editor.codemirror.refresh();
|
7309 |
-
|
7310 |
-
return widgetControl;
|
7311 |
-
}
|
7312 |
-
};
|
7313 |
-
|
7314 |
-
module.exports = customHtmlWidget;
|
7315 |
-
|
7316 |
-
},{}],31:[function(require,module,exports){
|
7317 |
-
var customHtmlWidget = require( './custom-html-widget' );
|
7318 |
-
var mediaWidget = require( './media-widget' );
|
7319 |
-
var textWidget = require( './text-widget' );
|
7320 |
-
|
7321 |
-
var jsWidget = {
|
7322 |
-
CUSTOM_HTML: 'custom_html',
|
7323 |
-
MEDIA_AUDIO: 'media_audio',
|
7324 |
-
MEDIA_GALLERY: 'media_gallery',
|
7325 |
-
MEDIA_IMAGE: 'media_image',
|
7326 |
-
MEDIA_VIDEO: 'media_video',
|
7327 |
-
TEXT: 'text',
|
7328 |
-
|
7329 |
-
addWidget: function( widgetContainer, widgetId ) {
|
7330 |
-
var idBase = widgetContainer.find( '> .id_base' ).val();
|
7331 |
-
var widget;
|
7332 |
-
|
7333 |
-
switch ( idBase ) {
|
7334 |
-
case this.CUSTOM_HTML:
|
7335 |
-
widget = customHtmlWidget;
|
7336 |
-
break;
|
7337 |
-
case this.MEDIA_AUDIO:
|
7338 |
-
case this.MEDIA_GALLERY:
|
7339 |
-
case this.MEDIA_IMAGE:
|
7340 |
-
case this.MEDIA_VIDEO:
|
7341 |
-
widget = mediaWidget;
|
7342 |
-
break;
|
7343 |
-
case this.TEXT:
|
7344 |
-
widget = textWidget;
|
7345 |
-
break
|
7346 |
-
}
|
7347 |
-
|
7348 |
-
widget.addWidget( idBase, widgetContainer, widgetId );
|
7349 |
-
},
|
7350 |
-
};
|
7351 |
-
|
7352 |
-
module.exports = jsWidget;
|
7353 |
-
|
7354 |
-
},{"./custom-html-widget":30,"./media-widget":32,"./text-widget":33}],32:[function(require,module,exports){
|
7355 |
-
var $ = jQuery;
|
7356 |
-
|
7357 |
-
var mediaWidget = {
|
7358 |
-
addWidget: function( idBase, widgetContainer, widgetId ) {
|
7359 |
-
var component = wp.mediaWidgets;
|
7360 |
-
|
7361 |
-
var ControlConstructor = component.controlConstructors[ idBase ];
|
7362 |
-
if ( ! ControlConstructor ) {
|
7363 |
-
return;
|
7364 |
-
}
|
7365 |
-
|
7366 |
-
var ModelConstructor = component.modelConstructors[ idBase ] || component.MediaWidgetModel;
|
7367 |
-
var syncContainer = widgetContainer.find( '> .widget-content' );
|
7368 |
-
var controlContainer = $( '<div class="media-widget-control"></div>' );
|
7369 |
-
syncContainer.before( controlContainer );
|
7370 |
-
|
7371 |
-
var modelAttributes = {};
|
7372 |
-
syncContainer.find( '.media-widget-instance-property' ).each( function() {
|
7373 |
-
var input = $( this );
|
7374 |
-
modelAttributes[ input.data( 'property' ) ] = input.val();
|
7375 |
-
});
|
7376 |
-
modelAttributes.widget_id = widgetId;
|
7377 |
-
|
7378 |
-
var widgetModel = new ModelConstructor( modelAttributes );
|
7379 |
-
|
7380 |
-
var widgetControl = new ControlConstructor({
|
7381 |
-
el: controlContainer,
|
7382 |
-
syncContainer: syncContainer,
|
7383 |
-
model: widgetModel,
|
7384 |
-
});
|
7385 |
-
|
7386 |
-
widgetControl.render();
|
7387 |
-
|
7388 |
-
return widgetControl;
|
7389 |
-
}
|
7390 |
-
};
|
7391 |
-
|
7392 |
-
module.exports = mediaWidget;
|
7393 |
-
|
7394 |
-
},{}],33:[function(require,module,exports){
|
7395 |
-
var $ = jQuery;
|
7396 |
-
|
7397 |
-
var textWidget = {
|
7398 |
-
addWidget: function( idBase, widgetContainer, widgetId ) {
|
7399 |
-
var component = wp.textWidgets;
|
7400 |
-
|
7401 |
-
var options = {};
|
7402 |
-
var visualField = widgetContainer.find( '.visual' );
|
7403 |
-
// 'visual' field and syncContainer were introduced together in 4.8.1
|
7404 |
-
if ( visualField.length > 0 ) {
|
7405 |
-
// If 'visual' field has no value it's a legacy text widget.
|
7406 |
-
if ( ! visualField.val() ) {
|
7407 |
-
return null;
|
7408 |
-
}
|
7409 |
-
|
7410 |
-
var fieldContainer = $( '<div></div>' );
|
7411 |
-
var syncContainer = widgetContainer.find( '.widget-content:first' );
|
7412 |
-
syncContainer.before( fieldContainer );
|
7413 |
-
|
7414 |
-
options = {
|
7415 |
-
el: fieldContainer,
|
7416 |
-
syncContainer: syncContainer,
|
7417 |
-
};
|
7418 |
-
} else {
|
7419 |
-
options = { el: widgetContainer };
|
7420 |
-
}
|
7421 |
-
|
7422 |
-
var widgetControl = new component.TextWidgetControl( options );
|
7423 |
-
var wpEditor = wp.oldEditor ? wp.oldEditor : wp.editor;
|
7424 |
-
if ( wpEditor && wpEditor.hasOwnProperty( 'autop' ) ) {
|
7425 |
-
wp.editor.autop = wpEditor.autop;
|
7426 |
-
wp.editor.removep = wpEditor.removep;
|
7427 |
-
wp.editor.initialize = wpEditor.initialize
|
7428 |
-
}
|
7429 |
-
|
7430 |
-
widgetControl.initializeEditor();
|
7431 |
-
|
7432 |
-
return widgetControl;
|
7433 |
-
}
|
7434 |
-
};
|
7435 |
-
|
7436 |
-
module.exports = textWidget;
|
7437 |
-
|
7438 |
-
},{}]},{},[16]);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
js/siteorigin-panels-2101.min.js
DELETED
@@ -1 +0,0 @@
|
|
1 |
-
!function o(n,a,r){function d(t,e){if(!a[t]){if(!n[t]){var i="function"==typeof require&&require;if(!e&&i)return i(t,!0);if(h)return h(t,!0);var s=new Error("Cannot find module '"+t+"'");throw s.code="MODULE_NOT_FOUND",s}var l=a[t]={exports:{}};n[t][0].call(l.exports,function(e){return d(n[t][1][e]||e)},l,l.exports,o,n,a,r)}return a[t].exports}for(var h="function"==typeof require&&require,e=0;e<r.length;e++)d(r[e]);return d}({1:[function(e,t,i){var s=window.panels;t.exports=Backbone.Collection.extend({model:s.model.cell,initialize:function(){},totalWeight:function(){var t=0;return this.each(function(e){t+=e.get("weight")}),t}})},{}],2:[function(e,t,i){var s=window.panels;t.exports=Backbone.Collection.extend({model:s.model.historyEntry,builder:null,maxSize:12,initialize:function(){this.on("add",this.onAddEntry,this)},addEntry:function(e,t){_.isEmpty(t)&&(t=this.builder.getPanelsData());var i=new s.model.historyEntry({text:e,data:JSON.stringify(t),time:parseInt((new Date).getTime()/1e3),collection:this});this.add(i)},onAddEntry:function(e){if(1<this.models.length){var t=this.at(this.models.length-2);(e.get("text")===t.get("text")&&e.get("time")-t.get("time")<15||e.get("data")===t.get("data"))&&(this.remove(e),t.set("count",t.get("count")+1))}for(;this.models.length>this.maxSize;)this.shift()}})},{}],3:[function(e,t,i){var s=window.panels;t.exports=Backbone.Collection.extend({model:s.model.row,empty:function(){for(var e;;){if(!(e=this.collection.first()))break;e.destroy()}}})},{}],4:[function(e,t,i){var s=window.panels;t.exports=Backbone.Collection.extend({model:s.model.widget,initialize:function(){}})},{}],5:[function(e,t,i){var s=window.panels,l=jQuery;t.exports=s.view.dialog.extend({dialogClass:"so-panels-dialog-add-builder",render:function(){this.renderDialog(this.parseDialogContent(l("#siteorigin-panels-dialog-builder").html(),{})),this.$(".so-content .siteorigin-panels-builder").append(this.builder.$el)},initializeDialog:function(){var e=this;this.once("open_dialog_complete",function(){e.builder.initSortable()}),this.on("open_dialog_complete",function(){e.builder.trigger("builder_resize")})}})},{}],6:[function(e,t,i){var s=window.panels,l=jQuery;t.exports=s.view.dialog.extend({historyEntryTemplate:_.template(s.helpers.utils.processTemplate(l("#siteorigin-panels-dialog-history-entry").html())),entries:{},currentEntry:null,revertEntry:null,selectedEntry:null,previewScrollTop:null,dialogClass:"so-panels-dialog-history",dialogIcon:"history",events:{"click .so-close":"closeDialog","click .so-restore":"restoreSelectedEntry"},initializeDialog:function(){this.entries=new s.collection.historyEntries,this.on("open_dialog",this.setCurrentEntry,this),this.on("open_dialog",this.renderHistoryEntries,this)},render:function(){var t=this;this.renderDialog(this.parseDialogContent(l("#siteorigin-panels-dialog-history").html(),{})),this.$("iframe.siteorigin-panels-history-iframe").load(function(){var e=l(this);e.show(),e.contents().scrollTop(t.previewScrollTop)})},setRevertEntry:function(e){this.revertEntry=new s.model.historyEntry({data:JSON.stringify(e.getPanelsData()),time:parseInt((new Date).getTime()/1e3)})},setCurrentEntry:function(){this.currentEntry=new s.model.historyEntry({data:JSON.stringify(this.builder.model.getPanelsData()),time:parseInt((new Date).getTime()/1e3)}),this.selectedEntry=this.currentEntry,this.previewEntry(this.currentEntry),this.$(".so-buttons .so-restore").addClass("disabled")},renderHistoryEntries:function(){var i=this,s=this.$(".history-entries").empty();this.currentEntry.get("data")===this.revertEntry.get("data")&&_.isEmpty(this.entries.models)||l(this.historyEntryTemplate({title:panelsOptions.loc.history.revert,count:1})).data("historyEntry",this.revertEntry).prependTo(s),this.entries.each(function(e){var t=i.historyEntryTemplate({title:panelsOptions.loc.history[e.get("text")],count:e.get("count")});l(t).data("historyEntry",e).prependTo(s)}),l(this.historyEntryTemplate({title:panelsOptions.loc.history.current,count:1})).data("historyEntry",this.currentEntry).addClass("so-selected").prependTo(s),s.find(".history-entry").click(function(){var e=jQuery(this);s.find(".history-entry").not(e).removeClass("so-selected"),e.addClass("so-selected");var t=e.data("historyEntry");i.selectedEntry=t,i.selectedEntry.cid!==i.currentEntry.cid?i.$(".so-buttons .so-restore").removeClass("disabled"):i.$(".so-buttons .so-restore").addClass("disabled"),i.previewEntry(t)}),this.updateEntryTimes()},previewEntry:function(e){var t=this.$("iframe.siteorigin-panels-history-iframe");t.hide(),this.previewScrollTop=t.contents().scrollTop(),this.$('form.history-form input[name="live_editor_panels_data"]').val(e.get("data")),this.$('form.history-form input[name="live_editor_post_ID"]').val(this.builder.config.postId),this.$("form.history-form").submit()},restoreSelectedEntry:function(){return this.$(".so-buttons .so-restore").hasClass("disabled")||(this.currentEntry.get("data")===this.selectedEntry.get("data")||("restore"!==this.selectedEntry.get("text")&&this.builder.addHistoryEntry("restore",this.builder.model.getPanelsData()),this.builder.model.loadPanelsData(JSON.parse(this.selectedEntry.get("data")))),this.closeDialog()),!1},updateEntryTimes:function(){var s=this;this.$(".history-entries .history-entry").each(function(){var e=jQuery(this),t=e.find(".timesince"),i=e.data("historyEntry");t.html(s.timeSince(i.get("time")))})},timeSince:function(e){var t,i=parseInt((new Date).getTime()/1e3)-e,s=[];return 3600<i&&(1===(t=Math.floor(i/3600))?s.push(panelsOptions.loc.time.hour.replace("%d",t)):s.push(panelsOptions.loc.time.hours.replace("%d",t)),i-=3600*t),60<i&&(1===(t=Math.floor(i/60))?s.push(panelsOptions.loc.time.minute.replace("%d",t)):s.push(panelsOptions.loc.time.minutes.replace("%d",t)),i-=60*t),0<i&&(1===i?s.push(panelsOptions.loc.time.second.replace("%d",i)):s.push(panelsOptions.loc.time.seconds.replace("%d",i))),_.isEmpty(s)?panelsOptions.loc.time.now:panelsOptions.loc.time.ago.replace("%s",s.slice(0,2).join(", "))}})},{}],7:[function(e,t,i){var s=window.panels,r=jQuery;t.exports=s.view.dialog.extend({directoryTemplate:_.template(s.helpers.utils.processTemplate(r("#siteorigin-panels-directory-items").html())),builder:null,dialogClass:"so-panels-dialog-prebuilt-layouts",dialogIcon:"layouts",layoutCache:{},currentTab:!1,directoryPage:1,events:{"click .so-close":"closeDialog","click .so-sidebar-tabs li a":"tabClickHandler","click .so-content .layout":"layoutClickHandler","keyup .so-sidebar-search":"searchHandler","click .so-screenshot, .so-title":"directoryItemClickHandler"},initializeDialog:function(){var e=this;this.on("open_dialog",function(){e.$(".so-sidebar-tabs li a").first().click(),e.$(".so-status").removeClass("so-panels-loading")}),this.on("button_click",this.toolbarButtonClick,this)},render:function(){this.renderDialog(this.parseDialogContent(r("#siteorigin-panels-dialog-prebuilt").html(),{})),this.initToolbar()},tabClickHandler:function(e){e.preventDefault(),this.selectedLayoutItem=null,this.uploadedLayout=null,this.updateButtonState(!1),this.$(".so-sidebar-tabs li").removeClass("tab-active");var t=r(e.target),i=t.attr("href").split("#")[1];t.parent().addClass("tab-active");this.$(".so-content").empty(),"import"==(this.currentTab=i)?this.displayImportExport():this.displayLayoutDirectory("",1,i),this.$(".so-sidebar-search").val("")},displayImportExport:function(){var e=this.$(".so-content").empty().removeClass("so-panels-loading");e.html(r("#siteorigin-panels-dialog-prebuilt-importexport").html());var l=this,o=l.$(".import-upload-ui"),t=new plupload.Uploader({runtimes:"html5,silverlight,flash,html4",browse_button:o.find(".file-browse-button").get(0),container:o.get(0),drop_element:o.find(".drag-upload-area").get(0),file_data_name:"panels_import_data",multiple_queues:!1,max_file_size:panelsOptions.plupload.max_file_size,url:panelsOptions.plupload.url,flash_swf_url:panelsOptions.plupload.flash_swf_url,silverlight_xap_url:panelsOptions.plupload.silverlight_xap_url,filters:[{title:panelsOptions.plupload.filter_title,extensions:"json"}],multipart_params:{action:"so_panels_import_layout"},init:{PostInit:function(e){e.features.dragdrop&&o.addClass("has-drag-drop"),o.find(".progress-precent").css("width","0%")},FilesAdded:function(e){o.find(".file-browse-button").blur(),o.find(".drag-upload-area").removeClass("file-dragover"),o.find(".progress-bar").fadeIn("fast"),l.$(".js-so-selected-file").text(panelsOptions.loc.prebuilt_loading),e.start()},UploadProgress:function(e,t){o.find(".progress-precent").css("width",t.percent+"%")},FileUploaded:function(e,t,i){var s=JSON.parse(i.response);_.isUndefined(s.widgets)?alert(panelsOptions.plupload.error_message):(l.uploadedLayout=s,o.find(".progress-bar").hide(),l.$(".js-so-selected-file").text(panelsOptions.loc.ready_to_insert.replace("%s",t.name)),l.updateButtonState(!0))},Error:function(){alert(panelsOptions.plupload.error_message)}}});t.init(),/Edge\/\d./i.test(navigator.userAgent)&&setTimeout(function(){t.refresh()},250),o.find(".drag-upload-area").on("dragover",function(){r(this).addClass("file-dragover")}).on("dragleave",function(){r(this).removeClass("file-dragover")}),e.find(".so-export").submit(function(e){var t=r(this),i=l.builder.model.getPanelsData(),s=r('input[name="post_title"]').val();s||(s=r('input[name="post_ID"]').val()),i.name=s,t.find('input[name="panels_export_data"]').val(JSON.stringify(i))})},displayLayoutDirectory:function(s,l,o){var n=this,a=this.$(".so-content").empty().addClass("so-panels-loading");if(void 0===s&&(s=""),void 0===l&&(l=1),void 0===o&&(o="directory-siteorigin"),o.match("^directory-")&&!panelsOptions.directory_enabled)return a.removeClass("so-panels-loading").html(r("#siteorigin-panels-directory-enable").html()),void a.find(".so-panels-enable-directory").click(function(e){e.preventDefault(),r.get(panelsOptions.ajaxurl,{action:"so_panels_directory_enable"},function(){}),panelsOptions.directory_enabled=!0,a.addClass("so-panels-loading"),n.displayLayoutDirectory(s,l,o)});r.get(panelsOptions.ajaxurl,{action:"so_panels_layouts_query",search:s,page:l,type:o},function(e){if(n.currentTab===o){a.removeClass("so-panels-loading").html(n.directoryTemplate(e));var t=a.find(".so-previous"),i=a.find(".so-next");l<=1?t.addClass("button-disabled"):t.click(function(e){e.preventDefault(),n.displayLayoutDirectory(s,l-1,n.currentTab)}),l===e.max_num_pages||0===e.max_num_pages?i.addClass("button-disabled"):i.click(function(e){e.preventDefault(),n.displayLayoutDirectory(s,l+1,n.currentTab)}),a.find(".so-screenshot").each(function(){var e=r(this),t=e.find(".so-screenshot-wrapper");if(t.css("height",t.width()/4*3+"px").addClass("so-loading"),""!==e.data("src"))var i=r("<img/>").attr("src",e.data("src")).load(function(){t.removeClass("so-loading").css("height","auto"),i.appendTo(t).hide().fadeIn("fast")});else r("<img/>").attr("src",panelsOptions.prebuiltDefaultScreenshot).appendTo(t).hide().fadeIn("fast")}),a.find(".so-directory-browse").html(e.title)}},"json")},directoryItemClickHandler:function(e){var t=this.$(e.target).closest(".so-directory-item");this.$(".so-directory-items").find(".selected").removeClass("selected"),t.addClass("selected"),this.selectedLayoutItem={lid:t.data("layout-id"),type:t.data("layout-type")},this.updateButtonState(!0)},toolbarButtonClick:function(e){if(!this.canAddLayout())return!1;var t=e.data("value");if(_.isUndefined(t))return!1;if(this.updateButtonState(!1),e.hasClass("so-needs-confirm")&&!e.hasClass("so-confirmed")){if(this.updateButtonState(!0),e.hasClass("so-confirming"))return;e.addClass("so-confirming");var i=e.html();return e.html('<span class="dashicons dashicons-yes"></span>'+e.data("confirm")),setTimeout(function(){e.removeClass("so-confirmed").html(i)},2500),setTimeout(function(){e.removeClass("so-confirming"),e.addClass("so-confirmed")},200),!1}this.addingLayout=!0,"import"===this.currentTab?this.addLayoutToBuilder(this.uploadedLayout,t):this.loadSelectedLayout().then(function(e){this.addLayoutToBuilder(e,t)}.bind(this))},canAddLayout:function(){return(this.selectedLayoutItem||this.uploadedLayout)&&!this.addingLayout},loadSelectedLayout:function(){this.setStatusMessage(panelsOptions.loc.prebuilt_loading,!0);var e=_.extend(this.selectedLayoutItem,{action:"so_panels_get_layout"}),i=new r.Deferred;return r.get(panelsOptions.ajaxurl,e,function(e){var t="";e.success?i.resolve(e.data):(t=e.data.message,i.reject(e.data)),this.setStatusMessage(t,!1,!e.success),this.updateButtonState(!0)}.bind(this)),i.promise()},searchHandler:function(e){13===e.keyCode&&this.displayLayoutDirectory(r(e.currentTarget).val(),1,this.currentTab)},updateButtonState:function(e){e=e&&(this.selectedLayoutItem||this.uploadedLayout);var t=this.$(".so-import-layout");t.prop("disabled",!e),e?t.removeClass("disabled"):t.addClass("disabled")},addLayoutToBuilder:function(e,t){this.builder.addHistoryEntry("prebuilt_loaded"),this.builder.model.loadPanelsData(e,t),this.addingLayout=!1,this.closeDialog()}})},{}],8:[function(e,t,i){var a=window.panels,h=jQuery;t.exports=a.view.dialog.extend({cellPreviewTemplate:_.template(a.helpers.utils.processTemplate(h("#siteorigin-panels-dialog-row-cell-preview").html())),editableLabel:!0,events:{"click .so-close":"closeDialog","click .so-toolbar .so-save":"saveHandler","click .so-toolbar .so-insert":"insertHandler","click .so-toolbar .so-delete":"deleteHandler","click .so-toolbar .so-duplicate":"duplicateHandler","change .row-set-form > *":"setCellsFromForm","click .row-set-form button.set-row":"setCellsFromForm"},rowView:null,dialogIcon:"add-row",dialogClass:"so-panels-dialog-row-edit",styleType:"row",dialogType:"edit",row:{cells:null,style:{}},cellStylesCache:[],initializeDialog:function(){this.on("open_dialog",function(){_.isUndefined(this.model)||_.isEmpty(this.model.get("cells"))?this.setRowModel(null):this.setRowModel(this.model),this.regenerateRowPreview(),this.renderStyles()},this),this.row={cells:new a.collection.cells([{weight:.5},{weight:.5}]),style:{}},this.dialogFormsLoaded=0;var e=this;this.on("form_loaded styles_loaded",function(){this.dialogFormsLoaded++,2===this.dialogFormsLoaded&&e.updateModel({refreshArgs:{silent:!0}})}),this.on("close_dialog",this.closeHandler),this.on("edit_label",function(e){if(e!==panelsOptions.loc.row.add&&e!==panelsOptions.loc.row.edit||(e=""),this.model.set("label",e),_.isEmpty(e)){var t="create"===this.dialogType?panelsOptions.loc.row.add:panelsOptions.loc.row.edit;this.$(".so-title").text(t)}}.bind(this))},setRowDialogType:function(e){this.dialogType=e},render:function(){var e="create"===this.dialogType?panelsOptions.loc.row.add:panelsOptions.loc.row.edit;this.renderDialog(this.parseDialogContent(h("#siteorigin-panels-dialog-row").html(),{title:e,dialogType:this.dialogType}));var t=this.$(".so-title");return this.model.has("label")&&!_.isEmpty(this.model.get("label"))&&t.text(this.model.get("label")),this.$(".so-edit-title").val(t.text()),this.builder.supports("addRow")||this.$(".so-buttons .so-duplicate").remove(),this.builder.supports("deleteRow")||this.$(".so-buttons .so-delete").remove(),_.isUndefined(this.model)||(this.$('input[name="cells"].so-row-field').val(this.model.get("cells").length),this.model.has("ratio")&&this.$('select[name="ratio"].so-row-field').val(this.model.get("ratio")),this.model.has("ratio_direction")&&this.$('select[name="ratio_direction"].so-row-field').val(this.model.get("ratio_direction"))),this.$("input.so-row-field").keyup(function(){h(this).trigger("change")}),this},renderStyles:function(){this.styles&&(this.styles.off("styles_loaded"),this.styles.remove()),this.styles=new a.view.styles,this.styles.model=this.model,this.styles.render("row",this.builder.config.postId,{builderType:this.builder.config.builderType,dialog:this});var t=this.$(".so-sidebar.so-right-sidebar");this.styles.attach(t),this.styles.on("styles_loaded",function(e){e||(this.styles.remove(),0===t.children().length&&(t.closest(".so-panels-dialog").removeClass("so-panels-dialog-has-right-sidebar"),t.hide()))},this)},setRowModel:function(e){return this.model=e,_.isEmpty(this.model)||(this.row={cells:this.model.get("cells").clone(),style:{},ratio:this.model.get("ratio"),ratio_direction:this.model.get("ratio_direction")},this.$('input[name="cells"].so-row-field').val(this.model.get("cells").length),this.model.has("ratio")&&this.$('select[name="ratio"].so-row-field').val(this.model.get("ratio")),this.model.has("ratio_direction")&&this.$('select[name="ratio_direction"].so-row-field').val(this.model.get("ratio_direction")),this.clearCellStylesCache()),this},regenerateRowPreview:function(){var t,r=this,d=this.$(".row-preview"),s=this.getSelectedCellIndex();d.empty(),this.row.cells.each(function(i,n){var o=h(this.cellPreviewTemplate({weight:i.get("weight")}));d.append(o),n==s&&o.find(".preview-cell-in").addClass("cell-selected");var e,a=o.prev();a.length&&((e=h('<div class="resize-handle"></div>')).appendTo(o).dblclick(function(){var e=r.row.cells.at(n-1),t=i.get("weight")+e.get("weight");i.set("weight",t/2),e.set("weight",t/2),r.scaleRowWidths()}),e.draggable({axis:"x",containment:d,start:function(e,t){var i=o.clone().appendTo(t.helper).css({position:"absolute",top:"0",width:o.outerWidth(),left:6,height:o.outerHeight()});i.find(".resize-handle").remove();var s=a.clone().appendTo(t.helper).css({position:"absolute",top:"0",width:a.outerWidth(),right:6,height:a.outerHeight()});s.find(".resize-handle").remove(),h(this).data({newCellClone:i,prevCellClone:s}),o.find("> .preview-cell-in").css("visibility","hidden"),a.find("> .preview-cell-in").css("visibility","hidden")},drag:function(e,t){var i=r.row.cells.at(n).get("weight"),s=r.row.cells.at(n-1).get("weight"),l=i-(t.position.left+6)/d.width(),o=s+(t.position.left+6)/d.width();t.helper.offset().left,d.offset().left;h(this).data("newCellClone").css("width",d.width()*l).find(".preview-cell-weight").html(Math.round(1e3*l)/10),h(this).data("prevCellClone").css("width",d.width()*o).find(".preview-cell-weight").html(Math.round(1e3*o)/10)},stop:function(e,t){h(this).data("newCellClone").remove(),h(this).data("prevCellClone").remove(),o.find(".preview-cell-in").css("visibility","visible"),a.find(".preview-cell-in").css("visibility","visible");var i=(t.position.left+6)/d.width(),s=r.row.cells.at(n),l=r.row.cells.at(n-1);.02<s.get("weight")-i&&.02<l.get("weight")+i&&(s.set("weight",s.get("weight")-i),l.set("weight",l.get("weight")+i)),r.scaleRowWidths(),t.helper.css("left",-6)}})),o.click(function(e){if(h(e.target).is(".preview-cell")||h(e.target).is(".preview-cell-in")){var t=h(e.target);t.closest(".row-preview").find(".preview-cell .preview-cell-in").removeClass("cell-selected"),t.addClass("cell-selected"),this.openSelectedCellStyles()}}.bind(this)),o.find(".preview-cell-weight").click(function(e){r.$(".resize-handle").css("pointer-event","none").draggable("disable"),d.find(".preview-cell-weight").each(function(){var e=jQuery(this).hide();h('<input type="text" class="preview-cell-weight-input no-user-interacted" />').val(parseFloat(e.html())).insertAfter(e).focus(function(){clearTimeout(t)}).keyup(function(e){9!==e.keyCode&&h(this).removeClass("no-user-interacted"),13===e.keyCode&&(e.preventDefault(),h(this).blur())}).keydown(function(e){if(9===e.keyCode){e.preventDefault();var t=d.find(".preview-cell-weight-input"),i=t.index(h(this));i===t.length-1?t.eq(0).focus().select():t.eq(i+1).focus().select()}}).blur(function(){d.find(".preview-cell-weight-input").each(function(e,t){isNaN(parseFloat(h(t).val()))&&h(t).val(Math.floor(1e3*r.row.cells.at(e).get("weight"))/10)}),t=setTimeout(function(){if(0===d.find(".preview-cell-weight-input").length)return!1;var l=[],o=[],n=0,a=0;if(d.find(".preview-cell-weight-input").each(function(e,t){var i=parseFloat(h(t).val());i=isNaN(i)?1/r.row.cells.length:Math.round(10*i)/1e3;var s=!h(t).hasClass("no-user-interacted");l.push(i),o.push(s),s?n+=i:a+=i}),0<n&&0<a&&0<1-n)for(var e=0;e<l.length;e++)o[e]||(l[e]=l[e]/a*(1-n));var t=_.reduce(l,function(e,t){return e+t});l=l.map(function(e){return e/t}),.01<Math.min.apply(Math,l)&&r.row.cells.each(function(e,t){e.set("weight",l[t])}),d.find(".preview-cell").each(function(e,t){var i=r.row.cells.at(e).get("weight");h(t).animate({width:Math.round(1e3*i)/10+"%"},250),h(t).find(".preview-cell-weight-input").val(Math.round(1e3*i)/10)}),d.find(".preview-cell").css("overflow","visible"),setTimeout(r.regenerateRowPreview.bind(r),260)},100)}).click(function(){h(this).select()})}),h(this).siblings(".preview-cell-weight-input").select()})},this),this.openSelectedCellStyles(),this.trigger("form_loaded",this)},getSelectedCellIndex:function(){var i=-1;return this.$(".preview-cell .preview-cell-in").each(function(e,t){h(t).is(".cell-selected")&&(i=e)}),i},openSelectedCellStyles:function(){if(!_.isUndefined(this.cellStyles)){if(this.cellStyles.stylesLoaded){var e={};try{e=this.getFormValues(".so-sidebar .so-visual-styles.so-cell-styles").style}catch(e){console.log("Error retrieving cell styles - "+e.message)}this.cellStyles.model.set("style",e)}this.cellStyles.detach()}if(this.cellStyles=this.getSelectedCellStyles(),this.cellStyles){var t=this.$(".so-sidebar.so-right-sidebar");this.cellStyles.attach(t),this.cellStyles.on("styles_loaded",function(e){e&&(t.closest(".so-panels-dialog").addClass("so-panels-dialog-has-right-sidebar"),t.show())})}},getSelectedCellStyles:function(){var e=this.getSelectedCellIndex();if(-1<e){var t=this.cellStylesCache[e];t||((t=new a.view.styles).model=this.row.cells.at(e),t.render("cell",this.builder.config.postId,{builderType:this.builder.config.builderType,dialog:this,index:e}),this.cellStylesCache[e]=t)}return t},clearCellStylesCache:function(){this.cellStylesCache.forEach(function(e){e.remove()}),this.cellStylesCache=[]},scaleRowWidths:function(){var s=this;this.$(".row-preview .preview-cell").each(function(e,t){var i=s.row.cells.at(e);h(t).css("width",100*i.get("weight")+"%").find(".preview-cell-weight").html(Math.round(1e3*i.get("weight"))/10)})},setCellsFromForm:function(){try{var e={cells:parseInt(this.$('.row-set-form input[name="cells"]').val()),ratio:parseFloat(this.$('.row-set-form select[name="ratio"]').val()),direction:this.$('.row-set-form select[name="ratio_direction"]').val()};_.isNaN(e.cells)&&(e.cells=1),isNaN(e.ratio)&&(e.ratio=1),e.cells<1?(e.cells=1,this.$('.row-set-form input[name="cells"]').val(e.cells)):12<e.cells&&(e.cells=12,this.$('.row-set-form input[name="cells"]').val(e.cells)),this.$('.row-set-form select[name="ratio"]').val(e.ratio);for(var t=[],i=this.row.cells.length!==e.cells,s=1,l=0;l<e.cells;l++)t.push(s),s*=e.ratio;var o=_.reduce(t,function(e,t){return e+t});if(t=_.map(t,function(e){return e/o}),t=_.filter(t,function(e){return.01<e}),"left"===e.direction&&(t=t.reverse()),this.row.cells=new a.collection.cells(this.row.cells.first(t.length)),_.each(t,function(e,t){var i=this.row.cells.at(t);i?i.set("weight",e):(i=new a.model.cell({weight:e,row:this.model}),this.row.cells.add(i))}.bind(this)),this.row.ratio=e.ratio,this.row.ratio_direction=e.direction,i)this.regenerateRowPreview();else{var n=this;this.$(".preview-cell").each(function(e,t){var i=n.row.cells.at(e).get("weight");h(t).animate({width:Math.round(1e3*i)/10+"%"},250),h(t).find(".preview-cell-weight").html(Math.round(1e3*i)/10)}),this.$(".preview-cell").css("overflow","visible"),setTimeout(n.regenerateRowPreview.bind(n),260)}}catch(e){console.log("Error setting cells - "+e.message)}this.$(".row-set-form .so-button-row-set").removeClass("button-primary")},tabClickHandler:function(e){"#row-layout"===e.attr("href")?this.$(".so-panels-dialog").addClass("so-panels-dialog-has-right-sidebar"):this.$(".so-panels-dialog").removeClass("so-panels-dialog-has-right-sidebar")},updateModel:function(e){if(e=_.extend({refresh:!0,refreshArgs:null},e),_.isEmpty(this.model)||(this.model.setCells(this.row.cells),this.model.set("ratio",this.row.ratio),this.model.set("ratio_direction",this.row.ratio_direction)),!_.isUndefined(this.styles)&&this.styles.stylesLoaded){var t={};try{t=this.getFormValues(".so-sidebar .so-visual-styles.so-row-styles").style}catch(e){console.log("Error retrieving row styles - "+e.message)}this.model.set("style",t)}if(!_.isUndefined(this.cellStyles)&&this.cellStyles.stylesLoaded){t={};try{t=this.getFormValues(".so-sidebar .so-visual-styles.so-cell-styles").style}catch(e){console.log("Error retrieving cell styles - "+e.message)}this.cellStyles.model.set("style",t)}e.refresh&&this.builder.model.refreshPanelsData(e.refreshArgs)},insertHandler:function(){this.builder.addHistoryEntry("row_added"),this.updateModel();var e=this.builder.getActiveCell({createCell:!1}),t={};return null!==e&&(t.at=this.builder.model.get("rows").indexOf(e.row)+1),this.model.collection=this.builder.model.get("rows"),this.builder.model.get("rows").add(this.model,t),this.closeDialog(),this.builder.model.refreshPanelsData(),!1},saveHandler:function(){return this.builder.addHistoryEntry("row_edited"),this.updateModel(),this.closeDialog(),this.builder.model.refreshPanelsData(),!1},deleteHandler:function(){return this.rowView.visualDestroyModel(),this.closeDialog({silent:!0}),!1},duplicateHandler:function(){this.builder.addHistoryEntry("row_duplicated");var e=this.model.clone(this.builder.model);return this.builder.model.get("rows").add(e,{at:this.builder.model.get("rows").indexOf(this.model)+1}),this.closeDialog({silent:!0}),!1},closeHandler:function(){this.clearCellStylesCache(),_.isUndefined(this.cellStyles)||(this.cellStyles=void 0)}})},{}],9:[function(e,t,i){var s=window.panels,l=jQuery,o=e("../view/widgets/js-widget");t.exports=s.view.dialog.extend({builder:null,sidebarWidgetTemplate:_.template(s.helpers.utils.processTemplate(l("#siteorigin-panels-dialog-widget-sidebar-widget").html())),dialogClass:"so-panels-dialog-edit-widget",dialogIcon:"add-widget",widgetView:!1,savingWidget:!1,editableLabel:!0,events:{"click .so-close":"saveHandler","click .so-nav.so-previous":"navToPrevious","click .so-nav.so-next":"navToNext","click .so-toolbar .so-delete":"deleteHandler","click .so-toolbar .so-duplicate":"duplicateHandler"},initializeDialog:function(){var e=this;this.listenTo(this.model,"change:values",this.handleChangeValues),this.listenTo(this.model,"destroy",this.remove),this.dialogFormsLoaded=0,this.on("form_loaded styles_loaded",function(){this.dialogFormsLoaded++,2===this.dialogFormsLoaded&&e.updateModel({refreshArgs:{silent:!0}})}),this.on("edit_label",function(e){e===panelsOptions.widgets[this.model.get("class")].title&&(e=""),this.model.set("label",e),_.isEmpty(e)&&this.$(".so-title").text(this.model.getWidgetField("title"))}.bind(this))},render:function(){this.renderDialog(this.parseDialogContent(l("#siteorigin-panels-dialog-widget").html(),{})),this.loadForm();var e=this.model.getWidgetField("title");this.$(".so-title .widget-name").html(e),this.$(".so-edit-title").val(e),this.builder.supports("addWidget")||this.$(".so-buttons .so-duplicate").remove(),this.builder.supports("deleteWidget")||this.$(".so-buttons .so-delete").remove(),this.styles=new s.view.styles,this.styles.model=this.model,this.styles.render("widget",this.builder.config.postId,{builderType:this.builder.config.builderType,dialog:this});var t=this.$(".so-sidebar.so-right-sidebar");this.styles.attach(t),this.styles.on("styles_loaded",function(e){e||(t.closest(".so-panels-dialog").removeClass("so-panels-dialog-has-right-sidebar"),t.remove())},this)},getPrevDialog:function(){var e=this.builder.$(".so-cells .cell .so-widget");if(e.length<=1)return!1;var t,i=e.index(this.widgetView.$el);if(0===i)return!1;do{if(t=e.eq(--i).data("view"),!_.isUndefined(t)&&!t.model.get("read_only"))return t.getEditDialog()}while(!_.isUndefined(t)&&0<i);return!1},getNextDialog:function(){var e=this.builder.$(".so-cells .cell .so-widget");if(e.length<=1)return!1;var t,i=e.index(this.widgetView.$el);if(i===e.length-1)return!1;do{if(t=e.eq(++i).data("view"),!_.isUndefined(t)&&!t.model.get("read_only"))return t.getEditDialog()}while(!_.isUndefined(t));return!1},loadForm:function(){if(this.$("> *").length){this.$(".so-content").addClass("so-panels-loading");var e={action:"so_panels_widget_form",widget:this.model.get("class"),instance:JSON.stringify(this.model.get("values")),raw:this.model.get("raw")},i=this.$(".so-content");l.post(panelsOptions.ajaxurl,e,null,"html").done(function(e){var t=e.replace(/{\$id}/g,this.model.cid);i.removeClass("so-panels-loading").html(t),this.trigger("form_loaded",this),this.$(".panel-dialog").trigger("panelsopen"),this.on("close_dialog",this.updateModel,this),0<i.find("> .widget-content").length&&o.addWidget(i,this.model.widget_id)}.bind(this)).fail(function(e){var t;t=e&&e.responseText?e.responseText:panelsOptions.forms.loadingFailed,i.removeClass("so-panels-loading").html(t)})}},updateModel:function(e){if(e=_.extend({refresh:!0,refreshArgs:null},e),this.savingWidget=!0,!this.model.get("missing")){var t=this.getFormValues();t=_.isUndefined(t.widgets)?{}:(t=t.widgets)[Object.keys(t)[0]],this.model.setValues(t),this.model.set("raw",!0)}if(this.styles.stylesLoaded){var i={};try{i=this.getFormValues(".so-sidebar .so-visual-styles").style}catch(e){}this.model.set("style",i)}this.savingWidget=!1,e.refresh&&this.builder.model.refreshPanelsData(e.refreshArgs)},handleChangeValues:function(){this.savingWidget||this.loadForm()},saveHandler:function(){this.builder.addHistoryEntry("widget_edited"),this.closeDialog()},deleteHandler:function(){return this.widgetView.visualDestroyModel(),this.closeDialog({silent:!0}),this.builder.model.refreshPanelsData(),!1},duplicateHandler:function(){return this.widgetView.duplicateHandler(),this.closeDialog({silent:!0}),this.builder.model.refreshPanelsData(),!1}})},{"../view/widgets/js-widget":31}],10:[function(e,t,i){var s=window.panels,o=jQuery;t.exports=s.view.dialog.extend({builder:null,widgetTemplate:_.template(s.helpers.utils.processTemplate(o("#siteorigin-panels-dialog-widgets-widget").html())),filter:{},dialogClass:"so-panels-dialog-add-widget",dialogIcon:"add-widget",events:{"click .so-close":"closeDialog","click .widget-type":"widgetClickHandler","keyup .so-sidebar-search":"searchHandler"},initializeDialog:function(){this.on("open_dialog",function(){this.filter.search="",this.filterWidgets(this.filter)},this),this.on("open_dialog_complete",function(){this.$(".so-sidebar-search").val("").focus(),this.balanceWidgetHeights()}),this.on("tab_click",this.tabClickHandler,this)},render:function(){this.renderDialog(this.parseDialogContent(o("#siteorigin-panels-dialog-widgets").html(),{})),_.each(panelsOptions.widgets,function(e){var t=o(this.widgetTemplate({title:e.title,description:e.description}));_.isUndefined(e.icon)&&(e.icon="dashicons dashicons-admin-generic"),o('<span class="widget-icon" />').addClass(e.icon).prependTo(t.find(".widget-type-wrapper")),t.data("class",e.class).appendTo(this.$(".widget-type-list"))},this);var t=this.$(".so-sidebar-tabs");_.each(panelsOptions.widget_dialog_tabs,function(e){o(this.dialogTabTemplate({title:e.title})).data({message:e.message,filter:e.filter}).appendTo(t)},this),this.initTabs();var e=this;o(window).resize(function(){e.balanceWidgetHeights()})},tabClickHandler:function(e){this.filter=e.parent().data("filter"),this.filter.search=this.$(".so-sidebar-search").val();var t=e.parent().data("message");return _.isEmpty(t)&&(t=""),this.$(".so-toolbar .so-status").html(t),this.filterWidgets(this.filter),!1},searchHandler:function(e){if(13===e.which){var t=this.$(".widget-type-list .widget-type:visible");1===t.length&&t.click()}else this.filter.search=o(e.target).val().trim(),this.filterWidgets(this.filter)},filterWidgets:function(l){_.isUndefined(l)&&(l={}),_.isUndefined(l.groups)&&(l.groups=""),this.$(".widget-type-list .widget-type").each(function(){var e,t=o(this),i=t.data("class"),s=_.isUndefined(panelsOptions.widgets[i])?null:panelsOptions.widgets[i];(e=!!_.isEmpty(l.groups)||null!==s&&!_.isEmpty(_.intersection(l.groups,panelsOptions.widgets[i].groups)))&&(_.isUndefined(l.search)||""===l.search||-1===s.title.toLowerCase().indexOf(l.search.toLowerCase())&&(e=!1)),e?t.show():t.hide()}),this.balanceWidgetHeights()},widgetClickHandler:function(e){this.builder.trigger("before_user_adds_widget"),this.builder.addHistoryEntry("widget_added");var t=o(e.currentTarget),i=new s.model.widget({class:t.data("class")});i.cell=this.builder.getActiveCell(),i.cell.get("widgets").add(i),this.closeDialog(),this.builder.model.refreshPanelsData(),this.builder.trigger("after_user_adds_widget",i)},balanceWidgetHeights:function(e){var s=[[]],l=null,i=Math.round(this.$(".widget-type").parent().width()/this.$(".widget-type").width());this.$(".widget-type").css("clear","none").filter(":visible").each(function(e,t){e%i==0&&0!==e&&o(t).css("clear","both")}),this.$(".widget-type-wrapper").css("height","auto").filter(":visible").each(function(e,t){var i=o(t);null!==l&&l.position().top!==i.position().top&&(s[s.length]=[]),l=i,s[s.length-1].push(i)}),_.each(s,function(e,t){var i=_.max(e.map(function(e){return e.height()}));_.each(e,function(e){e.height(i)})})}})},{}],11:[function(e,t,i){t.exports={canCopyPaste:function(){return"undefined"!=typeof Storage&&panelsOptions.user},setModel:function(e){if(!this.canCopyPaste())return!1;var t=panels.helpers.serialize.serialize(e);return e instanceof panels.model.row?t.thingType="row-model":e instanceof panels.model.widget&&(t.thingType="widget-model"),localStorage["panels_clipboard_"+panelsOptions.user]=JSON.stringify(t),!0},isModel:function(e){if(!this.canCopyPaste())return!1;var t=localStorage["panels_clipboard_"+panelsOptions.user];return void 0!==t&&((t=JSON.parse(t)).thingType&&t.thingType===e)},getModel:function(e){if(!this.canCopyPaste())return null;var t=localStorage["panels_clipboard_"+panelsOptions.user];return void 0!==t&&(t=JSON.parse(t)).thingType&&t.thingType===e?panels.helpers.serialize.unserialize(t,t.thingType,null):null}}},{}],12:[function(e,t,i){t.exports={lock:function(){if("hidden"!==jQuery("body").css("overflow")){var e=[self.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft,self.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop];jQuery("body").data({"scroll-position":e}).css("overflow","hidden"),_.isUndefined(e)||window.scrollTo(e[0],e[1])}},unlock:function(){if("hidden"===jQuery("body").css("overflow")&&!jQuery(".so-panels-dialog-wrapper").is(":visible")&&!jQuery(".so-panels-live-editor").is(":visible")){jQuery("body").css("overflow","visible");var e=jQuery("body").data("scroll-position");_.isUndefined(e)||window.scrollTo(e[0],e[1])}}}},{}],13:[function(e,t,i){t.exports={serialize:function(e){var t;if(e instanceof Backbone.Model){var i={};for(var s in e.attributes)if(e.attributes.hasOwnProperty(s)){if("builder"===s||"collection"===s)continue;(t=e.attributes[s])instanceof Backbone.Model||t instanceof Backbone.Collection?i[s]=this.serialize(t):i[s]=t}return i}if(e instanceof Backbone.Collection){for(var l=[],o=0;o<e.models.length;o++)(t=e.models[o])instanceof Backbone.Model||t instanceof Backbone.Collection?l.push(this.serialize(t)):l.push(t);return l}},unserialize:function(e,t,i){var s;switch(t){case"row-model":(s=new panels.model.row).builder=i;var l={style:e.style};e.hasOwnProperty("label")&&(l.label=e.label),e.hasOwnProperty("color_label")&&(l.color_label=e.color_label),s.set(l),s.setCells(this.unserialize(e.cells,"cell-collection",s));break;case"cell-model":(s=new panels.model.cell).row=i,s.set("weight",e.weight),s.set("style",e.style),s.set("widgets",this.unserialize(e.widgets,"widget-collection",s));break;case"widget-model":for(var o in(s=new panels.model.widget).cell=i,e)e.hasOwnProperty(o)&&s.set(o,e[o]);s.set("widget_id",panels.helpers.utils.generateUUID());break;case"cell-collection":s=new panels.collection.cells;for(var n=0;n<e.length;n++)s.push(this.unserialize(e[n],"cell-model",i));break;case"widget-collection":s=new panels.collection.widgets;for(n=0;n<e.length;n++)s.push(this.unserialize(e[n],"widget-model",i));break;default:console.log("Unknown Thing - "+t)}return s}}},{}],14:[function(e,t,i){t.exports={generateUUID:function(){var i=(new Date).getTime();return window.performance&&"function"==typeof window.performance.now&&(i+=performance.now()),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=(i+16*Math.random())%16|0;return i=Math.floor(i/16),("x"==e?t:3&t|8).toString(16)})},processTemplate:function(e){return _.isUndefined(e)||_.isNull(e)?"":e=(e=(e=e.replace(/{{%/g,"<%")).replace(/%}}/g,"%>")).trim()},selectElementContents:function(e){var t=document.createRange();t.selectNodeContents(e);var i=window.getSelection();i.removeAllRanges(),i.addRange(t)}}},{}],15:[function(e,t,i){var d=window.panels,h=jQuery;t.exports=function(a,r){return this.each(function(){var e=jQuery(this);if(!e.data("soPanelsBuilderWidgetInitialized")||r){var t=e.closest("form").find(".widget-id").val(),i=h.extend(!0,{},a);if(_.isUndefined(t)||!(-1<t.indexOf("__i__"))){var s=new d.model.builder,l=new d.view.builder({model:s,config:i}),o=e.closest(".so-panels-dialog-wrapper").data("view");_.isUndefined(o)||(o.on("close_dialog",function(){s.refreshPanelsData()}),o.on("open_dialog_complete",function(){l.trigger("builder_resize")}),o.model.on("destroy",function(){s.emptyRows().destroy()}),l.setDialogParents(panelsOptions.loc.layout_widget,o));var n=Boolean(e.closest(".widget-content").length);l.render().attach({container:e,dialog:n||"dialog"===e.data("mode"),type:e.data("type")}).setDataField(e.find("input.panels-data")),n||"dialog"===e.data("mode")?(l.setDialogParents(panelsOptions.loc.layout_widget,l.dialog),e.find(".siteorigin-panels-display-builder").click(function(e){e.preventDefault(),l.dialog.openDialog()})):e.find(".siteorigin-panels-display-builder").parent().remove(),h(document).trigger("panels_setup",l),e.data("soPanelsBuilderWidgetInitialized",!0)}}})}},{}],16:[function(e,t,i){var s={};window.panels=s,(window.siteoriginPanels=s).helpers={},s.helpers.clipboard=e("./helpers/clipboard"),s.helpers.utils=e("./helpers/utils"),s.helpers.serialize=e("./helpers/serialize"),s.helpers.pageScroll=e("./helpers/page-scroll"),s.model={},s.model.widget=e("./model/widget"),s.model.cell=e("./model/cell"),s.model.row=e("./model/row"),s.model.builder=e("./model/builder"),s.model.historyEntry=e("./model/history-entry"),s.collection={},s.collection.widgets=e("./collection/widgets"),s.collection.cells=e("./collection/cells"),s.collection.rows=e("./collection/rows"),s.collection.historyEntries=e("./collection/history-entries"),s.view={},s.view.widget=e("./view/widget"),s.view.cell=e("./view/cell"),s.view.row=e("./view/row"),s.view.builder=e("./view/builder"),s.view.dialog=e("./view/dialog"),s.view.styles=e("./view/styles"),s.view.liveEditor=e("./view/live-editor"),s.dialog={},s.dialog.builder=e("./dialog/builder"),s.dialog.widgets=e("./dialog/widgets"),s.dialog.widget=e("./dialog/widget"),s.dialog.prebuilt=e("./dialog/prebuilt"),s.dialog.row=e("./dialog/row"),s.dialog.history=e("./dialog/history"),s.utils={},s.utils.menu=e("./utils/menu"),jQuery.fn.soPanelsSetupBuilderWidget=e("./jquery/setup-builder-widget"),jQuery(function(i){var e,t,s,l,o=i("#siteorigin-panels-metabox");if(s=i("form#post"),o.length&&s.length)t=(e=o).find(".siteorigin-panels-data-field"),l={editorType:"tinyMCE",postId:i("#post_ID").val(),editorId:"#content",builderType:o.data("builder-type"),builderSupports:o.data("builder-supports"),loadOnAttach:panelsOptions.loadOnAttach&&1==i("#auto_draft").val(),loadLiveEditor:1==o.data("live-editor"),liveEditorPreview:e.data("preview-url")};else if(i(".siteorigin-panels-builder-form").length){var n=i(".siteorigin-panels-builder-form");e=n.find(".siteorigin-panels-builder-container"),t=n.find('input[name="panels_data"]'),l={editorType:"standalone",postId:(s=n).data("post-id"),editorId:"#post_content",builderType:n.data("type"),builderSupports:n.data("builder-supports"),loadLiveEditor:!1,liveEditorPreview:n.data("preview-url")}}if(!_.isUndefined(e)){var a=window.siteoriginPanels,r=new a.model.builder,d=new a.view.builder({model:r,config:l});d.render().attach({container:e}).setDataField(t).attachToEditor(),s.submit(function(){r.refreshPanelsData()}),e.removeClass("so-panels-loading"),i(document).trigger("panels_setup",d,window.panels)}i(document).on("widget-added",function(e,t){i(t).find(".siteorigin-page-builder-widget").soPanelsSetupBuilderWidget()}),i("body").hasClass("wp-customizer")||i(function(){i(".siteorigin-page-builder-widget").soPanelsSetupBuilderWidget()})})},{"./collection/cells":1,"./collection/history-entries":2,"./collection/rows":3,"./collection/widgets":4,"./dialog/builder":5,"./dialog/history":6,"./dialog/prebuilt":7,"./dialog/row":8,"./dialog/widget":9,"./dialog/widgets":10,"./helpers/clipboard":11,"./helpers/page-scroll":12,"./helpers/serialize":13,"./helpers/utils":14,"./jquery/setup-builder-widget":15,"./model/builder":17,"./model/cell":18,"./model/history-entry":19,"./model/row":20,"./model/widget":21,"./utils/menu":22,"./view/builder":23,"./view/cell":24,"./view/dialog":25,"./view/live-editor":26,"./view/row":27,"./view/styles":28,"./view/widget":29}],17:[function(e,t,i){t.exports=Backbone.Model.extend({layoutPosition:{BEFORE:"before",AFTER:"after",REPLACE:"replace"},rows:{},defaults:{data:{widgets:[],grids:[],grid_cells:[]}},initialize:function(){this.set("rows",new panels.collection.rows)},addRow:function(e,t,i){i=_.extend({noAnimate:!1},i);var s=new panels.collection.cells(t);e=_.extend({collection:this.get("rows"),cells:s},e);var l=new panels.model.row(e);return(l.builder=this).get("rows").add(l,i),l},loadPanelsData:function(s,e){try{e===this.layoutPosition.BEFORE?s=this.concatPanelsData(s,this.getPanelsData()):e===this.layoutPosition.AFTER&&(s=this.concatPanelsData(this.getPanelsData(),s)),this.emptyRows(),this.set("data",JSON.parse(JSON.stringify(s)),{silent:!0});var t,i=[];if(_.isUndefined(s.grid_cells))return void this.trigger("load_panels_data");for(var l=0;l<s.grid_cells.length;l++)t=parseInt(s.grid_cells[l].grid),_.isUndefined(i[t])&&(i[t]=[]),i[t].push(s.grid_cells[l]);var o=this;if(_.each(i,function(e,t){var i={};_.isUndefined(s.grids[t].style)||(i.style=s.grids[t].style),_.isUndefined(s.grids[t].ratio)||(i.ratio=s.grids[t].ratio),_.isUndefined(s.grids[t].ratio_direction)||(i.ratio_direction=s.grids[t].ratio_direction),_.isUndefined(s.grids[t].color_label)||(i.color_label=s.grids[t].color_label),_.isUndefined(s.grids[t].label)||(i.label=s.grids[t].label),o.addRow(i,e,{noAnimate:!0})}),_.isUndefined(s.widgets))return;_.each(s.widgets,function(e){var t=null;_.isUndefined(e.panels_info)?(t=e.info,delete e.info):(t=e.panels_info,delete e.panels_info);var i=o.get("rows").at(parseInt(t.grid)).get("cells").at(parseInt(t.cell)),s=new panels.model.widget({class:t.class,values:e});_.isUndefined(t.style)||s.set("style",t.style),_.isUndefined(t.read_only)||s.set("read_only",t.read_only),_.isUndefined(t.widget_id)?s.set("widget_id",panels.helpers.utils.generateUUID()):s.set("widget_id",t.widget_id),_.isUndefined(t.label)||s.set("label",t.label),(s.cell=i).get("widgets").add(s,{noAnimate:!0})}),this.trigger("load_panels_data")}catch(e){console.log("Error loading data: "+e.message)}},concatPanelsData:function(e,t){if(_.isUndefined(t)||_.isUndefined(t.grids)||_.isEmpty(t.grids)||_.isUndefined(t.grid_cells)||_.isEmpty(t.grid_cells))return e;if(_.isUndefined(e)||_.isUndefined(e.grids)||_.isEmpty(e.grids))return t;var i,s=e.grids.length,l=_.isUndefined(e.widgets)?0:e.widgets.length,o={grids:[],grid_cells:[],widgets:[]};for(o.grids=e.grids.concat(t.grids),_.isUndefined(e.grid_cells)||(o.grid_cells=e.grid_cells.slice()),_.isUndefined(e.widgets)||(o.widgets=e.widgets.slice()),i=0;i<t.grid_cells.length;i++){var n=t.grid_cells[i];n.grid=parseInt(n.grid)+s,o.grid_cells.push(n)}if(!_.isUndefined(t.widgets))for(i=0;i<t.widgets.length;i++){var a=t.widgets[i];a.panels_info.grid=parseInt(a.panels_info.grid)+s,a.panels_info.id=parseInt(a.panels_info.id)+l,o.widgets.push(a)}return o},getPanelsData:function(){var n={widgets:[],grids:[],grid_cells:[]},a=0;return this.get("rows").each(function(e,o){e.get("cells").each(function(e,l){e.get("widgets").each(function(e,t){var i={class:e.get("class"),raw:e.get("raw"),grid:o,cell:l,id:a++,widget_id:e.get("widget_id"),style:e.get("style"),label:e.get("label")};_.isEmpty(i.widget_id)&&(i.widget_id=panels.helpers.utils.generateUUID());var s=_.extend(_.clone(e.get("values")),{panels_info:i});n.widgets.push(s)}),n.grid_cells.push({grid:o,index:l,weight:e.get("weight"),style:e.get("style")})}),n.grids.push({cells:e.get("cells").length,style:e.get("style"),ratio:e.get("ratio"),ratio_direction:e.get("ratio_direction"),color_label:e.get("color_label"),label:e.get("label")})}),n},refreshPanelsData:function(e){e=_.extend({silent:!1},e);var t=this.get("data"),i=this.getPanelsData();this.set("data",i,{silent:!0}),e.silent||JSON.stringify(i)===JSON.stringify(t)||(this.trigger("change"),this.trigger("change:data"),this.trigger("refresh_panels_data",i,e))},emptyRows:function(){return _.invoke(this.get("rows").toArray(),"destroy"),this.get("rows").reset(),this},isValidLayoutPosition:function(e){return e===this.layoutPosition.BEFORE||e===this.layoutPosition.AFTER||e===this.layoutPosition.REPLACE},getPanelsDataFromHtml:function(e,c){var t,u=this,i=jQuery('<div id="wrapper">'+e+"</div>");if(i.find(".panel-layout .panel-grid").length){var p={grids:[],grid_cells:[],widgets:[]},g=new RegExp(panelsOptions.siteoriginWidgetRegex,"i"),f=(t=document.createElement("div"),function(e){return e&&"string"==typeof e&&(e=(e=e.replace(/<script[^>]*>([\S\s]*?)<\/script>/gim,"")).replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gim,""),t.innerHTML=e,e=t.textContent,t.textContent=""),e}),w=function(e){var t,i=e.find("div");if(!i.length)return e.html();for(t=0;t<i.length-1&&jQuery.trim(i.eq(t).text())==jQuery.trim(i.eq(t+1).text());t++);var s=i.eq(t).find(".widget-title:header"),l="";return s.length&&(l=s.html(),s.remove()),{title:l,text:i.eq(t).html()}},s=i.find(".panel-layout").eq(0),l=function(e,t){return jQuery(t).closest(".panel-layout").is(s)};return i.find("> .panel-layout > .panel-grid").filter(l).each(function(h,e){var t=jQuery(e),i=t.find(".panel-grid-cell").filter(l);p.grids.push({cells:i.length,style:t.data("style"),ratio:t.data("ratio"),ratio_direction:t.data("ratio-direction"),color_label:t.data("color-label"),label:t.data("label")}),i.each(function(d,e){var t=jQuery(e),i=t.find(".so-panel").filter(l);p.grid_cells.push({grid:h,weight:_.isUndefined(t.data("weight"))?1:parseFloat(t.data("weight")),style:t.data("style")}),i.each(function(e,t){var i=jQuery(t),s=i.find(".panel-widget-style").length?i.find(".panel-widget-style").html():i.html(),l={grid:h,cell:d,style:i.data("style"),raw:!1,label:i.data("label")};s=s.trim();var o=g.exec(s);if(_.isNull(o)||""!==s.replace(g,"").trim())return-1!==s.indexOf("panel-layout")&&jQuery("<div>"+s+"</div>").find(".panel-layout .panel-grid").length?(l.class="SiteOrigin_Panels_Widgets_Layout",p.widgets.push({panels_data:u.getPanelsDataFromHtml(s,c),panels_info:l})):(l.class=c,p.widgets.push(_.extend(w(i),{filter:"1",type:"visual",panels_info:l}))),!0;try{var n=/class="(.*?)"/.exec(o[3]),a=jQuery(o[5]),r=JSON.parse(f(a.val())).instance;l.class=n[1].replace(/\\\\+/g,"\\"),l.raw=!1,r.panels_info=l,p.widgets.push(r)}catch(e){l.class=c,p.widgets.push(_.extend(w(i),{filter:"1",type:"visual",panels_info:l}))}return!0})})}),i.find(".panel-layout").remove(),i.find("style[data-panels-style-for-post]").remove(),i.html().replace(/^\s+|\s+$/gm,"").length&&(p.grids.push({cells:1,style:{}}),p.grid_cells.push({grid:p.grids.length-1,weight:1}),p.widgets.push({filter:"1",text:i.html().replace(/^\s+|\s+$/gm,""),title:"",type:"visual",panels_info:{class:c,raw:!1,grid:p.grids.length-1,cell:0}})),p}return{grid_cells:[{grid:0,weight:1}],grids:[{cells:1}],widgets:[{filter:"1",text:e,title:"",type:"visual",panels_info:{class:c,raw:!1,grid:0,cell:0}}]}}})},{}],18:[function(e,t,i){t.exports=Backbone.Model.extend({widgets:{},row:null,defaults:{weight:0,style:{}},indexes:null,initialize:function(){this.set("widgets",new panels.collection.widgets),this.on("destroy",this.onDestroy,this)},onDestroy:function(){_.invoke(this.get("widgets").toArray(),"destroy"),this.get("widgets").reset()},clone:function(e,t){_.isUndefined(e)&&(e=this.row),t=_.extend({cloneWidgets:!0},t);var i=new this.constructor(this.attributes);return i.set("collection",e.get("cells"),{silent:!0}),i.row=e,t.cloneWidgets&&this.get("widgets").each(function(e){i.get("widgets").add(e.clone(i,t),{silent:!0})}),i}})},{}],19:[function(e,t,i){t.exports=Backbone.Model.extend({defaults:{text:"",data:"",time:null,count:1}})},{}],20:[function(e,t,i){t.exports=Backbone.Model.extend({builder:null,defaults:{style:{}},indexes:null,initialize:function(){_.isEmpty(this.get("cells"))?this.set("cells",new panels.collection.cells):this.get("cells").each(function(e){e.row=this}.bind(this)),this.on("destroy",this.onDestroy,this)},setCells:function(n){var a=this.get("cells")||new panels.collection.cells,r=[];a.each(function(e,t){var i=n.at(t);if(i)e.set("weight",i.get("weight"));else{for(var s=a.at(n.length-1),l=e.get("widgets").models.slice(),o=0;o<l.length;o++)l[o].moveToCell(s,{silent:!1});r.push(e)}}),_.each(r,function(e){a.remove(e)}),n.length>a.length&&_.each(n.slice(a.length,n.length),function(e){e.set({collection:a}),e.row=this,a.add(e)}.bind(this)),this.reweightCells()},reweightCells:function(){var t=0,e=this.get("cells");e.each(function(e){t+=e.get("weight")}),e.each(function(e){e.set("weight",e.get("weight")/t)}),this.trigger("reweight_cells")},onDestroy:function(){_.invoke(this.get("cells").toArray(),"destroy"),this.get("cells").reset()},clone:function(e){_.isUndefined(e)&&(e=this.builder);var t=new this.constructor(this.attributes);t.set("collection",e.get("rows"),{silent:!0}),t.builder=e;var i=new panels.collection.cells;return this.get("cells").each(function(e){i.add(e.clone(t),{silent:!0})}),t.set("cells",i),t}})},{}],21:[function(e,t,i){t.exports=Backbone.Model.extend({cell:null,defaults:{class:null,missing:!1,values:{},raw:!1,style:{},read_only:!1,widget_id:""},indexes:null,initialize:function(){var e=this.get("class");!_.isUndefined(panelsOptions.widgets[e])&&panelsOptions.widgets[e].installed||this.set("missing",!0)},getWidgetField:function(e){return _.isUndefined(panelsOptions.widgets[this.get("class")])?"title"===e||"description"===e?panelsOptions.loc.missing_widget[e]:"":this.has("label")&&!_.isEmpty(this.get("label"))?this.get("label"):panelsOptions.widgets[this.get("class")][e]},moveToCell:function(e,t,i){return t=_.extend({silent:!0},t),this.cell=e,this.collection.remove(this,t),e.get("widgets").add(this,_.extend({at:i},t)),this.trigger("move_to_cell",e,i),this},setValues:function(e){var t=!1;JSON.stringify(e)!==JSON.stringify(this.get("values"))&&(t=!0),this.set("values",e,{silent:!0}),t&&(this.trigger("change",this),this.trigger("change:values"))},clone:function(e,t){_.isUndefined(e)&&(e=this.cell);var i=new this.constructor(this.attributes),s=JSON.parse(JSON.stringify(this.get("values"))),l=function(i){return _.each(i,function(e,t){_.isString(t)&&"_"===t[0]?delete i[t]:_.isObject(i[t])&&l(i[t])}),i};return s=l(s),"SiteOrigin_Panels_Widgets_Layout"===this.get("class")&&(s.builder_id=Math.random().toString(36).substr(2)),i.set("widget_id",""),i.set("values",s,{silent:!0}),i.set("collection",e.get("widgets"),{silent:!0}),i.cell=e,i.isDuplicate=!0,i},getTitle:function(){var e=panelsOptions.widgets[this.get("class")];if(_.isUndefined(e))return this.get("class").replace(/_/g," ");if(!_.isUndefined(e.panels_title)&&!1===e.panels_title)return panelsOptions.widgets[this.get("class")].description;var t=this.get("values"),i=["title","text"];for(var s in t)t.hasOwnProperty(s)&&i.push(s);for(var l in i=_.uniq(i))if(!_.isUndefined(t[i[l]])&&_.isString(t[i[l]])&&""!==t[i[l]]&&"on"!==t[i[l]]&&"_"!==i[l][0]&&!jQuery.isNumeric(t[i[l]])){var o=t[i[l]],n=(o=o.replace(/<\/?[^>]+(>|$)/g,"")).split(" ");return(n=n.slice(0,20)).join(" ")}return this.getWidgetField("description")}})},{}],22:[function(e,t,i){var s=window.panels,r=jQuery;t.exports=Backbone.View.extend({wrapperTemplate:_.template(s.helpers.utils.processTemplate(r("#siteorigin-panels-context-menu").html())),sectionTemplate:_.template(s.helpers.utils.processTemplate(r("#siteorigin-panels-context-menu-section").html())),contexts:[],active:!1,events:{"keyup .so-search-wrapper input":"searchKeyUp"},initialize:function(){this.listenContextMenu(),this.render(),this.attach()},listenContextMenu:function(){var t=this;r(window).on("contextmenu",function(e){return t.active&&!t.isOverEl(t.$el,e)?(t.closeMenu(),t.active=!1,e.preventDefault(),!1):!!t.active||(t.active=!1,t.trigger("activate_context",e,t),void(t.active&&(e.preventDefault(),t.openMenu({left:e.pageX,top:e.pageY}))))})},render:function(){this.setElement(this.wrapperTemplate())},attach:function(){this.$el.appendTo("body")},openMenu:function(e){this.trigger("open_menu"),r(window).on("keyup",{menu:this},this.keyboardListen),r(window).on("click",{menu:this},this.clickOutsideListen),this.$el.css("max-height",r(window).height()-20),e.left+this.$el.outerWidth()+10>=r(window).width()&&(e.left=r(window).width()-this.$el.outerWidth()-10),e.left<=0&&(e.left=10),e.top+this.$el.outerHeight()-r(window).scrollTop()+10>=r(window).height()&&(e.top=r(window).height()+r(window).scrollTop()-this.$el.outerHeight()-10),e.left<=0&&(e.left=10),this.$el.css({left:e.left+1,top:e.top+1}).show(),this.$(".so-search-wrapper input").focus()},closeMenu:function(){this.trigger("close_menu"),r(window).off("keyup",this.keyboardListen),r(window).off("click",this.clickOutsideListen),this.active=!1,this.$el.empty().hide()},keyboardListen:function(e){var t=e.data.menu;switch(e.which){case 27:t.closeMenu()}},clickOutsideListen:function(e){var t=e.data.menu;3!==e.which&&t.$el.is(":visible")&&!t.isOverEl(t.$el,e)&&t.closeMenu()},addSection:function(e,t,i,s){var l=this;t=_.extend({display:5,defaultDisplay:!1,search:!0,sectionTitle:"",searchPlaceholder:"",titleKey:"title"},t);var o=r(this.sectionTemplate({settings:t,items:i})).attr("id","panels-menu-section-"+e);this.$el.append(o),o.find(".so-item:not(.so-confirm)").click(function(){var e=r(this);s(e.data("key")),l.closeMenu()}),o.find(".so-item.so-confirm").click(function(){var e=r(this);if(e.hasClass("so-confirming"))return s(e.data("key")),void l.closeMenu();e.data("original-text",e.html()).addClass("so-confirming").html('<span class="dashicons dashicons-yes"></span> '+panelsOptions.loc.dropdown_confirm),setTimeout(function(){e.removeClass("so-confirming"),e.html(e.data("original-text"))},2500)}),o.data("settings",t).find(".so-search-wrapper input").trigger("keyup"),this.active=!0},hasSection:function(e){return 0<this.$el.find("#panels-menu-section-"+e).length},searchKeyUp:function(e){var t=r(e.currentTarget),i=t.closest(".so-section"),s=i.data("settings");if(38===e.which||40===e.which){var l=i.find("ul li:visible"),o=l.filter(".so-active").eq(0);if(o.length){l.removeClass("so-active");var n=l.index(o);38===e.which?o=n-1<0?l.last():l.eq(n-1):40===e.which&&(o=n+1>=l.length?l.first():l.eq(n+1))}else 38===e.which?o=l.last():40===e.which&&(o=l.first());return o.addClass("so-active"),!1}if(13===e.which)return 1===i.find("ul li:visible").length?i.find("ul li:visible").trigger("click"):i.find("ul li.so-active:visible").trigger("click"),!1;if(""===t.val())if(s.defaultDisplay){i.find(".so-item").hide();for(var a=0;a<s.defaultDisplay.length;a++)i.find('.so-item[data-key="'+s.defaultDisplay[a]+'"]').show()}else i.find(".so-item").show();else i.find(".so-item").hide().each(function(){var e=r(this);-1!==e.html().toLowerCase().indexOf(t.val().toLowerCase())&&e.show()});i.find(".so-item:visible:gt("+(s.display-1)+")").hide(),0===i.find(".so-item:visible").length&&""!==t.val()?i.find(".so-no-results").show():i.find(".so-no-results").hide()},isOverEl:function(e,t){var i=[[e.offset().left,e.offset().top],[e.offset().left+e.outerWidth(),e.offset().top+e.outerHeight()]];return t.pageX>=i[0][0]&&t.pageX<=i[1][0]&&t.pageY>=i[0][1]&&t.pageY<=i[1][1]}})},{}],23:[function(e,t,i){var a=window.panels,n=jQuery;t.exports=Backbone.View.extend({config:{},template:_.template(a.helpers.utils.processTemplate(n("#siteorigin-panels-builder").html())),dialogs:{},rowsSortable:null,dataField:!1,currentData:"",attachedToEditor:!1,attachedVisible:!1,liveEditor:void 0,menu:!1,activeCell:null,events:{"click .so-tool-button.so-widget-add":"displayAddWidgetDialog","click .so-tool-button.so-row-add":"displayAddRowDialog","click .so-tool-button.so-prebuilt-add":"displayAddPrebuiltDialog","click .so-tool-button.so-history":"displayHistoryDialog","click .so-tool-button.so-live-editor":"displayLiveEditor"},rows:null,initialize:function(e){var s=this;return this.config=_.extend({loadLiveEditor:!1,builderSupports:{}},e.config),this.config.builderSupports=_.extend({addRow:!0,editRow:!0,deleteRow:!0,moveRow:!0,addWidget:!0,editWidget:!0,deleteWidget:!0,moveWidget:!0,prebuilt:!0,history:!0,liveEditor:!0,revertToEditor:!0},this.config.builderSupports),e.config.loadLiveEditor&&this.on("builder_live_editor_added",function(){this.displayLiveEditor()}),this.dialogs={widgets:new a.dialog.widgets,row:new a.dialog.row,prebuilt:new a.dialog.prebuilt},_.each(this.dialogs,function(e,t,i){i[t].setBuilder(s)}),this.dialogs.row.setRowDialogType("create"),this.listenTo(this.model.get("rows"),"add",this.onAddRow),n(window).resize(function(e){e.target===window&&s.trigger("builder_resize")}),this.listenTo(this.model,"change:data load_panels_data",this.storeModelData),this.listenTo(this.model,"change:data load_panels_data",this.toggleWelcomeDisplay),this.on("content_change",this.handleContentChange,this),this.on("display_builder",this.handleDisplayBuilder,this),this.on("hide_builder",this.handleHideBuilder,this),this.on("builder_rendered builder_resize",this.handleBuilderSizing,this),this.on("display_builder",this.wrapEditorExpandAdjust,this),this.menu=new a.utils.menu({}),this.listenTo(this.menu,"activate_context",this.activateContextMenu),this.config.loadOnAttach&&this.on("builder_attached_to_editor",function(){this.displayAttachedBuilder({confirm:!1})},this),this},render:function(){return this.setElement(this.template()),this.$el.attr("id","siteorigin-panels-builder-"+this.cid).addClass("so-builder-container"),this.trigger("builder_rendered"),this},attach:function(e){(e=_.extend({container:!1,dialog:!1},e)).dialog?(this.dialog=new a.dialog.builder,this.dialog.builder=this):(this.$el.appendTo(e.container),this.metabox=e.container.closest(".postbox"),this.initSortable(),this.trigger("attached_to_container",e.container)),this.trigger("builder_attached"),this.supports("liveEditor")&&this.addLiveEditor(),this.supports("history")&&this.addHistoryBrowser();var t=this.$(".so-builder-toolbar"),i=this.$(".so-panels-welcome-message"),s=panelsOptions.loc.welcomeMessage,l=[];this.supports("addWidget")?l.push(s.addWidgetButton):t.find(".so-widget-add").hide(),this.supports("addRow")?l.push(s.addRowButton):t.find(".so-row-add").hide(),this.supports("prebuilt")?l.push(s.addPrebuiltButton):t.find(".so-prebuilt-add").hide();var o="";3===l.length?o=s.threeEnabled:2===l.length?o=s.twoEnabled:1===l.length?o=s.oneEnabled:0===l.length&&(o=s.addingDisabled);var n=_.template(a.helpers.utils.processTemplate(o))({items:l})+" "+s.docsMessage;return i.find(".so-message-wrapper").html(n),this},attachToEditor:function(){if("tinyMCE"!==this.config.editorType)return this;this.attachedToEditor=!0;var t=this.metabox,l=this;n("#wp-content-wrap .wp-editor-tabs").find(".wp-switch-editor").click(function(e){e.preventDefault(),n("#wp-content-editor-container").show(),n("#wp-content-wrap").removeClass("panels-active"),n("#content-resize-handle").show(),l.trigger("hide_builder")}).end().append(n('<button type="button" id="content-panels" class="hide-if-no-js wp-switch-editor switch-panels">'+t.find(".hndle span").html()+"</button>").click(function(e){l.displayAttachedBuilder({confirm:!0})&&e.preventDefault()})),this.supports("revertToEditor")&&t.find(".so-switch-to-standard").click(function(e){e.preventDefault(),confirm(panelsOptions.loc.confirm_stop_builder)&&(l.addHistoryEntry("back_to_editor"),l.model.loadPanelsData(!1),n("#wp-content-wrap").show(),t.hide(),n(window).resize(),l.attachedVisible=!1,l.trigger("hide_builder"))}).show(),t.insertAfter("#wp-content-wrap").hide().addClass("attached-to-editor");var e=this.model.get("data");_.isEmpty(e.widgets)&&_.isEmpty(e.grids)&&this.supports("revertToEditor")||this.displayAttachedBuilder({confirm:!1});var i=function(){var e=l.$(".so-builder-toolbar");if(l.$el.hasClass("so-display-narrow"))return e.css({top:0,left:0,width:"100%",position:"absolute"}),void l.$el.css("padding-top",e.outerHeight());var t=n(window).scrollTop()-l.$el.offset().top;"fixed"===n("#wpadminbar").css("position")&&(t+=n("#wpadminbar").outerHeight());var i=0,s=l.$el.outerHeight()-e.outerHeight()+20;i<t&&t<s?"fixed"!==e.css("position")&&e.css({top:n("#wpadminbar").outerHeight(),left:l.$el.offset().left,width:l.$el.outerWidth(),position:"fixed"}):e.css({top:Math.min(Math.max(t,0),l.$el.outerHeight()-e.outerHeight()+20),left:0,width:"100%",position:"absolute"}),l.$el.css("padding-top",e.outerHeight())};return this.on("builder_resize",i,this),n(document).scroll(i),i(),this.trigger("builder_attached_to_editor"),this},displayAttachedBuilder:function(e){if((e=_.extend({confirm:!0},e)).confirm){var t="undefined"!=typeof tinyMCE&&tinyMCE.get("content");if(""!==(t&&_.isFunction(t.getContent)?t.getContent():n("textarea#content").val())&&!confirm(panelsOptions.loc.confirm_use_builder))return!1}return n("#wp-content-wrap").hide(),n("#editor-expand-toggle").on("change.editor-expand",function(){n(this).prop("checked")||n("#wp-content-wrap").hide()}),this.metabox.show().find("> .inside").show(),n(window).resize(),n(document).scroll(),this.attachedVisible=!0,this.trigger("display_builder"),!0},initSortable:function(){if(!this.supports("moveRow"))return this;var o=this,e=o.$el.attr("id");return this.rowsSortable=this.$(".so-rows-container").sortable({appendTo:"#wpwrap",items:".so-row-container",handle:".so-row-move",connectWith:"#"+e+".so-rows-container,.block-editor .so-rows-container",axis:"y",tolerance:"pointer",scroll:!1,remove:function(e,t){o.model.get("rows").remove(n(t.item).data("view").model,{silent:!0}),o.model.refreshPanelsData()},receive:function(e,t){o.model.get("rows").add(n(t.item).data("view").model,{silent:!0,at:n(t.item).index()}),o.model.refreshPanelsData()},stop:function(e,t){var i=n(t.item),s=i.data("view"),l=o.model.get("rows");l.get(s.model)&&(o.addHistoryEntry("row_moved"),l.remove(s.model,{silent:!0}),l.add(s.model,{silent:!0,at:i.index()}),s.trigger("move",i.index()),o.model.refreshPanelsData())}}),this},refreshSortable:function(){_.isNull(this.rowsSortable)||this.rowsSortable.sortable("refresh")},setDataField:function(e,t){if(t=_.extend({load:!0},t),this.dataField=e,this.dataField.data("builder",this),t.load&&""!==e.val()){var i=this.dataField.val();try{i=JSON.parse(i)}catch(e){console.log("Failed to parse Page Builder layout data from supplied data field."),i={}}this.setData(i)}return this},setData:function(e){this.model.loadPanelsData(e),this.currentData=e,this.toggleWelcomeDisplay()},getData:function(){return this.model.get("data")},storeModelData:function(){var e=JSON.stringify(this.model.get("data"));n(this.dataField).val()!==e&&(n(this.dataField).val(e),n(this.dataField).trigger("change"),this.trigger("content_change"))},onAddRow:function(e,t,i){i=_.extend({noAnimate:!1},i);var s=new a.view.row({model:e});s.builder=this,s.render(),_.isUndefined(i.at)||t.length<=1?s.$el.appendTo(this.$(".so-rows-container")):s.$el.insertAfter(this.$(".so-rows-container .so-row-container").eq(i.at-1)),!1===i.noAnimate&&s.visualCreate(),this.refreshSortable(),s.resize(),this.trigger("row_added")},displayAddWidgetDialog:function(){this.dialogs.widgets.openDialog()},displayAddRowDialog:function(){var t=new a.model.row,e=new a.collection.cells([{weight:.5},{weight:.5}]);e.each(function(e){e.row=t}),t.set("cells",e),t.builder=this.model,this.dialogs.row.setRowModel(t),this.dialogs.row.openDialog()},displayAddPrebuiltDialog:function(){this.dialogs.prebuilt.openDialog()},displayHistoryDialog:function(){this.dialogs.history.openDialog()},pasteRowHandler:function(){var e=a.helpers.clipboard.getModel("row-model");!_.isEmpty(e)&&e instanceof a.model.row&&(this.addHistoryEntry("row_pasted"),e.builder=this.model,this.model.get("rows").add(e,{at:this.model.get("rows").indexOf(this.model)+1}),this.model.refreshPanelsData())},getActiveCell:function(e){if(e=_.extend({createCell:!0},e),!this.model.get("rows").length){if(!e.createCell)return null;this.model.addRow({},[{weight:1}],{noAnimate:!0})}var t=this.activeCell;return _.isEmpty(t)||-1===this.model.get("rows").indexOf(t.model.row)?this.model.get("rows").last().get("cells").first():t.model},addLiveEditor:function(){return _.isEmpty(this.config.liveEditorPreview)||(this.liveEditor=new a.view.liveEditor({builder:this,previewUrl:this.config.liveEditorPreview}),this.liveEditor.hasPreviewUrl()&&this.$(".so-builder-toolbar .so-live-editor").show(),this.trigger("builder_live_editor_added")),this},displayLiveEditor:function(){_.isUndefined(this.liveEditor)||this.liveEditor.open()},addHistoryBrowser:function(){if(_.isEmpty(this.config.liveEditorPreview))return this;this.dialogs.history=new a.dialog.history,(this.dialogs.history.builder=this).dialogs.history.entries.builder=this.model,this.dialogs.history.setRevertEntry(this.model),this.$(".so-builder-toolbar .so-history").show()},addHistoryEntry:function(e,t){_.isUndefined(t)&&(t=null),_.isUndefined(this.dialogs.history)||this.dialogs.history.entries.addEntry(e,t)},supports:function(e){return"rowAction"===e?this.supports("addRow")||this.supports("editRow")||this.supports("deleteRow"):"widgetAction"===e?this.supports("addWidget")||this.supports("editWidget")||this.supports("deleteWidget"):!_.isUndefined(this.config.builderSupports[e])&&this.config.builderSupports[e]},handleContentChange:function(){if(panelsOptions.copy_content&&this.attachedToEditor&&this.$el.is(":visible")){var e=this.model.getPanelsData();_.isEmpty(e.widgets)||n.post(panelsOptions.ajaxurl,{action:"so_panels_builder_content",panels_data:JSON.stringify(e),post_id:this.config.postId},function(e){""!==e&&this.updateEditorContent(e)}.bind(this))}},updateEditorContent:function(e){if("tinyMCE"!==this.config.editorType||"undefined"==typeof tinyMCE||_.isNull(tinyMCE.get("content"))){n(this.config.editorId).val(e).trigger("change").trigger("keyup")}else{var t=tinyMCE.get("content");t.setContent(e),t.fire("change"),t.fire("keyup")}this.triggerYoastSeoChange()},triggerYoastSeoChange:function(){if(n("#yoast_wpseo_focuskw_text_input").length){var e,t=document.getElementById("yoast_wpseo_focuskw_text_input");document.createEvent?(e=document.createEvent("HTMLEvents")).initEvent("keyup",!0,!0):(e=document.createEventObject()).eventType="keyup",e.eventName="keyup",document.createEvent?t.dispatchEvent(e):t.fireEvent("on"+e.eventType,e)}},handleDisplayBuilder:function(){var e="undefined"!=typeof tinyMCE&&tinyMCE.get("content"),t=e&&_.isFunction(e.getContent)?e.getContent():n("textarea#content").val();if((_.isEmpty(this.model.get("data"))||_.isEmpty(this.model.get("data").widgets)&&_.isEmpty(this.model.get("data").grids))&&""!==t){var i=panelsOptions.text_widget;if(_.isEmpty(i))return;this.model.loadPanelsData(this.model.getPanelsDataFromHtml(t,i)),this.model.trigger("change"),this.model.trigger("change:data")}n("#post-status-info").addClass("for-siteorigin-panels")},handleHideBuilder:function(){n("#post-status-info").show().removeClass("for-siteorigin-panels")},wrapEditorExpandAdjust:function(){try{for(var t,e=(n.hasData(window)&&n._data(window)).events.scroll,i=0;i<e.length;i++)if("editor-expand"===e[i].namespace){t=e[i],n(window).unbind("scroll",t.handler),n(window).bind("scroll",function(e){this.attachedVisible||t.handler(e)}.bind(this));break}}catch(e){return}},handleBuilderSizing:function(){var e=this.$el.width();return e&&(e<575?this.$el.addClass("so-display-narrow"):this.$el.removeClass("so-display-narrow")),this},setDialogParents:function(s,l){_.each(this.dialogs,function(e,t,i){i[t].setParent(s,l)}),this.on("add_dialog",function(e){e.setParent(s,l)},this)},toggleWelcomeDisplay:function(){this.model.get("rows").isEmpty()?this.$(".so-panels-welcome-message").show():this.$(".so-panels-welcome-message").hide()},activateContextMenu:function(t,i){var e=this;if(n.contains(e.$el.get(0),t.target)){var s=n([]).add(e.$(".so-panels-welcome-message:visible")).add(e.$(".so-rows-container > .so-row-container")).add(e.$(".so-cells > .cell")).add(e.$(".cell-wrapper > .so-widget")).filter(function(e){return i.isOverEl(n(this),t)}),l=s.last().data("view");void 0!==l&&void 0!==l.buildContextualMenu?l.buildContextualMenu(t,i):s.last().hasClass("so-panels-welcome-message")&&this.buildContextualMenu(t,i)}},buildContextualMenu:function(e,t){var i={};this.supports("addRow")&&(i.add_row={title:panelsOptions.loc.contextual.add_row}),a.helpers.clipboard.canCopyPaste()&&a.helpers.clipboard.isModel("row-model")&&this.supports("addRow")&&(i.paste_row={title:panelsOptions.loc.contextual.row_paste}),_.isEmpty(i)||t.addSection("builder-actions",{sectionTitle:panelsOptions.loc.contextual.row_actions,search:!1},i,function(e){switch(e){case"add_row":this.displayAddRowDialog();break;case"paste_row":this.pasteRowHandler()}}.bind(this))}})},{}],24:[function(e,t,i){var l=window.panels,r=jQuery;t.exports=Backbone.View.extend({template:_.template(l.helpers.utils.processTemplate(r("#siteorigin-panels-builder-cell").html())),events:{"click .cell-wrapper":"handleCellClick"},row:null,widgetSortable:null,initialize:function(){this.listenTo(this.model.get("widgets"),"add",this.onAddWidget)},render:function(){var e={weight:this.model.get("weight"),totalWeight:this.row.model.get("cells").totalWeight()};this.setElement(this.template(e)),this.$el.data("view",this);var i=this;return this.model.get("widgets").each(function(e){var t=new l.view.widget({model:e});t.cell=i,t.render(),t.$el.appendTo(i.$(".widgets-container"))}),this.initSortable(),this.initResizable(),this},initSortable:function(){if(!this.row.builder.supports("moveWidget"))return this;var o=this,e=o.row.builder,t=e.$el.attr("id"),n=e.model;return this.widgetSortable=this.$(".widgets-container").sortable({placeholder:"so-widget-sortable-highlight",connectWith:"#"+t+" .so-cells .cell .widgets-container,.block-editor .so-cells .cell .widgets-container",tolerance:"pointer",scroll:!1,over:function(e,t){o.row.builder.trigger("widget_sortable_move")},remove:function(e,t){o.model.get("widgets").remove(r(t.item).data("view").model,{silent:!0}),n.refreshPanelsData()},receive:function(e,t){var i=r(t.item).data("view").model;i.cell=o.model,o.model.get("widgets").add(i,{silent:!0,at:r(t.item).index()}),n.refreshPanelsData()},stop:function(e,t){var i=r(t.item),s=i.data("view"),l=i.closest(".cell").data("view");o.model.get("widgets").get(s.model)&&(o.row.builder.addHistoryEntry("widget_moved"),s.model.moveToCell(l.model,{},i.index()),s.cell=l,n.refreshPanelsData())},helper:function(e,t){var i=t.clone().css({width:t.outerWidth(),"z-index":1e4,position:"fixed"}).addClass("widget-being-dragged").appendTo("body");return 720<t.outerWidth()&&i.animate({"margin-left":e.pageX-t.offset().left-240,width:480},"fast"),i}}),this},refreshSortable:function(){_.isNull(this.widgetSortable)||this.widgetSortable.sortable("refresh")},initResizable:function(){if(!this.row.builder.supports("editRow"))return this;var o,n=this.$(".resize-handle").css("position","absolute"),e=this.row.$el,a=this;return n.draggable({axis:"x",containment:e,start:function(e,t){if(o=a.$el.prev().data("view"),!_.isUndefined(o)){var i=a.$el.clone().appendTo(t.helper).css({position:"absolute",top:"0",width:a.$el.outerWidth(),left:5,height:a.$el.outerHeight()});i.find(".resize-handle").remove();var s=o.$el.clone().appendTo(t.helper).css({position:"absolute",top:"0",width:o.$el.outerWidth(),right:5,height:o.$el.outerHeight()});s.find(".resize-handle").remove(),r(this).data({newCellClone:i,prevCellClone:s})}},drag:function(e,t){var i=a.row.$el.width()+10,s=a.model.get("weight")-(t.position.left+n.outerWidth()/2)/i,l=o.model.get("weight")+(t.position.left+n.outerWidth()/2)/i;r(this).data("newCellClone").css("width",i*s).find(".preview-cell-weight").html(Math.round(1e3*s)/10),r(this).data("prevCellClone").css("width",i*l).find(".preview-cell-weight").html(Math.round(1e3*l)/10)},stop:function(e,t){r(this).data("newCellClone").remove(),r(this).data("prevCellClone").remove();var i=a.row.$el.width()+10,s=a.model.get("weight")-(t.position.left+n.outerWidth()/2)/i,l=o.model.get("weight")+(t.position.left+n.outerWidth()/2)/i;.02<s&&.02<l&&(a.row.builder.addHistoryEntry("cell_resized"),a.model.set("weight",s),o.model.set("weight",l),a.row.resize()),t.helper.css("left",-n.outerWidth()/2),a.row.builder.model.refreshPanelsData()}}),this},onAddWidget:function(e,t,i){i=_.extend({noAnimate:!1},i);var s=new l.view.widget({model:e});s.cell=this,_.isUndefined(e.isDuplicate)&&(e.isDuplicate=!1),s.render({loadForm:e.isDuplicate}),_.isUndefined(i.at)||t.length<=1?s.$el.appendTo(this.$(".widgets-container")):s.$el.insertAfter(this.$(".widgets-container .so-widget").eq(i.at-1)),!1===i.noAnimate&&s.visualCreate(),this.refreshSortable(),this.row.resize(),this.row.builder.trigger("widget_added")},handleCellClick:function(e){this.row.builder.$el.find(".so-cells .cell").removeClass("cell-selected"),this.row.builder.activeCell!==this||this.model.get("widgets").length?(this.$el.addClass("cell-selected"),this.row.builder.activeCell=this):this.row.builder.activeCell=null},pasteHandler:function(){var e=l.helpers.clipboard.getModel("widget-model");!_.isEmpty(e)&&e instanceof l.model.widget&&(this.row.builder.addHistoryEntry("widget_pasted"),e.cell=this.model,this.model.get("widgets").add(e),this.row.builder.model.refreshPanelsData())},buildContextualMenu:function(e,t){var i=this;t.hasSection("add-widget-below")||t.addSection("add-widget-cell",{sectionTitle:panelsOptions.loc.contextual.add_widget_cell,searchPlaceholder:panelsOptions.loc.contextual.search_widgets,defaultDisplay:panelsOptions.contextual.default_widgets},panelsOptions.widgets,function(e){i.row.builder.trigger("before_user_adds_widget"),i.row.builder.addHistoryEntry("widget_added");var t=new l.model.widget({class:e});t.cell=i.model,t.cell.get("widgets").add(t),i.row.builder.model.refreshPanelsData(),i.row.builder.trigger("after_user_adds_widget",t)});var s={};this.row.builder.supports("addWidget")&&l.helpers.clipboard.isModel("widget-model")&&(s.paste={title:panelsOptions.loc.contextual.cell_paste_widget}),_.isEmpty(s)||t.addSection("cell-actions",{sectionTitle:panelsOptions.loc.contextual.cell_actions,search:!1},s,function(e){switch(e){case"paste":this.pasteHandler()}this.row.builder.model.refreshPanelsData()}.bind(this)),this.row.buildContextualMenu(e,t)}})},{}],25:[function(e,t,i){var o=window.panels,d=jQuery;t.exports=Backbone.View.extend({dialogTemplate:_.template(o.helpers.utils.processTemplate(d("#siteorigin-panels-dialog").html())),dialogTabTemplate:_.template(o.helpers.utils.processTemplate(d("#siteorigin-panels-dialog-tab").html())),tabbed:!1,rendered:!1,builder:!1,className:"so-panels-dialog-wrapper",dialogClass:"",dialogIcon:"",parentDialog:!1,dialogOpen:!1,editableLabel:!1,events:{"click .so-close":"closeDialog","click .so-nav.so-previous":"navToPrevious","click .so-nav.so-next":"navToNext"},initialize:function(){this.once("open_dialog",this.render),this.once("open_dialog",this.attach),this.once("open_dialog",this.setDialogClass),this.trigger("initialize_dialog",this),_.isUndefined(this.initializeDialog)||this.initializeDialog(),_.bindAll(this,"initSidebars","hasSidebar","onResize","toggleLeftSideBar","toggleRightSideBar")},getNextDialog:function(){return null},getPrevDialog:function(){return null},setDialogClass:function(){""!==this.dialogClass&&this.$(".so-panels-dialog").addClass(this.dialogClass)},setBuilder:function(e){return(this.builder=e).trigger("add_dialog",this,this.builder),this},attach:function(){return this.$el.appendTo("body"),this},parseDialogContent:function(e,t){t=_.extend({cid:this.cid},t);var i=d(_.template(o.helpers.utils.processTemplate(e))(t)),s={title:i.find(".title").html(),buttons:i.find(".buttons").html(),content:i.find(".content").html()};return i.has(".left-sidebar")&&(s.left_sidebar=i.find(".left-sidebar").html()),i.has(".right-sidebar")&&(s.right_sidebar=i.find(".right-sidebar").html()),s},renderDialog:function(e){if(e=_.extend({editableLabel:this.editableLabel,dialogIcon:this.dialogIcon},e),this.$el.html(this.dialogTemplate(e)).hide(),this.$el.data("view",this),this.$el.addClass("so-panels-dialog-wrapper"),!1!==this.parentDialog){var t=this,i=d('<h3 class="so-parent-link"></h3>').html(this.parentDialog.text+'<div class="so-separator"></div>');i.click(function(e){e.preventDefault(),t.closeDialog(),t.parentDialog.openDialog()}),this.$(".so-title-bar .so-title").before(i)}return this.$(".so-title-bar .so-title-editable").length&&this.initEditableLabel(),setTimeout(this.initSidebars,1),this},initSidebars:function(){var e=this.$(".so-show-left-sidebar").hide(),t=this.$(".so-show-right-sidebar").hide(),i=this.hasSidebar("left"),s=this.hasSidebar("right");(i||s)&&(d(window).on("resize",this.onResize),i&&(e.show(),e.on("click",this.toggleLeftSideBar)),s&&(t.show(),t.on("click",this.toggleRightSideBar))),this.onResize()},initTabs:function(){var e=this.$(".so-sidebar-tabs li a");if(0===e.length)return this;var l=this;return e.click(function(e){e.preventDefault();var t=d(this);l.$(".so-sidebar-tabs li").removeClass("tab-active"),l.$(".so-content .so-content-tabs > *").hide(),t.parent().addClass("tab-active");var i=t.attr("href");if(!_.isUndefined(i)&&"#"===i.charAt(0)){var s=i.split("#")[1];l.$(".so-content .so-content-tabs .tab-"+s).show()}l.trigger("tab_click",t)}),this.$(".so-sidebar-tabs li a").first().click(),this},initToolbar:function(){this.$(".so-toolbar .so-buttons .so-toolbar-button").click(function(e){e.preventDefault(),this.trigger("button_click",d(e.currentTarget))}.bind(this)),this.$(".so-toolbar .so-buttons .so-dropdown-button").click(function(e){e.preventDefault();var t=d(e.currentTarget).siblings(".so-dropdown-links-wrapper");t.is(".hidden")?t.removeClass("hidden"):t.addClass("hidden")}.bind(this)),d("html").click(function(l){this.$(".so-dropdown-links-wrapper").not(".hidden").each(function(e,t){var i=d(t),s=d(l.target);0!==s.length&&(s.is(".so-needs-confirm")&&!s.is(".so-confirmed")||s.is(".so-dropdown-button"))||i.addClass("hidden")})}.bind(this))},initEditableLabel:function(){var l=this.$(".so-title-bar .so-title-editable");l.keypress(function(e){var t="keypress"===e.type&&13===e.keyCode;if(t){var i=d(":tabbable"),s=i.index(l);i.eq(s+1).focus(),window.getSelection().removeAllRanges()}return!t}).blur(function(){var e=l.text().replace(/^\s+|\s+$/gm,"");e!==l.data("original-value").replace(/^\s+|\s+$/gm,"")&&(l.text(e),this.trigger("edit_label",e))}.bind(this)),l.focus(function(){l.data("original-value",l.text()),o.helpers.utils.selectElementContents(this)})},setupDialog:function(){this.openDialog(),this.closeDialog()},refreshDialogNav:function(){this.$(".so-title-bar .so-nav").show().removeClass("so-disabled");var e=this.getNextDialog(),t=this.$(".so-title-bar .so-next"),i=this.getPrevDialog(),s=this.$(".so-title-bar .so-previous");null===e?t.hide():!1===e&&t.addClass("so-disabled"),null===i?s.hide():!1===i&&s.addClass("so-disabled")},openDialog:function(e){(e=_.extend({silent:!1},e)).silent||this.trigger("open_dialog"),this.dialogOpen=!0,this.refreshDialogNav(),o.helpers.pageScroll.lock(),d(window).on("keyup",this.keyboardListen),this.onResize(),this.$el.show(),e.silent||(this.trigger("open_dialog_complete"),this.builder.trigger("open_dialog",this),d(document).trigger("open_dialog",this))},closeDialog:function(e){(e=_.extend({silent:!1},e)).silent||this.trigger("close_dialog"),this.dialogOpen=!1,this.$el.hide(),o.helpers.pageScroll.unlock(),d(window).off("keyup",this.keyboardListen),e.silent||(this.trigger("close_dialog_complete"),this.builder.trigger("close_dialog",this))},keyboardListen:function(e){27===e.which&&d(".so-panels-dialog-wrapper .so-close").trigger("click")},navToPrevious:function(){this.closeDialog();var e=this.getPrevDialog();null!==e&&!1!==e&&e.openDialog()},navToNext:function(){this.closeDialog();var e=this.getNextDialog();null!==e&&!1!==e&&e.openDialog()},getFormValues:function(e){_.isUndefined(e)&&(e=".so-content");var a,t=this.$(e),r={};return t.find("[name]").each(function(){var t=d(this);try{var e=/([A-Za-z_]+)\[(.*)\]/.exec(t.attr("name"));if(_.isEmpty(e))return!0;_.isUndefined(e[2])?a=t.attr("name"):(a=e[2].split("][")).unshift(e[1]),a=a.map(function(e){return!isNaN(parseFloat(e))&&isFinite(e)?parseInt(e):e});var i=r,s=null,l=!!_.isString(t.attr("type"))&&t.attr("type").toLowerCase();if("checkbox"===l)s=t.is(":checked")?""===t.val()||t.val():null;else if("radio"===l){if(!t.is(":checked"))return;s=t.val()}else if("SELECT"===t.prop("tagName")){var o=t.find("option:selected");1===o.length?s=t.find("option:selected").val():1<o.length&&(s=_.map(t.find("option:selected"),function(e,t){return d(e).val()}))}else s=t.val();if(!_.isUndefined(t.data("panels-filter")))switch(t.data("panels-filter")){case"json_parse":try{s=JSON.parse(s)}catch(e){s=""}}if(null!==s)for(var n=0;n<a.length;n++)n===a.length-1?""===a[n]?i.push(s):i[a[n]]=s:(_.isUndefined(i[a[n]])&&(""===a[n+1]?i[a[n]]=[]:i[a[n]]={}),i=i[a[n]])}catch(e){console.log("Field ["+t.attr("name")+"] could not be processed and was skipped - "+e.message)}}),r},setStatusMessage:function(e,t,i){var s=i?'<span class="dashicons dashicons-warning"></span>'+e:e;this.$(".so-toolbar .so-status").html(s),!_.isUndefined(t)&&t?this.$(".so-toolbar .so-status").addClass("so-panels-loading"):this.$(".so-toolbar .so-status").removeClass("so-panels-loading")},setParent:function(e,t){this.parentDialog={text:e,dialog:t}},onResize:function(){var s=window.matchMedia("(max-width: 980px)");["left","right"].forEach(function(e){var t=this.$(".so-"+e+"-sidebar"),i=this.$(".so-show-"+e+"-sidebar");this.hasSidebar(e)?(i.hide(),s.matches?(i.show(),i.closest(".so-title-bar").addClass("so-has-"+e+"-button"),t.hide(),t.closest(".so-panels-dialog").removeClass("so-panels-dialog-has-"+e+"-sidebar")):(i.hide(),i.closest(".so-title-bar").removeClass("so-has-"+e+"-button"),t.show(),t.closest(".so-panels-dialog").addClass("so-panels-dialog-has-"+e+"-sidebar"))):(t.hide(),i.hide())}.bind(this))},hasSidebar:function(e){return 0<this.$(".so-"+e+"-sidebar").children().length},toggleLeftSideBar:function(){this.toggleSidebar("left")},toggleRightSideBar:function(){this.toggleSidebar("right")},toggleSidebar:function(e){var t=this.$(".so-"+e+"-sidebar");t.is(":visible")?t.hide():t.show()}})},{}],26:[function(e,t,i){var s=window.panels,o=jQuery;t.exports=Backbone.View.extend({template:_.template(s.helpers.utils.processTemplate(o("#siteorigin-panels-live-editor").html())),previewScrollTop:0,loadTimes:[],previewFrameId:1,previewUrl:null,previewIframe:null,events:{"click .live-editor-close":"close","click .live-editor-collapse":"collapse","click .live-editor-mode":"mobileToggle"},initialize:function(e){e=_.extend({builder:!1,previewUrl:!1},e),_.isEmpty(e.previewUrl)&&(e.previewUrl=panelsOptions.ajaxurl+"&action=so_panels_live_editor_preview"),this.builder=e.builder,this.previewUrl=e.previewUrl,this.listenTo(this.builder.model,"refresh_panels_data",this.handleRefreshData),this.listenTo(this.builder.model,"load_panels_data",this.handleLoadData)},render:function(){this.setElement(this.template()),this.$el.hide();var t=!1;o(document).mousedown(function(){t=!0}).mouseup(function(){t=!1});var i=this;return this.$el.on("mouseenter",".so-widget-wrapper",function(){var e=o(this).data("live-editor-preview-widget");t||void 0===e||!e.length||i.$(".so-preview-overlay").is(":visible")||(i.highlightElement(e),i.scrollToElement(e))}),this.$el.on("mouseleave",".so-widget-wrapper",function(){this.resetHighlights()}.bind(this)),this.listenTo(this.builder,"open_dialog",function(){this.resetHighlights()}),this},attach:function(){this.$el.appendTo("body")},open:function(){if(""===this.$el.html()&&this.render(),0===this.$el.closest("body").length&&this.attach(),s.helpers.pageScroll.lock(),this.$el.is(":visible"))return this;if(this.$el.show(),this.refreshPreview(this.builder.model.getPanelsData()),this.originalContainer=this.builder.$el.parent(),this.builder.$el.appendTo(this.$(".so-live-editor-builder")),this.builder.$(".so-tool-button.so-live-editor").hide(),this.builder.trigger("builder_resize"),"auto-draft"===o("#original_post_status").val()&&!this.autoSaved){var e=this;wp.autosave&&(""===o('#title[name="post_title"]').val()&&o('#title[name="post_title"]').val(panelsOptions.loc.draft).trigger("keydown"),o(document).one("heartbeat-tick.autosave",function(){e.autoSaved=!0,e.refreshPreview(e.builder.model.getPanelsData())}),wp.autosave.server.triggerSave())}},close:function(){if(!this.$el.is(":visible"))return this;this.$el.hide(),s.helpers.pageScroll.unlock(),this.builder.$el.appendTo(this.originalContainer),this.builder.$(".so-tool-button.so-live-editor").show(),this.builder.trigger("builder_resize")},collapse:function(){this.$el.toggleClass("so-collapsed");var e=this.$(".live-editor-collapse span");e.html(e.data(this.$el.hasClass("so-collapsed")?"expand":"collapse"))},highlightElement:function(e){_.isUndefined(this.resetHighlightTimeout)||clearTimeout(this.resetHighlightTimeout),this.previewIframe.contents().find("body").find(".panel-grid .panel-grid-cell .so-panel").filter(function(){return 0===o(this).parents(".so-panel").length}).not(e).addClass("so-panels-faded"),e.removeClass("so-panels-faded").addClass("so-panels-highlighted")},resetHighlights:function(){var e=this.previewIframe.contents().find("body");this.resetHighlightTimeout=setTimeout(function(){e.find(".panel-grid .panel-grid-cell .so-panel").removeClass("so-panels-faded so-panels-highlighted")},100)},scrollToElement:function(e){this.$(".so-preview iframe")[0].contentWindow.liveEditorScrollTo(e)},handleRefreshData:function(e,t){if(!this.$el.is(":visible"))return this;this.refreshPreview(e)},handleLoadData:function(){if(!this.$el.is(":visible"))return this;this.refreshPreview(this.builder.model.getPanelsData())},refreshPreview:function(e){var t=this.loadTimes.length?_.reduce(this.loadTimes,function(e,t){return e+t},0)/this.loadTimes.length:1e3;_.isNull(this.previewIframe)||this.$(".so-preview-overlay").is(":visible")||(this.previewScrollTop=this.previewIframe.contents().scrollTop()),this.$(".so-preview-overlay").show(),this.$(".so-preview-overlay .so-loading-bar").clearQueue().css("width","0%").animate({width:"100%"},parseInt(t)+100),this.postToIframe({live_editor_panels_data:JSON.stringify(e),live_editor_post_ID:this.builder.config.postId},this.previewUrl,this.$(".so-preview")),this.previewIframe.data("load-start",(new Date).getTime())},postToIframe:function(e,t,i){_.isNull(this.previewIframe)||this.previewIframe.remove();var s="siteorigin-panels-live-preview-"+this.previewFrameId;this.previewIframe=o('<iframe src="javascript:false;" />').attr({id:s,name:s}).appendTo(i),this.setupPreviewFrame(this.previewIframe);var l=o('<form id="soPostToPreviewFrame" method="post" />').attr({id:s,target:this.previewIframe.attr("id"),action:t}).appendTo("body");return o.each(e,function(e,t){o('<input type="hidden" />').attr({name:e,value:t}).appendTo(l)}),l.submit().remove(),this.previewFrameId++,this.previewIframe},setupPreviewFrame:function(e){var l=this;e.data("iframeready",!1).on("iframeready",function(){var e=o(this),t=e.contents();if(!e.data("iframeready")){e.data("iframeready",!0),void 0!==e.data("load-start")&&(l.loadTimes.unshift((new Date).getTime()-e.data("load-start")),_.isEmpty(l.loadTimes)||(l.loadTimes=l.loadTimes.slice(0,4))),setTimeout(function(){t.scrollTop(l.previewScrollTop),l.$(".so-preview-overlay").hide()},100);var i=t.find("#pl-"+l.builder.config.postId);i.find(".panel-grid .panel-grid-cell .so-panel").filter(function(){return o(this).closest(".panel-layout").is(i)}).each(function(e,t){var i=o(t),s=l.$(".so-live-editor-builder .so-widget-wrapper").eq(i.data("index"));s.data("live-editor-preview-widget",i),i.css({cursor:"pointer"}).mouseenter(function(){s.parent().addClass("so-hovered"),l.highlightElement(i)}).mouseleave(function(){s.parent().removeClass("so-hovered"),l.resetHighlights()}).click(function(e){e.preventDefault(),s.find(".title h4").click()})}),t.find("a").css({"pointer-events":"none"}).click(function(e){e.preventDefault()})}}).on("load",function(){var e=o(this);e.data("iframeready")||e.trigger("iframeready")})},hasPreviewUrl:function(){return""!==this.$("form.live-editor-form").attr("action")},mobileToggle:function(e){var t=o(e.currentTarget);this.$(".live-editor-mode").not(t).removeClass("so-active"),t.addClass("so-active"),this.$el.removeClass("live-editor-desktop-mode live-editor-tablet-mode live-editor-mobile-mode").addClass("live-editor-"+t.data("mode")+"-mode")}})},{}],27:[function(e,t,i){var n=window.panels,l=jQuery;t.exports=Backbone.View.extend({template:_.template(n.helpers.utils.processTemplate(l("#siteorigin-panels-builder-row").html())),events:{"click .so-row-settings":"editSettingsHandler","click .so-row-duplicate":"duplicateHandler","click .so-row-delete":"confirmedDeleteHandler","click .so-row-color":"rowColorChangeHandler"},builder:null,dialog:null,initialize:function(){var e=this.model.get("cells");this.listenTo(e,"add",this.handleCellAdd),this.listenTo(e,"remove",this.handleCellRemove),this.listenTo(this.model,"reweight_cells",this.resize),this.listenTo(this.model,"destroy",this.onModelDestroy);var t=this;e.each(function(e){t.listenTo(e.get("widgets"),"add",t.resize)}),e.on("add",function(e){t.listenTo(e.get("widgets"),"add",t.resize)},this),this.listenTo(this.model,"change:label",this.onLabelChange)},render:function(){var e=this.model.has("color_label")?this.model.get("color_label"):1,t=this.model.has("label")?this.model.get("label"):"";this.setElement(this.template({rowColorLabel:e,rowLabel:t})),this.$el.data("view",this);var i=this;return this.model.get("cells").each(function(e){var t=new n.view.cell({model:e});t.row=i,t.render(),t.$el.appendTo(i.$(".so-cells"))}),this.builder.supports("rowAction")?(this.builder.supports("editRow")||(this.$(".so-row-toolbar .so-dropdown-links-wrapper .so-row-settings").parent().remove(),this.$el.addClass("so-row-no-edit")),this.builder.supports("addRow")||(this.$(".so-row-toolbar .so-dropdown-links-wrapper .so-row-duplicate").parent().remove(),this.$el.addClass("so-row-no-duplicate")),this.builder.supports("deleteRow")||(this.$(".so-row-toolbar .so-dropdown-links-wrapper .so-row-delete").parent().remove(),this.$el.addClass("so-row-no-delete"))):(this.$(".so-row-toolbar .so-dropdown-wrapper").remove(),this.$el.addClass("so-row-no-actions")),this.builder.supports("moveRow")||(this.$(".so-row-toolbar .so-row-move").remove(),this.$el.addClass("so-row-no-move")),l.trim(this.$(".so-row-toolbar").html()).length||this.$(".so-row-toolbar").remove(),this.listenTo(this.builder,"widget_sortable_move",this.resize),this.listenTo(this.builder,"builder_resize",this.resize),this.resize(),this},visualCreate:function(){this.$el.hide().fadeIn("fast")},resize:function(e){if(this.$el.is(":visible")){this.$(".so-cells .cell-wrapper").css("min-height",0),this.$(".so-cells .resize-handle").css("height",0);var t=0;this.$(".so-cells .cell").each(function(){t=Math.max(t,l(this).height()),l(this).css("width",100*l(this).data("view").model.get("weight")+"%")}),this.$(".so-cells .cell-wrapper").css("min-height",Math.max(t,63)),this.$(".so-cells .resize-handle").css("height",this.$(".so-cells .cell-wrapper").outerHeight())}},onModelDestroy:function(){this.remove()},visualDestroyModel:function(){this.builder.addHistoryEntry("row_deleted");var e=this;this.$el.fadeOut("normal",function(){e.model.destroy(),e.builder.model.refreshPanelsData()})},onLabelChange:function(e,t){0==this.$(".so-row-label").length?this.$(".so-row-toolbar").prepend('<h3 class="so-row-label">'+t+"</h3>"):this.$(".so-row-label").text(t)},duplicateHandler:function(){this.builder.addHistoryEntry("row_duplicated");var e=this.model.clone(this.builder.model);this.builder.model.get("rows").add(e,{at:this.builder.model.get("rows").indexOf(this.model)+1}),this.builder.model.refreshPanelsData()},copyHandler:function(){n.helpers.clipboard.setModel(this.model)},pasteHandler:function(){var e=n.helpers.clipboard.getModel("row-model");!_.isEmpty(e)&&e instanceof n.model.row&&(this.builder.addHistoryEntry("row_pasted"),e.builder=this.builder.model,this.builder.model.get("rows").add(e,{at:this.builder.model.get("rows").indexOf(this.model)+1}),this.builder.model.refreshPanelsData())},confirmedDeleteHandler:function(e){var t=l(e.target);if(t.hasClass("dashicons")&&(t=t.parent()),t.hasClass("so-confirmed"))this.visualDestroyModel();else{var i=t.html();t.addClass("so-confirmed").html('<span class="dashicons dashicons-yes"></span>'+panelsOptions.loc.dropdown_confirm),setTimeout(function(){t.removeClass("so-confirmed").html(i)},2500)}},editSettingsHandler:function(){if(this.builder.supports("editRow"))return null===this.dialog&&(this.dialog=new n.dialog.row,this.dialog.setBuilder(this.builder).setRowModel(this.model),this.dialog.rowView=this),this.dialog.openDialog(),this},deleteHandler:function(){return this.model.destroy(),this},rowColorChangeHandler:function(e){this.$(".so-row-color").removeClass("so-row-color-selected");var t=l(e.target),i=t.data("color-label"),s=this.model.has("color_label")?this.model.get("color_label"):1;t.addClass("so-row-color-selected"),this.$el.removeClass("so-row-color-"+s),this.$el.addClass("so-row-color-"+i),this.model.set("color_label",i)},handleCellAdd:function(e){var t=new n.view.cell({model:e});t.row=this,t.render(),t.$el.appendTo(this.$(".so-cells"))},handleCellRemove:function(t){this.$(".so-cells > .cell").each(function(){var e=l(this).data("view");_.isUndefined(e)||e.model.cid===t.cid&&e.remove()})},buildContextualMenu:function(e,t){for(var i=[],s=1;s<5;s++)i.push({title:s+" "+panelsOptions.loc.contextual.column});this.builder.supports("addRow")&&t.addSection("add-row",{sectionTitle:panelsOptions.loc.contextual.add_row,search:!1},i,function(e){this.builder.addHistoryEntry("row_added");for(var t=Number(e)+1,i=[],s=0;s<t;s++)i.push({weight:100/t});var l=new n.model.row({collection:this.collection}),o=new n.collection.cells(i);o.each(function(e){e.row=l}),l.setCells(o),l.builder=this.builder.model,this.builder.model.get("rows").add(l,{at:this.builder.model.get("rows").indexOf(this.model)+1}),this.builder.model.refreshPanelsData()}.bind(this));var l={};this.builder.supports("editRow")&&(l.edit={title:panelsOptions.loc.contextual.row_edit}),n.helpers.clipboard.canCopyPaste()&&(l.copy={title:panelsOptions.loc.contextual.row_copy},this.builder.supports("addRow")&&n.helpers.clipboard.isModel("row-model")&&(l.paste={title:panelsOptions.loc.contextual.row_paste})),this.builder.supports("addRow")&&(l.duplicate={title:panelsOptions.loc.contextual.row_duplicate}),this.builder.supports("deleteRow")&&(l.delete={title:panelsOptions.loc.contextual.row_delete,confirm:!0}),_.isEmpty(l)||t.addSection("row-actions",{sectionTitle:panelsOptions.loc.contextual.row_actions,search:!1},l,function(e){switch(e){case"edit":this.editSettingsHandler();break;case"copy":this.copyHandler();break;case"paste":this.pasteHandler();break;case"duplicate":this.duplicateHandler();break;case"delete":this.visualDestroyModel()}}.bind(this))}})},{}],28:[function(e,t,i){window.panels;var d=jQuery;t.exports=Backbone.View.extend({stylesLoaded:!1,initialize:function(){},render:function(e,t,i){if(!_.isUndefined(e)){i=_.extend({builderType:"",dialog:null},i),this.$el.addClass("so-visual-styles so-"+e+"-styles so-panels-loading");var s={builderType:i.builderType};return"cell"===e&&(s.index=i.index),d.post(panelsOptions.ajaxurl,{action:"so_panels_style_form",type:e,style:this.model.get("style"),args:JSON.stringify(s),postId:t},null,"html").done(function(e){this.$el.html(e),this.setupFields(),this.stylesLoaded=!0,this.trigger("styles_loaded",!_.isEmpty(e)),_.isNull(i.dialog)||i.dialog.trigger("styles_loaded",!_.isEmpty(e))}.bind(this)).fail(function(e){var t;t=e&&e.responseText?e.responseText:panelsOptions.forms.loadingFailed,this.$el.html(t)}.bind(this)).always(function(){this.$el.removeClass("so-panels-loading")}.bind(this)),this}},attach:function(e){e.append(this.$el)},detach:function(){this.$el.detach()},setupFields:function(){this.$(".style-section-wrapper").each(function(){var t=d(this);t.find(".style-section-head").click(function(e){e.preventDefault(),t.find(".style-section-fields").slideToggle("fast")})}),_.isUndefined(d.fn.wpColorPicker)||(_.isObject(panelsOptions.wpColorPickerOptions.palettes)&&!d.isArray(panelsOptions.wpColorPickerOptions.palettes)&&(panelsOptions.wpColorPickerOptions.palettes=d.map(panelsOptions.wpColorPickerOptions.palettes,function(e){return e})),this.$(".so-wp-color-field").wpColorPicker(panelsOptions.wpColorPickerOptions)),this.$(".style-field-image").each(function(){var s=null,l=d(this);l.find(".so-image-selector").click(function(e){e.preventDefault(),null===s&&(s=wp.media({title:"choose",library:{type:"image"},button:{text:"Done",close:!0}})).on("select",function(){var t=s.state().get("selection").first().attributes,i=t.url;if(!_.isUndefined(t.sizes))try{i=t.sizes.thumbnail.url}catch(e){i=t.sizes.full.url}l.find(".current-image").css("background-image","url("+i+")"),l.find(".so-image-selector > input").val(t.id),l.find(".remove-image").removeClass("hidden")}),s.open()}),l.find(".remove-image").click(function(e){e.preventDefault(),l.find(".current-image").css("background-image","none"),l.find(".so-image-selector > input").val(""),l.find(".remove-image").addClass("hidden")})}),this.$(".style-field-measurement").each(function(){var e=d(this),n=e.find('input[type="text"]'),a=e.find("select"),r=e.find('input[type="hidden"]');n.focus(function(){d(this).select()});!function(e){if(""!==e){var t=/(?:([0-9\.,\-]+)(.*))+/,i=r.val().split(" "),s=[];for(var l in i){var o=t.exec(i[l]);_.isNull(o)||_.isUndefined(o[1])||_.isUndefined(o[2])||(s.push(o[1]),a.val(o[2]))}1===n.length?n.val(s.join(" ")):(1===s.length?s=[s[0],s[0],s[0],s[0]]:2===s.length?s=[s[0],s[1],s[0],s[1]]:3===s.length&&(s=[s[0],s[1],s[2],s[1]]),n.each(function(e,t){d(t).val(s[e])}))}}(r.val());var t=function(e){if(1===n.length){var t=n.val().split(" ").filter(function(e){return""!==e}).map(function(e){return e+a.val()}).join(" ");r.val(t)}else{var i=d(e.target),s=[],l=[],o=[];n.each(function(e,t){var i=""!==d(t).val()?parseFloat(d(t).val()):null;s.push(i),null===i?l.push(e):o.push(e)}),3===l.length&&o[0]===n.index(i)&&(n.val(i.val()),s=[i.val(),i.val(),i.val(),i.val()]),JSON.stringify(s)===JSON.stringify([null,null,null,null])?r.val(""):r.val(s.map(function(e){return(null===e?0:e)+a.val()}).join(" "))}};n.change(t),a.change(t)})}})},{}],29:[function(e,t,i){var s=window.panels,l=jQuery;t.exports=Backbone.View.extend({template:_.template(s.helpers.utils.processTemplate(l("#siteorigin-panels-builder-widget").html())),cell:null,dialog:null,events:{"click .widget-edit":"editHandler","click .title h4":"editHandler","click .actions .widget-duplicate":"duplicateHandler","click .actions .widget-delete":"deleteHandler"},initialize:function(){this.listenTo(this.model,"destroy",this.onModelDestroy),this.listenTo(this.model,"change:values",this.onModelChange),this.listenTo(this.model,"change:label",this.onLabelChange)},render:function(e){if(e=_.extend({loadForm:!1},e),this.setElement(this.template({title:this.model.getWidgetField("title"),description:this.model.getTitle()})),this.$el.data("view",this),this.cell.row.builder.supports("editWidget")&&!this.model.get("read_only")||(this.$(".actions .widget-edit").remove(),this.$el.addClass("so-widget-no-edit")),this.cell.row.builder.supports("addWidget")||(this.$(".actions .widget-duplicate").remove(),this.$el.addClass("so-widget-no-duplicate")),this.cell.row.builder.supports("deleteWidget")||(this.$(".actions .widget-delete").remove(),this.$el.addClass("so-widget-no-delete")),this.cell.row.builder.supports("moveWidget")||this.$el.addClass("so-widget-no-move"),l.trim(this.$(".actions").html()).length||this.$(".actions").remove(),this.model.get("read_only")&&this.$el.addClass("so-widget-read-only"),0===_.size(this.model.get("values"))||e.loadForm){var t=this.getEditDialog();t.once("form_loaded",t.saveWidget,t),t.setupDialog()}return this.listenTo(this.cell.row.builder,"after_user_adds_widget",this.afterUserAddsWidgetHandler),this},visualCreate:function(){this.$el.hide().fadeIn("fast")},getEditDialog:function(){return null===this.dialog&&(this.dialog=new s.dialog.widget({model:this.model}),this.dialog.setBuilder(this.cell.row.builder),this.dialog.widgetView=this),this.dialog},editHandler:function(){return!this.cell.row.builder.supports("editWidget")||this.model.get("read_only")||this.getEditDialog().openDialog(),this},duplicateHandler:function(){this.cell.row.builder.addHistoryEntry("widget_duplicated");var e=this.model.clone(this.model.cell);return this.cell.model.get("widgets").add(e,{at:this.model.collection.indexOf(this.model)+1}),this.cell.row.builder.model.refreshPanelsData(),this},copyHandler:function(){s.helpers.clipboard.setModel(this.model)},deleteHandler:function(){return this.visualDestroyModel(),this},onModelChange:function(){this.$(".description").html(this.model.getTitle())},onLabelChange:function(e){this.$(".title > h4").text(e.getWidgetField("title"))},onModelDestroy:function(){this.remove()},visualDestroyModel:function(){return this.cell.row.builder.addHistoryEntry("widget_deleted"),this.$el.fadeOut("fast",function(){this.cell.row.resize(),this.model.destroy(),this.cell.row.builder.model.refreshPanelsData(),this.remove()}.bind(this)),this},buildContextualMenu:function(e,t){this.cell.row.builder.supports("addWidget")&&t.addSection("add-widget-below",{sectionTitle:panelsOptions.loc.contextual.add_widget_below,searchPlaceholder:panelsOptions.loc.contextual.search_widgets,defaultDisplay:panelsOptions.contextual.default_widgets},panelsOptions.widgets,function(e){this.cell.row.builder.trigger("before_user_adds_widget"),this.cell.row.builder.addHistoryEntry("widget_added");var t=new s.model.widget({class:e});t.cell=this.cell.model,this.cell.model.get("widgets").add(t,{at:this.model.collection.indexOf(this.model)+1}),this.cell.row.builder.model.refreshPanelsData(),this.cell.row.builder.trigger("after_user_adds_widget",t)}.bind(this));var i={};this.cell.row.builder.supports("editWidget")&&!this.model.get("read_only")&&(i.edit={title:panelsOptions.loc.contextual.widget_edit}),s.helpers.clipboard.canCopyPaste()&&(i.copy={title:panelsOptions.loc.contextual.widget_copy}),this.cell.row.builder.supports("addWidget")&&(i.duplicate={title:panelsOptions.loc.contextual.widget_duplicate}),this.cell.row.builder.supports("deleteWidget")&&(i.delete={title:panelsOptions.loc.contextual.widget_delete,confirm:!0}),_.isEmpty(i)||t.addSection("widget-actions",{sectionTitle:panelsOptions.loc.contextual.widget_actions,search:!1},i,function(e){switch(e){case"edit":this.editHandler();break;case"copy":this.copyHandler();break;case"duplicate":this.duplicateHandler();break;case"delete":this.visualDestroyModel()}}.bind(this)),this.cell.buildContextualMenu(e,t)},afterUserAddsWidgetHandler:function(e){this.model===e&&panelsOptions.instant_open&&setTimeout(this.editHandler.bind(this),350)}})},{}],30:[function(e,t,i){var a=jQuery,s={addWidget:function(e,t,i){var s=wp.customHtmlWidgets,l=a("<div></div>"),o=t.find(".widget-content:first");o.before(l);var n=new s.CustomHtmlWidgetControl({el:l,syncContainer:o});return n.initializeEditor(),n.editor.codemirror.refresh(),n}};t.exports=s},{}],31:[function(e,t,i){var l=e("./custom-html-widget"),o=e("./media-widget"),n=e("./text-widget"),s={CUSTOM_HTML:"custom_html",MEDIA_AUDIO:"media_audio",MEDIA_GALLERY:"media_gallery",MEDIA_IMAGE:"media_image",MEDIA_VIDEO:"media_video",TEXT:"text",addWidget:function(e,t){var i,s=e.find("> .id_base").val();switch(s){case this.CUSTOM_HTML:i=l;break;case this.MEDIA_AUDIO:case this.MEDIA_GALLERY:case this.MEDIA_IMAGE:case this.MEDIA_VIDEO:i=o;break;case this.TEXT:i=n}i.addWidget(s,e,t)}};t.exports=s},{"./custom-html-widget":30,"./media-widget":32,"./text-widget":33}],32:[function(e,t,i){var h=jQuery,s={addWidget:function(e,t,i){var s=wp.mediaWidgets,l=s.controlConstructors[e];if(l){var o=s.modelConstructors[e]||s.MediaWidgetModel,n=t.find("> .widget-content"),a=h('<div class="media-widget-control"></div>');n.before(a);var r={};n.find(".media-widget-instance-property").each(function(){var e=h(this);r[e.data("property")]=e.val()}),r.widget_id=i;var d=new l({el:a,syncContainer:n,model:new o(r)});return d.render(),d}}};t.exports=s},{}],33:[function(e,t,i){var h=jQuery,s={addWidget:function(e,t,i){var s=wp.textWidgets,l={},o=t.find(".visual");if(0<o.length){if(!o.val())return null;var n=h("<div></div>"),a=t.find(".widget-content:first");a.before(n),l={el:n,syncContainer:a}}else l={el:t};var r=new s.TextWidgetControl(l),d=wp.oldEditor?wp.oldEditor:wp.editor;return d&&d.hasOwnProperty("autop")&&(wp.editor.autop=d.autop,wp.editor.removep=d.removep,wp.editor.initialize=d.initialize),r.initializeEditor(),r}};t.exports=s},{}]},{},[16]);
|
|
js/{siteorigin-panels-2102.js → siteorigin-panels-2103.js}
RENAMED
File without changes
|
js/{siteorigin-panels-2102.min.js → siteorigin-panels-2103.min.js}
RENAMED
File without changes
|
js/styling-2101.js
DELETED
@@ -1,62 +0,0 @@
|
|
1 |
-
/* global _, jQuery */
|
2 |
-
|
3 |
-
jQuery( function ( $ ) {
|
4 |
-
|
5 |
-
var fullContainer = $( panelsStyles.fullContainer );
|
6 |
-
if ( fullContainer.length === 0 ) {
|
7 |
-
fullContainer = $( 'body' );
|
8 |
-
}
|
9 |
-
|
10 |
-
// Stretch all the full width rows
|
11 |
-
var stretchFullWidthRows = function () {
|
12 |
-
var $panelsRow = $( '.siteorigin-panels-stretch.panel-row-style' );
|
13 |
-
$panelsRow.each( function () {
|
14 |
-
var $$ = $( this );
|
15 |
-
|
16 |
-
var stretchType = $$.data( 'stretch-type' );
|
17 |
-
var defaultSidePadding = stretchType === 'full-stretched-padded' ? '' : 0;
|
18 |
-
|
19 |
-
// Reset all the styles associated with row stretching
|
20 |
-
$$.css( {
|
21 |
-
'margin-left': 0,
|
22 |
-
'margin-right': 0,
|
23 |
-
'padding-left': defaultSidePadding,
|
24 |
-
'padding-right': defaultSidePadding
|
25 |
-
} );
|
26 |
-
|
27 |
-
var leftSpace = $$.offset().left - fullContainer.offset().left,
|
28 |
-
rightSpace = fullContainer.outerWidth() - leftSpace - $$.parent().outerWidth();
|
29 |
-
|
30 |
-
$$.css( {
|
31 |
-
'margin-left': - leftSpace,
|
32 |
-
'margin-right': - rightSpace,
|
33 |
-
'padding-left': stretchType === 'full' ? leftSpace : defaultSidePadding,
|
34 |
-
'padding-right': stretchType === 'full' ? rightSpace : defaultSidePadding
|
35 |
-
} );
|
36 |
-
|
37 |
-
var cells = $$.find( '> .panel-grid-cell' );
|
38 |
-
|
39 |
-
if ( stretchType === 'full-stretched' && cells.length === 1 ) {
|
40 |
-
cells.css( {
|
41 |
-
'padding-left': 0,
|
42 |
-
'padding-right': 0
|
43 |
-
} );
|
44 |
-
}
|
45 |
-
|
46 |
-
$$.css( {
|
47 |
-
'border-left': 0,
|
48 |
-
'border-right': 0
|
49 |
-
} );
|
50 |
-
} );
|
51 |
-
|
52 |
-
if ( $panelsRow.length ) {
|
53 |
-
$( window ).trigger( 'panelsStretchRows' );
|
54 |
-
}
|
55 |
-
}
|
56 |
-
$( window ).on( 'resize load', stretchFullWidthRows );
|
57 |
-
stretchFullWidthRows();
|
58 |
-
|
59 |
-
// This should have been done in the footer, but run it here just incase.
|
60 |
-
$( 'body' ).removeClass( 'siteorigin-panels-before-js' );
|
61 |
-
|
62 |
-
} );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
js/styling-2101.min.js
DELETED
@@ -1 +0,0 @@
|
|
1 |
-
jQuery(function(a){var d=a(panelsStyles.fullContainer);0===d.length&&(d=a("body"));var e=function(){var e=a(".siteorigin-panels-stretch.panel-row-style");e.each(function(){var e=a(this),t=e.data("stretch-type"),r="full-stretched-padded"===t?"":0;e.css({"margin-left":0,"margin-right":0,"padding-left":r,"padding-right":r});var i=e.offset().left-d.offset().left,n=d.outerWidth()-i-e.parent().outerWidth();e.css({"margin-left":-i,"margin-right":-n,"padding-left":"full"===t?i:r,"padding-right":"full"===t?n:r});var l=e.find("> .panel-grid-cell");"full-stretched"===t&&1===l.length&&l.css({"padding-left":0,"padding-right":0}),e.css({"border-left":0,"border-right":0})}),e.length&&a(window).trigger("panelsStretchRows")};a(window).on("resize load",e),e(),a("body").removeClass("siteorigin-panels-before-js")});
|
|
js/{styling-2102.js → styling-2103.js}
RENAMED
File without changes
|
js/{styling-2102.min.js → styling-2103.min.js}
RENAMED
File without changes
|
lang/siteorigin-panels.pot
CHANGED
@@ -44,7 +44,7 @@ msgstr ""
|
|
44 |
msgid "(email SiteOrigin support)"
|
45 |
msgstr ""
|
46 |
|
47 |
-
#: inc/admin-dashboard.php:95, inc/admin.php:
|
48 |
msgid "Support Forum"
|
49 |
msgstr ""
|
50 |
|
@@ -109,7 +109,7 @@ msgstr ""
|
|
109 |
msgid "WordPress Widgets"
|
110 |
msgstr ""
|
111 |
|
112 |
-
#: inc/admin-widget-dialog.php:185, inc/settings.php:
|
113 |
msgid "Recommended Widgets"
|
114 |
msgstr ""
|
115 |
|
@@ -121,371 +121,371 @@ msgstr ""
|
|
121 |
msgid "Installing %s"
|
122 |
msgstr ""
|
123 |
|
124 |
-
#: inc/admin.php:
|
125 |
msgid "Addons"
|
126 |
msgstr ""
|
127 |
|
128 |
-
#: inc/admin.php:
|
129 |
msgid "Page Builder"
|
130 |
msgstr ""
|
131 |
|
132 |
-
#: inc/admin.php:
|
133 |
msgid "All Widgets"
|
134 |
msgstr ""
|
135 |
|
136 |
-
#: inc/admin.php:
|
137 |
msgid "Missing Widget"
|
138 |
msgstr ""
|
139 |
|
140 |
-
#: inc/admin.php:
|
141 |
msgid "Page Builder doesn't know about this widget."
|
142 |
msgstr ""
|
143 |
|
144 |
#. translators: Number of seconds since
|
145 |
-
#: inc/admin.php:
|
146 |
msgid "%d seconds"
|
147 |
msgstr ""
|
148 |
|
149 |
#. translators: Number of minutes since
|
150 |
-
#: inc/admin.php:
|
151 |
msgid "%d minutes"
|
152 |
msgstr ""
|
153 |
|
154 |
#. translators: Number of hours since
|
155 |
-
#: inc/admin.php:
|
156 |
msgid "%d hours"
|
157 |
msgstr ""
|
158 |
|
159 |
#. translators: A single second since
|
160 |
-
#: inc/admin.php:
|
161 |
msgid "%d second"
|
162 |
msgstr ""
|
163 |
|
164 |
#. translators: A single minute since
|
165 |
-
#: inc/admin.php:
|
166 |
msgid "%d minute"
|
167 |
msgstr ""
|
168 |
|
169 |
#. translators: A single hour since
|
170 |
-
#: inc/admin.php:
|
171 |
msgid "%d hour"
|
172 |
msgstr ""
|
173 |
|
174 |
#. translators: Time ago - eg. "1 minute before".
|
175 |
-
#: inc/admin.php:
|
176 |
msgid "%s before"
|
177 |
msgstr ""
|
178 |
|
179 |
-
#: inc/admin.php:
|
180 |
msgid "Now"
|
181 |
msgstr ""
|
182 |
|
183 |
-
#: inc/admin.php:
|
184 |
msgid "Current"
|
185 |
msgstr ""
|
186 |
|
187 |
-
#: inc/admin.php:
|
188 |
msgid "Original"
|
189 |
msgstr ""
|
190 |
|
191 |
-
#: inc/admin.php:
|
192 |
msgid "Version restored"
|
193 |
msgstr ""
|
194 |
|
195 |
-
#: inc/admin.php:
|
196 |
msgid "Converted to editor"
|
197 |
msgstr ""
|
198 |
|
199 |
#. translators: Message displayed in the history when a widget is deleted
|
200 |
-
#: inc/admin.php:
|
201 |
msgid "Widget deleted"
|
202 |
msgstr ""
|
203 |
|
204 |
#. translators: Message displayed in the history when a widget is added
|
205 |
-
#: inc/admin.php:
|
206 |
msgid "Widget added"
|
207 |
msgstr ""
|
208 |
|
209 |
#. translators: Message displayed in the history when a widget is edited
|
210 |
-
#: inc/admin.php:
|
211 |
msgid "Widget edited"
|
212 |
msgstr ""
|
213 |
|
214 |
#. translators: Message displayed in the history when a widget is duplicated
|
215 |
-
#: inc/admin.php:
|
216 |
msgid "Widget duplicated"
|
217 |
msgstr ""
|
218 |
|
219 |
#. translators: Message displayed in the history when a widget position is changed
|
220 |
-
#: inc/admin.php:
|
221 |
msgid "Widget moved"
|
222 |
msgstr ""
|
223 |
|
224 |
#. translators: Message displayed in the history when a row is deleted
|
225 |
-
#: inc/admin.php:
|
226 |
msgid "Row deleted"
|
227 |
msgstr ""
|
228 |
|
229 |
#. translators: Message displayed in the history when a row is added
|
230 |
-
#: inc/admin.php:
|
231 |
msgid "Row added"
|
232 |
msgstr ""
|
233 |
|
234 |
#. translators: Message displayed in the history when a row is edited
|
235 |
-
#: inc/admin.php:
|
236 |
msgid "Row edited"
|
237 |
msgstr ""
|
238 |
|
239 |
#. translators: Message displayed in the history when a row position is changed
|
240 |
-
#: inc/admin.php:
|
241 |
msgid "Row moved"
|
242 |
msgstr ""
|
243 |
|
244 |
#. translators: Message displayed in the history when a row is duplicated
|
245 |
-
#: inc/admin.php:
|
246 |
msgid "Row duplicated"
|
247 |
msgstr ""
|
248 |
|
249 |
#. translators: Message displayed in the history when a row is pasted
|
250 |
-
#: inc/admin.php:
|
251 |
msgid "Row pasted"
|
252 |
msgstr ""
|
253 |
|
254 |
-
#: inc/admin.php:
|
255 |
msgid "Cell resized"
|
256 |
msgstr ""
|
257 |
|
258 |
-
#: inc/admin.php:
|
259 |
msgid "Prebuilt layout loaded"
|
260 |
msgstr ""
|
261 |
|
262 |
-
#: inc/admin.php:
|
263 |
msgid "Loading prebuilt layout"
|
264 |
msgstr ""
|
265 |
|
266 |
-
#: inc/admin.php:
|
267 |
msgid "Would you like to copy this editor's existing content to Page Builder?"
|
268 |
msgstr ""
|
269 |
|
270 |
-
#: inc/admin.php:
|
271 |
msgid "Would you like to clear your Page Builder content and revert to using the standard visual editor?"
|
272 |
msgstr ""
|
273 |
|
274 |
#. translators: This is the title for a widget called "Layout Builder"
|
275 |
-
#: inc/admin.php:
|
276 |
msgid "Layout Builder Widget"
|
277 |
msgstr ""
|
278 |
|
279 |
#. translators: A standard confirmation message
|
280 |
-
#: inc/admin.php:
|
281 |
msgid "Are you sure?"
|
282 |
msgstr ""
|
283 |
|
284 |
#. translators: When a layout file is ready to be inserted. %s is the filename.
|
285 |
-
#: inc/admin.php:
|
286 |
msgid "%s is ready to insert."
|
287 |
msgstr ""
|
288 |
|
289 |
-
#: inc/admin.php:
|
290 |
msgid "Add Widget Below"
|
291 |
msgstr ""
|
292 |
|
293 |
-
#: inc/admin.php:
|
294 |
msgid "Add Widget to Cell"
|
295 |
msgstr ""
|
296 |
|
297 |
-
#: inc/admin.php:
|
298 |
msgid "Search Widgets"
|
299 |
msgstr ""
|
300 |
|
301 |
-
#: inc/admin.php:
|
302 |
msgid "Add Row"
|
303 |
msgstr ""
|
304 |
|
305 |
-
#: inc/admin.php:
|
306 |
msgid "Column"
|
307 |
msgstr ""
|
308 |
|
309 |
-
#: inc/admin.php:
|
310 |
msgid "Cell Actions"
|
311 |
msgstr ""
|
312 |
|
313 |
-
#: inc/admin.php:
|
314 |
msgid "Paste Widget"
|
315 |
msgstr ""
|
316 |
|
317 |
-
#: inc/admin.php:
|
318 |
msgid "Widget Actions"
|
319 |
msgstr ""
|
320 |
|
321 |
-
#: inc/admin.php:
|
322 |
msgid "Edit Widget"
|
323 |
msgstr ""
|
324 |
|
325 |
-
#: inc/admin.php:
|
326 |
msgid "Duplicate Widget"
|
327 |
msgstr ""
|
328 |
|
329 |
-
#: inc/admin.php:
|
330 |
msgid "Delete Widget"
|
331 |
msgstr ""
|
332 |
|
333 |
-
#: inc/admin.php:
|
334 |
msgid "Copy Widget"
|
335 |
msgstr ""
|
336 |
|
337 |
-
#: inc/admin.php:
|
338 |
msgid "Paste Widget Below"
|
339 |
msgstr ""
|
340 |
|
341 |
-
#: inc/admin.php:
|
342 |
msgid "Row Actions"
|
343 |
msgstr ""
|
344 |
|
345 |
-
#: inc/admin.php:
|
346 |
msgid "Edit Row"
|
347 |
msgstr ""
|
348 |
|
349 |
-
#: inc/admin.php:
|
350 |
msgid "Duplicate Row"
|
351 |
msgstr ""
|
352 |
|
353 |
-
#: inc/admin.php:
|
354 |
msgid "Delete Row"
|
355 |
msgstr ""
|
356 |
|
357 |
-
#: inc/admin.php:
|
358 |
msgid "Copy Row"
|
359 |
msgstr ""
|
360 |
|
361 |
-
#: inc/admin.php:
|
362 |
msgid "Paste Row"
|
363 |
msgstr ""
|
364 |
|
365 |
-
#: inc/admin.php:
|
366 |
msgid "Draft"
|
367 |
msgstr ""
|
368 |
|
369 |
-
#: inc/admin.php:
|
370 |
msgid "Untitled"
|
371 |
msgstr ""
|
372 |
|
373 |
-
#: inc/admin.php:
|
374 |
msgid "New Row"
|
375 |
msgstr ""
|
376 |
|
377 |
-
#: inc/admin.php:
|
378 |
msgid "Row"
|
379 |
msgstr ""
|
380 |
|
381 |
-
#: inc/admin.php:
|
382 |
msgid "Hmmm... Adding layout elements is not enabled. Please check if Page Builder has been configured to allow adding elements."
|
383 |
msgstr ""
|
384 |
|
385 |
-
#: inc/admin.php:
|
386 |
msgid "Add a {{%= items[0] %}} to get started."
|
387 |
msgstr ""
|
388 |
|
389 |
-
#: inc/admin.php:
|
390 |
msgid "Add a {{%= items[0] %}} or {{%= items[1] %}} to get started."
|
391 |
msgstr ""
|
392 |
|
393 |
-
#: inc/admin.php:
|
394 |
msgid "Add a {{%= items[0] %}}, {{%= items[1] %}} or {{%= items[2] %}} to get started."
|
395 |
msgstr ""
|
396 |
|
397 |
-
#: inc/admin.php:
|
398 |
msgid "Widget"
|
399 |
msgstr ""
|
400 |
|
401 |
-
#: inc/admin.php:
|
402 |
msgid "Prebuilt Layout"
|
403 |
msgstr ""
|
404 |
|
405 |
-
#: inc/admin.php:
|
406 |
msgid "Read our %s if you need help."
|
407 |
msgstr ""
|
408 |
|
409 |
-
#: inc/admin.php:
|
410 |
msgid "documentation"
|
411 |
msgstr ""
|
412 |
|
413 |
-
#: inc/admin.php:
|
414 |
msgid "Page Builder layouts"
|
415 |
msgstr ""
|
416 |
|
417 |
-
#: inc/admin.php:
|
418 |
msgid "Error uploading or importing file."
|
419 |
msgstr ""
|
420 |
|
421 |
-
#: inc/admin.php:
|
422 |
msgid "Unknown error. Failed to load the form. Please check your internet connection, contact your web site administrator, or try again later."
|
423 |
msgstr ""
|
424 |
|
425 |
#. translators: This is the default name given to a user's home page
|
426 |
-
#: inc/admin.php:
|
427 |
msgid "Home Page"
|
428 |
msgstr ""
|
429 |
|
430 |
-
#: inc/admin.php:
|
431 |
msgid "Untitled Widget"
|
432 |
msgstr ""
|
433 |
|
434 |
-
#: inc/admin.php:
|
435 |
msgid "You need to install 1{%1$s} to use the widget 2{%2$s}."
|
436 |
msgstr ""
|
437 |
|
438 |
-
#: inc/admin.php:
|
439 |
msgid "Save and reload this page to start using the widget after you've installed it."
|
440 |
msgstr ""
|
441 |
|
442 |
-
#: inc/admin.php:
|
443 |
msgid "The widget 1{%1$s} is not available. Please try locate and install the missing plugin. Post on the 2{support forums} if you need help."
|
444 |
msgstr ""
|
445 |
|
446 |
-
#: inc/admin.php:
|
447 |
msgid "The supplied nonce is invalid."
|
448 |
msgstr ""
|
449 |
|
450 |
-
#: inc/admin.php:
|
451 |
msgid "Invalid nonce."
|
452 |
msgstr ""
|
453 |
|
454 |
-
#: inc/admin.php:
|
455 |
msgid "Please specify the type of widget form to be rendered."
|
456 |
msgstr ""
|
457 |
|
458 |
-
#: inc/admin.php:
|
459 |
msgid "Missing widget type."
|
460 |
msgstr ""
|
461 |
|
462 |
-
#: inc/admin.php:
|
463 |
msgid "%s Widget"
|
464 |
msgid_plural "%s Widgets"
|
465 |
msgstr[0] ""
|
466 |
msgstr[1] ""
|
467 |
|
468 |
-
#: inc/admin.php:
|
469 |
msgid "Get a lightbox addon for SiteOrigin widgets"
|
470 |
msgstr ""
|
471 |
|
472 |
-
#: inc/admin.php:
|
473 |
msgid "Get the row, cell and widget animations addon"
|
474 |
msgstr ""
|
475 |
|
476 |
-
#: inc/admin.php:
|
477 |
msgid "Get premium email support for SiteOrigin Page Builder"
|
478 |
msgstr ""
|
479 |
|
480 |
-
#: inc/admin.php:
|
481 |
msgid "Toggle editor selection menu"
|
482 |
msgstr ""
|
483 |
|
484 |
-
#: inc/admin.php:
|
485 |
msgid "SiteOrigin Page Builder"
|
486 |
msgstr ""
|
487 |
|
488 |
-
#: inc/admin.php:
|
489 |
msgid "Block Editor"
|
490 |
msgstr ""
|
491 |
|
@@ -545,243 +545,251 @@ msgstr ""
|
|
545 |
msgid "Page Builder Content"
|
546 |
msgstr ""
|
547 |
|
548 |
-
#: inc/settings.php:
|
549 |
msgid "Page Builder Settings"
|
550 |
msgstr ""
|
551 |
|
552 |
-
#: inc/settings.php:
|
553 |
msgid "General"
|
554 |
msgstr ""
|
555 |
|
556 |
-
#: inc/settings.php:
|
557 |
msgid "Post Types"
|
558 |
msgstr ""
|
559 |
|
560 |
-
#: inc/settings.php:
|
561 |
msgid "The post types on which to use Page Builder."
|
562 |
msgstr ""
|
563 |
|
564 |
-
#: inc/settings.php:
|
565 |
msgid "Use Classic Editor for new posts"
|
566 |
msgstr ""
|
567 |
|
568 |
-
#: inc/settings.php:
|
569 |
msgid "New posts of the above Post Types will be created using the Classic Editor."
|
570 |
msgstr ""
|
571 |
|
572 |
-
#: inc/settings.php:
|
573 |
msgid "Live Editor Quick Link"
|
574 |
msgstr ""
|
575 |
|
576 |
-
#: inc/settings.php:
|
577 |
msgid "Display a Live Editor button in the admin bar."
|
578 |
msgstr ""
|
579 |
|
580 |
-
#: inc/settings.php:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
581 |
msgid "Display Widget Count"
|
582 |
msgstr ""
|
583 |
|
584 |
-
#: inc/settings.php:
|
585 |
msgid "Display a widget count in the admin lists of posts/pages where you're using Page Builder."
|
586 |
msgstr ""
|
587 |
|
588 |
-
#: inc/settings.php:
|
589 |
msgid "Limit Parallax Motion"
|
590 |
msgstr ""
|
591 |
|
592 |
-
#: inc/settings.php:
|
593 |
msgid "How many pixels of scrolling result in a single pixel of parallax motion. 0 means automatic. Lower values give more noticeable effect."
|
594 |
msgstr ""
|
595 |
|
596 |
-
#: inc/settings.php:
|
597 |
msgid "Sidebars Emulator"
|
598 |
msgstr ""
|
599 |
|
600 |
-
#: inc/settings.php:
|
601 |
msgid "Page Builder will create an emulated sidebar, that contains all widgets in the page."
|
602 |
msgstr ""
|
603 |
|
604 |
-
#: inc/settings.php:
|
605 |
msgid "Upgrade Teaser"
|
606 |
msgstr ""
|
607 |
|
608 |
-
#: inc/settings.php:
|
609 |
msgid "Display the %sSiteOrigin Premium%s upgrade teaser in the Page Builder toolbar."
|
610 |
msgstr ""
|
611 |
|
612 |
-
#: inc/settings.php:
|
613 |
msgid "Default To Page Builder Interface"
|
614 |
msgstr ""
|
615 |
|
616 |
-
#: inc/settings.php:
|
617 |
msgid "New Classic Editor posts/pages that you create will start with the Page Builder loaded. The %s\"Use Classic Editor for new posts\"%s setting must be enabled."
|
618 |
msgstr ""
|
619 |
|
620 |
-
#: inc/settings.php:
|
621 |
msgid "Layout Block Default Mode"
|
622 |
msgstr ""
|
623 |
|
624 |
-
#: inc/settings.php:
|
625 |
msgid "Edit"
|
626 |
msgstr ""
|
627 |
|
628 |
-
#: inc/settings.php:
|
629 |
msgid "Preview"
|
630 |
msgstr ""
|
631 |
|
632 |
-
#: inc/settings.php:
|
633 |
msgid "Whether to display layout blocks in edit mode or preview mode in the block editor."
|
634 |
msgstr ""
|
635 |
|
636 |
-
#: inc/settings.php:
|
637 |
msgid "Widgets"
|
638 |
msgstr ""
|
639 |
|
640 |
-
#: inc/settings.php:
|
641 |
msgid "Widget Title HTML"
|
642 |
msgstr ""
|
643 |
|
644 |
-
#: inc/settings.php:
|
645 |
msgid "The HTML used for widget titles. {{title}} is replaced with the widget title."
|
646 |
msgstr ""
|
647 |
|
648 |
-
#: inc/settings.php:
|
649 |
msgid "Add Widget Class"
|
650 |
msgstr ""
|
651 |
|
652 |
-
#: inc/settings.php:
|
653 |
msgid "Add the widget class to Page Builder widgets. Disable this if you're experiencing conflicts."
|
654 |
msgstr ""
|
655 |
|
656 |
-
#: inc/settings.php:
|
657 |
msgid "Legacy Bundled Widgets"
|
658 |
msgstr ""
|
659 |
|
660 |
-
#: inc/settings.php:
|
661 |
msgid "Load legacy widgets from Page Builder 1."
|
662 |
msgstr ""
|
663 |
|
664 |
-
#: inc/settings.php:
|
665 |
msgid "Display recommend widgets in Page Builder add widget dialog."
|
666 |
msgstr ""
|
667 |
|
668 |
-
#: inc/settings.php:
|
669 |
msgid "Instant Open Widgets"
|
670 |
msgstr ""
|
671 |
|
672 |
-
#: inc/settings.php:
|
673 |
msgid "Open a widget form as soon as its added to a page."
|
674 |
msgstr ""
|
675 |
|
676 |
-
#: inc/settings.php:
|
677 |
msgid "Layout"
|
678 |
msgstr ""
|
679 |
|
680 |
-
#: inc/settings.php:
|
681 |
msgid "Responsive Layout"
|
682 |
msgstr ""
|
683 |
|
684 |
-
#: inc/settings.php:
|
685 |
msgid "Collapse widgets, rows and columns on mobile devices."
|
686 |
msgstr ""
|
687 |
|
688 |
-
#: inc/settings.php:
|
689 |
msgid "Use Tablet Layout"
|
690 |
msgstr ""
|
691 |
|
692 |
-
#: inc/settings.php:
|
693 |
msgid "Collapses columns differently on tablet devices."
|
694 |
msgstr ""
|
695 |
|
696 |
-
#: inc/settings.php:
|
697 |
msgid "Detect older browsers"
|
698 |
msgstr ""
|
699 |
|
700 |
-
#: inc/settings.php:
|
701 |
msgid "Never"
|
702 |
msgstr ""
|
703 |
|
704 |
-
#: inc/settings.php:
|
705 |
msgid "Always"
|
706 |
msgstr ""
|
707 |
|
708 |
-
#: inc/settings.php:
|
709 |
msgid "Use Legacy Layout Engine"
|
710 |
msgstr ""
|
711 |
|
712 |
-
#: inc/settings.php:
|
713 |
msgid "The CSS and HTML uses floats instead of flexbox for compatibility with very old browsers."
|
714 |
msgstr ""
|
715 |
|
716 |
-
#: inc/settings.php:
|
717 |
msgid "Tablet Width"
|
718 |
msgstr ""
|
719 |
|
720 |
-
#: inc/settings.php:
|
721 |
msgid "Device width, in pixels, to collapse into a tablet view ."
|
722 |
msgstr ""
|
723 |
|
724 |
-
#: inc/settings.php:
|
725 |
msgid "Mobile Width"
|
726 |
msgstr ""
|
727 |
|
728 |
-
#: inc/settings.php:
|
729 |
msgid "Device width, in pixels, to collapse into a mobile view ."
|
730 |
msgstr ""
|
731 |
|
732 |
-
#: inc/settings.php:
|
733 |
msgid "Row/Widget Bottom Margin"
|
734 |
msgstr ""
|
735 |
|
736 |
-
#: inc/settings.php:
|
737 |
msgid "Default margin below rows and widgets."
|
738 |
msgstr ""
|
739 |
|
740 |
-
#: inc/settings.php:
|
741 |
msgid "Last Row With Margin"
|
742 |
msgstr ""
|
743 |
|
744 |
-
#: inc/settings.php:
|
745 |
msgid "Allow margin in last row."
|
746 |
msgstr ""
|
747 |
|
748 |
-
#: inc/settings.php:
|
749 |
msgid "Row Gutter"
|
750 |
msgstr ""
|
751 |
|
752 |
-
#: inc/settings.php:
|
753 |
msgid "Default spacing between columns in each row."
|
754 |
msgstr ""
|
755 |
|
756 |
-
#: inc/settings.php:
|
757 |
msgid "Full Width Container"
|
758 |
msgstr ""
|
759 |
|
760 |
-
#: inc/settings.php:
|
761 |
msgid "The container used for the full width layout."
|
762 |
msgstr ""
|
763 |
|
764 |
-
#: inc/settings.php:
|
765 |
msgid "Content"
|
766 |
msgstr ""
|
767 |
|
768 |
-
#: inc/settings.php:
|
769 |
msgid "Copy Content"
|
770 |
msgstr ""
|
771 |
|
772 |
-
#: inc/settings.php:
|
773 |
msgid "Copy content from Page Builder to post content."
|
774 |
msgstr ""
|
775 |
|
776 |
-
#: inc/settings.php:
|
777 |
msgid "Copy Styles"
|
778 |
msgstr ""
|
779 |
|
780 |
-
#: inc/settings.php:
|
781 |
msgid "Include styles into your Post Content. This keeps page layouts, even when Page Builder is deactivated."
|
782 |
msgstr ""
|
783 |
|
784 |
-
#: inc/settings.php:
|
785 |
msgid "Enabled"
|
786 |
msgstr ""
|
787 |
|
@@ -1082,11 +1090,11 @@ msgstr ""
|
|
1082 |
msgid "A complete SiteOrigin Page Builder layout as a widget."
|
1083 |
msgstr ""
|
1084 |
|
1085 |
-
#: inc/widgets/layout.php:
|
1086 |
msgid "This widget can currently only be used in the WordPress admin interface."
|
1087 |
msgstr ""
|
1088 |
|
1089 |
-
#: inc/widgets/layout.php:
|
1090 |
msgid "Open Builder"
|
1091 |
msgstr ""
|
1092 |
|
44 |
msgid "(email SiteOrigin support)"
|
45 |
msgstr ""
|
46 |
|
47 |
+
#: inc/admin-dashboard.php:95, inc/admin.php:161
|
48 |
msgid "Support Forum"
|
49 |
msgstr ""
|
50 |
|
109 |
msgid "WordPress Widgets"
|
110 |
msgstr ""
|
111 |
|
112 |
+
#: inc/admin-widget-dialog.php:185, inc/settings.php:350
|
113 |
msgid "Recommended Widgets"
|
114 |
msgstr ""
|
115 |
|
121 |
msgid "Installing %s"
|
122 |
msgstr ""
|
123 |
|
124 |
+
#: inc/admin.php:164, tpl/js-templates.php:44
|
125 |
msgid "Addons"
|
126 |
msgstr ""
|
127 |
|
128 |
+
#: inc/admin.php:178, inc/admin.php:574, inc/admin.php:1172, inc/admin.php:1177, inc/settings.php:199, tpl/js-templates.php:197
|
129 |
msgid "Page Builder"
|
130 |
msgstr ""
|
131 |
|
132 |
+
#: inc/admin.php:330
|
133 |
msgid "All Widgets"
|
134 |
msgstr ""
|
135 |
|
136 |
+
#: inc/admin.php:357
|
137 |
msgid "Missing Widget"
|
138 |
msgstr ""
|
139 |
|
140 |
+
#: inc/admin.php:358
|
141 |
msgid "Page Builder doesn't know about this widget."
|
142 |
msgstr ""
|
143 |
|
144 |
#. translators: Number of seconds since
|
145 |
+
#: inc/admin.php:362
|
146 |
msgid "%d seconds"
|
147 |
msgstr ""
|
148 |
|
149 |
#. translators: Number of minutes since
|
150 |
+
#: inc/admin.php:364
|
151 |
msgid "%d minutes"
|
152 |
msgstr ""
|
153 |
|
154 |
#. translators: Number of hours since
|
155 |
+
#: inc/admin.php:366
|
156 |
msgid "%d hours"
|
157 |
msgstr ""
|
158 |
|
159 |
#. translators: A single second since
|
160 |
+
#: inc/admin.php:369
|
161 |
msgid "%d second"
|
162 |
msgstr ""
|
163 |
|
164 |
#. translators: A single minute since
|
165 |
+
#: inc/admin.php:371
|
166 |
msgid "%d minute"
|
167 |
msgstr ""
|
168 |
|
169 |
#. translators: A single hour since
|
170 |
+
#: inc/admin.php:373
|
171 |
msgid "%d hour"
|
172 |
msgstr ""
|
173 |
|
174 |
#. translators: Time ago - eg. "1 minute before".
|
175 |
+
#: inc/admin.php:376
|
176 |
msgid "%s before"
|
177 |
msgstr ""
|
178 |
|
179 |
+
#: inc/admin.php:377
|
180 |
msgid "Now"
|
181 |
msgstr ""
|
182 |
|
183 |
+
#: inc/admin.php:381
|
184 |
msgid "Current"
|
185 |
msgstr ""
|
186 |
|
187 |
+
#: inc/admin.php:382
|
188 |
msgid "Original"
|
189 |
msgstr ""
|
190 |
|
191 |
+
#: inc/admin.php:383
|
192 |
msgid "Version restored"
|
193 |
msgstr ""
|
194 |
|
195 |
+
#: inc/admin.php:384
|
196 |
msgid "Converted to editor"
|
197 |
msgstr ""
|
198 |
|
199 |
#. translators: Message displayed in the history when a widget is deleted
|
200 |
+
#: inc/admin.php:388
|
201 |
msgid "Widget deleted"
|
202 |
msgstr ""
|
203 |
|
204 |
#. translators: Message displayed in the history when a widget is added
|
205 |
+
#: inc/admin.php:390
|
206 |
msgid "Widget added"
|
207 |
msgstr ""
|
208 |
|
209 |
#. translators: Message displayed in the history when a widget is edited
|
210 |
+
#: inc/admin.php:392
|
211 |
msgid "Widget edited"
|
212 |
msgstr ""
|
213 |
|
214 |
#. translators: Message displayed in the history when a widget is duplicated
|
215 |
+
#: inc/admin.php:394
|
216 |
msgid "Widget duplicated"
|
217 |
msgstr ""
|
218 |
|
219 |
#. translators: Message displayed in the history when a widget position is changed
|
220 |
+
#: inc/admin.php:396
|
221 |
msgid "Widget moved"
|
222 |
msgstr ""
|
223 |
|
224 |
#. translators: Message displayed in the history when a row is deleted
|
225 |
+
#: inc/admin.php:400
|
226 |
msgid "Row deleted"
|
227 |
msgstr ""
|
228 |
|
229 |
#. translators: Message displayed in the history when a row is added
|
230 |
+
#: inc/admin.php:402
|
231 |
msgid "Row added"
|
232 |
msgstr ""
|
233 |
|
234 |
#. translators: Message displayed in the history when a row is edited
|
235 |
+
#: inc/admin.php:404
|
236 |
msgid "Row edited"
|
237 |
msgstr ""
|
238 |
|
239 |
#. translators: Message displayed in the history when a row position is changed
|
240 |
+
#: inc/admin.php:406
|
241 |
msgid "Row moved"
|
242 |
msgstr ""
|
243 |
|
244 |
#. translators: Message displayed in the history when a row is duplicated
|
245 |
+
#: inc/admin.php:408
|
246 |
msgid "Row duplicated"
|
247 |
msgstr ""
|
248 |
|
249 |
#. translators: Message displayed in the history when a row is pasted
|
250 |
+
#: inc/admin.php:410
|
251 |
msgid "Row pasted"
|
252 |
msgstr ""
|
253 |
|
254 |
+
#: inc/admin.php:413
|
255 |
msgid "Cell resized"
|
256 |
msgstr ""
|
257 |
|
258 |
+
#: inc/admin.php:416
|
259 |
msgid "Prebuilt layout loaded"
|
260 |
msgstr ""
|
261 |
|
262 |
+
#: inc/admin.php:420
|
263 |
msgid "Loading prebuilt layout"
|
264 |
msgstr ""
|
265 |
|
266 |
+
#: inc/admin.php:421
|
267 |
msgid "Would you like to copy this editor's existing content to Page Builder?"
|
268 |
msgstr ""
|
269 |
|
270 |
+
#: inc/admin.php:422
|
271 |
msgid "Would you like to clear your Page Builder content and revert to using the standard visual editor?"
|
272 |
msgstr ""
|
273 |
|
274 |
#. translators: This is the title for a widget called "Layout Builder"
|
275 |
+
#: inc/admin.php:424
|
276 |
msgid "Layout Builder Widget"
|
277 |
msgstr ""
|
278 |
|
279 |
#. translators: A standard confirmation message
|
280 |
+
#: inc/admin.php:426, tpl/js-templates.php:97, tpl/js-templates.php:422
|
281 |
msgid "Are you sure?"
|
282 |
msgstr ""
|
283 |
|
284 |
#. translators: When a layout file is ready to be inserted. %s is the filename.
|
285 |
+
#: inc/admin.php:428
|
286 |
msgid "%s is ready to insert."
|
287 |
msgstr ""
|
288 |
|
289 |
+
#: inc/admin.php:432
|
290 |
msgid "Add Widget Below"
|
291 |
msgstr ""
|
292 |
|
293 |
+
#: inc/admin.php:433
|
294 |
msgid "Add Widget to Cell"
|
295 |
msgstr ""
|
296 |
|
297 |
+
#: inc/admin.php:434, tpl/js-templates.php:224
|
298 |
msgid "Search Widgets"
|
299 |
msgstr ""
|
300 |
|
301 |
+
#: inc/admin.php:436, tpl/js-templates.php:17, tpl/js-templates.php:19
|
302 |
msgid "Add Row"
|
303 |
msgstr ""
|
304 |
|
305 |
+
#: inc/admin.php:437
|
306 |
msgid "Column"
|
307 |
msgstr ""
|
308 |
|
309 |
+
#: inc/admin.php:439
|
310 |
msgid "Cell Actions"
|
311 |
msgstr ""
|
312 |
|
313 |
+
#: inc/admin.php:440
|
314 |
msgid "Paste Widget"
|
315 |
msgstr ""
|
316 |
|
317 |
+
#: inc/admin.php:442
|
318 |
msgid "Widget Actions"
|
319 |
msgstr ""
|
320 |
|
321 |
+
#: inc/admin.php:443
|
322 |
msgid "Edit Widget"
|
323 |
msgstr ""
|
324 |
|
325 |
+
#: inc/admin.php:444
|
326 |
msgid "Duplicate Widget"
|
327 |
msgstr ""
|
328 |
|
329 |
+
#: inc/admin.php:445
|
330 |
msgid "Delete Widget"
|
331 |
msgstr ""
|
332 |
|
333 |
+
#: inc/admin.php:446
|
334 |
msgid "Copy Widget"
|
335 |
msgstr ""
|
336 |
|
337 |
+
#: inc/admin.php:447
|
338 |
msgid "Paste Widget Below"
|
339 |
msgstr ""
|
340 |
|
341 |
+
#: inc/admin.php:449
|
342 |
msgid "Row Actions"
|
343 |
msgstr ""
|
344 |
|
345 |
+
#: inc/admin.php:450, tpl/js-templates.php:95
|
346 |
msgid "Edit Row"
|
347 |
msgstr ""
|
348 |
|
349 |
+
#: inc/admin.php:451, tpl/js-templates.php:96
|
350 |
msgid "Duplicate Row"
|
351 |
msgstr ""
|
352 |
|
353 |
+
#: inc/admin.php:452, tpl/js-templates.php:97
|
354 |
msgid "Delete Row"
|
355 |
msgstr ""
|
356 |
|
357 |
+
#: inc/admin.php:453
|
358 |
msgid "Copy Row"
|
359 |
msgstr ""
|
360 |
|
361 |
+
#: inc/admin.php:454
|
362 |
msgid "Paste Row"
|
363 |
msgstr ""
|
364 |
|
365 |
+
#: inc/admin.php:456
|
366 |
msgid "Draft"
|
367 |
msgstr ""
|
368 |
|
369 |
+
#: inc/admin.php:457
|
370 |
msgid "Untitled"
|
371 |
msgstr ""
|
372 |
|
373 |
+
#: inc/admin.php:459
|
374 |
msgid "New Row"
|
375 |
msgstr ""
|
376 |
|
377 |
+
#: inc/admin.php:460, inc/admin.php:468, inc/styles.php:184, tpl/js-templates.php:62
|
378 |
msgid "Row"
|
379 |
msgstr ""
|
380 |
|
381 |
+
#: inc/admin.php:463
|
382 |
msgid "Hmmm... Adding layout elements is not enabled. Please check if Page Builder has been configured to allow adding elements."
|
383 |
msgstr ""
|
384 |
|
385 |
+
#: inc/admin.php:464
|
386 |
msgid "Add a {{%= items[0] %}} to get started."
|
387 |
msgstr ""
|
388 |
|
389 |
+
#: inc/admin.php:465
|
390 |
msgid "Add a {{%= items[0] %}} or {{%= items[1] %}} to get started."
|
391 |
msgstr ""
|
392 |
|
393 |
+
#: inc/admin.php:466
|
394 |
msgid "Add a {{%= items[0] %}}, {{%= items[1] %}} or {{%= items[2] %}} to get started."
|
395 |
msgstr ""
|
396 |
|
397 |
+
#: inc/admin.php:467, inc/styles.php:318, tpl/js-templates.php:61
|
398 |
msgid "Widget"
|
399 |
msgstr ""
|
400 |
|
401 |
+
#: inc/admin.php:469, tpl/js-templates.php:63
|
402 |
msgid "Prebuilt Layout"
|
403 |
msgstr ""
|
404 |
|
405 |
+
#: inc/admin.php:471
|
406 |
msgid "Read our %s if you need help."
|
407 |
msgstr ""
|
408 |
|
409 |
+
#: inc/admin.php:472, tpl/js-templates.php:64
|
410 |
msgid "documentation"
|
411 |
msgstr ""
|
412 |
|
413 |
+
#: inc/admin.php:481
|
414 |
msgid "Page Builder layouts"
|
415 |
msgstr ""
|
416 |
|
417 |
+
#: inc/admin.php:482
|
418 |
msgid "Error uploading or importing file."
|
419 |
msgstr ""
|
420 |
|
421 |
+
#: inc/admin.php:489
|
422 |
msgid "Unknown error. Failed to load the form. Please check your internet connection, contact your web site administrator, or try again later."
|
423 |
msgstr ""
|
424 |
|
425 |
#. translators: This is the default name given to a user's home page
|
426 |
+
#: inc/admin.php:657, inc/home.php:26
|
427 |
msgid "Home Page"
|
428 |
msgstr ""
|
429 |
|
430 |
+
#: inc/admin.php:758
|
431 |
msgid "Untitled Widget"
|
432 |
msgstr ""
|
433 |
|
434 |
+
#: inc/admin.php:938
|
435 |
msgid "You need to install 1{%1$s} to use the widget 2{%2$s}."
|
436 |
msgstr ""
|
437 |
|
438 |
+
#: inc/admin.php:944
|
439 |
msgid "Save and reload this page to start using the widget after you've installed it."
|
440 |
msgstr ""
|
441 |
|
442 |
+
#: inc/admin.php:960
|
443 |
msgid "The widget 1{%1$s} is not available. Please try locate and install the missing plugin. Post on the 2{support forums} if you need help."
|
444 |
msgstr ""
|
445 |
|
446 |
+
#: inc/admin.php:1075, inc/styles-admin.php:23
|
447 |
msgid "The supplied nonce is invalid."
|
448 |
msgstr ""
|
449 |
|
450 |
+
#: inc/admin.php:1076, inc/styles-admin.php:24
|
451 |
msgid "Invalid nonce."
|
452 |
msgstr ""
|
453 |
|
454 |
+
#: inc/admin.php:1082
|
455 |
msgid "Please specify the type of widget form to be rendered."
|
456 |
msgstr ""
|
457 |
|
458 |
+
#: inc/admin.php:1083
|
459 |
msgid "Missing widget type."
|
460 |
msgstr ""
|
461 |
|
462 |
+
#: inc/admin.php:1190
|
463 |
msgid "%s Widget"
|
464 |
msgid_plural "%s Widgets"
|
465 |
msgstr[0] ""
|
466 |
msgstr[1] ""
|
467 |
|
468 |
+
#: inc/admin.php:1233
|
469 |
msgid "Get a lightbox addon for SiteOrigin widgets"
|
470 |
msgstr ""
|
471 |
|
472 |
+
#: inc/admin.php:1237
|
473 |
msgid "Get the row, cell and widget animations addon"
|
474 |
msgstr ""
|
475 |
|
476 |
+
#: inc/admin.php:1241
|
477 |
msgid "Get premium email support for SiteOrigin Page Builder"
|
478 |
msgstr ""
|
479 |
|
480 |
+
#: inc/admin.php:1432
|
481 |
msgid "Toggle editor selection menu"
|
482 |
msgstr ""
|
483 |
|
484 |
+
#: inc/admin.php:1433, inc/admin.php:1480, inc/settings.php:199, settings/tpl/settings.php:9
|
485 |
msgid "SiteOrigin Page Builder"
|
486 |
msgstr ""
|
487 |
|
488 |
+
#: inc/admin.php:1434
|
489 |
msgid "Block Editor"
|
490 |
msgstr ""
|
491 |
|
545 |
msgid "Page Builder Content"
|
546 |
msgstr ""
|
547 |
|
548 |
+
#: inc/settings.php:226
|
549 |
msgid "Page Builder Settings"
|
550 |
msgstr ""
|
551 |
|
552 |
+
#: inc/settings.php:242
|
553 |
msgid "General"
|
554 |
msgstr ""
|
555 |
|
556 |
+
#: inc/settings.php:248
|
557 |
msgid "Post Types"
|
558 |
msgstr ""
|
559 |
|
560 |
+
#: inc/settings.php:250
|
561 |
msgid "The post types on which to use Page Builder."
|
562 |
msgstr ""
|
563 |
|
564 |
+
#: inc/settings.php:255
|
565 |
msgid "Use Classic Editor for new posts"
|
566 |
msgstr ""
|
567 |
|
568 |
+
#: inc/settings.php:256
|
569 |
msgid "New posts of the above Post Types will be created using the Classic Editor."
|
570 |
msgstr ""
|
571 |
|
572 |
+
#: inc/settings.php:261
|
573 |
msgid "Live Editor Quick Link"
|
574 |
msgstr ""
|
575 |
|
576 |
+
#: inc/settings.php:262
|
577 |
msgid "Display a Live Editor button in the admin bar."
|
578 |
msgstr ""
|
579 |
|
580 |
+
#: inc/settings.php:267
|
581 |
+
msgid "Display Post State"
|
582 |
+
msgstr ""
|
583 |
+
|
584 |
+
#: inc/settings.php:269
|
585 |
+
msgid "Display a %sSiteOrigin Page Builder%s post state in the admin lists of posts/pages to indicate Page Builder is active."
|
586 |
+
msgstr ""
|
587 |
+
|
588 |
+
#: inc/settings.php:277
|
589 |
msgid "Display Widget Count"
|
590 |
msgstr ""
|
591 |
|
592 |
+
#: inc/settings.php:278
|
593 |
msgid "Display a widget count in the admin lists of posts/pages where you're using Page Builder."
|
594 |
msgstr ""
|
595 |
|
596 |
+
#: inc/settings.php:283
|
597 |
msgid "Limit Parallax Motion"
|
598 |
msgstr ""
|
599 |
|
600 |
+
#: inc/settings.php:284
|
601 |
msgid "How many pixels of scrolling result in a single pixel of parallax motion. 0 means automatic. Lower values give more noticeable effect."
|
602 |
msgstr ""
|
603 |
|
604 |
+
#: inc/settings.php:289
|
605 |
msgid "Sidebars Emulator"
|
606 |
msgstr ""
|
607 |
|
608 |
+
#: inc/settings.php:290
|
609 |
msgid "Page Builder will create an emulated sidebar, that contains all widgets in the page."
|
610 |
msgstr ""
|
611 |
|
612 |
+
#: inc/settings.php:295
|
613 |
msgid "Upgrade Teaser"
|
614 |
msgstr ""
|
615 |
|
616 |
+
#: inc/settings.php:297
|
617 |
msgid "Display the %sSiteOrigin Premium%s upgrade teaser in the Page Builder toolbar."
|
618 |
msgstr ""
|
619 |
|
620 |
+
#: inc/settings.php:305
|
621 |
msgid "Default To Page Builder Interface"
|
622 |
msgstr ""
|
623 |
|
624 |
+
#: inc/settings.php:307
|
625 |
msgid "New Classic Editor posts/pages that you create will start with the Page Builder loaded. The %s\"Use Classic Editor for new posts\"%s setting must be enabled."
|
626 |
msgstr ""
|
627 |
|
628 |
+
#: inc/settings.php:314
|
629 |
msgid "Layout Block Default Mode"
|
630 |
msgstr ""
|
631 |
|
632 |
+
#: inc/settings.php:317, tpl/js-templates.php:141
|
633 |
msgid "Edit"
|
634 |
msgstr ""
|
635 |
|
636 |
+
#: inc/settings.php:318
|
637 |
msgid "Preview"
|
638 |
msgstr ""
|
639 |
|
640 |
+
#: inc/settings.php:320
|
641 |
msgid "Whether to display layout blocks in edit mode or preview mode in the block editor."
|
642 |
msgstr ""
|
643 |
|
644 |
+
#: inc/settings.php:326
|
645 |
msgid "Widgets"
|
646 |
msgstr ""
|
647 |
|
648 |
+
#: inc/settings.php:332
|
649 |
msgid "Widget Title HTML"
|
650 |
msgstr ""
|
651 |
|
652 |
+
#: inc/settings.php:333
|
653 |
msgid "The HTML used for widget titles. {{title}} is replaced with the widget title."
|
654 |
msgstr ""
|
655 |
|
656 |
+
#: inc/settings.php:338
|
657 |
msgid "Add Widget Class"
|
658 |
msgstr ""
|
659 |
|
660 |
+
#: inc/settings.php:339
|
661 |
msgid "Add the widget class to Page Builder widgets. Disable this if you're experiencing conflicts."
|
662 |
msgstr ""
|
663 |
|
664 |
+
#: inc/settings.php:344
|
665 |
msgid "Legacy Bundled Widgets"
|
666 |
msgstr ""
|
667 |
|
668 |
+
#: inc/settings.php:345
|
669 |
msgid "Load legacy widgets from Page Builder 1."
|
670 |
msgstr ""
|
671 |
|
672 |
+
#: inc/settings.php:351
|
673 |
msgid "Display recommend widgets in Page Builder add widget dialog."
|
674 |
msgstr ""
|
675 |
|
676 |
+
#: inc/settings.php:356
|
677 |
msgid "Instant Open Widgets"
|
678 |
msgstr ""
|
679 |
|
680 |
+
#: inc/settings.php:357
|
681 |
msgid "Open a widget form as soon as its added to a page."
|
682 |
msgstr ""
|
683 |
|
684 |
+
#: inc/settings.php:363, inc/styles-admin.php:88
|
685 |
msgid "Layout"
|
686 |
msgstr ""
|
687 |
|
688 |
+
#: inc/settings.php:371
|
689 |
msgid "Responsive Layout"
|
690 |
msgstr ""
|
691 |
|
692 |
+
#: inc/settings.php:372
|
693 |
msgid "Collapse widgets, rows and columns on mobile devices."
|
694 |
msgstr ""
|
695 |
|
696 |
+
#: inc/settings.php:377
|
697 |
msgid "Use Tablet Layout"
|
698 |
msgstr ""
|
699 |
|
700 |
+
#: inc/settings.php:378
|
701 |
msgid "Collapses columns differently on tablet devices."
|
702 |
msgstr ""
|
703 |
|
704 |
+
#: inc/settings.php:384
|
705 |
msgid "Detect older browsers"
|
706 |
msgstr ""
|
707 |
|
708 |
+
#: inc/settings.php:385
|
709 |
msgid "Never"
|
710 |
msgstr ""
|
711 |
|
712 |
+
#: inc/settings.php:386
|
713 |
msgid "Always"
|
714 |
msgstr ""
|
715 |
|
716 |
+
#: inc/settings.php:388
|
717 |
msgid "Use Legacy Layout Engine"
|
718 |
msgstr ""
|
719 |
|
720 |
+
#: inc/settings.php:389
|
721 |
msgid "The CSS and HTML uses floats instead of flexbox for compatibility with very old browsers."
|
722 |
msgstr ""
|
723 |
|
724 |
+
#: inc/settings.php:395
|
725 |
msgid "Tablet Width"
|
726 |
msgstr ""
|
727 |
|
728 |
+
#: inc/settings.php:396
|
729 |
msgid "Device width, in pixels, to collapse into a tablet view ."
|
730 |
msgstr ""
|
731 |
|
732 |
+
#: inc/settings.php:402
|
733 |
msgid "Mobile Width"
|
734 |
msgstr ""
|
735 |
|
736 |
+
#: inc/settings.php:403
|
737 |
msgid "Device width, in pixels, to collapse into a mobile view ."
|
738 |
msgstr ""
|
739 |
|
740 |
+
#: inc/settings.php:409
|
741 |
msgid "Row/Widget Bottom Margin"
|
742 |
msgstr ""
|
743 |
|
744 |
+
#: inc/settings.php:410
|
745 |
msgid "Default margin below rows and widgets."
|
746 |
msgstr ""
|
747 |
|
748 |
+
#: inc/settings.php:415
|
749 |
msgid "Last Row With Margin"
|
750 |
msgstr ""
|
751 |
|
752 |
+
#: inc/settings.php:416
|
753 |
msgid "Allow margin in last row."
|
754 |
msgstr ""
|
755 |
|
756 |
+
#: inc/settings.php:422
|
757 |
msgid "Row Gutter"
|
758 |
msgstr ""
|
759 |
|
760 |
+
#: inc/settings.php:423
|
761 |
msgid "Default spacing between columns in each row."
|
762 |
msgstr ""
|
763 |
|
764 |
+
#: inc/settings.php:429
|
765 |
msgid "Full Width Container"
|
766 |
msgstr ""
|
767 |
|
768 |
+
#: inc/settings.php:430
|
769 |
msgid "The container used for the full width layout."
|
770 |
msgstr ""
|
771 |
|
772 |
+
#: inc/settings.php:437
|
773 |
msgid "Content"
|
774 |
msgstr ""
|
775 |
|
776 |
+
#: inc/settings.php:443
|
777 |
msgid "Copy Content"
|
778 |
msgstr ""
|
779 |
|
780 |
+
#: inc/settings.php:444
|
781 |
msgid "Copy content from Page Builder to post content."
|
782 |
msgstr ""
|
783 |
|
784 |
+
#: inc/settings.php:449
|
785 |
msgid "Copy Styles"
|
786 |
msgstr ""
|
787 |
|
788 |
+
#: inc/settings.php:450
|
789 |
msgid "Include styles into your Post Content. This keeps page layouts, even when Page Builder is deactivated."
|
790 |
msgstr ""
|
791 |
|
792 |
+
#: inc/settings.php:497, inc/styles-admin.php:269
|
793 |
msgid "Enabled"
|
794 |
msgstr ""
|
795 |
|
1090 |
msgid "A complete SiteOrigin Page Builder layout as a widget."
|
1091 |
msgstr ""
|
1092 |
|
1093 |
+
#: inc/widgets/layout.php:83
|
1094 |
msgid "This widget can currently only be used in the WordPress admin interface."
|
1095 |
msgstr ""
|
1096 |
|
1097 |
+
#: inc/widgets/layout.php:108
|
1098 |
msgid "Open Builder"
|
1099 |
msgstr ""
|
1100 |
|
readme.txt
CHANGED
@@ -2,8 +2,8 @@
|
|
2 |
Tags: page builder, responsive, widget, widgets, builder, page, admin, gallery, content, cms, pages, post, css, layout, grid
|
3 |
Requires at least: 4.4
|
4 |
Tested up to: 5.1
|
5 |
-
Stable tag: 2.10.
|
6 |
-
Build time: 2019-
|
7 |
License: GPLv3
|
8 |
License URI: http://www.gnu.org/licenses/gpl.html
|
9 |
Donate link: https://siteorigin.com/downloads/premium/
|
@@ -96,6 +96,13 @@ We've tried to ensure that Page Builder is compatible with most plugin widgets.
|
|
96 |
|
97 |
== Changelog ==
|
98 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
99 |
= 2.10.2 - 28 February 2019 =
|
100 |
* Don't remove left/right border when Full Width Stretch Padding is enabled on row.
|
101 |
* Display widget count for inline-save.
|
2 |
Tags: page builder, responsive, widget, widgets, builder, page, admin, gallery, content, cms, pages, post, css, layout, grid
|
3 |
Requires at least: 4.4
|
4 |
Tested up to: 5.1
|
5 |
+
Stable tag: 2.10.3
|
6 |
+
Build time: 2019-04-02T10:40:39-07:00
|
7 |
License: GPLv3
|
8 |
License URI: http://www.gnu.org/licenses/gpl.html
|
9 |
Donate link: https://siteorigin.com/downloads/premium/
|
96 |
|
97 |
== Changelog ==
|
98 |
|
99 |
+
= 2.10.3 - 2 April 2019 =
|
100 |
+
* Layout builder widget: Call styles sanitization in update.
|
101 |
+
* Live editor: Only call `process_raw_widgets` once for preview data.
|
102 |
+
* Add a setting for whether to display SiteOrigin Page Builder post state.
|
103 |
+
* Sidebars emulator: Cache the result of url_to_postid().
|
104 |
+
* Prevent affecting child layouts with parent layouts' CSS.
|
105 |
+
|
106 |
= 2.10.2 - 28 February 2019 =
|
107 |
* Don't remove left/right border when Full Width Stretch Padding is enabled on row.
|
108 |
* Display widget count for inline-save.
|
siteorigin-panels.php
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
Plugin Name: Page Builder by SiteOrigin
|
4 |
Plugin URI: https://siteorigin.com/page-builder/
|
5 |
Description: A drag and drop, responsive page builder that simplifies building your website.
|
6 |
-
Version: 2.10.
|
7 |
Author: SiteOrigin
|
8 |
Author URI: https://siteorigin.com
|
9 |
License: GPL3
|
@@ -11,12 +11,12 @@ License URI: http://www.gnu.org/licenses/gpl.html
|
|
11 |
Donate link: http://siteorigin.com/page-builder/#donate
|
12 |
*/
|
13 |
|
14 |
-
define( 'SITEORIGIN_PANELS_VERSION', '2.10.
|
15 |
if ( ! defined( 'SITEORIGIN_PANELS_JS_SUFFIX' ) ) {
|
16 |
define( 'SITEORIGIN_PANELS_JS_SUFFIX', '.min' );
|
17 |
}
|
18 |
define( 'SITEORIGIN_PANELS_CSS_SUFFIX', '.min' );
|
19 |
-
define( 'SITEORIGIN_PANELS_VERSION_SUFFIX', '-
|
20 |
|
21 |
require_once plugin_dir_path( __FILE__ ) . 'inc/functions.php';
|
22 |
|
3 |
Plugin Name: Page Builder by SiteOrigin
|
4 |
Plugin URI: https://siteorigin.com/page-builder/
|
5 |
Description: A drag and drop, responsive page builder that simplifies building your website.
|
6 |
+
Version: 2.10.3
|
7 |
Author: SiteOrigin
|
8 |
Author URI: https://siteorigin.com
|
9 |
License: GPL3
|
11 |
Donate link: http://siteorigin.com/page-builder/#donate
|
12 |
*/
|
13 |
|
14 |
+
define( 'SITEORIGIN_PANELS_VERSION', '2.10.3' );
|
15 |
if ( ! defined( 'SITEORIGIN_PANELS_JS_SUFFIX' ) ) {
|
16 |
define( 'SITEORIGIN_PANELS_JS_SUFFIX', '.min' );
|
17 |
}
|
18 |
define( 'SITEORIGIN_PANELS_CSS_SUFFIX', '.min' );
|
19 |
+
define( 'SITEORIGIN_PANELS_VERSION_SUFFIX', '-2103' );
|
20 |
|
21 |
require_once plugin_dir_path( __FILE__ ) . 'inc/functions.php';
|
22 |
|