import store from "@assets/components/components/banners/GlobalContextStore/GlobalContexts";
import BannerHomePageAllConfiguration from './index.vue';
import BaseSelect from '@elements/BaseSelect/index.vue';
import BaseButton from '@elements/BaseButton/index.vue';
import BaseCard from '@elements/BaseCard/index.vue';

export default {
  name: 'BannerHomePageAllConfiguration',
  components: {
    BannerHomePageAllConfiguration,
    BaseCard,
    BaseButton,
    BaseSelect,
    BaseInput: () => import(/* webpackChunkName: "BaseInput" */ '@elements/BaseInput/index.vue'),
  },
  props: {},
  data() {
    return {
      bannerStatus: [
        {
          status: ""
        },
      ],
      configurationType: [
        {
          configuration: ""
        },
      ],
      typeScreen: [
        {
          screen: ""
        },
      ],
      screenPosition: [
        {
          position: ""
        },
      ],
      hiddenResponsive: [
        {
          hidden: ""
        },
      ],
    }
  },
  methods: {
    getBannerStatus() {
      DATA.Type_Status.map((status) => {
        this.bannerStatus.push({
          status: status
        })
      });

    },
    getConfigurationType() {
      DATA.Type_AdvancedOrSimple.map((configurationType) => {
        this.configurationType.push({
          configuration: configurationType
        })
      });
    },
    getTypeScreen() {
      DATA.Type_Screen.map((typeScreen) => {
        this.typeScreen.push({
          screen: typeScreen
        });
      })
    },
    getTypeScreenPositions() {
      DATA.Type_ScreenPosition.map((screenPosition) => {
        this.screenPosition.push({
          position: screenPosition
        })
      })
    },
    getHiddenResponsive() {
      Object.values(DATA.Type_DsimDnao).map((hiddenType) => {
        this.hiddenResponsive.push({
          hidden: hiddenType
        })
      });
    },
    setScreenConfiguration(screenName) {
      store.commit('setDisplayNameOfScreen', screenName);
    }
  },

  mounted() {
    this.getBannerStatus();
    this.getConfigurationType();
    this.getTypeScreen();
    this.getHiddenResponsive();
    this.getTypeScreenPositions();

  },
}
