📁 File Manager Pro
v10.0.3 | PHP: 7.4.33
Server: LiteSpeed
2026-06-26 18:08:50
📂
/ (Root)
/
home
/
supecsoq
/
public_html
/
domains
/
migalexpark.com
/
wp-content
/
plugins
/
wp-user-manager
/
src
/
fields-editor
/
dialogs
📍 /home/supecsoq/public_html/domains/migalexpark.com/wp-content/plugins/wp-user-manager/src/fields-editor/dialogs
🔄 Refresh
✏️
Editing: dialog-edit-group.vue
Writable
<template> <div class="media-modal-content wpum-dialog" id="edit-dialog"> <button type="button" class="media-modal-close" @click="$emit('close')"><span class="media-modal-icon"><span class="screen-reader-text">Close panel</span></span></button> <div class="media-frame mode-select wp-core-ui"> <div class="media-frame-title"> <h1>{{labels.table_edit_group}}</h1> </div> <div class="media-frame-content"> <form action="#" method="post" class="dialog-form"> <label for="group-name" :data-balloon="labels.tooltip_group_name" data-balloon-pos="right"><span>{{labels.table_name}}</span> <span class="dashicons dashicons-editor-help"></span></label> <input type="text" name="group-name" id="group-name" value="" v-model="groupName"> <label for="group-description" :data-balloon="labels.tooltip_group_description" data-balloon-pos="right"><span>{{labels.table_desc}}</span> <span class="dashicons dashicons-editor-help"></span></label> <textarea name="group-description" id="group-description" cols="30" rows="4" v-model="groupDescription"></textarea> </form> </div> <div class="media-frame-toolbar"> <div class="media-toolbar"> <div class="media-toolbar-primary search-form"> <div class="spinner is-active" v-if="loading"></div> <button type="button" class="button media-button button-primary button-large media-button-insert" v-text="labels.save" :disabled="loading" @click="updateGroup()"></button> </div> </div> </div> </div> </div> </template> <script> import axios from 'axios' import qs from 'qs' export default { name: 'edit-group-dialog', props: { group_id: '', group_name: '', group_desc: '', updateGroupDetails: '', }, data() { return { loading: false, labels: wpumFieldsEditor.labels, groupName: '', groupDescription: '' } }, /** * Update the data with the group name and description coming from the props. * Data will then be sent back to the db when updated and also back to the parent component. */ mounted() { this.groupName = this.group_name this.groupDescription = this.group_desc }, methods: { /** * Update the group details within the database and send back the data to the interface. * The interface is the parent component. */ updateGroup() { this.loading = true // Make a call via ajax. axios.post( wpumFieldsEditor.ajax, qs.stringify({ nonce: wpumFieldsEditor.nonce, group_id: this.group_id, group_name: this.groupName, group_description: this.groupDescription }), { params: { action: 'wpum_update_fields_group' }, } ) .then( response => { this.loading = false this.updateGroupDetails( 'success', response.data.data ) this.$emit('close') }) .catch( error => { this.loading = false this.updateGroupDetails( 'error', error.response.data ) this.$emit('close') }) } } } </script>
💾 Save Changes
❌ Cancel