Host description
@@ -550,12 +592,101 @@ $(function() {
);
// Switch back to view mode
- card.find('.view-mode').show();
- card.find('.edit-mode').hide();
+ card.find('.host-view-mode:not(.btn)').show();
+ card.find('.host-edit-mode').hide();
// Toggle buttons
- hostActions.find('.edit-host').show();
- hostActions.find('.save-host, .cancel-host-edit').hide();
+ hostActions.find('.host-view-mode').show();
+ hostActions.find('.host-edit-mode').hide();
+ });
+ });
+
+ // Agent editing functionality
+ $('.edit-agent').click(function() {
+ const agentActions = $(this).closest('.agent-actions');
+ const row = agentActions.closest('tr');
+
+ // Show edit mode
+ row.find('.agent-view-mode').hide();
+ row.find('.agent-edit-mode').show();
+ });
+
+ // Cancel agent edit
+ $('.cancel-agent-edit').click(function() {
+ const agentActions = $(this).closest('.agent-actions');
+ const row = agentActions.closest('tr');
+
+ // Show view mode
+ row.find('.agent-view-mode').show();
+ row.find('.agent-edit-mode').hide();
+ });
+
+ // Save agent
+ $('.save-agent').click(function() {
+ const agentActions = $(this).closest('.agent-actions');
+ const agentId = agentActions.data('agent-id');
+ const platformId = agentActions.data('platform-id');
+ const hostId = agentActions.data('host-id');
+ const row = agentActions.closest('tr');
+
+ // Collect form data
+ const formData = new FormData();
+ formData.append('item', 'agent');
+ formData.append('agent', agentId);
+ formData.append('platform', platformId);
+ formData.append('host', hostId);
+
+ row.find('.agent-edit-mode input, .agent-edit-mode select').each(function() {
+ formData.append($(this).attr('name'), $(this).val());
+ });
+
+ // Save via AJAX
+ fetch('?page=config&item=agent&action=save', {
+ method: 'POST',
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
+ },
+ body: formData
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error('Network response was not ok');
+ }
+ return response.text().then(text => {
+ try {
+ return JSON.parse(text);
+ } catch (e) {
+ console.log('Response text:', text);
+ return { success: true };
+ }
+ });
+ })
+ .then(data => {
+ if (data.success) {
+ // Update view mode with new values
+ const type = row.find('select[name="agent_type_id"] option:selected').text();
+ const url = row.find('input[name="url"]').val();
+ const endpoint = row.find('select[name="agent_type_id"] option:selected').data('endpoint');
+ const checkPeriod = row.find('input[name="check_period"]').val();
+
+ row.find('td:first-child .agent-view-mode').text(type);
+ row.find('td:nth-child(2) .agent-view-mode').text(url + endpoint);
+ row.find('td:nth-child(3) .agent-view-mode').text(
+ checkPeriod > 0 ?
+ `${checkPeriod} ${checkPeriod == 1 ? 'minute' : 'minutes'}` :
+ '-'
+ );
+
+ // Switch back to view mode
+ row.find('.agent-view-mode').show();
+ row.find('.agent-edit-mode').hide();
+ } else {
+ alert('Error saving agent: ' + (data.message || 'Unknown error'));
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('Error saving agent. Please try again.');
});
});