Skip to content

P
Platform
Unverified Commit fe01b235 authored by Nicolas Widart's avatar Nicolas Widart
Browse files
Options

Creating new Edit Button component

parent a5b1431f
Show whitespace changes
Inline Side-by-side
Showing with 166 additions and 66 deletions
Modules/Core/Assets/js/components/EditButtonComponent.vue 0 → 100644
View file @ fe01b235
<template>
<el-button
size="small"
@click.prevent="goToEditPage()">
<i class="fa fa-pencil"></i>
</el-button>
</template>
<script>
export default {
props: {
to: {type: Object, required: true}
},
methods: {
goToEditPage() {
this.$router.push(this.to);
},
},
}
</script>
Modules/Media/Assets/js/components/MediaList.vue
View file @ fe01b235
...@@ -90,10 +90,8 @@ ...@@ -90,10 +90,8 @@
</el-button> </el-button>
<div v-if="! singleModal"> <div v-if="! singleModal">
<el-button-group> <el-button-group>
<el-button <edit-button :to="{name: 'admin.media.media.edit', params: {mediaId: scope.row.id}}"
size="small" v-if="! scope.row.is_folder"></edit-button>
@click.prevent="loadEditForm(scope)"
v-if="! scope.row.is_folder"><i class="fa fa-pencil"></i></el-button>
<el-button <el-button
size="small" size="small"
@click.prevent="showEditFolder(scope.row)" @click.prevent="showEditFolder(scope.row)"
...@@ -241,10 +239,6 @@ ...@@ -241,10 +239,6 @@
handleSelectionChange(selectedMedia) { handleSelectionChange(selectedMedia) {
this.selectedMedia = selectedMedia; this.selectedMedia = selectedMedia;
}, },
loadEditForm(scope) {
console.log('clicked edit to' + scope.row.id);
this.$router.push({name: 'admin.media.media.edit', params: {mediaId: scope.row.id}})
},
showEditFolder(scope) { showEditFolder(scope) {
this.$events.emit('editFolderWasClicked', scope); this.$events.emit('editFolderWasClicked', scope);
}, },
......
Modules/Page/Assets/js/components/PageTableServerSide.vue
View file @ fe01b235
...@@ -65,13 +65,10 @@ ...@@ -65,13 +65,10 @@
</el-table-column> </el-table-column>
<el-table-column prop="created_at" :label="trans('core.table.created at')" sortable="custom"> <el-table-column prop="created_at" :label="trans('core.table.created at')" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column fixed="right" prop="actions" :label="trans('core.table.actions')"> <el-table-column prop="actions" :label="trans('core.table.actions')">
<template scope="scope"> <template scope="scope">
<el-button-group> <el-button-group>
<el-button <edit-button :to="{name: 'admin.page.page.edit', params: {pageId: scope.row.id}}"></edit-button>
size="small"
@click.prevent="goToEdit(scope)"><i class="fa fa-pencil"></i></el-button>
<delete-button :scope="scope" :rows="data"></delete-button> <delete-button :scope="scope" :rows="data"></delete-button>
</el-button-group> </el-button-group>
</template> </template>
...@@ -154,9 +151,6 @@ ...@@ -154,9 +151,6 @@
this.tableIsLoading = true; this.tableIsLoading = true;
this.queryServer(); this.queryServer();
}, },
goToEdit(scope) {
this.$router.push({name: 'admin.page.page.edit', params: {pageId: scope.row.id}})
},
handleSizeChange(event) { handleSizeChange(event) {
console.log('per page :' + event); console.log('per page :' + event);
this.tableIsLoading = true; this.tableIsLoading = true;
......
public/js/app.js
View file @ fe01b235
...@@ -42749,6 +42749,7 @@ __webpack_require__(171); ...@@ -42749,6 +42749,7 @@ __webpack_require__(171);
_vue2.default.component('ckeditor', __webpack_require__(173)); _vue2.default.component('ckeditor', __webpack_require__(173));
_vue2.default.component('DeleteButton', __webpack_require__(178)); _vue2.default.component('DeleteButton', __webpack_require__(178));
_vue2.default.component('EditButton', __webpack_require__(207));
_vue2.default.component('TagsInput', __webpack_require__(181)); _vue2.default.component('TagsInput', __webpack_require__(181));
_vue2.default.component('SingleMedia', __webpack_require__(184)); _vue2.default.component('SingleMedia', __webpack_require__(184));
_vue2.default.component('MediaManager', __webpack_require__(43)); _vue2.default.component('MediaManager', __webpack_require__(43));
...@@ -91819,9 +91820,6 @@ var _data = void 0; // ...@@ -91819,9 +91820,6 @@ var _data = void 0; //
// //
// //
// //
//
//
//
exports.default = { exports.default = {
mixins: [_ShortcutHelper2.default], mixins: [_ShortcutHelper2.default],
...@@ -91875,9 +91873,6 @@ exports.default = { ...@@ -91875,9 +91873,6 @@ exports.default = {
this.tableIsLoading = true; this.tableIsLoading = true;
this.queryServer(); this.queryServer();
}, },
goToEdit: function goToEdit(scope) {
this.$router.push({ name: 'admin.page.page.edit', params: { pageId: scope.row.id } });
},
handleSizeChange: function handleSizeChange(event) { handleSizeChange: function handleSizeChange(event) {
console.log('per page :' + event); console.log('per page :' + event);
this.tableIsLoading = true; this.tableIsLoading = true;
...@@ -92193,7 +92188,6 @@ var render = function() { ...@@ -92193,7 +92188,6 @@ var render = function() {
_vm._v(" "), _vm._v(" "),
_c("el-table-column", { _c("el-table-column", {
attrs: { attrs: {
fixed: "right",
prop: "actions", prop: "actions",
label: _vm.trans("core.table.actions") label: _vm.trans("core.table.actions")
}, },
...@@ -92205,19 +92199,14 @@ var render = function() { ...@@ -92205,19 +92199,14 @@ var render = function() {
_c( _c(
"el-button-group", "el-button-group",
[ [
_c( _c("edit-button", {
"el-button", attrs: {
{ to: {
attrs: { size: "small" }, name: "admin.page.page.edit",
on: { params: { pageId: scope.row.id }
click: function($event) {
$event.preventDefault()
_vm.goToEdit(scope)
} }
} }
}, }),
[_c("i", { staticClass: "fa fa-pencil" })]
),
_vm._v(" "), _vm._v(" "),
_c("delete-button", { _c("delete-button", {
attrs: { scope: scope, rows: _vm.data } attrs: { scope: scope, rows: _vm.data }
...@@ -94012,8 +94001,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de ...@@ -94012,8 +94001,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
// //
// //
// //
//
//
exports.default = { exports.default = {
components: { components: {
...@@ -94123,10 +94110,6 @@ exports.default = { ...@@ -94123,10 +94110,6 @@ exports.default = {
handleSelectionChange: function handleSelectionChange(selectedMedia) { handleSelectionChange: function handleSelectionChange(selectedMedia) {
this.selectedMedia = selectedMedia; this.selectedMedia = selectedMedia;
}, },
loadEditForm: function loadEditForm(scope) {
console.log('clicked edit to' + scope.row.id);
this.$router.push({ name: 'admin.media.media.edit', params: { mediaId: scope.row.id } });
},
showEditFolder: function showEditFolder(scope) { showEditFolder: function showEditFolder(scope) {
this.$events.emit('editFolderWasClicked', scope); this.$events.emit('editFolderWasClicked', scope);
}, },
...@@ -95376,28 +95359,17 @@ var render = function() { ...@@ -95376,28 +95359,17 @@ var render = function() {
"el-button-group", "el-button-group",
[ [
!scope.row.is_folder !scope.row.is_folder
? _c( ? _c("edit-button", {
"el-button", attrs: {
{ to: {
attrs: { size: "small" }, name:
on: { "admin.media.media.edit",
click: function( params: {
$event mediaId: scope.row.id
) { }
$event.preventDefault()
_vm.loadEditForm(
scope
)
} }
} }
},
[
_c("i", {
staticClass:
"fa fa-pencil"
}) })
]
)
: _vm._e(), : _vm._e(),
_vm._v(" "), _vm._v(" "),
scope.row.is_folder && scope.row.is_folder &&
...@@ -97413,5 +97385,124 @@ if (false) { ...@@ -97413,5 +97385,124 @@ if (false) {
// removed by extract-text-webpack-plugin // removed by extract-text-webpack-plugin
/***/ }),
/* 196 */,
/* 197 */,
/* 198 */,
/* 199 */,
/* 200 */,
/* 201 */,
/* 202 */,
/* 203 */,
/* 204 */,
/* 205 */,
/* 206 */,
/* 207 */
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var normalizeComponent = __webpack_require__(2)
/* script */
var __vue_script__ = __webpack_require__(208)
/* template */
var __vue_template__ = __webpack_require__(209)
/* styles */
var __vue_styles__ = null
/* scopeId */
var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
__vue_script__,
__vue_template__,
__vue_styles__,
__vue_scopeId__,
__vue_module_identifier__
)
Component.options.__file = "Modules/Core/Assets/js/components/EditButtonComponent.vue"
if (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== "default" && key.substr(0, 2) !== "__"})) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] EditButtonComponent.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-2a895d88", Component.options)
} else {
hotAPI.reload("data-v-2a895d88", Component.options)
}
module.hot.dispose(function (data) {
disposed = true
})
})()}
module.exports = Component.exports
/***/ }),
/* 208 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
exports.default = {
props: {
to: { type: Object, required: true }
},
methods: {
goToEditPage: function goToEditPage() {
this.$router.push(this.to);
}
}
};
/***/ }),
/* 209 */
/***/ (function(module, exports, __webpack_require__) {
var render = function() {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"el-button",
{
attrs: { size: "small" },
on: {
click: function($event) {
$event.preventDefault()
_vm.goToEditPage()
}
}
},
[_c("i", { staticClass: "fa fa-pencil" })]
)
}
var staticRenderFns = []
render._withStripped = true
module.exports = { render: render, staticRenderFns: staticRenderFns }
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-2a895d88", module.exports)
}
}
/***/ }) /***/ })
/******/ ]); /******/ ]);
\ No newline at end of file
resources/assets/js/app.js
View file @ fe01b235
...@@ -24,6 +24,7 @@ require('./mixins'); ...@@ -24,6 +24,7 @@ require('./mixins');
Vue.component('ckeditor', require('../../../Modules/Core/Assets/js/components/CkEditor.vue')); Vue.component('ckeditor', require('../../../Modules/Core/Assets/js/components/CkEditor.vue'));
Vue.component('DeleteButton', require('../../../Modules/Core/Assets/js/components/DeleteComponent.vue')); Vue.component('DeleteButton', require('../../../Modules/Core/Assets/js/components/DeleteComponent.vue'));
Vue.component('EditButton', require('../../../Modules/Core/Assets/js/components/EditButtonComponent.vue'));
Vue.component('TagsInput', require('../../../Modules/Tag/Assets/js/components/TagInput.vue')); Vue.component('TagsInput', require('../../../Modules/Tag/Assets/js/components/TagInput.vue'));
Vue.component('SingleMedia', require('../../../Modules/Media/Assets/js/components/SingleMedia.vue')); Vue.component('SingleMedia', require('../../../Modules/Media/Assets/js/components/SingleMedia.vue'));
Vue.component('MediaManager', require('../../../Modules/Media/Assets/js/components/MediaManager.vue')); Vue.component('MediaManager', require('../../../Modules/Media/Assets/js/components/MediaManager.vue'));
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023