mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-02 20:18:08 +00:00 
			
		
		
		
	This is the continuation of the design update for the settings screens. In this PR, the automation page is updated with the latest design. - Moved the row to a new component - Migrated both components to composition API. - Order by ID (Earlier this was order by updated_at which was confusing). | Light | Dark | | -- | -- | | <img width="1438" alt="Screenshot 2024-08-21 at 9 46 48 PM" src="https://github.com/user-attachments/assets/89d96745-6556-48a1-82fa-a115325c24c0"> | <img width="1398" alt="Screenshot 2024-08-21 at 9 46 57 PM" src="https://github.com/user-attachments/assets/5f1935ec-6d0e-4f82-b895-f47244764474"> | --------- Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
		
			
				
	
	
		
			106 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			106 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import * as MutationHelpers from 'shared/helpers/vuex/mutationHelpers';
 | 
						|
import types from '../mutation-types';
 | 
						|
import { uploadFile } from 'dashboard/helper/uploadHelper';
 | 
						|
import AutomationAPI from '../../api/automation';
 | 
						|
 | 
						|
export const state = {
 | 
						|
  records: [],
 | 
						|
  uiFlags: {
 | 
						|
    isFetching: false,
 | 
						|
    isCreating: false,
 | 
						|
    isDeleting: false,
 | 
						|
    isUpdating: false,
 | 
						|
  },
 | 
						|
};
 | 
						|
 | 
						|
export const getters = {
 | 
						|
  getAutomations(_state) {
 | 
						|
    return _state.records.sort((a1, a2) => a1.id - a2.id);
 | 
						|
  },
 | 
						|
  getUIFlags(_state) {
 | 
						|
    return _state.uiFlags;
 | 
						|
  },
 | 
						|
};
 | 
						|
 | 
						|
export const actions = {
 | 
						|
  get: async function getAutomations({ commit }) {
 | 
						|
    commit(types.SET_AUTOMATION_UI_FLAG, { isFetching: true });
 | 
						|
    try {
 | 
						|
      const response = await AutomationAPI.get();
 | 
						|
      commit(types.SET_AUTOMATIONS, response.data.payload);
 | 
						|
    } catch (error) {
 | 
						|
      // Ignore error
 | 
						|
    } finally {
 | 
						|
      commit(types.SET_AUTOMATION_UI_FLAG, { isFetching: false });
 | 
						|
    }
 | 
						|
  },
 | 
						|
  create: async function createAutomation({ commit }, automationObj) {
 | 
						|
    commit(types.SET_AUTOMATION_UI_FLAG, { isCreating: true });
 | 
						|
    try {
 | 
						|
      const response = await AutomationAPI.create(automationObj);
 | 
						|
      commit(types.ADD_AUTOMATION, response.data);
 | 
						|
    } catch (error) {
 | 
						|
      throw new Error(error);
 | 
						|
    } finally {
 | 
						|
      commit(types.SET_AUTOMATION_UI_FLAG, { isCreating: false });
 | 
						|
    }
 | 
						|
  },
 | 
						|
  update: async ({ commit }, { id, ...updateObj }) => {
 | 
						|
    commit(types.SET_AUTOMATION_UI_FLAG, { isUpdating: true });
 | 
						|
    try {
 | 
						|
      const response = await AutomationAPI.update(id, updateObj);
 | 
						|
      commit(types.EDIT_AUTOMATION, response.data.payload);
 | 
						|
    } catch (error) {
 | 
						|
      throw new Error(error);
 | 
						|
    } finally {
 | 
						|
      commit(types.SET_AUTOMATION_UI_FLAG, { isUpdating: false });
 | 
						|
    }
 | 
						|
  },
 | 
						|
  delete: async ({ commit }, id) => {
 | 
						|
    commit(types.SET_AUTOMATION_UI_FLAG, { isDeleting: true });
 | 
						|
    try {
 | 
						|
      await AutomationAPI.delete(id);
 | 
						|
      commit(types.DELETE_AUTOMATION, id);
 | 
						|
    } catch (error) {
 | 
						|
      throw new Error(error);
 | 
						|
    } finally {
 | 
						|
      commit(types.SET_AUTOMATION_UI_FLAG, { isDeleting: false });
 | 
						|
    }
 | 
						|
  },
 | 
						|
  clone: async ({ commit }, id) => {
 | 
						|
    commit(types.SET_AUTOMATION_UI_FLAG, { isCloning: true });
 | 
						|
    try {
 | 
						|
      await AutomationAPI.clone(id);
 | 
						|
    } catch (error) {
 | 
						|
      throw new Error(error);
 | 
						|
    } finally {
 | 
						|
      commit(types.SET_AUTOMATION_UI_FLAG, { isCloning: false });
 | 
						|
    }
 | 
						|
  },
 | 
						|
  uploadAttachment: async (_, file) => {
 | 
						|
    const { blobId } = await uploadFile(file);
 | 
						|
    return blobId;
 | 
						|
  },
 | 
						|
};
 | 
						|
 | 
						|
export const mutations = {
 | 
						|
  [types.SET_AUTOMATION_UI_FLAG](_state, data) {
 | 
						|
    _state.uiFlags = {
 | 
						|
      ..._state.uiFlags,
 | 
						|
      ...data,
 | 
						|
    };
 | 
						|
  },
 | 
						|
  [types.ADD_AUTOMATION]: MutationHelpers.create,
 | 
						|
  [types.SET_AUTOMATIONS]: MutationHelpers.set,
 | 
						|
  [types.EDIT_AUTOMATION]: MutationHelpers.update,
 | 
						|
  [types.DELETE_AUTOMATION]: MutationHelpers.destroy,
 | 
						|
};
 | 
						|
 | 
						|
export default {
 | 
						|
  namespaced: true,
 | 
						|
  actions,
 | 
						|
  state,
 | 
						|
  getters,
 | 
						|
  mutations,
 | 
						|
};
 |