{"version":3,"sources":["webpack:///./src/views/admin/banners/CreateBanner.vue?25de","webpack:///src/views/admin/banners/CreateBanner.vue","webpack:///./src/views/admin/banners/CreateBanner.vue?4a89","webpack:///./src/views/admin/banners/CreateBanner.vue","webpack:///./src/views/admin/banners/CreateBanner.vue?7fc8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","breadcrumb","_v","model","value","banner","callback","$$v","$set","expression","staticStyle","url","_e","targetsOptions","selectTargets","selectedTarget","allCycles","length","isSubject","selectSubject","selectedCycle","selectedTargetDetailsOptions","selectTargetsDetails","selectedTargetDetails","loading","name","formFilled","on","submit","staticRenderFns","components","SelectSimple","SelectMultiple","data","targets","attachment","file","id","label","targetsValues","targetDetails","text","href","active","watch","handler","deep","computed","methods","updateFormFilled","getEvent","title","description","available_until","image_url","setFile","submitFile","bodyFormData","httpRda","patch","headers","then","alert","removeImage","icon","showCancelButton","confirmButtonText","cancelButtonText","reverseButtons","accept","payload","params","get","created","component"],"mappings":"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","file":"js/chunk-f1187354.216ec534.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"container-rda\"},[_c('b-row',[_c('b-col',[_c('b-breadcrumb',{attrs:{\"items\":_vm.breadcrumb}})],1)],1),_c('b-row',[_c('b-col',[_c('h2',{staticClass:\"purple bold\"},[_vm._v(\"Registro de banner\")])])],1),_c('b-row',{staticClass:\"teacher-profile mt-50\"},[_c('b-col',[_c('b-row',[_c('b-col',[_c('b-form-group',{staticClass:\"required\",attrs:{\"description\":\"\"}},[_c('label',{attrs:{\"for\":\"label\"}},[_vm._v(\"Disponível até\")]),_c('b-form-input',{attrs:{\"type\":\"date\",\"required\":\"\"},model:{value:(_vm.banner.available_until),callback:function ($$v) {_vm.$set(_vm.banner, \"available_until\", $$v)},expression:\"banner.available_until\"}})],1)],1),_c('b-col',[_c('b-form-group',{attrs:{\"description\":\"\"}},[_c('label',{attrs:{\"for\":\"label\"}},[_vm._v(\"Url\")]),_c('b-form-input',{attrs:{\"type\":\"text\"},model:{value:(_vm.banner.url),callback:function ($$v) {_vm.$set(_vm.banner, \"url\", $$v)},expression:\"banner.url\"}}),(_vm.banner.url)?_c('a',{staticStyle:{\"text-decoration\":\"underline\",\"color\":\"#b23066\"},attrs:{\"target\":\"_blank\",\"href\":_vm.banner.url}},[_vm._v(\"Testar Link\")]):_vm._e()],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{staticClass:\"required\",attrs:{\"description\":\"\"}},[_c('label',{attrs:{\"for\":\"label\"}},[_vm._v(\"Descrição\")]),_c('b-form-textarea',{attrs:{\"type\":\"textarea\",\"placeholder\":\"\",\"required\":\"\"},model:{value:(_vm.banner.description),callback:function ($$v) {_vm.$set(_vm.banner, \"description\", $$v)},expression:\"banner.description\"}})],1)],1)],1),_c('label',{staticClass:\"required\",attrs:{\"for\":\"label\"}},[_vm._v(\"Destinatários\")]),_c('b-row',[_c('b-col',[_c('SelectSimple',{attrs:{\"options\":_vm.targetsOptions,\"callback\":_vm.selectTargets},model:{value:(_vm.selectedTarget),callback:function ($$v) {_vm.selectedTarget=$$v},expression:\"selectedTarget\"}})],1),(_vm.allCycles.length && _vm.isSubject)?_c('b-col',[_c('SelectSimple',{attrs:{\"callback\":_vm.selectSubject,\"options\":_vm.allCycles},model:{value:(_vm.selectedCycle),callback:function ($$v) {_vm.selectedCycle=$$v},expression:\"selectedCycle\"}})],1):_vm._e(),_c('b-col',[(\n              _vm.selectedTargetDetailsOptions &&\n              _vm.selectedTargetDetailsOptions.length > 0\n            )?_c('select-multiple',{attrs:{\"callback\":_vm.selectTargetsDetails,\"options\":_vm.selectedTargetDetailsOptions,\"hasSelectAll\":false,\"initial\":_vm.selectedTargetDetails}}):_vm._e()],1)],1)],1)],1),_c('b-row',{staticClass:\"mt-5\",attrs:{\"align-v\":\"center\"}},[_c('b-col',{staticClass:\"text-right\"},[_c('b-button',{staticClass:\"large blue outline\",attrs:{\"disabled\":_vm.loading,\"to\":{\n          name: 'banners',\n        }}},[_vm._v(\"Voltar\")]),_c('b-button',{staticClass:\"large blue\",attrs:{\"disabled\":!_vm.formFilled || _vm.loading},on:{\"click\":_vm.submit}},[(_vm.loading)?_c('b-spinner',{attrs:{\"variant\":\"success\",\"label\":\"Aguarde!\"}}):_c('span',[_vm._v(\"Criar banner\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container class=\"container-rda\">\n    <b-row>\n      <b-col>\n        <b-breadcrumb :items=\"breadcrumb\"></b-breadcrumb>\n      </b-col>\n    </b-row>\n\n    <b-row>\n      <b-col>\n        <h2 class=\"purple bold\">Registro de banner</h2>\n      </b-col>\n    </b-row>\n\n    <b-row class=\"teacher-profile mt-50\">\n      <b-col>\n        <b-row>\n          <b-col>\n            <b-form-group class=\"required\" description>\n              <label for=\"label\">Disponível até</label>\n              <b-form-input\n                v-model=\"banner.available_until\"\n                type=\"date\"\n                required\n              ></b-form-input>\n            </b-form-group>\n          </b-col>\n\n          <b-col>\n            <b-form-group description>\n              <label for=\"label\">Url</label>\n              <b-form-input v-model=\"banner.url\" type=\"text\"></b-form-input>\n              <a\n                target=\"_blank\"\n                v-if=\"banner.url\"\n                :href=\"banner.url\"\n                style=\"text-decoration: underline; color: #b23066\"\n                >Testar Link</a\n              >\n            </b-form-group>\n          </b-col>\n        </b-row>\n\n        <b-row>\n          <b-col>\n            <b-form-group class=\"required\" description>\n              <label for=\"label\">Descrição</label>\n              <b-form-textarea\n                v-model=\"banner.description\"\n                type=\"textarea\"\n                placeholder\n                required\n              ></b-form-textarea>\n            </b-form-group>\n          </b-col>\n        </b-row>\n\n        <label class=\"required\" for=\"label\">Destinatários</label>\n        <b-row>\n          <b-col>\n            <SelectSimple\n              v-model=\"selectedTarget\"\n              :options=\"targetsOptions\"\n              :callback=\"selectTargets\"\n            />\n          </b-col>\n          <b-col v-if=\"allCycles.length && isSubject\">\n            <SelectSimple\n              :callback=\"selectSubject\"\n              :options=\"allCycles\"\n              v-model=\"selectedCycle\"\n            />\n          </b-col>\n          <b-col>\n            <select-multiple\n              v-if=\"\n                selectedTargetDetailsOptions &&\n                selectedTargetDetailsOptions.length > 0\n              \"\n              :callback=\"selectTargetsDetails\"\n              :options=\"selectedTargetDetailsOptions\"\n              :hasSelectAll=\"false\"\n              :initial=\"selectedTargetDetails\"\n            />\n          </b-col>\n        </b-row>\n      </b-col>\n    </b-row>\n\n    <b-row align-v=\"center\" class=\"mt-5\">\n      <b-col class=\"text-right\">\n        <b-button\n          :disabled=\"loading\"\n          class=\"large blue outline\"\n          :to=\"{\n            name: 'banners',\n          }\"\n          >Voltar</b-button\n        >\n\n        <b-button\n          :disabled=\"!formFilled || loading\"\n          @click=\"submit\"\n          class=\"large blue\"\n        >\n          <b-spinner v-if=\"loading\" variant=\"success\" label=\"Aguarde!\">\n          </b-spinner>\n          <span v-else>Criar banner</span>\n        </b-button>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n\n<script>\nimport httpRda from \"../../../http-rda.js\";\nimport SelectSimple from \"@/components/inputs/SelectSimple.vue\";\nimport SelectMultiple from \"@/components/inputs/SelectMultiple.vue\";\n\nexport default {\n  name: \"updateEvent\",\n  components: {\n    SelectSimple,\n    SelectMultiple,\n  },\n\n  data() {\n    return {\n      formFilled: false,\n      loading: false,\n      banner: null,\n      isSubject: false,\n      allCycles: [],\n      selectedCycle: null,\n      targets: [],\n      attachment: null,\n      file: null,\n      targetsOptions: [\n        { id: \"Cycle\", label: \"Ciclos\" },\n        { id: \"Classroom\", label: \"Turmas\" },\n        { id: \"Subject\", label: \"Disciplinas\" },\n        { id: \"Student\", label: \"Alunos\" },\n        { id: \"Responsible\", label: \"Responsáveis\" },\n        { id: \"User\", label: \"Usuários\" },\n      ],\n      targetsValues: null,\n      selectedTarget: null,\n\n      targetDetails: null,\n      selectedTargetDetails: null,\n      selectedTargetDetailsOptions: null,\n\n      breadcrumb: [\n        {\n          text: \"Administração\",\n          href: \"/administracao\",\n        },\n        {\n          text: \"Eventos\",\n          href: \"/administracao/banners\",\n        },\n        {\n          text: \"Registro de banner\",\n          href: \"novosusuario\",\n          active: true,\n        },\n      ],\n    };\n  },\n  watch: {\n    banner: {\n      handler: function (newEvent) {\n        this.updateFormFilled(newEvent, this.targets);\n      },\n      deep: true,\n    },\n    selectedTargetDetails: {\n      handler: function (newTargets) {\n        this.updateFormFilled(this.banner, newTargets);\n      },\n      deep: true,\n    },\n  },\n  computed: {\n    id() {\n      return this.$route.params.id;\n    },\n  },\n\n  methods: {\n    updateFormFilled(banner, targets) {\n      this.formFilled =\n        banner.description && banner.available_until && targets.length > 0;\n    },\n\n    getEvent() {\n      this.banner = {\n        title: \"\",\n        description: \"\",\n        available_until: \"\",\n        image_url: \"\",\n      };\n    },\n\n    async setFile(file) {\n      this.file = file;\n    },\n\n    async submitFile(id) {\n      if (this.file) {\n        const bodyFormData = new FormData();\n        bodyFormData.append(\"fileName\", this.file.name);\n        bodyFormData.append(\"fileType\", \"image_url\");\n        bodyFormData.append(\"file\", this.file);\n\n        try {\n          await httpRda\n            .patch(`/banners/${id}`, bodyFormData, {\n              headers: { \"Content-Type\": \"multipart/form-data\" },\n            })\n            .then((response) => (this.file.url = response.data.url));\n        } catch (error) {\n          alert(error);\n        }\n\n        this.getEvent();\n      }\n    },\n\n    async removeImage() {\n      try {\n        const { value: accept } = await this.$swal.fire({\n          title: \"Tem certeza?\",\n          text: \"Você não poderá reverter isso!\",\n          icon: \"warning\",\n          showCancelButton: true,\n          confirmButtonText: \"Sim, remover!\",\n          cancelButtonText: \"Não, cancelar!\",\n          reverseButtons: true,\n        });\n\n        if (!accept) {\n          return;\n        }\n\n        await httpRda\n          .patch(`/banners/${this.id}`, { image_url: null })\n          .then(() => (this.file = null));\n      } catch (error) {\n        alert(error);\n      }\n\n      this.getEvent();\n    },\n\n    async submit() {\n      try {\n        const payload = { ...this.banner, targets: this.targets };\n        this.loading = true;\n        await httpRda.post(`/banners`, payload).then(async (response) => {\n          if (this.file) {\n            await this.submitFile(response.data.banner.id);\n          }\n        });\n        this.loading = false;\n        this.$router.push({ name: \"banners\" });\n      } catch (error) {\n        alert(error);\n      }\n    },\n\n    async selectTargets(params) {\n      this.selectedTarget = params;\n      this.selectedTargetDetails = [];\n      this.isSubject = false;\n\n      switch (this.selectedTarget.label) {\n        case \"Ciclos\":\n          this.targetDetails = await httpRda\n            .get(\"/cycles\")\n            .then((response) => response.data.cycles);\n\n          this.selectedTargetDetailsOptions = this.targetDetails.map(\n            (item) => ({ id: item.id, name: item.designation })\n          );\n\n          break;\n\n        case \"Turmas\":\n          this.targetDetails = await httpRda\n            .get(\"/classrooms?include=Students\")\n            .then((response) => response.data.classrooms);\n\n          this.selectedTargetDetailsOptions = this.targetDetails.map(\n            (item) => ({ id: item.id, name: item.designation })\n          );\n\n          break;\n\n        case \"Disciplinas\":\n          this.isSubject = true;\n          this.allCycles = await httpRda.get(\"/cycles\").then((response) => {\n            return response.data.cycles.map((item) => ({\n              label: item.designation,\n              id: item.id,\n            }));\n          });\n\n          break;\n\n        case \"Alunos\":\n          this.targetDetails = await httpRda\n            .get(\"/students?is_active=true\")\n            .then((response) => response.data.students);\n\n          this.selectedTargetDetailsOptions = this.targetDetails.map(\n            (student) => ({\n              id: student.User.id,\n              name: student.User.name,\n            })\n          );\n\n          break;\n\n        case \"Responsáveis\":\n          this.targetDetails = await httpRda\n            .get(\"/index-responsibles\")\n            .then((response) => response.data.responsibles);\n\n          this.selectedTargetDetailsOptions = this.targetDetails.map(\n            (responsible) => ({\n              id: responsible.user_id,\n              name: responsible.user_name,\n            })\n          );\n\n          this.selectedTargetDetailsOptions.unshift({\n            id: \"todos\",\n            name: \"Todos\",\n          });\n\n          break;\n\n        case \"Usuários\":\n          this.targetDetails = await httpRda\n            .get(\"/users?limit=false\")\n            .then((response) => response.data.users);\n\n          this.selectedTargetDetailsOptions = this.targetDetails.map((user) => {\n            return {\n              id: user.id,\n              name: user.name,\n            };\n          });\n\n          this.selectedTargetDetailsOptions.unshift({\n            id: \"todos\",\n            name: \"Todos\",\n          });\n\n          break;\n        default:\n          break;\n      }\n    },\n\n    async selectSubject(params) {\n      this.selectedCycle = params;\n      this.selectedTargetDetails = [];\n      await httpRda\n        .get(`cycles/${params.id}?include=subjects`)\n        .then((response) => {\n          this.selectedTargetDetailsOptions = response.data.cycle.Subjects.map(\n            (item) => ({ id: item.id, name: item.designation })\n          );\n        });\n    },\n\n    async selectTargetsDetails(params) {\n      if (params[0].id === \"todos\") {\n        this.selectedTargetDetails = params;\n        this.targets = [];\n        this.targets.push({\n          [this.selectedTarget.id]: params[0].id,\n        });\n      } else {\n        this.selectedTargetDetails = params;\n        this.targets = [];\n        this.targets.push({\n          [this.selectedTarget.id]: this.selectedTargetDetails.map(\n            (item) => item.id\n          ),\n        });\n      }\n    },\n  },\n\n  created() {\n    this.getEvent();\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.teacher-profile {\n  .form-group {\n    &.required {\n      &:after {\n        right: 0;\n      }\n    }\n  }\n}\n\n.table-students {\n  width: 100%;\n\n  td,\n  th {\n    font-size: 18px;\n  }\n\n  th {\n    padding-bottom: 20px;\n  }\n\n  td {\n    padding: 20px 0;\n  }\n\n  tr td:last-of-type {\n    text-align: right;\n\n    .actions {\n      span {\n        cursor: pointer;\n      }\n\n      .deleteStudent {\n        margin-left: 30px;\n      }\n    }\n  }\n\n  tr + tr {\n    border-bottom: 1px solid $grey5;\n  }\n}\n\n.title-collapse {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n\n  h5 {\n    flex: 1;\n  }\n\n  .btn {\n    background: transparent;\n    border: 0;\n\n    svg {\n      font-size: 16px;\n      fill: red;\n    }\n  }\n}\n\n.wrap-tags {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  gap: 10px;\n\n  span {\n    background-color: #efefef;\n    padding: 4px 8px;\n    border-radius: 4px;\n    box-sizing: border-box;\n  }\n}\n\n.wrap-button {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.tag {\n  background-color: #68c5b7;\n  border-radius: 5px;\n  color: #ffffff;\n  font-weight: 700;\n  line-height: 28px;\n  margin: 3px 12px 3px 0;\n  padding: 0 3px;\n  padding-left: 8px;\n  padding-right: 8px;\n  text-align: center;\n  vertical-align: middle;\n  max-width: 100%;\n}\n\n.container-rda .multiselect__tag-icon:after {\n  color: white;\n}\n\ninput.isInvalid {\n  border-color: red;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateBanner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateBanner.vue?vue&type=template&id=7c1331de&\"\nimport script from \"./CreateBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateBanner.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--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateBanner.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}