{"version":3,"sources":["webpack:///./src/views/UserProfile.vue?0808","webpack:///./src/views/UserProfile.vue","webpack:///src/views/UserProfile.vue","webpack:///./src/views/UserProfile.vue?22a7","webpack:///./src/views/UserProfile.vue?9ad4"],"names":["render","_vm","this","_c","_self","attrs","staticClass","model","value","formData","email","callback","$$v","$set","expression","fullName","phone","updates","staticStyle","on","$event","editProfile","_v","saving","save","newGoodCauseSelection","search","_l","goodCauseFilter","goodCause","key","id","class","selectedGoodCause","goodCause_id","hoverGoodCause","hover","selectGoodCause","imageUrl","_s","name","shortSummary","$router","push","concat","_e","staticRenderFns","data","enabled","chosenGoodCause","loaded","computed","_objectSpread","mapGetters","user","userData","goodCauses","uppercaseSearch","toUpperCase","result","filter","GC","indexOf","goodCauseButtonText","returnText","created","watch","newUser","oldUser","_this","length","$store","dispatch","then","find","$forceUpdate","mounted","_this2","methods","edit","_this3","_this4","component"],"mappings":"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","file":"js/chunk-11986120.1ea520fe.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=style&index=0&id=335c5aba&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"id\":\"userModule\",\"fill-height\":\"\",\"fluid\":\"\",\"grid-list-xl\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('material-card',{attrs:{\"color\":\"cyan\",\"title\":\"Edit Profile\",\"text\":\"Complete your profile\"}},[_c('v-form',[_c('v-container',{attrs:{\"py-0\":\"\"}},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-text-field',{staticClass:\"cyan-input\",attrs:{\"disabled\":\"\",\"label\":\"Email\"},model:{value:(_vm.formData.email),callback:function ($$v) {_vm.$set(_vm.formData, \"email\", $$v)},expression:\"formData.email\"}})],1),_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-text-field',{staticClass:\"cyan-input\",attrs:{\"label\":\"Full Name\"},model:{value:(_vm.formData.fullName),callback:function ($$v) {_vm.$set(_vm.formData, \"fullName\", $$v)},expression:\"formData.fullName\"}})],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-text-field',{staticClass:\"cyan-input\",attrs:{\"label\":\"Phone\"},model:{value:(_vm.formData.phone),callback:function ($$v) {_vm.$set(_vm.formData, \"phone\", $$v)},expression:\"formData.phone\"}})],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('v-checkbox',{attrs:{\"label\":\"Would you like to receive Impact Updates?\"},model:{value:(_vm.formData.updates),callback:function ($$v) {_vm.$set(_vm.formData, \"updates\", $$v)},expression:\"formData.updates\"}})],1),_c('v-flex',{staticStyle:{\"text-align\":\"right !important\"},attrs:{\"xs12\":\"\"}},[_c('v-btn',{staticClass:\"mx-0 font-weight-light\",staticStyle:{\"margin-right\":\"10px !important\"},attrs:{\"color\":\"error\"},on:{\"click\":function($event){_vm.editProfile = false}}},[_vm._v(\"Cancel\")]),_c('v-btn',{staticClass:\"mx-0 font-weight-light\",staticStyle:{\"margin-left\":\"10px !important\"},attrs:{\"loading\":_vm.saving,\"color\":\"success\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Update Profile\")])],1)],1)],1)],1)],1)],1)],1),_c('v-dialog',{attrs:{\"persistent\":\"\"},model:{value:(_vm.newGoodCauseSelection),callback:function ($$v) {_vm.newGoodCauseSelection=$$v},expression:\"newGoodCauseSelection\"}},[_c('v-card',[_c('v-card-title',[_c('h3',{staticClass:\"heading\"},[_vm._v(\"\\n          Click on a Good Cause or an Area of Impact to support it\\n        \")])]),_c('v-card-text',[_c('v-container',{attrs:{\"py-0\":\"\"}},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-text-field',{staticClass:\"cyan-input\",attrs:{\"label\":\"Search for a Good Cause or an Area of Impact\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_vm._l((_vm.goodCauseFilter),function(goodCause){return _c('v-flex',{key:goodCause.id,staticStyle:{\"padding\":\"5px !important\"},attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md4\":\"\"}},[_c('v-card',{class:{\n                  selectedGoodCause: _vm.formData.goodCause_id === goodCause.id,\n                  hoverGoodCause: _vm.hover === goodCause.id,\n                },staticStyle:{\"background\":\"white\",\"height\":\"100%\"},on:{\"click\":function($event){return _vm.selectGoodCause(goodCause.id)},\"mouseover\":function($event){_vm.hover = goodCause.id},\"mouseleave\":function($event){_vm.hover = false}}},[(goodCause.imageUrl)?_c('v-img',{staticStyle:{\"margin\":\"auto\"},attrs:{\"src\":goodCause.imageUrl,\"width\":\"80%\"}},[_c('v-container',{attrs:{\"fill-height\":\"\",\"fluid\":\"\"}},[_c('v-layout',{attrs:{\"fill-height\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"align-end\":\"\",\"flexbox\":\"\"}})],1)],1)],1):_c('v-img',{attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\",\"height\":\"200px\"}}),_c('v-card-title',[_c('div',{staticStyle:{\"min-height\":\"53px\",\"text-align\":\"left\",\"margin\":\"auto\"}},[_c('div',{staticClass:\"title\",staticStyle:{\"font-weight\":\"bold !important\",\"font-family\":\"'Aleo' !important\",\"font-size\":\"15pt !important\",\"color\":\"#4cc7e8\",\"margin-bottom\":\"0 !important\",\"min-height\":\"60px\"}},[_vm._v(\"\\n                      \"+_vm._s(goodCause.name)+\"\\n                    \")]),_c('div',[_vm._v(_vm._s(goodCause.shortSummary))])])]),_c('v-card-actions',[_c('v-btn',{staticClass:\"btn primary\",on:{\"click\":function($event){return _vm.$router.push(`/GoodCauses/${goodCause.id}`)}}},[_vm._v(\"Learn More\")]),(_vm.formData.goodCause_id === goodCause.id)?_c('v-icon',{staticStyle:{\"right\":\"10px\",\"position\":\"absolute\"},attrs:{\"color\":\"#4dc8ed\"}},[_vm._v(\"mdi-check\")]):_vm._e()],1)],1)],1)}),_c('v-flex',{staticStyle:{\"text-align\":\"right !important\"},attrs:{\"xs12\":\"\"}},[_c('v-btn',{staticClass:\"mx-0 font-weight-light\",staticStyle:{\"margin-right\":\"10px !important\"},attrs:{\"color\":\"error\"},on:{\"click\":function($event){_vm.newGoodCauseSelection = !_vm.newGoodCauseSelection}}},[_vm._v(\"close\")])],1)],2)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- <v-container v-if=\"user && user.fullName && !editProfile && enabled\" fill-height fluid>\n    <v-layout justify-center wrap>\n      <v-container grid-list-xl class=\"pageContent\">\n        <v-layout row wrap align-center>\n          <v-flex xs12 sm6 class=\"text-xs-center text-sm-left\">\n            <div class=\"headline font-weight-thin\">{{ userData.fullName }}</div>\n            <div class=\"subheading font-weight-thin\" style=\"color:#CCC\">\n              {{ userData.email }}\n            </div>\n          </v-flex>\n          <v-flex xs12 sm6>\n            <v-layout\n              row\n              class=\"text-xs-center text-sm-right\"\n              style=\"width:100%\"\n            >\n              <v-spacer />\n              <v-layout column class=\"pt-2\">\n                <v-layout\n                  row\n                  class=\"heading text-xs-center text-sm-right font-weight-medium\"\n                >\n                  <v-spacer />Chosen Good Cause\n                  <v-spacer class=\"hidden-md-and-up\" />\n                </v-layout>\n                <v-layout row class=\"text-xs-center text-sm-right\">\n                  <v-spacer />\n                  <v-icon color=\"black\">mdi-charity</v-icon>\n                  <div class=\"title ml-2\">{{ userData.chosenGoodCause }}</div>\n                  <v-spacer class=\"hidden-md-and-up\" />\n                </v-layout>\n              </v-layout>\n              <v-spacer class=\"hidden-md-and-up\" />\n            </v-layout>\n          </v-flex>\n          <v-flex xs12>\n            <v-layout row wrap class=\"mt-4\">\n              <v-flex xs12 sm6 lg4>\n                <v-img src width=\"100%\" />\n                <v-container>\n                  <v-layout column justify-center>\n                    <div class=\"headline heading\" style=\"text-align: left;\">\n                      <template>\n                        <v-btn large color=\"#4dc8ed\" @click=\"edit\"\n                          >Manage Profile</v-btn\n                        >\n                      </template>\n                    </div>\n                  </v-layout>\n                </v-container>\n              </v-flex>\n              <v-flex xs12 sm6 lg8>\n                <div class=\"headline heading\">Who we are</div>\n                <div class=\"body-1\">Text</div>\n                <div class=\"headline heading mt-4\">About what we do</div>\n                <div class=\"body-1\">Text</div>\n              </v-flex>\n            </v-layout>\n          </v-flex>\n        </v-layout>\n      </v-container>\n    </v-layout>\n  </v-container>-->\n  <v-container id=\"userModule\" fill-height fluid grid-list-xl>\n    <v-layout justify-center wrap>\n      <v-flex xs12>\n        <material-card\n          color=\"cyan\"\n          title=\"Edit Profile\"\n          text=\"Complete your profile\"\n        >\n          <v-form>\n            <v-container py-0>\n              <v-layout wrap>\n                <v-flex xs12>\n                  <v-text-field\n                    class=\"cyan-input\"\n                    v-model=\"formData.email\"\n                    disabled\n                    label=\"Email\"\n                  />\n                </v-flex>\n                <v-flex xs12>\n                  <v-text-field\n                    class=\"cyan-input\"\n                    v-model=\"formData.fullName\"\n                    label=\"Full Name\"\n                  />\n                </v-flex>\n                <v-flex xs12 sm6>\n                  <v-text-field\n                    class=\"cyan-input\"\n                    v-model=\"formData.phone\"\n                    label=\"Phone\"\n                  />\n                </v-flex>\n                <v-flex xs12 sm6>\n                  <v-checkbox\n                    v-model=\"formData.updates\"\n                    label=\"Would you like to receive Impact Updates?\"\n                  ></v-checkbox>\n                </v-flex>\n                <v-flex xs12 style=\"text-align: right !important\">\n                  <v-btn\n                    class=\"mx-0 font-weight-light\"\n                    @click=\"editProfile = false\"\n                    color=\"error\"\n                    style=\"margin-right: 10px !important\"\n                    >Cancel</v-btn\n                  >\n                  <v-btn\n                    class=\"mx-0 font-weight-light\"\n                    @click=\"save()\"\n                    :loading=\"saving\"\n                    color=\"success\"\n                    style=\"margin-left: 10px !important\"\n                    >Update Profile</v-btn\n                  >\n                </v-flex>\n              </v-layout>\n            </v-container>\n          </v-form>\n        </material-card>\n      </v-flex>\n    </v-layout>\n    <v-dialog v-model=\"newGoodCauseSelection\" persistent>\n      <v-card>\n        <v-card-title>\n          <h3 class=\"heading\">\n            Click on a Good Cause or an Area of Impact to support it\n          </h3>\n        </v-card-title>\n        <v-card-text>\n          <v-container py-0>\n            <v-layout wrap>\n              <v-flex xs12>\n                <v-text-field\n                  class=\"cyan-input\"\n                  v-model=\"search\"\n                  label=\"Search for a Good Cause or an Area of Impact\"\n                />\n              </v-flex>\n              <v-flex\n                v-for=\"goodCause in goodCauseFilter\"\n                :key=\"goodCause.id\"\n                style=\"padding: 5px !important\"\n                xs12\n                sm6\n                md4\n                class\n              >\n                <v-card\n                  style=\"background: white; height: 100%\"\n                  @click=\"selectGoodCause(goodCause.id)\"\n                  @mouseover=\"hover = goodCause.id\"\n                  @mouseleave=\"hover = false\"\n                  :class=\"{\n                    selectedGoodCause: formData.goodCause_id === goodCause.id,\n                    hoverGoodCause: hover === goodCause.id,\n                  }\"\n                >\n                  <v-img\n                    v-if=\"goodCause.imageUrl\"\n                    :src=\"goodCause.imageUrl\"\n                    width=\"80%\"\n                    style=\"margin: auto\"\n                  >\n                    <v-container fill-height fluid>\n                      <v-layout fill-height>\n                        <v-flex xs12 align-end flexbox />\n                      </v-layout>\n                    </v-container>\n                  </v-img>\n                  <v-img\n                    v-else\n                    src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\"\n                    height=\"200px\"\n                  />\n                  <v-card-title>\n                    <div\n                      style=\"min-height: 53px; text-align: left; margin: auto\"\n                    >\n                      <div\n                        class=\"title\"\n                        style=\"\n                          font-weight: bold !important;\n                          font-family: 'Aleo' !important;\n                          font-size: 15pt !important;\n                          color: #4cc7e8;\n                          margin-bottom: 0 !important;\n                          min-height: 60px;\n                        \"\n                      >\n                        {{ goodCause.name }}\n                      </div>\n                      <div>{{ goodCause.shortSummary }}</div>\n                    </div>\n                  </v-card-title>\n\n                  <v-card-actions>\n                    <v-btn\n                      @click=\"$router.push(`/GoodCauses/${goodCause.id}`)\"\n                      class=\"btn primary\"\n                      >Learn More</v-btn\n                    >\n                    <v-icon\n                      v-if=\"formData.goodCause_id === goodCause.id\"\n                      color=\"#4dc8ed\"\n                      style=\"right: 10px; position: absolute\"\n                      >mdi-check</v-icon\n                    >\n                  </v-card-actions>\n                </v-card>\n              </v-flex>\n              <v-flex xs12 style=\"text-align: right !important\">\n                <v-btn\n                  class=\"mx-0 font-weight-light\"\n                  @click=\"newGoodCauseSelection = !newGoodCauseSelection\"\n                  color=\"error\"\n                  style=\"margin-right: 10px !important\"\n                  >close</v-btn\n                >\n              </v-flex>\n            </v-layout>\n          </v-container>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n  </v-container>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n\n  export default {\n    data: () => ({\n      formData: {},\n      saving: false,\n      enabled: false,\n      editProfile: false,\n      hover: false,\n      search: \"\",\n      chosenGoodCause: {},\n      loaded: false,\n      newGoodCauseSelection: false,\n    }),\n    computed: {\n      ...mapGetters({\n        user: \"user\",\n        userData: \"user/userData\",\n        goodCauses: \"goodCauses/listOrderedByCategories\",\n      }),\n      goodCauseFilter: function () {\n        let uppercaseSearch = this.search.toUpperCase();\n        let result = this.goodCauses.filter(\n          (GC) => GC.name.toUpperCase().indexOf(uppercaseSearch) > -1\n        );\n\n        return result;\n      },\n      goodCauseButtonText: function () {\n        let returnText = \"Choose your area of impact\";\n        if (typeof this.chosenGoodCause != \"undefined\") {\n          returnText = \"Change your area of impact\";\n        }\n        return returnText;\n      },\n    },\n    created() {},\n    watch: {\n      userData: function (newUser, oldUser) {\n        this.formData.email = this.userData.email;\n        this.formData.fullName = this.userData.fullName;\n        this.formData.phone = this.userData.phone;\n        this.formData.updates = this.userData.updates;\n        if (\n          typeof this.userData.goodCause_id != \"undefined\" &&\n          this.userData.goodCause_id != \"\"\n        ) {\n          this.formData.goodCause_id = this.userData.goodCause_id;\n          if (this.goodCauses.length < 1) {\n            this.$store.dispatch(\"goodCauses/loadAll\").then(() => {\n              this.chosenGoodCause = this.goodCauses.find(\n                (GC) => GC.id == this.formData.goodCause_id\n              );\n            });\n          } else {\n            this.chosenGoodCause = this.goodCauses.find(\n              (GC) => GC.id == this.formData.goodCause_id\n            );\n          }\n        }\n\n        this.$forceUpdate();\n      },\n    },\n    mounted() {\n      this.formData.email = this.userData.email;\n      this.formData.fullName = this.userData.fullName;\n      this.formData.phone = this.userData.phone;\n      this.formData.updates = this.userData.updates;\n      if (\n        typeof this.userData.goodCause_id != \"undefined\" &&\n        this.userData.goodCause_id != \"\"\n      ) {\n        this.formData.goodCause_id = this.userData.goodCause_id;\n        if (this.goodCauses.length < 1) {\n          this.$store.dispatch(\"goodCauses/loadAll\").then(() => {\n            this.chosenGoodCause = this.goodCauses.find(\n              (GC) => GC.id == this.formData.goodCause_id\n            );\n          });\n        } else {\n          this.chosenGoodCause = this.goodCauses.find(\n            (GC) => GC.id == this.formData.goodCause_id\n          );\n        }\n      }\n      this.$forceUpdate();\n    },\n    methods: {\n      edit() {\n        this.editProfile = true;\n      },\n      save() {\n        this.saving = true;\n        this.$store\n          .dispatch(\"user/saveUserProfile\", this.formData)\n          .then((user) => {\n            this.saving = false;\n          });\n      },\n      selectGoodCause(id) {\n        this.formData.goodCause_id = id;\n        this.chosenGoodCause = this.goodCauses.find(\n          (GC) => GC.id === this.formData.goodCause_id\n        );\n      },\n    },\n  };\n</script>\n\n<style>\n  .selectedGoodCause {\n    border: 3px solid #4dc8ed !important;\n  }\n\n  .hoverGoodCause {\n    border: 1px solid hsla(194, 82%, 62%, 0.801) !important;\n    cursor: pointer;\n  }\n\n  .heading {\n    color: #4dc8ed;\n  }\n\n  .application {\n    background-color: white !important;\n  }\n\n  .sectionHeader {\n    /* border-bottom: 1px solid #4dc8ed; */\n    color: #4dc8ed;\n  }\n\n  .nl2br {\n    white-space: pre-line;\n  }\n\n  #silentbox-overlay__description {\n    color: #000;\n    background: rgb(77, 200, 237);\n    padding: 5px;\n    border: 1px solid white;\n    font-size: 14pt !important;\n  }\n\n  @media screen and (max-width: 400px) {\n    .goodCauseCard {\n      height: 300px !important;\n    }\n  }\n  #userModule h4.title.font-weight-light.mb-2 {\n    font-weight: bold !important;\n  }\n  #userModule p.category.font-weight-thin {\n    font-weight: bold !important;\n    color: white;\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!./UserProfile.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!./UserProfile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserProfile.vue?vue&type=template&id=335c5aba\"\nimport script from \"./UserProfile.vue?vue&type=script&lang=js\"\nexport * from \"./UserProfile.vue?vue&type=script&lang=js\"\nimport style0 from \"./UserProfile.vue?vue&type=style&index=0&id=335c5aba&prod&lang=css\"\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"],"sourceRoot":""}