{"version":3,"sources":["webpack:///./src/components/activity/ActivityGroup.vue?0687","webpack:///./src/pages/Activity.vue?3770","webpack:///./src/components/activity/ActivityItem.vue?4d3f","webpack:///./src/pages/Activity.vue","webpack:///./src/service/ActivityService.js","webpack:///./src/components/activity/ActivityGroup.vue","webpack:///./src/components/activity/ActivityItem.vue","webpack:///./src/components/activity/ActivityItem.vue?1665","webpack:///./src/components/activity/ActivityGroup.vue?0098","webpack:///./src/pages/Activity.vue?0b3e"],"names":["class","for","_createVNode","_toDisplayString","_ctx","$t","_hoisted_1","_hoisted_2","_createBlock","_Fragment","_renderList","$options","activitesPerPages","$data","page","item","index","_component_ActivityGroup","key","activity-list","visible-categories","visibleCategories","date","numberOfVisibleItems","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_component_Checkbox","inputId","checkRecipe","$event","binary","_hoisted_7","_hoisted_8","checkCommand","_hoisted_9","_hoisted_10","checkAchievement","_hoisted_11","_component_Paginator","rows","totalRecords","onPage","_cache","changePage","ActivityService","getActivities","accesstoken","userEmail","options","headers","Config","params","axios","get","proxy","url","then","res","data","catch","error","console","log","Promise","reject","dayOfMonth","monthName","yearNumber","$props","activityList","activity","id","isVisible","_component_ActivityItem","imageSource","src","style","actionTitle","actionDescription","props","computed","locale","this","$store","getters","mounted","attributes","event","formatLikedRecipe","formatCommandHistory","formatAchieved","methods","labelsList","recipe","labels","labelLocale","filter","label","map","title","friendlyApplianceName","appliance","achievementLabelsList","achievement","achievementLabelLocale","media","formats","thumbnail","__exports__","components","ActivityItem","recipeCheck","Date","getDate","toLocaleString","month","charAt","toUpperCase","slice","getFullYear","includes","ActivityGroup","activities","access_token","push","visibleActivities","filterVisibleActivities","splitActivitiesIntoPages","Object","keys","length","created","activityService","response","groupActivitiesByDate","sort","a","b","activityByDate","forEach","activityDate","formattedDate","getMonth","reverseObject","obj","new_obj","rev_obj","reverse","i","sizeOfPages","activitesPages","temp","current_key","render"],"mappings":"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","file":"js/chunk-68751c2e.a9e5af53.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ActivityGroup.vue?vue&type=style&index=0&id=689fe382&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Activity.vue?vue&type=style&index=0&id=7622e526&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ActivityItem.vue?vue&type=style&index=0&id=543fed72&scoped=true&lang=css\"","<template lang=\"\">\r\n    <h1>{{ $t(\"activity.SectionName\") }}</h1>\r\n    <div class=\"grid\">\r\n        <div class=\"col-9\">\r\n        <ActivityGroup v-for=\"(item, index) in activitesPerPages[page]\"\r\n            :key=\"index\"\r\n            :activity-list=\"item\"\r\n            :visible-categories=\"visibleCategories\"\r\n            :date=\"index\"\r\n            >\r\n        </ActivityGroup>\r\n        <p v-if=\"numberOfVisibleItems==0\">{{$t(\"activity.noActivityToShow\")}}</p>\r\n        </div>\r\n        <div class=\"col-3\">\r\n            <div class=\"selection-container\">\r\n                <h6>{{$t(\"activity.categoryLabel\")}}</h6>\r\n                <div class=\"selection-choise\">\r\n                    <Checkbox inputId=\"recipeCheck\" v-model=\"checkRecipe\" :binary=\"true\"/>\r\n                    <label for=\"recepiCheck\">{{$t(\"activity.checkRecipes\")}}</label>\r\n                </div>\r\n                <div class=\"selection-choise\">\r\n                    <Checkbox inputId=\"commandCheck\" v-model=\"checkCommand\" :binary=\"true\"/>\r\n                    <label for=\"commandCheck\">{{$t(\"activity.checkCommands\")}}</label>\r\n                </div>\r\n                <div class=\"selection-choise\">\r\n                    <Checkbox inputId=\"achievementCheck\" v-model=\"checkAchievement\" :binary=\"true\"/>\r\n                    <label for=\"achievementCheck\">{{$t(\"activity.checkAchievements\")}}</label>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <Paginator v-if=\"numberOfVisibleItems>0\" :rows=\"4\" :totalRecords=\"numberOfVisibleItems\" @page=\"changePage($event)\"></Paginator>\r\n</template>\r\n\r\n<script>\r\nimport ActivityService from \"../service/ActivityService\"\r\nimport ActivityGroup from \"../components/activity/ActivityGroup.vue\"\r\n\r\nexport default {\r\n    components:{\r\n        ActivityGroup\r\n    },\r\n    data() {\r\n        return{\r\n            activities: null,\r\n            checkCommand: true,\r\n            checkRecipe:true,\r\n            checkAchievement: true,\r\n            page: 0,\r\n        }\r\n    },\r\n    computed: {\r\n        access_token: function() {\r\n        return this.$store.getters[\"userdata/getAccessToken\"];\r\n        },\r\n        userEmail: function() {\r\n        return this.$store.getters[\"profile/email\"];\r\n        },\r\n        visibleCategories: function(){\r\n            let visibleCategories = [];\r\n            if(this.checkCommand) visibleCategories.push(\"event.command-history\");\r\n            if(this.checkRecipe) visibleCategories.push(\"event.liked-recipe\");\r\n            if(this.checkAchievement) visibleCategories.push(\"event.achieved\");\r\n            return visibleCategories\r\n        },\r\n        visibleActivities: function(){\r\n            return this.filterVisibleActivities()\r\n        },\r\n        activitesPerPages: function() {\r\n            return this.splitActivitiesIntoPages();\r\n        },\r\n        numberOfVisibleItems: function() {\r\n            return Object.keys(this.visibleActivities).length;\r\n        }\r\n    },\r\n    created(){\r\n        this.activityService = new ActivityService();\r\n    },\r\n    async mounted(){\r\n            let response = await this.activityService.getActivities(this.access_token, this.userEmail);\r\n            this.activities = response.data;\r\n            this.groupActivitiesByDate();\r\n    },\r\n    methods:{\r\n        groupActivitiesByDate(){// Take the activity object and group them by date\r\n\r\n            this.activities.sort((a,b) => \r\n                                    (a.attributes.date > b.attributes.date) ? 1 : ((b.attributes.date > a.attributes.date) ? -1 : 0));\r\n    \r\n            let activityByDate = {};\r\n\r\n            this.activities.forEach( activity => {\r\n                let activityDate = new Date(activity.attributes.date);\r\n                let formattedDate = activityDate.getFullYear() + \"/\" + (activityDate.getMonth() + 1) + \"/\" + activityDate.getDate();\r\n                \r\n                if(!Object.keys(activityByDate).includes(formattedDate)){\r\n                    activityByDate[formattedDate] = []\r\n                    activityByDate[formattedDate].push(activity);\r\n                } else {\r\n                    activityByDate[formattedDate].push(activity);\r\n                }\r\n            })\r\n\r\n            this.activities = this.reverseObject(activityByDate);\r\n        },\r\n        reverseObject(obj) {\r\n            //from most recent activity to \r\n            let new_obj= {}\r\n            let rev_obj = Object.keys(obj).reverse();\r\n            rev_obj.forEach(function(i) { \r\n                new_obj[i] = obj[i];\r\n            })\r\n            return new_obj;\r\n        },\r\n        filterVisibleActivities(){\r\n            let visibleActivities = {};\r\n            for(const date in this.activities){\r\n                this.activities[date].forEach( activity => {\r\n                    if(this.visibleCategories.includes(activity.attributes.event[0][\"__component\"])){\r\n                        visibleActivities[date] = this.activities[date]\r\n                    }\r\n                })\r\n            }\r\n            return visibleActivities\r\n        },\r\n        splitActivitiesIntoPages(){\r\n            const sizeOfPages = 4;\r\n            let activitesPages = [];\r\n            let temp = {};\r\n            for( let i = 0; i < (Object.keys(this.visibleActivities).length); i++){\r\n                let current_key = Object.keys(this.visibleActivities)[i];\r\n                temp[current_key] = this.activities[current_key];\r\n                if(((i+1) % sizeOfPages) == 0){\r\n                    activitesPages.push(temp);\r\n                    temp = {}\r\n                }\r\n            }\r\n            if(temp.length != 0){\r\n                activitesPages.push(temp);\r\n            }\r\n            return activitesPages;\r\n        },\r\n        changePage(event){\r\n            this.page = event.page;\r\n        }\r\n    }\r\n    \r\n}\r\n</script>\r\n<style scoped>\r\n    .grid{\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        margin-right: -0.5rem;\r\n        margin-left: -0.5rem;\r\n        margin-top: -0.5rem;\r\n    }\r\n\r\n    .col-3{\r\n        flex: 0 0 auto;\r\n        padding: 1rem;\r\n        width: 25%;\r\n        padding-top: 0.5rem;\r\n    }\r\n\r\n    .col-9{\r\n        flex: 0 0 auto;\r\n        padding: 1rem;\r\n        width: 75%;\r\n    }\r\n\r\n    .col-2{\r\n        flex: 0 0 auto;\r\n        padding: 1rem;\r\n        width: 16.6667%;   \r\n        \r\n    }\r\n\r\n    .selection-container{\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n        background: #FFFFFF;\r\n        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);\r\n        border-radius: 10px;\r\n        padding:1rem;\r\n    }\r\n    .selection-choise{\r\n        margin-top: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    label{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        margin-left: 5px;\r\n    }\r\n\r\n    h6 {\r\n        font-size: 18px;\r\n    }\r\n    \r\n</style>","import axios from \"axios\";\r\nimport Config from \"@/config\"\r\n\r\n\r\nexport default class ActivityService {\r\n    getActivities(accesstoken, userEmail) {\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} },\r\n            params: {\r\n                \"filters[user][username][$eq]\":userEmail,\r\n                \"populate[event][populate][recipe][populate][labels][fields]\":\"title,locale\",\r\n                \"populate[event][populate][achievement][populate]\":\"*\",\r\n                \"populate[event][populate][appliance][fields]\":\"friendly_name\",\r\n                \"populate[event][populate][appliance_capability][populate]\": \"*\",\r\n                \"pagination[pageSize]\": 100,\r\n                \"sort[0]\": \"date:desc\"\r\n            }\r\n        };\r\n        return axios\r\n            .get(\r\n                Config.proxy + Config.url(\"activity\"),\r\n                options\r\n            )\r\n            .then(res => res.data)\r\n            .catch(\r\n                function (error) {\r\n                console.log('Show error notification!')\r\n                return Promise.reject(error)\r\n                }\r\n            )\r\n    }\r\n}","<template>\r\n    <div class=\"grid\">\r\n        <div class=\"col-2\">\r\n            <h6 class=\"date-col\"><b>{{dayOfMonth}}</b><br>{{monthName}} {{yearNumber}}</h6>\r\n        </div>\r\n        <div class=\"col-10 list-container\">\r\n            <ul class=\"separator\">\r\n                <template v-for=\"(activity) in activityList\" :key =\"activity.id\">\r\n                    <li v-if=\"isVisible(activity)\">\r\n                        <ActivityItem \r\n                            :activity=\"activity\">\r\n                        </ActivityItem>\r\n                    </li>\r\n                </template>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport ActivityItem from \"./ActivityItem.vue\"\r\n\r\nexport default {\r\n    components:{\r\n        ActivityItem,\r\n    },\r\n    props:{\r\n        activityList:null,\r\n        date:null,\r\n        recipeCheck: null,\r\n        visibleCategories: null,\r\n    },\r\n    computed:{\r\n        locale() {\r\n            return this.$store.getters[\"preferences/locale\"];\r\n        },\r\n        dayOfMonth(){\r\n            return (new Date(this.date)).getDate();\r\n        },\r\n        monthName(){\r\n            let monthName = (new Date(this.date)).toLocaleString(this.locale, { month: 'short' });\r\n            monthName = monthName.charAt(0).toUpperCase() + monthName.slice(1);\r\n            return monthName\r\n        },\r\n        yearNumber(){\r\n            return (new Date(this.date)).getFullYear();\r\n        }\r\n    },\r\n    methods:{\r\n        isVisible(activity){\r\n            return this.visibleCategories.includes(activity.attributes.event[0][\"__component\"]) ? true : false;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.grid{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-right: -0.5rem;\r\n    margin-left: -0.5rem;\r\n    margin-top: -0.5rem;\r\n    margin-bottom: 1.5rem;\r\n}\r\n.col-2{\r\n    text-align: center;\r\n    flex: 0 0 auto;\r\n    padding: 1rem;\r\n    width: 16.6667%;\r\n}\r\n\r\n.col-10 {\r\n    flex: 0 0 auto;\r\n    padding: 1rem;\r\n    padding-bottom: 0;\r\n    width: 83.3333%;\r\n}\r\n\r\n\r\n.date-col{\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n}\r\n\r\n.list-container{\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    background: #FFFFFF;\r\n    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);\r\n    border-radius: 10px;\r\n}\r\n\r\nul {\r\n    list-style-type: none;\r\n}\r\n\r\nul.separator {\r\n\tlist-style: none;\r\n\tpadding: 0;\r\n\twidth: 100%;\r\n}\r\n\r\nul.separator li {\r\n\tpadding: .5em 0;\r\n\tborder-bottom: 1px solid #C4C4C4;\r\n}\r\n\r\nul.separator li:last-child {\r\n\tborder-bottom: 0;\r\n}\r\n\r\n</style>","<template v-if=\"activity\">\r\n    <div class=\"grid\">\r\n        <div class=\"col-2\" v-if=\"imageSource\">\r\n            <img :src=\"imageSource\" style=\"max-width: 50px\"/>\r\n        </div>\r\n        <div class=\"col-4 action-title\">\r\n            {{actionTitle}}!\r\n        </div>\r\n        <div class=\"col-6\">\r\n            {{actionDescription}}\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props:{\r\n        activity:null,\r\n    },\r\n    computed:{\r\n        locale() {\r\n            return this.$store.getters[\"preferences/locale\"];\r\n        }\r\n    },\r\n    data(){\r\n        return {\r\n            actionTitle: null,\r\n            actionDescription: null,\r\n            imageSource: null,\r\n        }\r\n    },\r\n    mounted(){\r\n        switch(this.activity.attributes.event[0][\"__component\"]){\r\n            case(\"event.liked-recipe\"): this.formatLikedRecipe(); break;\r\n            case(\"event.command-history\"): this.formatCommandHistory(); break;\r\n            case(\"event.achieved\"): this.formatAchieved(); break;\r\n        }\r\n    },\r\n    methods:{\r\n        formatLikedRecipe(){\r\n            // TODO: Mettere link alla ricetta?\r\n            this.actionTitle = this.$t(\"activity.likedRecipe\");\r\n            let labelsList = this.activity.attributes.event[0].recipe.data.attributes.labels.data;\r\n            let labelLocale = labelsList.filter(label => label.attributes.locale == this.locale)\r\n                                    .map(label => label.attributes.title);\r\n            this.actionDescription = this.$t(\"activity.likedSomething\") + \" \" + labelLocale;\r\n            this.imageSource = \"/assets/layout/images/activity_icon/like_icon.png\";\r\n        },\r\n        formatCommandHistory(){\r\n            this.actionTitle = this.$t(\"activity.CommandHistory\");\r\n            let friendlyApplianceName = this.activity.attributes.event[0].appliance.data.attributes[\"friendly_name\"];\r\n            this.actionDescription = this.$t(\"activity.sendedCommand\") +\": \" + friendlyApplianceName;\r\n            this.imageSource = \"/assets/layout/images/activity_icon/command.png\";\r\n        },\r\n        formatAchieved(){\r\n            this.actionTitle = this.$t(\"activity.Achieved\");\r\n            let achievementLabelsList = this.activity.attributes.event[0].achievement.data.attributes.labels.data;\r\n            let achievementLabelLocale = achievementLabelsList.filter(achievement => achievement.attributes.locale == this.locale)\r\n                                                                .map(achievement => achievement.attributes.title);\r\n            this.actionDescription = this.$t(\"activity.AchievementComplete\") + ' \"' + achievementLabelLocale + '\"';\r\n            if(this.activity.attributes.event[0].achievement.data.attributes.media.data.attributes.formats.thumbnail.url){\r\n                this.imageSource = this.activity.attributes.event[0].achievement.data.attributes.media.data.attributes.formats.thumbnail.url\r\n            } else {\r\n                this.imageSource =  \"/assets/layout/images/activity_icon/achievements.png\"\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.grid{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-right: -0.5rem;\r\n    margin-left: -0.5rem;\r\n}\r\n.col-1 {\r\n    flex: 0 0 auto;\r\n    width: 8.3333%;\r\n    padding-left: 20px;\r\n    text-align: center;\r\n}\r\n.col-2{\r\n    text-align: center;\r\n    flex: 0 0 auto;\r\n    padding: 1rem;\r\n    width: 16.6667%;\r\n}\r\n.col-3{\r\n    flex: 0 0 auto;\r\n    padding: 1rem;\r\n    width: 25%;\r\n    text-align: center;\r\n}\r\n.col-4{\r\n    flex: 0 0 auto;\r\n    padding: 1rem;\r\n    width: 33.3333%;\r\n}\r\n.col-6{\r\n    flex: 0 0 auto;\r\n    padding: 1rem;\r\n    width: 50%;\r\n}\r\n.col-8{\r\n    flex: 0 0 auto;\r\n    padding: 1rem;\r\n    width: 66.6667%;\r\n}\r\n\r\n.action-title{\r\n    font-weight: 700;\r\n    font-size: 20px;\r\n}\r\n</style>","import { render } from \"./ActivityItem.vue?vue&type=template&id=543fed72&scoped=true\"\nimport script from \"./ActivityItem.vue?vue&type=script&lang=js\"\nexport * from \"./ActivityItem.vue?vue&type=script&lang=js\"\n\nimport \"./ActivityItem.vue?vue&type=style&index=0&id=543fed72&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-543fed72\"]])\n\nexport default __exports__","import { render } from \"./ActivityGroup.vue?vue&type=template&id=689fe382&scoped=true\"\nimport script from \"./ActivityGroup.vue?vue&type=script&lang=js\"\nexport * from \"./ActivityGroup.vue?vue&type=script&lang=js\"\n\nimport \"./ActivityGroup.vue?vue&type=style&index=0&id=689fe382&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-689fe382\"]])\n\nexport default __exports__","import { render } from \"./Activity.vue?vue&type=template&id=7622e526&scoped=true&lang=true\"\nimport script from \"./Activity.vue?vue&type=script&lang=js\"\nexport * from \"./Activity.vue?vue&type=script&lang=js\"\n\nimport \"./Activity.vue?vue&type=style&index=0&id=7622e526&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7622e526\"]])\n\nexport default __exports__"],"sourceRoot":""}