~jiyu/Jiyu-Web

c1845261fe649b33ccd46ede79fbaf8a033b16c7 — jiyu 2 years ago 1f2b88f
Only one element can now be edited at a time to avoid clutter
2 files changed, 19 insertions(+), 20 deletions(-)

M public/js/backend.js
M resources/js/Backend/Components/PageContent.vue
M public/js/backend.js => public/js/backend.js +2 -2
@@ 226,7 226,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Del
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuedraggable */ \"./node_modules/vuedraggable/dist/vuedraggable.common.js\");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _ElementEdit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ElementEdit */ \"./resources/js/Backend/Components/ElementEdit.vue\");\n/* harmony import */ var _Elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Elements */ \"./resources/js/Backend/Elements/index.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"page-content\",\n  props: {\n    page: Object\n  },\n  data: function data() {\n    return {\n      editing: [],\n      noDrag: false,\n      canEdit: true\n    };\n  },\n  computed: {\n    dragOptions: function dragOptions() {\n      return {\n        animation: 400,\n        easing: \"cubic-bezier(0.68, -0.6, 0.32, 1.6)\",\n        ghostClass: \"ghost\",\n        disabled: this.noDrag,\n        setData: function setData(dataTransfer) {\n          dataTransfer.setDragImage(document.createElement('div'), 0, 0);\n        }\n      };\n    }\n  },\n  methods: {\n    startDrag: function startDrag() {\n      this.canEdit = false;\n    },\n    endDrag: function endDrag() {\n      this.canEdit = true;\n      this.$emit('pageUpdate');\n    },\n    editElement: function editElement(key) {\n      if (this.canEdit) {\n        this.editing.push(key);\n      }\n    },\n    updateElement: function updateElement(event, key) {\n      this.editing[key] = event;\n      this.$emit('pageUpdate');\n      this.closeElement(key);\n    },\n    deleteElement: function deleteElement(key) {\n      this.$emit('deleteElement', key);\n      this.closeElement(key);\n    },\n    closeElement: function closeElement(key) {\n      this.editing = this.editing.filter(function (element) {\n        return element !== key;\n      });\n    }\n  },\n  watch: {\n    editing: function editing() {\n      if (this.editing.length > 0) {\n        this.noDrag = true;\n      } else {\n        this.noDrag = false;\n      }\n    }\n  },\n  components: _objectSpread({\n    draggable: vuedraggable__WEBPACK_IMPORTED_MODULE_0___default.a,\n    ElementEdit: _ElementEdit__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n  }, _Elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"])\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vcmVzb3VyY2VzL2pzL0JhY2tlbmQvQ29tcG9uZW50cy9QYWdlQ29udGVudC52dWU/MWZlMSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBLHNCQURBO0FBRUE7QUFDQTtBQURBLEdBRkE7QUFLQSxNQUxBLGtCQUtBO0FBQ0E7QUFDQSxpQkFEQTtBQUVBLG1CQUZBO0FBR0E7QUFIQTtBQUtBLEdBWEE7QUFZQTtBQUNBLGVBREEseUJBQ0E7QUFDQTtBQUNBLHNCQURBO0FBRUEscURBRkE7QUFHQSwyQkFIQTtBQUlBLDZCQUpBO0FBS0EsZUFMQSxtQkFLQSxZQUxBLEVBS0E7QUFDQTtBQUNBO0FBUEE7QUFTQTtBQVhBLEdBWkE7QUF5QkE7QUFDQSxhQURBLHVCQUNBO0FBQ0E7QUFDQSxLQUhBO0FBSUEsV0FKQSxxQkFJQTtBQUNBO0FBQ0E7QUFDQSxLQVBBO0FBUUEsZUFSQSx1QkFRQSxHQVJBLEVBUUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQVpBO0FBYUEsaUJBYkEseUJBYUEsS0FiQSxFQWFBLEdBYkEsRUFhQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEtBakJBO0FBa0JBLGlCQWxCQSx5QkFrQkEsR0FsQkEsRUFrQkE7QUFDQTtBQUNBO0FBQ0EsS0FyQkE7QUFzQkEsZ0JBdEJBLHdCQXNCQSxHQXRCQSxFQXNCQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBeEJBLEdBekJBO0FBbURBO0FBQ0EsV0FEQSxxQkFDQTtBQUNBO0FBQ0E7QUFDQSxPQUZBLE1BRUE7QUFDQTtBQUNBO0FBQ0E7QUFQQSxHQW5EQTtBQTREQTtBQUNBLGtFQURBO0FBRUE7QUFGQSxLQUdBLGlEQUhBO0FBNURBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2JhYmVsLWxvYWRlci9saWIvaW5kZXguanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL0NvbXBvbmVudHMvUGFnZUNvbnRlbnQudnVlP3Z1ZSZ0eXBlPXNjcmlwdCZsYW5nPWpzJi5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgICA8ZHJhZ2dhYmxlIFxuICAgICAgICB2LW1vZGVsPVwicGFnZS5jb250ZW50XCJcbiAgICAgICAgdi1iaW5kPVwiZHJhZ09wdGlvbnNcIlxuICAgICAgICBAc3RhcnQ9XCJzdGFydERyYWdcIlxuICAgICAgICBAZW5kPVwiZW5kRHJhZ1wiXG4gICAgPlxuICAgICAgICA8dHJhbnNpdGlvblxuICAgICAgICAgICAgdi1mb3I9XCIoZWxlbWVudCwga2V5KSBpbiBwYWdlLmNvbnRlbnRcIlxuICAgICAgICAgICAgOmtleT1cImtleVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxjb21wb25lbnRcbiAgICAgICAgICAgICAgICB2LWlmPVwiIWVkaXRpbmcuaW5jbHVkZXMoa2V5KVwiXG4gICAgICAgICAgICAgICAgdi1iaW5kOmlzPVwiZWxlbWVudC50eXBlICsgJy1lbGVtZW50J1wiXG4gICAgICAgICAgICAgICAgOnRpdGxlPVwiZWxlbWVudC50eXBlID09ICd0aXRsZScgJiYgcGFnZS50aXRsZVwiXG4gICAgICAgICAgICAgICAgOmVsZW1lbnQ9XCJlbGVtZW50XCJcbiAgICAgICAgICAgICAgICBAY2xpY2submF0aXZlPVwiZWRpdEVsZW1lbnQoa2V5KVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2NvbXBvbmVudD5cbiAgICAgICAgICAgIDxlbGVtZW50LWVkaXRcbiAgICAgICAgICAgICAgICB2LWVsc2VcbiAgICAgICAgICAgICAgICA6ZWxlbWVudD1cImVsZW1lbnRcIlxuICAgICAgICAgICAgICAgIHYtb246dXBkYXRlRWxlbWVudD1cInVwZGF0ZUVsZW1lbnQoJGV2ZW50LCBrZXkpXCJcbiAgICAgICAgICAgICAgICB2LW9uOmRlbGV0ZUVsZW1lbnQ9XCJkZWxldGVFbGVtZW50KGtleSlcIlxuICAgICAgICAgICAgICAgIHYtb246Y2xvc2VFbGVtZW50PVwiY2xvc2VFbGVtZW50KGtleSlcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9lbGVtZW50LWVkaXQ+XG4gICAgICAgIDwvdHJhbnNpdGlvbj5cbiAgICA8L2RyYWdnYWJsZT5cbjwvdGVtcGxhdGU+XG5cbjxzdHlsZT5cbi5naG9zdCB7XG59XG48L3N0eWxlPlxuXG48c2NyaXB0PlxuICAgIGltcG9ydCBkcmFnZ2FibGUgZnJvbSAndnVlZHJhZ2dhYmxlJztcbiAgICBpbXBvcnQgRWxlbWVudEVkaXQgZnJvbSAnLi9FbGVtZW50RWRpdCc7XG4gICAgaW1wb3J0IEVsZW1lbnRzIGZyb20gJy4uL0VsZW1lbnRzJztcblxuICAgIGV4cG9ydCBkZWZhdWx0IHtcbiAgICAgICAgbmFtZTogXCJwYWdlLWNvbnRlbnRcIixcbiAgICAgICAgcHJvcHM6IHtcbiAgICAgICAgICAgIHBhZ2U6IE9iamVjdFxuICAgICAgICB9LFxuICAgICAgICBkYXRhKCkge1xuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICBlZGl0aW5nOiBbXSxcbiAgICAgICAgICAgICAgICBub0RyYWc6IGZhbHNlLFxuICAgICAgICAgICAgICAgIGNhbkVkaXQ6IHRydWUsXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGNvbXB1dGVkOiB7XG4gICAgICAgICAgICBkcmFnT3B0aW9ucygpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICBhbmltYXRpb246IDQwMCxcbiAgICAgICAgICAgICAgICAgICAgZWFzaW5nOiBcImN1YmljLWJlemllcigwLjY4LCAtMC42LCAwLjMyLCAxLjYpXCIsXG4gICAgICAgICAgICAgICAgICAgIGdob3N0Q2xhc3M6IFwiZ2hvc3RcIixcbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ6IHRoaXMubm9EcmFnLFxuICAgICAgICAgICAgICAgICAgICBzZXREYXRhKGRhdGFUcmFuc2Zlcikge1xuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YVRyYW5zZmVyLnNldERyYWdJbWFnZShkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKSwgMCwgMCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIG1ldGhvZHM6IHtcbiAgICAgICAgICAgIHN0YXJ0RHJhZygpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNhbkVkaXQgPSBmYWxzZTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBlbmREcmFnKCkge1xuICAgICAgICAgICAgICAgIHRoaXMuY2FuRWRpdCA9IHRydWU7XG4gICAgICAgICAgICAgICAgdGhpcy4kZW1pdCgncGFnZVVwZGF0ZScpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGVkaXRFbGVtZW50KGtleSkge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmNhbkVkaXQpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5lZGl0aW5nLnB1c2goa2V5KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdXBkYXRlRWxlbWVudChldmVudCwga2V5KSB7XG4gICAgICAgICAgICAgICAgdGhpcy5lZGl0aW5nW2tleV0gPSBldmVudDtcbiAgICAgICAgICAgICAgICB0aGlzLiRlbWl0KCdwYWdlVXBkYXRlJyk7XG4gICAgICAgICAgICAgICAgdGhpcy5jbG9zZUVsZW1lbnQoa2V5KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkZWxldGVFbGVtZW50KGtleSkge1xuICAgICAgICAgICAgICAgIHRoaXMuJGVtaXQoJ2RlbGV0ZUVsZW1lbnQnLCBrZXkpO1xuICAgICAgICAgICAgICAgIHRoaXMuY2xvc2VFbGVtZW50KGtleSk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY2xvc2VFbGVtZW50KGtleSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZWRpdGluZyA9IHRoaXMuZWRpdGluZy5maWx0ZXIoZWxlbWVudCA9PiBlbGVtZW50ICE9PSBrZXkpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgd2F0Y2g6IHtcbiAgICAgICAgICAgIGVkaXRpbmcoKSB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMuZWRpdGluZy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMubm9EcmFnID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLm5vRHJhZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgY29tcG9uZW50czoge1xuICAgICAgICAgICAgZHJhZ2dhYmxlLFxuICAgICAgICAgICAgRWxlbWVudEVkaXQsXG4gICAgICAgICAgICAuLi5FbGVtZW50cyxcbiAgICAgICAgfVxuICAgIH1cbjwvc2NyaXB0PiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Components/PageContent.vue?vue&type=script&lang=js&\n");
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuedraggable */ \"./node_modules/vuedraggable/dist/vuedraggable.common.js\");\n/* harmony import */ var vuedraggable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _ElementEdit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ElementEdit */ \"./resources/js/Backend/Components/ElementEdit.vue\");\n/* harmony import */ var _Elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Elements */ \"./resources/js/Backend/Elements/index.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"page-content\",\n  props: {\n    page: Object\n  },\n  data: function data() {\n    return {\n      editing: null,\n      noDrag: false,\n      canEdit: true\n    };\n  },\n  computed: {\n    dragOptions: function dragOptions() {\n      return {\n        animation: 400,\n        easing: \"cubic-bezier(0.68, -0.6, 0.32, 1.6)\",\n        ghostClass: \"ghost\",\n        disabled: this.noDrag,\n        setData: function setData(dataTransfer) {\n          dataTransfer.setDragImage(document.createElement('div'), 0, 0);\n        }\n      };\n    }\n  },\n  methods: {\n    startDrag: function startDrag() {\n      this.canEdit = false;\n    },\n    endDrag: function endDrag() {\n      this.canEdit = true;\n      this.$emit('pageUpdate');\n    },\n    editElement: function editElement(key) {\n      if (!this.editing && this.canEdit) {\n        this.editing = key;\n      }\n    },\n    updateElement: function updateElement(event, key) {\n      this.$emit('pageUpdate');\n      this.closeElement();\n    },\n    deleteElement: function deleteElement(key) {\n      this.$emit('deleteElement', key);\n      this.closeElement();\n    },\n    closeElement: function closeElement() {\n      this.editing = null;\n    }\n  },\n  watch: {\n    editing: function editing() {\n      if (this.editing) {\n        this.noDrag = true;\n      } else {\n        this.noDrag = false;\n      }\n    }\n  },\n  components: _objectSpread({\n    draggable: vuedraggable__WEBPACK_IMPORTED_MODULE_0___default.a,\n    ElementEdit: _ElementEdit__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n  }, _Elements__WEBPACK_IMPORTED_MODULE_2__[\"default\"])\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vcmVzb3VyY2VzL2pzL0JhY2tlbmQvQ29tcG9uZW50cy9QYWdlQ29udGVudC52dWU/MWZlMSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBLHNCQURBO0FBRUE7QUFDQTtBQURBLEdBRkE7QUFLQSxNQUxBLGtCQUtBO0FBQ0E7QUFDQSxtQkFEQTtBQUVBLG1CQUZBO0FBR0E7QUFIQTtBQUtBLEdBWEE7QUFZQTtBQUNBLGVBREEseUJBQ0E7QUFDQTtBQUNBLHNCQURBO0FBRUEscURBRkE7QUFHQSwyQkFIQTtBQUlBLDZCQUpBO0FBS0EsZUFMQSxtQkFLQSxZQUxBLEVBS0E7QUFDQTtBQUNBO0FBUEE7QUFTQTtBQVhBLEdBWkE7QUF5QkE7QUFDQSxhQURBLHVCQUNBO0FBQ0E7QUFDQSxLQUhBO0FBSUEsV0FKQSxxQkFJQTtBQUNBO0FBQ0E7QUFDQSxLQVBBO0FBUUEsZUFSQSx1QkFRQSxHQVJBLEVBUUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQVpBO0FBYUEsaUJBYkEseUJBYUEsS0FiQSxFQWFBLEdBYkEsRUFhQTtBQUNBO0FBQ0E7QUFDQSxLQWhCQTtBQWlCQSxpQkFqQkEseUJBaUJBLEdBakJBLEVBaUJBO0FBQ0E7QUFDQTtBQUNBLEtBcEJBO0FBcUJBLGdCQXJCQSwwQkFxQkE7QUFDQTtBQUNBO0FBdkJBLEdBekJBO0FBa0RBO0FBQ0EsV0FEQSxxQkFDQTtBQUNBO0FBQ0E7QUFDQSxPQUZBLE1BRUE7QUFDQTtBQUNBO0FBQ0E7QUFQQSxHQWxEQTtBQTJEQTtBQUNBLGtFQURBO0FBRUE7QUFGQSxLQUdBLGlEQUhBO0FBM0RBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2JhYmVsLWxvYWRlci9saWIvaW5kZXguanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL0NvbXBvbmVudHMvUGFnZUNvbnRlbnQudnVlP3Z1ZSZ0eXBlPXNjcmlwdCZsYW5nPWpzJi5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgICA8ZHJhZ2dhYmxlIFxuICAgICAgICB2LW1vZGVsPVwicGFnZS5jb250ZW50XCJcbiAgICAgICAgdi1iaW5kPVwiZHJhZ09wdGlvbnNcIlxuICAgICAgICBAc3RhcnQ9XCJzdGFydERyYWdcIlxuICAgICAgICBAZW5kPVwiZW5kRHJhZ1wiXG4gICAgPlxuICAgICAgICA8dHJhbnNpdGlvblxuICAgICAgICAgICAgdi1mb3I9XCIoZWxlbWVudCwga2V5KSBpbiBwYWdlLmNvbnRlbnRcIlxuICAgICAgICAgICAgOmtleT1cImtleVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxlbGVtZW50LWVkaXRcbiAgICAgICAgICAgICAgICB2LWlmPVwiZWRpdGluZyA9PSBrZXlcIlxuICAgICAgICAgICAgICAgIDplbGVtZW50PVwiZWxlbWVudFwiXG4gICAgICAgICAgICAgICAgdi1vbjp1cGRhdGVFbGVtZW50PVwidXBkYXRlRWxlbWVudCgkZXZlbnQsIGtleSlcIlxuICAgICAgICAgICAgICAgIHYtb246ZGVsZXRlRWxlbWVudD1cImRlbGV0ZUVsZW1lbnQoa2V5KVwiXG4gICAgICAgICAgICAgICAgdi1vbjpjbG9zZUVsZW1lbnQ9XCJjbG9zZUVsZW1lbnQoa2V5KVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2VsZW1lbnQtZWRpdD5cbiAgICAgICAgICAgIDxjb21wb25lbnRcbiAgICAgICAgICAgICAgICB2LWVsc2VcbiAgICAgICAgICAgICAgICB2LWJpbmQ6aXM9XCJlbGVtZW50LnR5cGUgKyAnLWVsZW1lbnQnXCJcbiAgICAgICAgICAgICAgICA6dGl0bGU9XCJlbGVtZW50LnR5cGUgPT0gJ3RpdGxlJyAmJiBwYWdlLnRpdGxlXCJcbiAgICAgICAgICAgICAgICA6ZWxlbWVudD1cImVsZW1lbnRcIlxuICAgICAgICAgICAgICAgIEBjbGljay5uYXRpdmU9XCJlZGl0RWxlbWVudChrZXkpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvY29tcG9uZW50PlxuICAgICAgICA8L3RyYW5zaXRpb24+XG4gICAgPC9kcmFnZ2FibGU+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uZ2hvc3Qge1xufVxuPC9zdHlsZT5cblxuPHNjcmlwdD5cbiAgICBpbXBvcnQgZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7XG4gICAgaW1wb3J0IEVsZW1lbnRFZGl0IGZyb20gJy4vRWxlbWVudEVkaXQnO1xuICAgIGltcG9ydCBFbGVtZW50cyBmcm9tICcuLi9FbGVtZW50cyc7XG5cbiAgICBleHBvcnQgZGVmYXVsdCB7XG4gICAgICAgIG5hbWU6IFwicGFnZS1jb250ZW50XCIsXG4gICAgICAgIHByb3BzOiB7XG4gICAgICAgICAgICBwYWdlOiBPYmplY3RcbiAgICAgICAgfSxcbiAgICAgICAgZGF0YSgpIHtcbiAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgZWRpdGluZzogbnVsbCxcbiAgICAgICAgICAgICAgICBub0RyYWc6IGZhbHNlLFxuICAgICAgICAgICAgICAgIGNhbkVkaXQ6IHRydWUsXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGNvbXB1dGVkOiB7XG4gICAgICAgICAgICBkcmFnT3B0aW9ucygpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICBhbmltYXRpb246IDQwMCxcbiAgICAgICAgICAgICAgICAgICAgZWFzaW5nOiBcImN1YmljLWJlemllcigwLjY4LCAtMC42LCAwLjMyLCAxLjYpXCIsXG4gICAgICAgICAgICAgICAgICAgIGdob3N0Q2xhc3M6IFwiZ2hvc3RcIixcbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ6IHRoaXMubm9EcmFnLFxuICAgICAgICAgICAgICAgICAgICBzZXREYXRhKGRhdGFUcmFuc2Zlcikge1xuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YVRyYW5zZmVyLnNldERyYWdJbWFnZShkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKSwgMCwgMCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIG1ldGhvZHM6IHtcbiAgICAgICAgICAgIHN0YXJ0RHJhZygpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNhbkVkaXQgPSBmYWxzZTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBlbmREcmFnKCkge1xuICAgICAgICAgICAgICAgIHRoaXMuY2FuRWRpdCA9IHRydWU7XG4gICAgICAgICAgICAgICAgdGhpcy4kZW1pdCgncGFnZVVwZGF0ZScpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGVkaXRFbGVtZW50KGtleSkge1xuICAgICAgICAgICAgICAgIGlmICghdGhpcy5lZGl0aW5nICYmIHRoaXMuY2FuRWRpdCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmVkaXRpbmcgPSBrZXk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHVwZGF0ZUVsZW1lbnQoZXZlbnQsIGtleSkge1xuICAgICAgICAgICAgICAgIHRoaXMuJGVtaXQoJ3BhZ2VVcGRhdGUnKTtcbiAgICAgICAgICAgICAgICB0aGlzLmNsb3NlRWxlbWVudCgpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRlbGV0ZUVsZW1lbnQoa2V5KSB7XG4gICAgICAgICAgICAgICAgdGhpcy4kZW1pdCgnZGVsZXRlRWxlbWVudCcsIGtleSk7XG4gICAgICAgICAgICAgICAgdGhpcy5jbG9zZUVsZW1lbnQoKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBjbG9zZUVsZW1lbnQoKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5lZGl0aW5nID0gbnVsbDtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIHdhdGNoOiB7XG4gICAgICAgICAgICBlZGl0aW5nKCkge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmVkaXRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5ub0RyYWcgPSB0cnVlO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMubm9EcmFnID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBjb21wb25lbnRzOiB7XG4gICAgICAgICAgICBkcmFnZ2FibGUsXG4gICAgICAgICAgICBFbGVtZW50RWRpdCxcbiAgICAgICAgICAgIC4uLkVsZW1lbnRzLFxuICAgICAgICB9XG4gICAgfVxuPC9zY3JpcHQ+Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Components/PageContent.vue?vue&type=script&lang=js&\n");

