~jiyu/Jiyu-Web

15ea2212db9a6bcbd55997e7812575649a3b9ce8 — jiyu 2 years ago 080fcaf
Sortable elements are now savable
M public/js/backend.js => public/js/backend.js +4 -4
@@ 202,7 202,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 _Elements__WEBPACK_IMPORTED_MODULE_1__ = __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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"page-content\",\n  props: {\n    page: Object\n  },\n  components: _objectSpread(_objectSpread({}, _Elements__WEBPACK_IMPORTED_MODULE_1__[\"default\"]), {}, {\n    draggable: vuedraggable__WEBPACK_IMPORTED_MODULE_0___default.a\n  })\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vcmVzb3VyY2VzL2pzL0JhY2tlbmQvQ29tcG9uZW50cy9QYWdlQ29udGVudC52dWU/MWZlMSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWNBO0FBQ0E7QUFFQTtBQUNBLHNCQURBO0FBRUE7QUFDQTtBQURBLEdBRkE7QUFLQSw4Q0FDQSxpREFEQTtBQUVBO0FBRkE7QUFMQSIsImZpbGUiOiIuL25vZGVfbW9kdWxlcy9iYWJlbC1sb2FkZXIvbGliL2luZGV4LmpzPyEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9pbmRleC5qcz8hLi9yZXNvdXJjZXMvanMvQmFja2VuZC9Db21wb25lbnRzL1BhZ2VDb250ZW50LnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcyYuanMiLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG4gICAgPGRyYWdnYWJsZT5cbiAgICAgICAgPHRlbXBsYXRlIHYtZm9yPVwiZWxlbWVudCBpbiBwYWdlLmNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxjb21wb25lbnRcbiAgICAgICAgICAgICAgICB2LWJpbmQ6aXM9XCJlbGVtZW50LnR5cGUgKyAnLWVsZW1lbnQnXCJcbiAgICAgICAgICAgICAgICA6ZWxlbWVudD1cImVsZW1lbnRcIlxuICAgICAgICAgICAgICAgIDp0aXRsZT1cImVsZW1lbnQudHlwZSA9PSAndGl0bGUnICYmIHBhZ2UudGl0bGVcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9jb21wb25lbnQ+XG4gICAgICAgIDwvdGVtcGxhdGU+XG4gICAgPC9kcmFnZ2FibGU+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuICAgIGltcG9ydCBkcmFnZ2FibGUgZnJvbSAndnVlZHJhZ2dhYmxlJztcbiAgICBpbXBvcnQgRWxlbWVudHMgZnJvbSAnLi4vRWxlbWVudHMnO1xuXG4gICAgZXhwb3J0IGRlZmF1bHQge1xuICAgICAgICBuYW1lOiBcInBhZ2UtY29udGVudFwiLFxuICAgICAgICBwcm9wczoge1xuICAgICAgICAgICAgcGFnZTogT2JqZWN0XG4gICAgICAgIH0sXG4gICAgICAgIGNvbXBvbmVudHM6IHtcbiAgICAgICAgICAgIC4uLkVsZW1lbnRzLFxuICAgICAgICAgICAgZHJhZ2dhYmxlXG4gICAgICAgIH1cbiAgICB9XG48L3NjcmlwdD4iXSwic291cmNlUm9vdCI6IiJ9\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 _Elements__WEBPACK_IMPORTED_MODULE_1__ = __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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"page-content\",\n  props: {\n    page: Object\n  },\n  methods: {\n    endDrag: function endDrag() {\n      this.$emit('pageUpdate');\n    }\n  },\n  components: _objectSpread(_objectSpread({}, _Elements__WEBPACK_IMPORTED_MODULE_1__[\"default\"]), {}, {\n    draggable: vuedraggable__WEBPACK_IMPORTED_MODULE_0___default.a\n  })\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vcmVzb3VyY2VzL2pzL0JhY2tlbmQvQ29tcG9uZW50cy9QYWdlQ29udGVudC52dWU/MWZlMSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWNBO0FBQ0E7QUFFQTtBQUNBLHNCQURBO0FBRUE7QUFDQTtBQURBLEdBRkE7QUFLQTtBQUNBLFdBREEscUJBQ0E7QUFDQTtBQUNBO0FBSEEsR0FMQTtBQVVBLDhDQUNBLGlEQURBO0FBRUE7QUFGQTtBQVZBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2JhYmVsLWxvYWRlci9saWIvaW5kZXguanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL0NvbXBvbmVudHMvUGFnZUNvbnRlbnQudnVlP3Z1ZSZ0eXBlPXNjcmlwdCZsYW5nPWpzJi5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgICA8ZHJhZ2dhYmxlIHYtbW9kZWw9XCJwYWdlLmNvbnRlbnRcIiBAZW5kPVwiZW5kRHJhZ1wiPlxuICAgICAgICA8dGVtcGxhdGUgdi1mb3I9XCJlbGVtZW50IGluIHBhZ2UuY29udGVudFwiPlxuICAgICAgICAgICAgPGNvbXBvbmVudFxuICAgICAgICAgICAgICAgIHYtYmluZDppcz1cImVsZW1lbnQudHlwZSArICctZWxlbWVudCdcIlxuICAgICAgICAgICAgICAgIDplbGVtZW50PVwiZWxlbWVudFwiXG4gICAgICAgICAgICAgICAgOnRpdGxlPVwiZWxlbWVudC50eXBlID09ICd0aXRsZScgJiYgcGFnZS50aXRsZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2NvbXBvbmVudD5cbiAgICAgICAgPC90ZW1wbGF0ZT5cbiAgICA8L2RyYWdnYWJsZT5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQ+XG4gICAgaW1wb3J0IGRyYWdnYWJsZSBmcm9tICd2dWVkcmFnZ2FibGUnO1xuICAgIGltcG9ydCBFbGVtZW50cyBmcm9tICcuLi9FbGVtZW50cyc7XG5cbiAgICBleHBvcnQgZGVmYXVsdCB7XG4gICAgICAgIG5hbWU6IFwicGFnZS1jb250ZW50XCIsXG4gICAgICAgIHByb3BzOiB7XG4gICAgICAgICAgICBwYWdlOiBPYmplY3RcbiAgICAgICAgfSxcbiAgICAgICAgbWV0aG9kczoge1xuICAgICAgICAgICAgZW5kRHJhZygpIHtcbiAgICAgICAgICAgICAgICB0aGlzLiRlbWl0KCdwYWdlVXBkYXRlJyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGNvbXBvbmVudHM6IHtcbiAgICAgICAgICAgIC4uLkVsZW1lbnRzLFxuICAgICAgICAgICAgZHJhZ2dhYmxlXG4gICAgICAgIH1cbiAgICB9XG48L3NjcmlwdD4iXSwic291cmNlUm9vdCI6IiJ9\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");

