{"version":3,"sources":["webpack:///./src/views/team/Dashboard.vue?d730","webpack:///src/views/team/Dashboard.vue","webpack:///./src/views/team/Dashboard.vue?7d2f","webpack:///./src/views/team/Dashboard.vue?fdbf","webpack:///./src/views/team/Dashboard.vue?a2ad"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$root","translate","page_status","waiting","on","statused","edited_record","staticClass","_v","_s","total_distance","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,MAAM,CAAC,GAAK,iBAAiB,MAAQN,EAAIO,MAAMC,UAAU,kBAAkB,OAASR,EAAIS,YAAY,QAAUT,EAAIU,QAAQ,WAAU,GAAMC,GAAG,CAAC,SAAWX,EAAIY,WAAW,CAAEZ,EAAiB,cAAEI,EAAG,oBAAoB,CAACE,MAAM,CAAC,OAASN,EAAIa,cAAc,OAAS,SAAS,CAAEb,EAAiB,cAAEI,EAAG,UAAU,CAACU,YAAY,oCAAoC,CAACV,EAAG,MAAM,CAACU,YAAY,gCAAgC,CAACV,EAAG,KAAK,CAACJ,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIO,MAAMC,UAAU,mCAAmCJ,EAAG,aAAa,CAACE,MAAM,CAAC,WAAaN,EAAIiB,eAAiB,QAAS,KAAKjB,EAAIkB,OAAOlB,EAAIkB,MAAM,IACtqBC,EAAkB,G,oCC+BtB,GACE,OAAF,8BACE,WAAF,CACI,iBAAJ,OACI,WAAJ,QAEE,MAAF,CACI,YAAJ,UAEE,QAAF,CACI,eADJ,WAEM,KAAN,mCAGE,SAAF,CACI,WADJ,WAEM,OAAN,kBAEI,sBAJJ,WAKM,OAAN,GAEI,aAPJ,WAQM,MAAN,CAAQ,aAAR,kBAAQ,OAAR,0BAEI,eAVJ,WAWM,OAAN,mBACA,uEADA,IAIE,KA7BF,WA8BI,MAAJ,CACM,OAAN,OACM,WAAN,UChEkW,I,wBCQ9VC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,oECnBf","file":"js/chunk-03a4e76a.b2889732.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('page',{attrs:{\"id\":\"team-dashboard\",\"title\":_vm.$root.translate('Team Dashboard'),\"status\":_vm.page_status,\"waiting\":_vm.waiting,\"is-root\":true},on:{\"statused\":_vm.statused}},[(_vm.edited_record)?_c('dashboard-wrapper',{attrs:{\"record\":_vm.edited_record,\"entity\":\"team\"}},[(_vm.edited_record)?_c('section',{staticClass:\"page-inner-container text-center\"},[_c('div',{staticClass:\"page-inner-container-content\"},[_c('h5',[_vm._v(_vm._s(_vm.$root.translate(\"Where My Team has Walked To\")))]),_c('milestones',{attrs:{\"kilometers\":_vm.total_distance / 1000}})],1)]):_vm._e()]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <page\n        id=\"team-dashboard\"\n        :title=\"$root.translate('Team Dashboard')\"\n        :status=\"page_status\"\n        :waiting=\"waiting\"\n        :is-root=\"true\"\n        @statused=\"statused\"\n    >\n        <dashboard-wrapper\n            v-if=\"edited_record\"\n            :record=\"edited_record\"\n            entity=\"team\"\n        >\n            <section v-if=\"edited_record\" class=\"page-inner-container text-center\">\n                <div class=\"page-inner-container-content\">\n                    <h5>{{ $root.translate(\"Where My Team has Walked To\") }}</h5>\n                    <milestones\n                        :kilometers=\"total_distance / 1000\"\n                    />\n                </div>\n            </section>\n        </dashboard-wrapper>\n    </page>\n</template>\n\n<script type=\"text/javascript\">\nimport { is_record_editor_page } from \"@/nibnut/mixins\"\nimport { addl_profile_utilities, is_avatar_owner, calculator_utilities } from \"@/custom/mixins\"\n\nimport { DashboardWrapper, Milestones } from \"@/custom/components\"\n\nexport default {\n    mixins: [is_record_editor_page, addl_profile_utilities, is_avatar_owner, calculator_utilities],\n    components: {\n        DashboardWrapper,\n        Milestones\n    },\n    watch: {\n        walker_uuid: \"reload\"\n    },\n    methods: {\n        grab_record_id () {\n            this.record_id = this.profile.team_uuid\n        }\n    },\n    computed: {\n        can_reload () {\n            return this.walker_uuid\n        },\n        cleanup_before_reload () {\n            return false\n        },\n        reload_query () {\n            return { relation_ids: this.relation_ids, fields: [\"fieldset::dashboard\"] }\n        },\n        total_distance () {\n            if(!this.edited_record) return 0\n            return this.standardized_distance(this.edited_record.computed_total_distance)\n        }\n    },\n    data () {\n        return {\n            entity: \"team\",\n            entityName: \"Team\"\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/sass/variables\";\n\n.page {\n    & > .page-content#team-dashboard {\n        & > .page-body {\n            padding-left: 0;\n            padding-right: 0;\n            padding-bottom: 0;\n\n            section:last-child {\n                margin-bottom: 0;\n            }\n            .page-outer-container {\n                margin: 0;\n                max-width: none;\n                .page-inner-container {\n                    width: 100%;\n                    max-width: none;\n                    & > .page-inner-container-content {\n                        padding: 0 1rem;\n                        max-width: 680px;\n                        margin-left: auto;\n                        margin-right: auto;\n                    }\n                    &.walker-stats {\n                        & > .page-inner-container-content {\n                            text-align: center;\n\n                            .columns {\n                                justify-content: center;\n                                .column {\n                                    flex: 0 0 6rem;\n                                    @media (max-width: $size-sm) {\n                                        margin-bottom: 0.8rem;\n                                    }\n                                }\n                            }\n                            .walker-stat {\n                                display: inline-block;\n                                font-size: 1.4rem;\n                                font-family: \"Hop\";\n                                font-weight: normal;\n                                line-height: 1rem;\n\n                                & > span:last-child {\n                                    font-size: 0.7rem;\n                                }\n                                & > .text-small {\n                                    font-size: 0.6rem;\n                                }\n\n                                &.walker-stat-lg {\n                                    position: relative;\n                                    font-size: 3.6rem;\n                                    width: 6rem;\n                                    height: 6rem;\n                                    line-height: 1.8rem;\n                                    margin-bottom: 0.6rem;\n\n                                    & > div {\n                                        position: absolute;\n                                        top: 50%;\n                                        left: 50%;\n                                        transform: translate(-50%, -35%);\n                                        z-index: 1;\n                                        white-space: nowrap;\n                                        & > .text-small {\n                                            font-size: 0.9rem;\n                                        }\n                                    }\n                                    &:before {\n                                        content: \" \";\n                                        position: absolute;\n                                        top: 0;\n                                        left: 0;\n                                        width: 100%;\n                                        height: 100%;\n                                        border: 0.5rem solid $gray-color-light;\n                                        border-radius: 50%;\n                                        z-index: 0;\n                                    }\n                                }\n                            }\n                            h6 {\n                                font-family: $body-font-family;\n                            }\n                        }\n                    }\n                    &.savings {\n                        background-color: $gray-color-light;\n                        & > .page-inner-container-content {\n                            position: relative;\n                            padding-top: $unit-10;\n                            padding-bottom: ($unit-10 * 2);\n                            text-align: center;\n                            font-family: \"Hop\";\n                            font-size: 1.2rem;\n                            font-weight: normal;\n                            line-height: 1rem;\n\n                            &:before {\n                                content: \" \";\n                                position: absolute;\n                                left: 0;\n                                bottom: 0;\n                                height: 100px;\n                                width: 140px;\n                                background: $gray-color-light no-repeat bottom left url('~@/assets/img/Left_trees_desktop.png');\n                                z-index: 0;\n                                @media (max-width: $size-sm) {\n                                    height: 80px;\n                                    width: 54px;\n                                    background: $gray-color-light no-repeat bottom left url('~@/assets/img/Left_trees.png');\n                                }\n                            }\n                            &:after {\n                                content: \" \";\n                                position: absolute;\n                                right: 0;\n                                bottom: 0;\n                                height: 114px;\n                                width: 198px;\n                                background: $gray-color-light no-repeat bottom right url('~@/assets/img/Right_trees_desktop.png');\n                                z-index: 0;\n                                @media (max-width: $size-sm) {\n                                    height: 122px;\n                                    width: 114px;\n                                    background: $gray-color-light no-repeat bottom right url('~@/assets/img/Right_trees.png');\n                                }\n                            }\n                            h5 {\n                                font-size: 1.2rem;\n                                z-index: 1;\n                            }\n                            h4 {\n                                z-index: 1;\n                                & > .text-large {\n                                    font-size: 2.4rem;\n                                }\n                            }\n                        }\n                    }\n                    &.team-stats {\n                        position: relative;\n                        background: $brand-orange no-repeat bottom left url('~@/assets/img/Graphic_intro_desktop.png');\n                        background-size: 52%;\n                        text-align: center;\n\n                        & > .page-inner-container-content {\n                            position: relative;\n                            padding-top: $unit-10;\n                            padding-bottom: ($unit-10 * 2);\n                            text-align: center;\n                            font-family: \"Hop\";\n                            font-size: 1.2rem;\n                            font-weight: normal;\n                            line-height: 1rem;\n                        }\n\n                        .team-stats-panel {\n                            margin-top: -3rem;\n                            padding: 1rem;\n                            background-color: $brand-yellow;\n                            font-size: 1.2rem;\n                            font-family: \"Hop\";\n                            font-weight: normal;\n                            line-height: 1rem;\n                            border-radius: 1rem;\n\n                            .text-small {\n                                font-size: 0.7rem;\n                                line-height: 1.1em;\n                                margin-top: 0.4rem;\n                            }\n                        }\n                        & > img {\n                            position: absolute;\n                            bottom: 0;\n                            right: 2vw;\n                            width: 25vw;\n                            z-index: $zindex-1;\n                        }\n                    }\n                }\n            }\n            @media (max-width: $size-sm) {\n                .page-outer-container {\n                    width: 100%;\n                    .page-inner-container {\n                        & > .page-inner-container-content {\n                            width: calc(100% - 50px);\n                            padding: 0;\n                            max-width: none;\n                            margin-left: auto;\n                            margin-right: auto;\n                        }\n                        &.team-stats {\n                            background: $brand-orange no-repeat center bottom url('~@/assets/img/Graphic_intro.png');\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=512e1e4a&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}