/***/ }),



@@ 662,7 662,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"draggable\",\n    _vm._b(\n      {\n        on: { start: _vm.startDrag, end: _vm.endDrag },\n        model: {\n          value: _vm.page.content,\n          callback: function($$v) {\n            _vm.$set(_vm.page, \"content\", $$v)\n          },\n          expression: \"page.content\"\n        }\n      },\n      \"draggable\",\n      _vm.dragOptions,\n      false\n    ),\n    _vm._l(_vm.page.content, function(element, key) {\n      return _c(\n        \"transition\",\n        { key: key },\n        [\n          !_vm.editing.includes(key)\n            ? _c(element.type + \"-element\", {\n                tag: \"component\",\n                attrs: {\n                  title: element.type == \"title\" && _vm.page.title,\n                  element: element\n                },\n                nativeOn: {\n                  click: function($event) {\n                    return _vm.editElement(key)\n                  }\n                }\n              })\n            : _c(\"element-edit\", {\n                attrs: { element: element },\n                on: {\n                  updateElement: function($event) {\n                    return _vm.updateElement($event, key)\n                  },\n                  deleteElement: function($event) {\n                    return _vm.deleteElement(key)\n                  },\n                  closeElement: function($event) {\n                    return _vm.closeElement(key)\n                  }\n                }\n              })\n        ],\n        1\n      )\n    }),\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZXNvdXJjZXMvanMvQmFja2VuZC9Db21wb25lbnRzL1BhZ2VDb250ZW50LnZ1ZT8zN2EwIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhLHlDQUF5QztBQUN0RDtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVc7QUFDWDtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUyxXQUFXO0FBQ3BCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCO0FBQ2pCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlO0FBQ2Y7QUFDQSx3QkFBd0IsbUJBQW1CO0FBQzNDO0FBQ0E7QUFDQTtBQUNBLG1CQUFtQjtBQUNuQjtBQUNBO0FBQ0EsbUJBQW1CO0FBQ25CO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsZUFBZTtBQUNmO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2xvYWRlcnMvdGVtcGxhdGVMb2FkZXIuanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL0NvbXBvbmVudHMvUGFnZUNvbnRlbnQudnVlP3Z1ZSZ0eXBlPXRlbXBsYXRlJmlkPTRkMTU5MzZhJi5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciByZW5kZXIgPSBmdW5jdGlvbigpIHtcbiAgdmFyIF92bSA9IHRoaXNcbiAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICByZXR1cm4gX2MoXG4gICAgXCJkcmFnZ2FibGVcIixcbiAgICBfdm0uX2IoXG4gICAgICB7XG4gICAgICAgIG9uOiB7IHN0YXJ0OiBfdm0uc3RhcnREcmFnLCBlbmQ6IF92bS5lbmREcmFnIH0sXG4gICAgICAgIG1vZGVsOiB7XG4gICAgICAgICAgdmFsdWU6IF92bS5wYWdlLmNvbnRlbnQsXG4gICAgICAgICAgY2FsbGJhY2s6IGZ1bmN0aW9uKCQkdikge1xuICAgICAgICAgICAgX3ZtLiRzZXQoX3ZtLnBhZ2UsIFwiY29udGVudFwiLCAkJHYpXG4gICAgICAgICAgfSxcbiAgICAgICAgICBleHByZXNzaW9uOiBcInBhZ2UuY29udGVudFwiXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBcImRyYWdnYWJsZVwiLFxuICAgICAgX3ZtLmRyYWdPcHRpb25zLFxuICAgICAgZmFsc2VcbiAgICApLFxuICAgIF92bS5fbChfdm0ucGFnZS5jb250ZW50LCBmdW5jdGlvbihlbGVtZW50LCBrZXkpIHtcbiAgICAgIHJldHVybiBfYyhcbiAgICAgICAgXCJ0cmFuc2l0aW9uXCIsXG4gICAgICAgIHsga2V5OiBrZXkgfSxcbiAgICAgICAgW1xuICAgICAgICAgICFfdm0uZWRpdGluZy5pbmNsdWRlcyhrZXkpXG4gICAgICAgICAgICA/IF9jKGVsZW1lbnQudHlwZSArIFwiLWVsZW1lbnRcIiwge1xuICAgICAgICAgICAgICAgIHRhZzogXCJjb21wb25lbnRcIixcbiAgICAgICAgICAgICAgICBhdHRyczoge1xuICAgICAgICAgICAgICAgICAgdGl0bGU6IGVsZW1lbnQudHlwZSA9PSBcInRpdGxlXCIgJiYgX3ZtLnBhZ2UudGl0bGUsXG4gICAgICAgICAgICAgICAgICBlbGVtZW50OiBlbGVtZW50XG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBuYXRpdmVPbjoge1xuICAgICAgICAgICAgICAgICAgY2xpY2s6IGZ1bmN0aW9uKCRldmVudCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gX3ZtLmVkaXRFbGVtZW50KGtleSlcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IF9jKFwiZWxlbWVudC1lZGl0XCIsIHtcbiAgICAgICAgICAgICAgICBhdHRyczogeyBlbGVtZW50OiBlbGVtZW50IH0sXG4gICAgICAgICAgICAgICAgb246IHtcbiAgICAgICAgICAgICAgICAgIHVwZGF0ZUVsZW1lbnQ6IGZ1bmN0aW9uKCRldmVudCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gX3ZtLnVwZGF0ZUVsZW1lbnQoJGV2ZW50LCBrZXkpXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgZGVsZXRlRWxlbWVudDogZnVuY3Rpb24oJGV2ZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBfdm0uZGVsZXRlRWxlbWVudChrZXkpXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgY2xvc2VFbGVtZW50OiBmdW5jdGlvbigkZXZlbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIF92bS5jbG9zZUVsZW1lbnQoa2V5KVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgXSxcbiAgICAgICAgMVxuICAgICAgKVxuICAgIH0pLFxuICAgIDFcbiAgKVxufVxudmFyIHN0YXRpY1JlbmRlckZucyA9IFtdXG5yZW5kZXIuX3dpdGhTdHJpcHBlZCA9IHRydWVcblxuZXhwb3J0IHsgcmVuZGVyLCBzdGF0aWNSZW5kZXJGbnMgfSJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Components/PageContent.vue?vue&type=template&id=4d15936a&\n");
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"draggable\",\n    _vm._b(\n      {\n        on: { start: _vm.startDrag, end: _vm.endDrag },\n        model: {\n          value: _vm.page.content,\n          callback: function($$v) {\n            _vm.$set(_vm.page, \"content\", $$v)\n          },\n          expression: \"page.content\"\n        }\n      },\n      \"draggable\",\n      _vm.dragOptions,\n      false\n    ),\n    _vm._l(_vm.page.content, function(element, key) {\n      return _c(\n        \"transition\",\n        { key: key },\n        [\n          _vm.editing == key\n            ? _c(\"element-edit\", {\n                attrs: { element: element },\n                on: {\n                  updateElement: function($event) {\n                    return _vm.updateElement($event, key)\n                  },\n                  deleteElement: function($event) {\n                    return _vm.deleteElement(key)\n                  },\n                  closeElement: function($event) {\n                    return _vm.closeElement(key)\n                  }\n                }\n              })\n            : _c(element.type + \"-element\", {\n                tag: \"component\",\n                attrs: {\n                  title: element.type == \"title\" && _vm.page.title,\n                  element: element\n                },\n                nativeOn: {\n                  click: function($event) {\n                    return _vm.editElement(key)\n                  }\n                }\n              })\n        ],\n        1\n      )\n    }),\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZXNvdXJjZXMvanMvQmFja2VuZC9Db21wb25lbnRzL1BhZ2VDb250ZW50LnZ1ZT8zN2EwIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxhQUFhLHlDQUF5QztBQUN0RDtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVc7QUFDWDtBQUNBO0FBQ0EsT0FBTztBQUNQO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBUyxXQUFXO0FBQ3BCO0FBQ0E7QUFDQTtBQUNBLHdCQUF3QixtQkFBbUI7QUFDM0M7QUFDQTtBQUNBO0FBQ0EsbUJBQW1CO0FBQ25CO0FBQ0E7QUFDQSxtQkFBbUI7QUFDbkI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlO0FBQ2Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLGlCQUFpQjtBQUNqQjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsZUFBZTtBQUNmO0FBQ0E7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2xvYWRlcnMvdGVtcGxhdGVMb2FkZXIuanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL0NvbXBvbmVudHMvUGFnZUNvbnRlbnQudnVlP3Z1ZSZ0eXBlPXRlbXBsYXRlJmlkPTRkMTU5MzZhJi5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciByZW5kZXIgPSBmdW5jdGlvbigpIHtcbiAgdmFyIF92bSA9IHRoaXNcbiAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICByZXR1cm4gX2MoXG4gICAgXCJkcmFnZ2FibGVcIixcbiAgICBfdm0uX2IoXG4gICAgICB7XG4gICAgICAgIG9uOiB7IHN0YXJ0OiBfdm0uc3RhcnREcmFnLCBlbmQ6IF92bS5lbmREcmFnIH0sXG4gICAgICAgIG1vZGVsOiB7XG4gICAgICAgICAgdmFsdWU6IF92bS5wYWdlLmNvbnRlbnQsXG4gICAgICAgICAgY2FsbGJhY2s6IGZ1bmN0aW9uKCQkdikge1xuICAgICAgICAgICAgX3ZtLiRzZXQoX3ZtLnBhZ2UsIFwiY29udGVudFwiLCAkJHYpXG4gICAgICAgICAgfSxcbiAgICAgICAgICBleHByZXNzaW9uOiBcInBhZ2UuY29udGVudFwiXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBcImRyYWdnYWJsZVwiLFxuICAgICAgX3ZtLmRyYWdPcHRpb25zLFxuICAgICAgZmFsc2VcbiAgICApLFxuICAgIF92bS5fbChfdm0ucGFnZS5jb250ZW50LCBmdW5jdGlvbihlbGVtZW50LCBrZXkpIHtcbiAgICAgIHJldHVybiBfYyhcbiAgICAgICAgXCJ0cmFuc2l0aW9uXCIsXG4gICAgICAgIHsga2V5OiBrZXkgfSxcbiAgICAgICAgW1xuICAgICAgICAgIF92bS5lZGl0aW5nID09IGtleVxuICAgICAgICAgICAgPyBfYyhcImVsZW1lbnQtZWRpdFwiLCB7XG4gICAgICAgICAgICAgICAgYXR0cnM6IHsgZWxlbWVudDogZWxlbWVudCB9LFxuICAgICAgICAgICAgICAgIG9uOiB7XG4gICAgICAgICAgICAgICAgICB1cGRhdGVFbGVtZW50OiBmdW5jdGlvbigkZXZlbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIF92bS51cGRhdGVFbGVtZW50KCRldmVudCwga2V5KVxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIGRlbGV0ZUVsZW1lbnQ6IGZ1bmN0aW9uKCRldmVudCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gX3ZtLmRlbGV0ZUVsZW1lbnQoa2V5KVxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIGNsb3NlRWxlbWVudDogZnVuY3Rpb24oJGV2ZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBfdm0uY2xvc2VFbGVtZW50KGtleSlcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IF9jKGVsZW1lbnQudHlwZSArIFwiLWVsZW1lbnRcIiwge1xuICAgICAgICAgICAgICAgIHRhZzogXCJjb21wb25lbnRcIixcbiAgICAgICAgICAgICAgICBhdHRyczoge1xuICAgICAgICAgICAgICAgICAgdGl0bGU6IGVsZW1lbnQudHlwZSA9PSBcInRpdGxlXCIgJiYgX3ZtLnBhZ2UudGl0bGUsXG4gICAgICAgICAgICAgICAgICBlbGVtZW50OiBlbGVtZW50XG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBuYXRpdmVPbjoge1xuICAgICAgICAgICAgICAgICAgY2xpY2s6IGZ1bmN0aW9uKCRldmVudCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gX3ZtLmVkaXRFbGVtZW50KGtleSlcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0pXG4gICAgICAgIF0sXG4gICAgICAgIDFcbiAgICAgIClcbiAgICB9KSxcbiAgICAxXG4gIClcbn1cbnZhciBzdGF0aWNSZW5kZXJGbnMgPSBbXVxucmVuZGVyLl93aXRoU3RyaXBwZWQgPSB0cnVlXG5cbmV4cG9ydCB7IHJlbmRlciwgc3RhdGljUmVuZGVyRm5zIH0iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Components/PageContent.vue?vue&type=template&id=4d15936a&\n");

