{"version":3,"sources":["webpack:///./src/digicampus/pages/ContentComponents/ManageContent/EditExternalLink.vue?299e","webpack:///./src/digicampus/pages/ContentComponents/ManageContent/EditExternalLink.vue?3bac","webpack:///src/digicampus/pages/ContentComponents/ManageContent/EditExternalLink.vue","webpack:///./src/digicampus/pages/ContentComponents/ManageContent/EditExternalLink.vue?4810","webpack:///./src/digicampus/pages/ContentComponents/ManageContent/EditExternalLink.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","staticClass","on","backToTopic","_v","staticStyle","slot","model","value","callback","$$v","url","expression","linkName","linkDesc","isLocationViewActive","selectedData","locations","save","staticRenderFns","components","Locations","activePrompt","externalLinkTask","isTeacher","topicId","computed","uploadLocation","$buildUrl","methods","self","allLocations","showLoadingOnElement","linkToEditInfo","id","externalLink","name","description","modules","onSuccess","response","$vs","notify","title","color","text","length","position","iconPack","icon","onFinally","loading","close","$refs","maindiv","$el","$ajaxPost","time","$router","push","params","navFromAddContent","element","scale","type","container","initValues","$route","selectedTopic","component"],"mappings":"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","file":"js/chunk-0ff02f12.f6ba4c02.js","sourcesContent":["export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/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!./EditExternalLink.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('div',{ref:\"maindiv\",attrs:{\"id\":\"addeditcontent\"}},[_c('vs-button',{staticClass:\"float-left mb-3 school-primary_gradient glow-effect_tertiary\",attrs:{\"id\":\"back-to-topic_btn\",\"icon-pack\":\"feather\",\"icon\":\"icon-arrow-left\"},on:{\"click\":_vm.backToTopic}},[_vm._v(\"\\n    Back\\n  \")]),_c('div',{staticClass:\"main-div\"},[_c('div',{staticClass:\"vx-row limit-width_fixed-scalable\"},[_c('div',{staticClass:\"mb-4\",staticStyle:{\"margin\":\"auto\"}},[_c('vx-card',{staticClass:\"glow-effect_bg-color__blend card__no-padding bg-color\",staticStyle:{\"width\":\"400px\"}},[_c('vx-input-group',[_c('vs-button',{staticClass:\"button__fully-opaque glow-effect_bg-color__blend header_button-lookalike text__school-font-color bg-color\",staticStyle:{\"width\":\"400px\",\"padding-right\":\"0 !important\"},attrs:{\"disabled\":true,\"size\":\"large\",\"type\":\"filled\",\"color\":\"\"}},[_vm._v(\"\\n              Edit External Link\\n            \")])],1)],1),_c('vx-card',{staticClass:\"text-left glow-effect_dark limit-width_uploader card__no-padding\",attrs:{\"card-background\":\"#11193f\"}},[_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text input-group_prepend-slot-bg\"},[_c('span',[_c('feather-icon',{staticClass:\"pt-1\",attrs:{\"icon\":\"LinkIcon\",\"svg-classes\":\"stroke-current\"}})],1)])]),_c('vs-input',{attrs:{\"id\":\"link-input\",\"placeholder\":\"Paste link here...\"},model:{value:(_vm.url),callback:function ($$v) {_vm.url=$$v},expression:\"url\"}})],2)],1)],1)]),_c('div',[_c('div',{staticClass:\"vx-row\",attrs:{\"id\":\"linkDetails\"}},[_c('div',{staticClass:\"vx-col pb-3 w-full sm:w-1/2 md:w-1/2\"},[_c('label',{staticStyle:{\"color\":\"rgb(202, 202, 202)\"}},[_vm._v(\"Title of Link\")]),_c('vs-input',{staticClass:\"w-full\",attrs:{\"autocomplete\":\"off\",\"id\":\"linkName\"},model:{value:(_vm.linkName),callback:function ($$v) {_vm.linkName=$$v},expression:\"linkName\"}})],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2\"},[_c('label',{staticClass:\"pl-4\",staticStyle:{\"color\":\"rgb(202, 202, 202)\"}},[_vm._v(\"Description of Link\")]),_c('vs-textarea',{attrs:{\"id\":\"linkDesc\"},model:{value:(_vm.linkDesc),callback:function ($$v) {_vm.linkDesc=$$v},expression:\"linkDesc\"}})],1)])])]),_c('locations',{attrs:{\"isLocationViewActive\":_vm.isLocationViewActive,\"selectedData\":_vm.selectedData,\"uploadedFileUrl\":_vm.url,\"locationsProp\":_vm.locations},on:{\"save\":_vm.save}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div ref=\"maindiv\" id=\"addeditcontent\">\r\n\r\n    <vs-button\r\n      id=\"back-to-topic_btn\"\r\n      @click=\"backToTopic\"\r\n      icon-pack=\"feather\"\r\n      icon=\"icon-arrow-left\"\r\n      class=\"float-left mb-3 school-primary_gradient glow-effect_tertiary\">\r\n      Back\r\n    </vs-button>\r\n\r\n    <div class=\"main-div\">\r\n      <div class=\"vx-row limit-width_fixed-scalable\">\r\n        <div style=\"margin:auto\" class=\"mb-4\">\r\n          <vx-card class=\"glow-effect_bg-color__blend card__no-padding bg-color\" style=\"width: 400px\">\r\n            <vx-input-group>\r\n              <vs-button\r\n                :disabled=\"true\"\r\n                size=\"large\"\r\n                style=\"width: 400px; padding-right: 0 !important;\"\r\n                class=\"button__fully-opaque glow-effect_bg-color__blend header_button-lookalike text__school-font-color bg-color\"\r\n                type=\"filled\"\r\n                color=\"\">\r\n                Edit External Link\r\n              </vs-button>\r\n            </vx-input-group>\r\n          </vx-card>\r\n\r\n          <vx-card card-background=\"#11193f\" class=\"text-left glow-effect_dark limit-width_uploader card__no-padding\">\r\n            <vx-input-group>\r\n              <template slot=\"prepend\">\r\n                <div class=\"prepend-text input-group_prepend-slot-bg\">\r\n                  <span><feather-icon class=\"pt-1\" icon=\"LinkIcon\" svg-classes=\"stroke-current\"></feather-icon></span>\r\n                </div>\r\n              </template>\r\n\r\n              <vs-input id=\"link-input\" placeholder=\"Paste link here...\" v-model=\"url\" />\r\n            </vx-input-group>\r\n          </vx-card>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div class=\"vx-row\" id=\"linkDetails\">\r\n          <div class=\"vx-col pb-3 w-full sm:w-1/2 md:w-1/2\">\r\n            <label style=\"color:rgb(202, 202, 202);\">Title of Link</label>\r\n            <vs-input autocomplete=\"off\" id=\"linkName\" class=\"w-full\" v-model=\"linkName\"/>\r\n          </div>\r\n          <div class=\"vx-col w-full sm:w-1/2 md:w-1/2\">\r\n            <label class=\"pl-4\" style=\"color:rgb(202, 202, 202);\">Description of Link</label>\r\n            <vs-textarea id=\"linkDesc\" class=\"\" v-model=\"linkDesc\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <locations\r\n      :isLocationViewActive=\"isLocationViewActive\"\r\n      :selectedData=\"selectedData\"\r\n      :uploadedFileUrl=\"url\"\r\n      @save=\"save\"\r\n      :locationsProp=\"locations\"\r\n    />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Locations from './Locations.vue';\r\nexport default {\r\n  components: {\r\n    Locations\r\n  },\r\n  data() {\r\n    return {\r\n      isLocationViewActive: true,\r\n      linkName: \"\",\r\n      linkDesc: \"\",\r\n      url: \"\",\r\n      selectedData: {},\r\n      activePrompt: false,\r\n      externalLinkTask: null,\r\n      locations: [],\r\n      isTeacher: false,\r\n      topicId: null\r\n    };\r\n  },\r\n  computed: {\r\n    uploadLocation: {\r\n      get() {\r\n        return this.$buildUrl(\"tempupload\");\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    initValues() {\r\n      var self = this;\r\n      self.linkName = \"\";\r\n      self.linkDesc = \"\";\r\n      self.url = \"\";\r\n    },\r\n    save(allLocations) {\r\n      var self = this;\r\n      if(self.linkName && self.linkDesc) {\r\n        self.showLoadingOnElement('maindiv', 1, 'material');\r\n\r\n        var linkToEditInfo = {\r\n          id: self.externalLinkTask.externalLink.id,\r\n          name: self.linkName,\r\n          description: self.linkDesc,\r\n          url: self.url,\r\n          modules: allLocations\r\n        };\r\n\r\n        var onSuccess = response => {\r\n          self.$vs.notify({\r\n            title:'Information',\r\n            color: \"success\",\r\n            text: `External Link saved to ${allLocations.length} location(s).`,\r\n            position:'top-right',\r\n            iconPack: 'feather',\r\n            icon:'icon-save'\r\n          });\r\n          self.backToTopic();\r\n        };\r\n        var onFinally = function (){\r\n          self.$vs.loading.close(self.$refs.maindiv.$el);\r\n        };\r\n\r\n        self.$ajaxPost(self, \"ExternalLinkTask/AddEditStandaloneExternalLinkTask\", linkToEditInfo, onSuccess, onFinally);\r\n      }\r\n      else {\r\n        self.$vs.notify({\r\n          title:'Warning',\r\n          color: \"warning\",\r\n          text: \"Please ensure that you have entered a name AND a description for the link.\",\r\n          position:'top-right',\r\n          iconPack: 'feather',\r\n          icon:'icon-info',\r\n          time: 5500\r\n        });\r\n      }\r\n    },\r\n    backToTopic() {\r\n      var self = this;\r\n      self.$vs.loading.close(self.$refs.maindiv.$el);\r\n      if (self.isTeacher)\r\n        self.$router.push({ name: 'TeacherBrowseContent', params: { selectedData: self.selectedData, navFromAddContent: true }});  \r\n      else\r\n        self.$router.push({ name: 'BrowseContent', params: { selectedData: self.selectedData, navFromAddContent: true }});\r\n    },\r\n    showLoadingOnElement(element, scale, type) {\r\n      var self = this;\r\n      self.$vs.loading({\r\n        type: type,\r\n        container: self.$refs[element].$el,\r\n        scale: scale\r\n      });\r\n    }\r\n  },\r\n  mounted() {\r\n    var self = this;\r\n    self.initValues();\r\n\r\n    self.selectedData = self.$route.params.selectedData;\r\n    self.externalLinkTask = self.$route.params.externalLinkTask;\r\n    self.isTeacher = self.$route.params.isTeacher;\r\n\r\n    self.topicId = self.selectedData.selectedTopic.id;\r\n\r\n    self.linkName = self.externalLinkTask.externalLink.name;\r\n    self.linkDesc = self.externalLinkTask.externalLink.description;\r\n    self.url = self.externalLinkTask.externalLink.url;\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.main-div {\r\n  width: 65%;\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n  .main-div {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.filepond--panel-root {\r\n  border-radius: 0 6px 6px 0;\r\n  background-color: rgba(255, 255, 255, 0) !important;\r\n}\r\n\r\n.filepond--drop-label {\r\n  color:rgb(202, 202, 202) !important;\r\n}\r\n\r\n#linkName.vs-input--input {\r\n  background: none !important;\r\n  border: 5px solid rgba(192, 196, 212, 0.2) !important;\r\n  border-radius: 20px !important;\r\n  height: 55px !important;\r\n  font-size: 1.4rem !important;\r\n  color: rgb(202, 202, 202) !important;\r\n}\r\n\r\n#linkDesc.vs-textarea {\r\n  background: rgba(var(--vs-background),1) !important;\r\n  border-radius: 20px !important;\r\n  border: 5px solid rgba(192, 196, 212, 0.2) !important;\r\n  color: rgb(202, 202, 202) !important;\r\n  font-size: 1rem !important;\r\n  height: 90px !important;\r\n}\r\n\r\n// #linkDetails .vs-con-input-label {\r\n//   width: 400px !important;\r\n// }\r\n\r\n#linkDetails .focusx.vs-textarea-primary {\r\n  border: 0 solid rgba(0, 0, 0, 0) !important;\r\n}\r\n\r\n#linkDetails .vs-textarea-primary {\r\n  border: 0 solid rgba(0, 0, 0, 0) !important;\r\n}\r\n\r\n.save__btn {\r\n  border-radius: 15px !important;\r\n}\r\n\r\n#back-to-topic_btn {\r\n  border-radius: 15px !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditExternalLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditExternalLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditExternalLink.vue?vue&type=template&id=52e1e008&\"\nimport script from \"./EditExternalLink.vue?vue&type=script&lang=js&\"\nexport * from \"./EditExternalLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditExternalLink.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":""}