{"version":3,"file":"dayPicker.c0da887f.js","sources":["../../../app/javascript/components/appointments/dayPicker.vue?vue&type=template&lang.js","../../../app/javascript/components/appointments/dayPicker.vue"],"sourcesContent":["\n<div class=\"calendar-container\">\n    <div class=\"row text-center mt-3\">\n    <div class=\"col-12\">\n        {{months[month-1]}} {{year}}\n    </div>\n        <div class=\"col\"></div>\n        <div class=\"col\" v-for=\"(label,index) in daysLabels\" :key=\"`label${index}`\">\n            {{label}}\n        </div>\n        <div class=\"col\"></div>\n    </div>\n    <div class=\"row text-center mt-3\">\n        <div class=\"col\"><span v-if=\"checkWeekStart()\" @click=\"previousWeek\" class=\"change-date\"><</span></div>\n        <div class=\"col\" v-for=\"(day,index) in days\" :key=\"`day${index}`\">\n            <span class=\"dayContainer p-1\" @click=\"changeDay(day)\" :class=\"`${checkDay(day) ? 'active' : ''} ${isAvailable(day) ? 'available' : 'disabled'}`\">{{formatDate(day)}}</span>\n        </div>\n        <div class=\"col\"><span @click=\"nextWeek\" class=\"change-date\">></span></div>\n    </div>\n</div>\n","<template>\n    <div class=\"calendar-container\">\n        <div class=\"row text-center mt-3\">\n        <div class=\"col-12\">\n            {{months[month-1]}} {{year}}\n        </div>\n            <div class=\"col\"></div>\n            <div class=\"col\" v-for=\"(label,index) in daysLabels\" :key=\"`label${index}`\">\n                {{label}}\n            </div>\n            <div class=\"col\"></div>\n        </div>\n        <div class=\"row text-center mt-3\">\n            <div class=\"col\"><span v-if=\"checkWeekStart()\" @click=\"previousWeek\" class=\"change-date\"><</span></div>\n            <div class=\"col\" v-for=\"(day,index) in days\" :key=\"`day${index}`\">\n                <span class=\"dayContainer p-1\" @click=\"changeDay(day)\" :class=\"`${checkDay(day) ? 'active' : ''} ${isAvailable(day) ? 'available' : 'disabled'}`\">{{formatDate(day)}}</span>\n            </div>\n            <div class=\"col\"><span @click=\"nextWeek\" class=\"change-date\">></span></div>\n        </div>\n    </div>\n</template>\n<script>\nexport default {\n    props: ['calendar','setDate','date'],\n    data: function(){\n        return {\n            days: [],\n            daysLabels: ['D','L','M','M','J','V','S'],\n            enDays: ['sunday','monday','tuesday','wednesday','thursday','friday','saturday'],\n            selectedDay: null,\n            month: '',\n            months: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],\n            year: 0,\n            weekStart: '',\n            weekEnd: '',\n            originalWeekStart: ''\n        }\n    },\n    created(){\n        if(this.date){\n            this.selectedDay = this.date;\n        }\n        let currentDate = this.$moment();\n        this.weekStart = currentDate.clone().startOf('week');\n        this.originalWeekStart = this.weekStart.clone();\n        this.month = this.weekStart.clone().format(\"M\");\n        this.year = this.weekStart.clone().format(\"YYYY\");\n        let selected = false;\n        for (let i = 0; i <= 6; i++) {\n            this.days.push(this.$moment(this.weekStart).add(i, 'days'));\n            if(!selected && this.isAvailable(this.$moment(this.weekStart).add(i, 'days'))){\n                selected = true;\n                this.changeDay(this.$moment(this.weekStart).add(i, 'days'));\n            }\n        }\n    },\n    methods: {\n        checkWeekStart(){\n            return !(this.weekStart.clone().format() === this.originalWeekStart.clone().format());\n        },\n        nextWeek(){\n            this.weekStart = this.weekStart.add(7, 'days');\n            this.month = this.weekStart.clone().format(\"M\");\n            this.year = this.weekStart.clone().format(\"YYYY\");\n            this.days = [];\n            let selected = false;\n            for (let i = 0; i <= 6; i++) {\n                this.days.push(this.$moment(this.weekStart).add(i, 'days'));\n                if(!selected && this.isAvailable(this.$moment(this.weekStart).add(i, 'days'))){\n                    selected = true;\n                    this.changeDay(this.$moment(this.weekStart).add(i, 'days'));\n                }\n            }\n        },\n        previousWeek(){\n            this.weekStart = this.weekStart.subtract(7, 'days');\n            this.month = this.weekStart.clone().format(\"M\");\n            this.year = this.weekStart.clone().format(\"YYYY\");\n            this.days = [];\n            let selected = false;\n            for (let i = 0; i <= 6; i++) {\n                this.days.push(this.$moment(this.weekStart).add(i, 'days'));\n                if(!selected && this.isAvailable(this.$moment(this.weekStart).add(i, 'days'))){\n                    selected = true;\n                    this.changeDay(this.$moment(this.weekStart).add(i, 'days'));\n                }\n            }\n        },\n        checkDay(day){\n            return this.selectedDay && day.format(\"DD\") === this.selectedDay.format(\"DD\");\n        },\n        formatDate(date){\n            return this.$moment(date).format(\"DD\");\n        },\n        changeDay(day){\n            if(this.isAvailable(day)){                \n                this.month = day.clone().format(\"M\");\n                this.year = day.clone().format(\"YYYY\");\n                this.selectedDay = day;\n                this.setDate(day);\n            }\n        },\n        isAvailable(day){\n            let available = true;\n            let today = this.$moment();\n            day.set({\"hour\": 23, \"minute\": 59});\n            if(day < today){\n                available = false;\n            }\n\n            if(!this.calendar.config.working_hours[this.enDays[day.format('d')]]){\n                available = false;\n            }\n\n            return available;\n        }\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.dayContainer{\n    cursor: pointer;\n    border-radius: 999px;\n    width: auto;\n}\n.dayContainer.disabled{\n    cursor: default;\n    color: #c1bebe;\n}\n.dayContainer.active,\n.dayContainer.available:hover{\n    background-color: #f7f7f7;\n    color: #f48e14;\n}\n\n.change-date:hover{\n    cursor: pointer;\n}\n</style>"],"names":["render","_vm","_h","_c","label","index","day","$event","staticRenderFns","__vue2_script","currentDate","selected","i","date","available","today"],"mappings":"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"}