/***/ }),



@@ 322,7 322,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Shared_Components_BackButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Shared/Components/BackButton */ \"./resources/js/Shared/Components/BackButton.vue\");\n/* harmony import */ var _Components_PageSaveButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Components/PageSaveButton */ \"./resources/js/Backend/Components/PageSaveButton.vue\");\n/* harmony import */ var _Components_AddElementButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Components/AddElementButton */ \"./resources/js/Backend/Components/AddElementButton.vue\");\n/* harmony import */ var _Components_PageContent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Components/PageContent */ \"./resources/js/Backend/Components/PageContent.vue\");\n/* harmony import */ var _Elements_elements__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Elements/elements */ \"./resources/js/Backend/Elements/elements.js\");\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  data: function data() {\n    return {\n      page: {\n        title: '',\n        content: []\n      }\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    if (this.$route.params.id && this.$route.params.id != 'new') {\n      axios.get('api/pages/' + this.$route.params.id).then(function (response) {\n        _this.page = response.data.data;\n\n        _this.$refs.save.setNoChange();\n      });\n    } else {\n      this.$refs.save.setNoChange();\n    }\n  },\n  methods: {\n    setUnsaved: function setUnsaved() {\n      this.$refs.save.setUnsaved();\n    },\n    addElement: function addElement(event) {\n      var newElement = {\n        type: event\n      };\n\n      for (var i = 0; i < _Elements_elements__WEBPACK_IMPORTED_MODULE_4__[\"default\"][event].fields.length; i++) {\n        newElement[_Elements_elements__WEBPACK_IMPORTED_MODULE_4__[\"default\"][event].fields[i]] = null;\n      }\n\n      this.page.content.push(newElement);\n      this.setUnsaved();\n    }\n  },\n  components: {\n    BackButton: _Shared_Components_BackButton__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    PageSaveButton: _Components_PageSaveButton__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AddElementButton: _Components_AddElementButton__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    PageContent: _Components_PageContent__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n  }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vcmVzb3VyY2VzL2pzL0JhY2tlbmQvUm91dGVzL1BhZ2UudnVlP2U1ZmIiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBbUJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBLE1BREEsa0JBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBREE7QUFFQTtBQUZBO0FBREE7QUFNQSxHQVJBO0FBU0EsU0FUQSxxQkFTQTtBQUFBOztBQUNBO0FBQ0Esc0RBQ0EsSUFEQSxDQUNBO0FBQ0E7O0FBQ0E7QUFDQSxPQUpBO0FBS0EsS0FOQSxNQU1BO0FBQ0E7QUFDQTtBQUNBLEdBbkJBO0FBb0JBO0FBQ0EsY0FEQSx3QkFDQTtBQUNBO0FBQ0EsS0FIQTtBQUlBLGNBSkEsc0JBSUEsS0FKQSxFQUlBO0FBQ0E7QUFDQTtBQURBOztBQUlBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFmQSxHQXBCQTtBQXFDQTtBQUNBLHFGQURBO0FBRUEsc0ZBRkE7QUFHQSwwRkFIQTtBQUlBO0FBSkE7QUFyQ0EiLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvYmFiZWwtbG9hZGVyL2xpYi9pbmRleC5qcz8hLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvaW5kZXguanM/IS4vcmVzb3VyY2VzL2pzL0JhY2tlbmQvUm91dGVzL1BhZ2UudnVlP3Z1ZSZ0eXBlPXNjcmlwdCZsYW5nPWpzJi5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyIG10LTVcIj5cbiAgICAgICAgPGJhY2stYnV0dG9uPjwvYmFjay1idXR0b24+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkIG1iLTNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHlcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgICAgICAgICAgICAgICAgICA8bGFiZWwgZm9yPVwidGl0bGVJbnB1dFwiPnt7ICR0KCd0aXRsZScpIH19PC9sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBpZD1cInRpdGxlSW5wdXRcIiB2LW9uOmlucHV0PVwic2V0VW5zYXZlZFwiIHYtbW9kZWw9XCJwYWdlLnRpdGxlXCIgOnBsYWNlaG9sZGVyPVwiJHQoJ2VudGVyVGl0bGUnKVwiIHJlcXVpcmVkPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8cGFnZS1zYXZlLWJ1dHRvbiA6cGFnZT1cInBhZ2VcIiByZWY9XCJzYXZlXCI+PC9wYWdlLXNhdmUtYnV0dG9uPlxuICAgICAgICA8cGFnZS1jb250ZW50IDpwYWdlPVwicGFnZVwiPjwvcGFnZS1jb250ZW50PlxuICAgICAgICA8cHJlPnt7IHBhZ2UuY29udGVudCB9fTwvcHJlPlxuICAgICAgICA8YWRkLWVsZW1lbnQtYnV0dG9uIHYtb246YWRkRWxlbWVudD1cImFkZEVsZW1lbnRcIj48L2FkZC1lbGVtZW50LWJ1dHRvbj5cbiAgICA8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQ+XG4gICAgaW1wb3J0IEJhY2tCdXR0b24gZnJvbSAnLi4vLi4vU2hhcmVkL0NvbXBvbmVudHMvQmFja0J1dHRvbic7XG4gICAgaW1wb3J0IFBhZ2VTYXZlQnV0dG9uIGZyb20gJy4uL0NvbXBvbmVudHMvUGFnZVNhdmVCdXR0b24nO1xuICAgIGltcG9ydCBBZGRFbGVtZW50QnV0dG9uIGZyb20gJy4uL0NvbXBvbmVudHMvQWRkRWxlbWVudEJ1dHRvbic7XG4gICAgaW1wb3J0IFBhZ2VDb250ZW50IGZyb20gJy4uL0NvbXBvbmVudHMvUGFnZUNvbnRlbnQnO1xuICAgIGltcG9ydCBlbGVtZW50cyBmcm9tICcuLi9FbGVtZW50cy9lbGVtZW50cyc7XG5cbiAgICBleHBvcnQgZGVmYXVsdCB7XG4gICAgICAgIGRhdGEoKSB7XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIHBhZ2U6IHtcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU6ICcnLFxuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiBbXSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBtb3VudGVkKCkge1xuICAgICAgICAgICAgaWYgKHRoaXMuJHJvdXRlLnBhcmFtcy5pZCAmJiB0aGlzLiRyb3V0ZS5wYXJhbXMuaWQgIT0gJ25ldycpIHtcbiAgICAgICAgICAgICAgICBheGlvcy5nZXQoJ2FwaS9wYWdlcy8nICsgdGhpcy4kcm91dGUucGFyYW1zLmlkKVxuICAgICAgICAgICAgICAgIC50aGVuKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5wYWdlID0gcmVzcG9uc2UuZGF0YS5kYXRhO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLiRyZWZzLnNhdmUuc2V0Tm9DaGFuZ2UoKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy4kcmVmcy5zYXZlLnNldE5vQ2hhbmdlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIG1ldGhvZHM6IHtcbiAgICAgICAgICAgIHNldFVuc2F2ZWQoKSB7XG4gICAgICAgICAgICAgICAgdGhpcy4kcmVmcy5zYXZlLnNldFVuc2F2ZWQoKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBhZGRFbGVtZW50KGV2ZW50KSB7XG4gICAgICAgICAgICAgICAgbGV0IG5ld0VsZW1lbnQgPSB7XG4gICAgICAgICAgICAgICAgICAgIHR5cGU6IGV2ZW50LFxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgZWxlbWVudHNbZXZlbnRdLmZpZWxkcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgICAgICAgICBuZXdFbGVtZW50W2VsZW1lbnRzW2V2ZW50XS5maWVsZHNbaV1dID0gbnVsbDtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICB0aGlzLnBhZ2UuY29udGVudC5wdXNoKG5ld0VsZW1lbnQpO1xuICAgICAgICAgICAgICAgIHRoaXMuc2V0VW5zYXZlZCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBjb21wb25lbnRzOiB7XG4gICAgICAgICAgICBCYWNrQnV0dG9uLFxuICAgICAgICAgICAgUGFnZVNhdmVCdXR0b24sXG4gICAgICAgICAgICBBZGRFbGVtZW50QnV0dG9uLFxuICAgICAgICAgICAgUGFnZUNvbnRlbnQsXG4gICAgICAgIH1cbiAgICB9XG48L3NjcmlwdD5cbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Routes/Page.vue?vue&type=script&lang=js&\n");
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Shared_Components_BackButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Shared/Components/BackButton */ \"./resources/js/Shared/Components/BackButton.vue\");\n/* harmony import */ var _Components_PageSaveButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Components/PageSaveButton */ \"./resources/js/Backend/Components/PageSaveButton.vue\");\n/* harmony import */ var _Components_AddElementButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Components/AddElementButton */ \"./resources/js/Backend/Components/AddElementButton.vue\");\n/* harmony import */ var _Components_PageContent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Components/PageContent */ \"./resources/js/Backend/Components/PageContent.vue\");\n/* harmony import */ var _Elements_elements__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Elements/elements */ \"./resources/js/Backend/Elements/elements.js\");\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  data: function data() {\n    return {\n      page: {\n        title: '',\n        content: []\n      }\n    };\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    if (this.$route.params.id && this.$route.params.id != 'new') {\n      axios.get('api/pages/' + this.$route.params.id).then(function (response) {\n        _this.page = response.data.data;\n\n        _this.$refs.save.setNoChange();\n      });\n    } else {\n      this.$refs.save.setNoChange();\n    }\n  },\n  methods: {\n    setUnsaved: function setUnsaved() {\n      this.$refs.save.setUnsaved();\n    },\n    addElement: function addElement(event) {\n      var newElement = {\n        type: event\n      };\n\n      for (var i = 0; i < _Elements_elements__WEBPACK_IMPORTED_MODULE_4__[\"default\"][event].fields.length; i++) {\n        newElement[_Elements_elements__WEBPACK_IMPORTED_MODULE_4__[\"default\"][event].fields[i]] = null;\n      }\n\n      this.page.content.push(newElement);\n      this.setUnsaved();\n    }\n  },\n  components: {\n    BackButton: _Shared_Components_BackButton__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    PageSaveButton: _Components_PageSaveButton__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AddElementButton: _Components_AddElementButton__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    PageContent: _Components_PageContent__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n  }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vcmVzb3VyY2VzL2pzL0JhY2tlbmQvUm91dGVzL1BhZ2UudnVlP2U1ZmIiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBbUJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBLE1BREEsa0JBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBREE7QUFFQTtBQUZBO0FBREE7QUFNQSxHQVJBO0FBU0EsU0FUQSxxQkFTQTtBQUFBOztBQUNBO0FBQ0Esc0RBQ0EsSUFEQSxDQUNBO0FBQ0E7O0FBQ0E7QUFDQSxPQUpBO0FBS0EsS0FOQSxNQU1BO0FBQ0E7QUFDQTtBQUNBLEdBbkJBO0FBb0JBO0FBQ0EsY0FEQSx3QkFDQTtBQUNBO0FBQ0EsS0FIQTtBQUlBLGNBSkEsc0JBSUEsS0FKQSxFQUlBO0FBQ0E7QUFDQTtBQURBOztBQUlBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFmQSxHQXBCQTtBQXFDQTtBQUNBLHFGQURBO0FBRUEsc0ZBRkE7QUFHQSwwRkFIQTtBQUlBO0FBSkE7QUFyQ0EiLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvYmFiZWwtbG9hZGVyL2xpYi9pbmRleC5qcz8hLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvaW5kZXguanM/IS4vcmVzb3VyY2VzL2pzL0JhY2tlbmQvUm91dGVzL1BhZ2UudnVlP3Z1ZSZ0eXBlPXNjcmlwdCZsYW5nPWpzJi5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyIG10LTVcIj5cbiAgICAgICAgPGJhY2stYnV0dG9uPjwvYmFjay1idXR0b24+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkIG1iLTNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHlcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgICAgICAgICAgICAgICAgICA8bGFiZWwgZm9yPVwidGl0bGVJbnB1dFwiPnt7ICR0KCd0aXRsZScpIH19PC9sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBpZD1cInRpdGxlSW5wdXRcIiB2LW9uOmlucHV0PVwic2V0VW5zYXZlZFwiIHYtbW9kZWw9XCJwYWdlLnRpdGxlXCIgOnBsYWNlaG9sZGVyPVwiJHQoJ2VudGVyVGl0bGUnKVwiIHJlcXVpcmVkPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8cGFnZS1zYXZlLWJ1dHRvbiA6cGFnZT1cInBhZ2VcIiByZWY9XCJzYXZlXCI+PC9wYWdlLXNhdmUtYnV0dG9uPlxuICAgICAgICA8cGFnZS1jb250ZW50IHYtb246cGFnZVVwZGF0ZT1cInNldFVuc2F2ZWRcIiA6cGFnZT1cInBhZ2VcIj48L3BhZ2UtY29udGVudD5cbiAgICAgICAgPHByZT57eyBwYWdlLmNvbnRlbnQgfX08L3ByZT5cbiAgICAgICAgPGFkZC1lbGVtZW50LWJ1dHRvbiB2LW9uOmFkZEVsZW1lbnQ9XCJhZGRFbGVtZW50XCI+PC9hZGQtZWxlbWVudC1idXR0b24+XG4gICAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuICAgIGltcG9ydCBCYWNrQnV0dG9uIGZyb20gJy4uLy4uL1NoYXJlZC9Db21wb25lbnRzL0JhY2tCdXR0b24nO1xuICAgIGltcG9ydCBQYWdlU2F2ZUJ1dHRvbiBmcm9tICcuLi9Db21wb25lbnRzL1BhZ2VTYXZlQnV0dG9uJztcbiAgICBpbXBvcnQgQWRkRWxlbWVudEJ1dHRvbiBmcm9tICcuLi9Db21wb25lbnRzL0FkZEVsZW1lbnRCdXR0b24nO1xuICAgIGltcG9ydCBQYWdlQ29udGVudCBmcm9tICcuLi9Db21wb25lbnRzL1BhZ2VDb250ZW50JztcbiAgICBpbXBvcnQgZWxlbWVudHMgZnJvbSAnLi4vRWxlbWVudHMvZWxlbWVudHMnO1xuXG4gICAgZXhwb3J0IGRlZmF1bHQge1xuICAgICAgICBkYXRhKCkge1xuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICBwYWdlOiB7XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlOiAnJyxcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogW10sXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgbW91bnRlZCgpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLiRyb3V0ZS5wYXJhbXMuaWQgJiYgdGhpcy4kcm91dGUucGFyYW1zLmlkICE9ICduZXcnKSB7XG4gICAgICAgICAgICAgICAgYXhpb3MuZ2V0KCdhcGkvcGFnZXMvJyArIHRoaXMuJHJvdXRlLnBhcmFtcy5pZClcbiAgICAgICAgICAgICAgICAudGhlbihyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMucGFnZSA9IHJlc3BvbnNlLmRhdGEuZGF0YTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy4kcmVmcy5zYXZlLnNldE5vQ2hhbmdlKCk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuJHJlZnMuc2F2ZS5zZXROb0NoYW5nZSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBtZXRob2RzOiB7XG4gICAgICAgICAgICBzZXRVbnNhdmVkKCkge1xuICAgICAgICAgICAgICAgIHRoaXMuJHJlZnMuc2F2ZS5zZXRVbnNhdmVkKCk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgYWRkRWxlbWVudChldmVudCkge1xuICAgICAgICAgICAgICAgIGxldCBuZXdFbGVtZW50ID0ge1xuICAgICAgICAgICAgICAgICAgICB0eXBlOiBldmVudCxcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGVsZW1lbnRzW2V2ZW50XS5maWVsZHMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgICAgICAgICAgbmV3RWxlbWVudFtlbGVtZW50c1tldmVudF0uZmllbGRzW2ldXSA9IG51bGw7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgdGhpcy5wYWdlLmNvbnRlbnQucHVzaChuZXdFbGVtZW50KTtcbiAgICAgICAgICAgICAgICB0aGlzLnNldFVuc2F2ZWQoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgY29tcG9uZW50czoge1xuICAgICAgICAgICAgQmFja0J1dHRvbixcbiAgICAgICAgICAgIFBhZ2VTYXZlQnV0dG9uLFxuICAgICAgICAgICAgQWRkRWxlbWVudEJ1dHRvbixcbiAgICAgICAgICAgIFBhZ2VDb250ZW50LFxuICAgICAgICB9XG4gICAgfVxuPC9zY3JpcHQ+XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Routes/Page.vue?vue&type=script&lang=js&\n");