/***/ }),


M resources/js/Backend/Components/PageContent.vue => resources/js/Backend/Components/PageContent.vue +17 -18
@@ 9,22 9,22 @@
            v-for="(element, key) in page.content"
            :key="key"
        >
            <component
                v-if="!editing.includes(key)"
                v-bind:is="element.type + '-element'"
                :title="element.type == 'title' && page.title"
                :element="element"
                @click.native="editElement(key)"
            >
            </component>
            <element-edit
                v-else
                v-if="editing == key"
                :element="element"
                v-on:updateElement="updateElement($event, key)"
                v-on:deleteElement="deleteElement(key)"
                v-on:closeElement="closeElement(key)"
            >
            </element-edit>
            <component
                v-else
                v-bind:is="element.type + '-element'"
                :title="element.type == 'title' && page.title"
                :element="element"
                @click.native="editElement(key)"
            >
            </component>
        </transition>
    </draggable>
</template>


@@ 46,7 46,7 @@
        },
        data() {
            return {
                editing: [],
                editing: null,
                noDrag: false,
                canEdit: true,
            }


@@ 73,26 73,25 @@
                this.$emit('pageUpdate');
            },
            editElement(key) {
                if (this.canEdit) {
                    this.editing.push(key);
                if (!this.editing && this.canEdit) {
                    this.editing = key;
                }
            },
            updateElement(event, key) {
                this.editing[key] = event;
                this.$emit('pageUpdate');
                this.closeElement(key);
                this.closeElement();
            },
            deleteElement(key) {
                this.$emit('deleteElement', key);
                this.closeElement(key);
                this.closeElement();
            },
            closeElement(key) {
                this.editing = this.editing.filter(element => element !== key);
            closeElement() {
                this.editing = null;
            },
        },
        watch: {
            editing() {
                if (this.editing.length > 0) {
                if (this.editing) {
                    this.noDrag = true;
                } else {
                    this.noDrag = false;