{"version":3,"sources":["webpack:///./src/views/admin/notifications/CreateNotification.vue?9826","webpack:///./src/views/admin/notifications/CreateNotification.vue?3fbc","webpack:///src/views/admin/notifications/CreateNotification.vue","webpack:///./src/views/admin/notifications/CreateNotification.vue?96f7","webpack:///./src/views/admin/notifications/CreateNotification.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","breadcrumb","_v","model","value","notification","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","payload","httpRda","alert","params","get","then","created","component"],"mappings":"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","file":"js/chunk-d7c0de98.4abf8d0a.js","sourcesContent":["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!./CreateNotification.vue?vue&type=style&index=0&lang=scss&\"","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 aviso\")])])],1),_c('b-row',{staticClass:\"teacher-profile mt-50\"},[_c('b-col',[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"description\":\"\"}},[_c('label',{attrs:{\"for\":\"label\"}},[_vm._v(\"Título\")]),_c('b-form-input',{attrs:{\"type\":\"text\"},model:{value:(_vm.notification.title),callback:function ($$v) {_vm.$set(_vm.notification, \"title\", $$v)},expression:\"notification.title\"}})],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.notification.url),callback:function ($$v) {_vm.$set(_vm.notification, \"url\", $$v)},expression:\"notification.url\"}}),(_vm.notification.url)?_c('a',{staticStyle:{\"text-decoration\":\"underline\",\"color\":\"#b23066\"},attrs:{\"target\":\"_blank\",\"href\":_vm.notification.url}},[_vm._v(\"Testar Link\")]):_vm._e()],1)],1),_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.notification.available_until),callback:function ($$v) {_vm.$set(_vm.notification, \"available_until\", $$v)},expression:\"notification.available_until\"}})],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.notification.description),callback:function ($$v) {_vm.$set(_vm.notification, \"description\", $$v)},expression:\"notification.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: 'notifications',\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 aviso\")])],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 aviso</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 description>\n              <label for=\"label\">Título</label>\n              <b-form-input\n                v-model=\"notification.title\"\n                type=\"text\"\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\n                v-model=\"notification.url\"\n                type=\"text\"\n              ></b-form-input>\n              <a\n                target=\"_blank\"\n                v-if=\"notification.url\"\n                :href=\"notification.url\"\n                style=\"text-decoration: underline; color: #b23066\"\n                >Testar Link</a\n              >\n            </b-form-group>\n          </b-col>\n\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=\"notification.available_until\"\n                type=\"date\"\n                required\n              ></b-form-input>\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=\"notification.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: 'notifications',\n          }\"\n          >Voltar</b-button\n        >\n\n        <b-button\n          :disabled=\"!formFilled || loading\"\n          @click=\"submit\"\n          class=\"large blue\"\n          ><b-spinner v-if=\"loading\" variant=\"success\" label=\"Aguarde!\">\n          </b-spinner>\n          <span v-else>Criar aviso</span></b-button\n        >\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      notification: 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: \"Avisos\",\n          href: \"/administracao/notificações\",\n        },\n        {\n          text: \"Registro de aviso\",\n          href: \"novosusuario\",\n          active: true,\n        },\n      ],\n    };\n  },\n  watch: {\n    notification: {\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.notification, newTargets);\n      },\n      deep: true,\n    },\n  },\n  computed: {\n    id() {\n      return this.$route.params.id;\n    },\n  },\n\n  methods: {\n    updateFormFilled(notification, targets) {\n      this.formFilled =\n        notification.description &&\n        notification.available_until &&\n        notification.title &&\n        targets.length > 0;\n    },\n\n    getEvent() {\n      this.notification = {\n        title: \"\",\n        description: \"\",\n        available_until: \"\",\n        url: \"\",\n      };\n    },\n\n    async submit() {\n      try {\n        this.loading = true;\n        const payload = { ...this.notification, targets: this.targets };\n\n        await httpRda.post(`/application-notifications`, payload);\n\n        this.loading = false;\n        this.$router.push({ name: \"notifications\" });\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 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    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\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!./CreateNotification.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!./CreateNotification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateNotification.vue?vue&type=template&id=92ef1854&\"\nimport script from \"./CreateNotification.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateNotification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateNotification.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"],"sourceRoot":""}