mirror of
https://github.com/henrywhitaker3/Speedtest-Tracker.git
synced 2025-12-21 21:33:08 +01:00
Styled columns and refresh config on save
This commit is contained in:
Henry Whitaker
75
public/js/app.js
vendored
75
public/js/app.js
vendored
@@ -148426,7 +148426,8 @@ var SettingsIndex = /*#__PURE__*/function (_Component) {
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Navbar__WEBPACK_IMPORTED_MODULE_5__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
|
||||
className: "container my-5"
|
||||
}, loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Loader__WEBPACK_IMPORTED_MODULE_4__["default"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_SettingsTabs__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
||||
data: data
|
||||
data: data,
|
||||
refreshConfig: this.props.refreshConfig
|
||||
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Home_Footer__WEBPACK_IMPORTED_MODULE_3__["default"], null));
|
||||
}
|
||||
}]);
|
||||
@@ -148850,6 +148851,7 @@ var SettingsTabs = /*#__PURE__*/function (_Component) {
|
||||
case 'Tables':
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_tabs_TableSettings__WEBPACK_IMPORTED_MODULE_13__["default"], {
|
||||
data: data.Tables,
|
||||
refreshConfig: _this.props.refreshConfig,
|
||||
save: _this.save
|
||||
});
|
||||
|
||||
@@ -149578,6 +149580,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
||||
|
||||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
||||
|
||||
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
||||
|
||||
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
||||
|
||||
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
||||
|
||||
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
||||
|
||||
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
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); } }
|
||||
@@ -149621,26 +149635,39 @@ var TableSettings = /*#__PURE__*/function (_Component) {
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "handleOnDragEnd", function (result) {
|
||||
if (!result.destination) return;
|
||||
var data = _this.state.visible;
|
||||
var array = data.obj.value;
|
||||
var reorderedItem = array.splice(result.source.index, 1);
|
||||
array.splice(result.destination.index, 0, reorderedItem[0]);
|
||||
data.obj.value = array;
|
||||
console.log(array);
|
||||
var visible = _this.state.visible;
|
||||
var hidden = _this.state.hidden;
|
||||
var from = result.source.droppableId == 'visibleColumns' ? visible.obj.value : hidden.obj.value;
|
||||
var to = result.destination.droppableId == 'visibleColumns' ? visible.obj.value : hidden.obj.value;
|
||||
|
||||
var _from$splice = from.splice(result.source.index, 1),
|
||||
_from$splice2 = _slicedToArray(_from$splice, 1),
|
||||
reorderedItem = _from$splice2[0];
|
||||
|
||||
to.splice(result.destination.index, 0, reorderedItem);
|
||||
|
||||
_this.setState({
|
||||
visible: data
|
||||
visible: visible,
|
||||
hidden: hidden
|
||||
});
|
||||
});
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "save", function () {
|
||||
var url = 'api/settings?token=' + window.token;
|
||||
var url = 'api/settings/bulk?token=' + window.token;
|
||||
axios__WEBPACK_IMPORTED_MODULE_3___default.a.post(url, {
|
||||
name: 'visible_columns',
|
||||
value: _this.state.data.obj.value
|
||||
data: [{
|
||||
name: 'visible_columns',
|
||||
value: _this.state.visible.obj.value
|
||||
}, {
|
||||
name: 'hidden_columns',
|
||||
value: _this.state.hidden.obj.value
|
||||
}]
|
||||
}).then(function (resp) {
|
||||
console.log(resp);
|
||||
react_toastify__WEBPACK_IMPORTED_MODULE_4__["toast"].success('Table settings updated');
|
||||
|
||||
_this.props.refreshConfig();
|
||||
})["catch"](function (err) {
|
||||
react_toastify__WEBPACK_IMPORTED_MODULE_4__["toast"].error('Something went wrong');
|
||||
console.log(err);
|
||||
});
|
||||
});
|
||||
@@ -149661,11 +149688,13 @@ var TableSettings = /*#__PURE__*/function (_Component) {
|
||||
var hidden = this.state.hidden;
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Tab"].Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, visible.obj.description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_5__["DragDropContext"], {
|
||||
onDragEnd: this.handleOnDragEnd
|
||||
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_5__["Droppable"], {
|
||||
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
||||
className: "card pt-4 pb-2 px-4 mb-4"
|
||||
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h4", null, "Visible Columns"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_5__["Droppable"], {
|
||||
droppableId: "visibleColumns"
|
||||
}, function (provided) {
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", _extends({
|
||||
className: "visibleColumns"
|
||||
className: "visibleColumns pl-0"
|
||||
}, provided.droppableProps, {
|
||||
ref: provided.innerRef
|
||||
}), visible.obj.value.map(function (e, i) {
|
||||
@@ -149675,16 +149704,19 @@ var TableSettings = /*#__PURE__*/function (_Component) {
|
||||
key: e
|
||||
}, function (provided) {
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", _extends({
|
||||
className: "card bg-secondary py-2 px-3 my-2",
|
||||
key: e,
|
||||
ref: provided.innerRef
|
||||
}, provided.draggableProps, provided.dragHandleProps), e);
|
||||
});
|
||||
}), provided.placeholder);
|
||||
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_5__["Droppable"], {
|
||||
droppableId: "hiddenColumns"
|
||||
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
||||
className: "card pt-4 pb-2 px-4"
|
||||
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h4", null, "Hidden Columns"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_5__["Droppable"], {
|
||||
droppableId: "hiddenColumns pl-0"
|
||||
}, function (provided) {
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", _extends({
|
||||
className: "hiddenColumns"
|
||||
className: "hiddenColumns pl-0"
|
||||
}, provided.droppableProps, {
|
||||
ref: provided.innerRef
|
||||
}), hidden.obj.value.map(function (e, i) {
|
||||
@@ -149694,12 +149726,13 @@ var TableSettings = /*#__PURE__*/function (_Component) {
|
||||
key: e
|
||||
}, function (provided) {
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", _extends({
|
||||
className: "card bg-secondary py-2 px-3 my-2",
|
||||
key: e,
|
||||
ref: provided.innerRef
|
||||
}, provided.draggableProps, provided.dragHandleProps), e);
|
||||
});
|
||||
}), provided.placeholder);
|
||||
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
||||
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
||||
className: "mt-3"
|
||||
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
|
||||
className: "btn btn-primary",
|
||||
@@ -149931,6 +149964,8 @@ var Index = /*#__PURE__*/function (_Component) {
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _this3 = this;
|
||||
|
||||
var loading = this.state.loading;
|
||||
var redirect = this.state.redirect;
|
||||
var baseSet = this.isset(window.config);
|
||||
@@ -149959,7 +149994,9 @@ var Index = /*#__PURE__*/function (_Component) {
|
||||
exact: true,
|
||||
path: window.config.base + 'settings',
|
||||
render: function render(props) {
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_Settings_SettingsIndex__WEBPACK_IMPORTED_MODULE_10__["default"], null));
|
||||
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_Settings_SettingsIndex__WEBPACK_IMPORTED_MODULE_10__["default"], {
|
||||
refreshConfig: _this3.getConfig
|
||||
}));
|
||||
}
|
||||
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__["Route"], {
|
||||
exact: true,
|
||||
|
||||
Reference in New Issue
Block a user