asda2432es

✏️ Editing: VariableManage.vue

interface VariableManageState {
  isAddAllowed: boolean;
}

export default defineComponent({
  props: {
    idContainerVersion: Number,
    idContainer: String,
    variablesHelpText: String,
  },
  components: {
    VariableList,
    VariableEdit,
  },
  data(): VariableManageState {
    return {
      isAddAllowed: false,
    };
  },
  created() {
    // doing this in a watch because we don't want to post an event in a computed property
    watch(() => MatomoUrl.hashParsed.value.idVariable as string, (idVariable) => {
      this.onIdVariableParamChange(idVariable);
    });

NotificationsStore.remove('variablevariablemanagement');

this.onIdVariableParamChange(MatomoUrl.hashParsed.value.idVariable as string);
  },
  methods: {
    onIdVariableParamChange(idVariable: string) {
      // for BC w/ angularjs only invoke event if idVariable is 0
      if (idVariable === '0') {
        const parameters = { isAllowed: true };
        Matomo.postEvent('TagManager.initAddVariable', parameters);
        this.isAddAllowed = !!parameters.isAllowed;
      }
    },
  },
  computed: {
    idVariable() {
      const idVariable = MatomoUrl.hashParsed.value.idVariable as string;
      if (!this.isAddAllowed && idVariable === '0') {
        return null;
      }
      return idVariable ? parseInt(idVariable, 10) : idVariable;
    },
    editMode() {
      return typeof this.idVariable === 'number';
    },
  },
});
</script>

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team