/***/ }),



@@ 511,7 511,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    [\n      _vm._l(_vm.page.content, function(element) {\n        return [\n          _c(element.type + \"-element\", {\n            tag: \"component\",\n            attrs: {\n              element: element,\n              title: element.type == \"title\" && _vm.page.title\n            }\n          })\n        ]\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZXNvdXJjZXMvanMvQmFja2VuZC9Db21wb25lbnRzL1BhZ2VDb250ZW50LnZ1ZT8zN2EwIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFdBQVc7QUFDWDtBQUNBLE9BQU87QUFDUDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvbG9hZGVycy90ZW1wbGF0ZUxvYWRlci5qcz8hLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvaW5kZXguanM/IS4vcmVzb3VyY2VzL2pzL0JhY2tlbmQvQ29tcG9uZW50cy9QYWdlQ29udGVudC52dWU/dnVlJnR5cGU9dGVtcGxhdGUmaWQ9NGQxNTkzNmEmLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfYyhcbiAgICBcImRyYWdnYWJsZVwiLFxuICAgIFtcbiAgICAgIF92bS5fbChfdm0ucGFnZS5jb250ZW50LCBmdW5jdGlvbihlbGVtZW50KSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgX2MoZWxlbWVudC50eXBlICsgXCItZWxlbWVudFwiLCB7XG4gICAgICAgICAgICB0YWc6IFwiY29tcG9uZW50XCIsXG4gICAgICAgICAgICBhdHRyczoge1xuICAgICAgICAgICAgICBlbGVtZW50OiBlbGVtZW50LFxuICAgICAgICAgICAgICB0aXRsZTogZWxlbWVudC50eXBlID09IFwidGl0bGVcIiAmJiBfdm0ucGFnZS50aXRsZVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pXG4gICAgICAgIF1cbiAgICAgIH0pXG4gICAgXSxcbiAgICAyXG4gIClcbn1cbnZhciBzdGF0aWNSZW5kZXJGbnMgPSBbXVxucmVuZGVyLl93aXRoU3RyaXBwZWQgPSB0cnVlXG5cbmV4cG9ydCB7IHJlbmRlciwgc3RhdGljUmVuZGVyRm5zIH0iXSwic291cmNlUm9vdCI6IiJ9\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    {\n      on: { 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    [\n      _vm._l(_vm.page.content, function(element) {\n        return [\n          _c(element.type + \"-element\", {\n            tag: \"component\",\n            attrs: {\n              element: element,\n              title: element.type == \"title\" && _vm.page.title\n            }\n          })\n        ]\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZXNvdXJjZXMvanMvQmFja2VuZC9Db21wb25lbnRzL1BhZ2VDb250ZW50LnZ1ZT8zN2EwIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVyxtQkFBbUI7QUFDOUI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTO0FBQ1Q7QUFDQTtBQUNBLEtBQUs7QUFDTDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxXQUFXO0FBQ1g7QUFDQSxPQUFPO0FBQ1A7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2xvYWRlcnMvdGVtcGxhdGVMb2FkZXIuanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL0NvbXBvbmVudHMvUGFnZUNvbnRlbnQudnVlP3Z1ZSZ0eXBlPXRlbXBsYXRlJmlkPTRkMTU5MzZhJi5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciByZW5kZXIgPSBmdW5jdGlvbigpIHtcbiAgdmFyIF92bSA9IHRoaXNcbiAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICByZXR1cm4gX2MoXG4gICAgXCJkcmFnZ2FibGVcIixcbiAgICB7XG4gICAgICBvbjogeyBlbmQ6IF92bS5lbmREcmFnIH0sXG4gICAgICBtb2RlbDoge1xuICAgICAgICB2YWx1ZTogX3ZtLnBhZ2UuY29udGVudCxcbiAgICAgICAgY2FsbGJhY2s6IGZ1bmN0aW9uKCQkdikge1xuICAgICAgICAgIF92bS4kc2V0KF92bS5wYWdlLCBcImNvbnRlbnRcIiwgJCR2KVxuICAgICAgICB9LFxuICAgICAgICBleHByZXNzaW9uOiBcInBhZ2UuY29udGVudFwiXG4gICAgICB9XG4gICAgfSxcbiAgICBbXG4gICAgICBfdm0uX2woX3ZtLnBhZ2UuY29udGVudCwgZnVuY3Rpb24oZWxlbWVudCkge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgIF9jKGVsZW1lbnQudHlwZSArIFwiLWVsZW1lbnRcIiwge1xuICAgICAgICAgICAgdGFnOiBcImNvbXBvbmVudFwiLFxuICAgICAgICAgICAgYXR0cnM6IHtcbiAgICAgICAgICAgICAgZWxlbWVudDogZWxlbWVudCxcbiAgICAgICAgICAgICAgdGl0bGU6IGVsZW1lbnQudHlwZSA9PSBcInRpdGxlXCIgJiYgX3ZtLnBhZ2UudGl0bGVcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KVxuICAgICAgICBdXG4gICAgICB9KVxuICAgIF0sXG4gICAgMlxuICApXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW11cbnJlbmRlci5fd2l0aFN0cmlwcGVkID0gdHJ1ZVxuXG5leHBvcnQgeyByZW5kZXIsIHN0YXRpY1JlbmRlckZucyB9Il0sInNvdXJjZVJvb3QiOiIifQ==\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");

/***/ }),



@@ 631,7 631,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    \"div\",\n    { staticClass: \"container mt-5\" },\n    [\n      _c(\"back-button\"),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"card mb-3\" }, [\n        _c(\"div\", { staticClass: \"card-body\" }, [\n          _c(\"div\", { staticClass: \"form-group\" }, [\n            _c(\"label\", { attrs: { for: \"titleInput\" } }, [\n              _vm._v(_vm._s(_vm.$t(\"title\")))\n            ]),\n            _vm._v(\" \"),\n            _c(\"input\", {\n              directives: [\n                {\n                  name: \"model\",\n                  rawName: \"v-model\",\n                  value: _vm.page.title,\n                  expression: \"page.title\"\n                }\n              ],\n              staticClass: \"form-control\",\n              attrs: {\n                type: \"text\",\n                id: \"titleInput\",\n                placeholder: _vm.$t(\"enterTitle\"),\n                required: \"true\"\n              },\n              domProps: { value: _vm.page.title },\n              on: {\n                input: [\n                  function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.$set(_vm.page, \"title\", $event.target.value)\n                  },\n                  _vm.setUnsaved\n                ]\n              }\n            })\n          ])\n        ])\n      ]),\n      _vm._v(\" \"),\n      _c(\"page-save-button\", { ref: \"save\", attrs: { page: _vm.page } }),\n      _vm._v(\" \"),\n      _c(\"page-content\", { attrs: { page: _vm.page } }),\n      _vm._v(\" \"),\n      _c(\"pre\", [_vm._v(_vm._s(_vm.page.content))]),\n      _vm._v(\" \"),\n      _c(\"add-element-button\", { on: { addElement: _vm.addElement } })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZXNvdXJjZXMvanMvQmFja2VuZC9Sb3V0ZXMvUGFnZS52dWU/ZTAzNSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLLGdDQUFnQztBQUNyQztBQUNBO0FBQ0E7QUFDQSxpQkFBaUIsMkJBQTJCO0FBQzVDLG1CQUFtQiwyQkFBMkI7QUFDOUMscUJBQXFCLDRCQUE0QjtBQUNqRCx5QkFBeUIsU0FBUyxvQkFBb0IsRUFBRTtBQUN4RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlO0FBQ2YseUJBQXlCLHdCQUF3QjtBQUNqRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG1CQUFtQjtBQUNuQjtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2I7QUFDQTtBQUNBO0FBQ0E7QUFDQSw4QkFBOEIsc0JBQXNCLGlCQUFpQixFQUFFO0FBQ3ZFO0FBQ0EsMEJBQTBCLFNBQVMsaUJBQWlCLEVBQUU7QUFDdEQ7QUFDQTtBQUNBO0FBQ0EsZ0NBQWdDLE1BQU0sNkJBQTZCLEVBQUU7QUFDckU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2xvYWRlcnMvdGVtcGxhdGVMb2FkZXIuanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL1JvdXRlcy9QYWdlLnZ1ZT92dWUmdHlwZT10ZW1wbGF0ZSZpZD02Y2U5Y2Q4YiYuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgcmVuZGVyID0gZnVuY3Rpb24oKSB7XG4gIHZhciBfdm0gPSB0aGlzXG4gIHZhciBfaCA9IF92bS4kY3JlYXRlRWxlbWVudFxuICB2YXIgX2MgPSBfdm0uX3NlbGYuX2MgfHwgX2hcbiAgcmV0dXJuIF9jKFxuICAgIFwiZGl2XCIsXG4gICAgeyBzdGF0aWNDbGFzczogXCJjb250YWluZXIgbXQtNVwiIH0sXG4gICAgW1xuICAgICAgX2MoXCJiYWNrLWJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImRpdlwiLCB7IHN0YXRpY0NsYXNzOiBcImNhcmQgbWItM1wiIH0sIFtcbiAgICAgICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJjYXJkLWJvZHlcIiB9LCBbXG4gICAgICAgICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJmb3JtLWdyb3VwXCIgfSwgW1xuICAgICAgICAgICAgX2MoXCJsYWJlbFwiLCB7IGF0dHJzOiB7IGZvcjogXCJ0aXRsZUlucHV0XCIgfSB9LCBbXG4gICAgICAgICAgICAgIF92bS5fdihfdm0uX3MoX3ZtLiR0KFwidGl0bGVcIikpKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICAgICAgX2MoXCJpbnB1dFwiLCB7XG4gICAgICAgICAgICAgIGRpcmVjdGl2ZXM6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBuYW1lOiBcIm1vZGVsXCIsXG4gICAgICAgICAgICAgICAgICByYXdOYW1lOiBcInYtbW9kZWxcIixcbiAgICAgICAgICAgICAgICAgIHZhbHVlOiBfdm0ucGFnZS50aXRsZSxcbiAgICAgICAgICAgICAgICAgIGV4cHJlc3Npb246IFwicGFnZS50aXRsZVwiXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgICBzdGF0aWNDbGFzczogXCJmb3JtLWNvbnRyb2xcIixcbiAgICAgICAgICAgICAgYXR0cnM6IHtcbiAgICAgICAgICAgICAgICB0eXBlOiBcInRleHRcIixcbiAgICAgICAgICAgICAgICBpZDogXCJ0aXRsZUlucHV0XCIsXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI6IF92bS4kdChcImVudGVyVGl0bGVcIiksXG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ6IFwidHJ1ZVwiXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGRvbVByb3BzOiB7IHZhbHVlOiBfdm0ucGFnZS50aXRsZSB9LFxuICAgICAgICAgICAgICBvbjoge1xuICAgICAgICAgICAgICAgIGlucHV0OiBbXG4gICAgICAgICAgICAgICAgICBmdW5jdGlvbigkZXZlbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCRldmVudC50YXJnZXQuY29tcG9zaW5nKSB7XG4gICAgICAgICAgICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgX3ZtLiRzZXQoX3ZtLnBhZ2UsIFwidGl0bGVcIiwgJGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICBfdm0uc2V0VW5zYXZlZFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSlcbiAgICAgICAgICBdKVxuICAgICAgICBdKVxuICAgICAgXSksXG4gICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgX2MoXCJwYWdlLXNhdmUtYnV0dG9uXCIsIHsgcmVmOiBcInNhdmVcIiwgYXR0cnM6IHsgcGFnZTogX3ZtLnBhZ2UgfSB9KSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcInBhZ2UtY29udGVudFwiLCB7IGF0dHJzOiB7IHBhZ2U6IF92bS5wYWdlIH0gfSksXG4gICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgX2MoXCJwcmVcIiwgW192bS5fdihfdm0uX3MoX3ZtLnBhZ2UuY29udGVudCkpXSksXG4gICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgX2MoXCJhZGQtZWxlbWVudC1idXR0b25cIiwgeyBvbjogeyBhZGRFbGVtZW50OiBfdm0uYWRkRWxlbWVudCB9IH0pXG4gICAgXSxcbiAgICAxXG4gIClcbn1cbnZhciBzdGF0aWNSZW5kZXJGbnMgPSBbXVxucmVuZGVyLl93aXRoU3RyaXBwZWQgPSB0cnVlXG5cbmV4cG9ydCB7IHJlbmRlciwgc3RhdGljUmVuZGVyRm5zIH0iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Routes/Page.vue?vue&type=template&id=6ce9cd8b&\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    \"div\",\n    { staticClass: \"container mt-5\" },\n    [\n      _c(\"back-button\"),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"card mb-3\" }, [\n        _c(\"div\", { staticClass: \"card-body\" }, [\n          _c(\"div\", { staticClass: \"form-group\" }, [\n            _c(\"label\", { attrs: { for: \"titleInput\" } }, [\n              _vm._v(_vm._s(_vm.$t(\"title\")))\n            ]),\n            _vm._v(\" \"),\n            _c(\"input\", {\n              directives: [\n                {\n                  name: \"model\",\n                  rawName: \"v-model\",\n                  value: _vm.page.title,\n                  expression: \"page.title\"\n                }\n              ],\n              staticClass: \"form-control\",\n              attrs: {\n                type: \"text\",\n                id: \"titleInput\",\n                placeholder: _vm.$t(\"enterTitle\"),\n                required: \"true\"\n              },\n              domProps: { value: _vm.page.title },\n              on: {\n                input: [\n                  function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.$set(_vm.page, \"title\", $event.target.value)\n                  },\n                  _vm.setUnsaved\n                ]\n              }\n            })\n          ])\n        ])\n      ]),\n      _vm._v(\" \"),\n      _c(\"page-save-button\", { ref: \"save\", attrs: { page: _vm.page } }),\n      _vm._v(\" \"),\n      _c(\"page-content\", {\n        attrs: { page: _vm.page },\n        on: { pageUpdate: _vm.setUnsaved }\n      }),\n      _vm._v(\" \"),\n      _c(\"pre\", [_vm._v(_vm._s(_vm.page.content))]),\n      _vm._v(\" \"),\n      _c(\"add-element-button\", { on: { addElement: _vm.addElement } })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZXNvdXJjZXMvanMvQmFja2VuZC9Sb3V0ZXMvUGFnZS52dWU/ZTAzNSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxLQUFLLGdDQUFnQztBQUNyQztBQUNBO0FBQ0E7QUFDQSxpQkFBaUIsMkJBQTJCO0FBQzVDLG1CQUFtQiwyQkFBMkI7QUFDOUMscUJBQXFCLDRCQUE0QjtBQUNqRCx5QkFBeUIsU0FBUyxvQkFBb0IsRUFBRTtBQUN4RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlO0FBQ2YseUJBQXlCLHdCQUF3QjtBQUNqRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLG1CQUFtQjtBQUNuQjtBQUNBO0FBQ0E7QUFDQSxhQUFhO0FBQ2I7QUFDQTtBQUNBO0FBQ0E7QUFDQSw4QkFBOEIsc0JBQXNCLGlCQUFpQixFQUFFO0FBQ3ZFO0FBQ0E7QUFDQSxnQkFBZ0IsaUJBQWlCO0FBQ2pDLGFBQWE7QUFDYixPQUFPO0FBQ1A7QUFDQTtBQUNBO0FBQ0EsZ0NBQWdDLE1BQU0sNkJBQTZCLEVBQUU7QUFDckU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2xvYWRlcnMvdGVtcGxhdGVMb2FkZXIuanM/IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3Jlc291cmNlcy9qcy9CYWNrZW5kL1JvdXRlcy9QYWdlLnZ1ZT92dWUmdHlwZT10ZW1wbGF0ZSZpZD02Y2U5Y2Q4YiYuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgcmVuZGVyID0gZnVuY3Rpb24oKSB7XG4gIHZhciBfdm0gPSB0aGlzXG4gIHZhciBfaCA9IF92bS4kY3JlYXRlRWxlbWVudFxuICB2YXIgX2MgPSBfdm0uX3NlbGYuX2MgfHwgX2hcbiAgcmV0dXJuIF9jKFxuICAgIFwiZGl2XCIsXG4gICAgeyBzdGF0aWNDbGFzczogXCJjb250YWluZXIgbXQtNVwiIH0sXG4gICAgW1xuICAgICAgX2MoXCJiYWNrLWJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImRpdlwiLCB7IHN0YXRpY0NsYXNzOiBcImNhcmQgbWItM1wiIH0sIFtcbiAgICAgICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJjYXJkLWJvZHlcIiB9LCBbXG4gICAgICAgICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJmb3JtLWdyb3VwXCIgfSwgW1xuICAgICAgICAgICAgX2MoXCJsYWJlbFwiLCB7IGF0dHJzOiB7IGZvcjogXCJ0aXRsZUlucHV0XCIgfSB9LCBbXG4gICAgICAgICAgICAgIF92bS5fdihfdm0uX3MoX3ZtLiR0KFwidGl0bGVcIikpKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICAgICAgX2MoXCJpbnB1dFwiLCB7XG4gICAgICAgICAgICAgIGRpcmVjdGl2ZXM6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBuYW1lOiBcIm1vZGVsXCIsXG4gICAgICAgICAgICAgICAgICByYXdOYW1lOiBcInYtbW9kZWxcIixcbiAgICAgICAgICAgICAgICAgIHZhbHVlOiBfdm0ucGFnZS50aXRsZSxcbiAgICAgICAgICAgICAgICAgIGV4cHJlc3Npb246IFwicGFnZS50aXRsZVwiXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgICBzdGF0aWNDbGFzczogXCJmb3JtLWNvbnRyb2xcIixcbiAgICAgICAgICAgICAgYXR0cnM6IHtcbiAgICAgICAgICAgICAgICB0eXBlOiBcInRleHRcIixcbiAgICAgICAgICAgICAgICBpZDogXCJ0aXRsZUlucHV0XCIsXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI6IF92bS4kdChcImVudGVyVGl0bGVcIiksXG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ6IFwidHJ1ZVwiXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGRvbVByb3BzOiB7IHZhbHVlOiBfdm0ucGFnZS50aXRsZSB9LFxuICAgICAgICAgICAgICBvbjoge1xuICAgICAgICAgICAgICAgIGlucHV0OiBbXG4gICAgICAgICAgICAgICAgICBmdW5jdGlvbigkZXZlbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCRldmVudC50YXJnZXQuY29tcG9zaW5nKSB7XG4gICAgICAgICAgICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgX3ZtLiRzZXQoX3ZtLnBhZ2UsIFwidGl0bGVcIiwgJGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICBfdm0uc2V0VW5zYXZlZFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSlcbiAgICAgICAgICBdKVxuICAgICAgICBdKVxuICAgICAgXSksXG4gICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgX2MoXCJwYWdlLXNhdmUtYnV0dG9uXCIsIHsgcmVmOiBcInNhdmVcIiwgYXR0cnM6IHsgcGFnZTogX3ZtLnBhZ2UgfSB9KSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcInBhZ2UtY29udGVudFwiLCB7XG4gICAgICAgIGF0dHJzOiB7IHBhZ2U6IF92bS5wYWdlIH0sXG4gICAgICAgIG9uOiB7IHBhZ2VVcGRhdGU6IF92bS5zZXRVbnNhdmVkIH1cbiAgICAgIH0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwicHJlXCIsIFtfdm0uX3YoX3ZtLl9zKF92bS5wYWdlLmNvbnRlbnQpKV0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYWRkLWVsZW1lbnQtYnV0dG9uXCIsIHsgb246IHsgYWRkRWxlbWVudDogX3ZtLmFkZEVsZW1lbnQgfSB9KVxuICAgIF0sXG4gICAgMVxuICApXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW11cbnJlbmRlci5fd2l0aFN0cmlwcGVkID0gdHJ1ZVxuXG5leHBvcnQgeyByZW5kZXIsIHN0YXRpY1JlbmRlckZucyB9Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/Backend/Routes/Page.vue?vue&type=template&id=6ce9cd8b&\n");

/***/ }),


M resources/js/Backend/Components/PageContent.vue => resources/js/Backend/Components/PageContent.vue +6 -1
@@ 1,5 1,5 @@
<template>
    <draggable>
    <draggable v-model="page.content" @end="endDrag">
        <template v-for="element in page.content">
            <component
                v-bind:is="element.type + '-element'"


@@ 20,6 20,11 @@
        props: {
            page: Object
        },
        methods: {
            endDrag() {
                this.$emit('pageUpdate');
            }
        },
        components: {
            ...Elements,
            draggable

M resources/js/Backend/Routes/Page.vue => resources/js/Backend/Routes/Page.vue +1 -1
@@ 10,7 10,7 @@
            </div>
        </div>
        <page-save-button :page="page" ref="save"></page-save-button>
        <page-content :page="page"></page-content>
        <page-content v-on:pageUpdate="setUnsaved" :page="page"></page-content>
        <pre>{{ page.content }}</pre>
        <add-element-button v-on:addElement="addElement"></add-element-button>
    </div>