{"version":3,"sources":["webpack:///./src/components/SecureImage.vue","webpack:///./src/components/SecureImage.vue?5883","webpack:///./src/views/admin/brands/Brand.vue","webpack:///./src/views/admin/brands/Brand.vue?4610","webpack:///./src/components/SubmitButton.vue","webpack:///./src/components/SubmitButton.vue?ce1e"],"names":["src","id","$emit","__exports__","render","class","brand","logo","name","endpoint","width","edit","style","type","accept","ref","selectFile","SiteCount","CameraCount","background","clicked","updating","saveChanges","text","components","SecureImage","SubmitButton","props","this","loadBrand","methods","a","get","then","response","data","catch","error","$error","$refs","file","files","console","log","FormData","append","logo_filename","patch","headers","$success","computed","String","required","API_ENDPOINT","undefined","length","responseType","Buffer","from","toString","filename","MIX_API_URL","watch","loadImage","site_id","role","disabled","Boolean"],"mappings":"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","file":"js/chunk-703284c8.3e2715e7.js","sourcesContent":["<template>\r\n    <img :id=\"id\" v-if=\"src !== null\" :src=\"src\" @click=\"$emit('click')\" @load=\"$emit('load')\" v-viewer>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nexport default {\r\n    name: \"SecureImage\",\r\n    props: {\r\n        id: String,\r\n        endpoint: {\r\n            type: String,\r\n            required: false,\r\n        }\r\n    },\r\n    data(){\r\n        return {\r\n            src: null,\r\n        }\r\n    },\r\n    mounted() {\r\n\r\n        let API_ENDPOINT = '/v1/';\r\n        if(this.endpoint !== undefined){\r\n            if(this.endpoint.length > 0){\r\n                API_ENDPOINT = this.endpoint;\r\n            }\r\n        }\r\n\r\n        return axios.get(`${process.env.VUE_APP_API_URL}${API_ENDPOINT}`, {\r\n            responseType: 'arraybuffer'\r\n        })\r\n            .then(response => {\r\n                this.src = `data:image/jpeg;base64,${Buffer.from(response.data, 'binary').toString('base64')}`;\r\n            })\r\n            .catch(error => {\r\n                this.$error(`Failed to download image ${this.filename}`, error);\r\n                return null;\r\n            });\r\n\r\n    },\r\n    methods: {\r\n          loadImage(){\r\n              let API_ENDPOINT = '/v1/';\r\n              if(this.endpoint !== undefined){\r\n                  if(this.endpoint.length > 0){\r\n                      API_ENDPOINT = this.endpoint;\r\n                  }\r\n              }\r\n\r\n              return axios.get(`${process.env.MIX_API_URL}${API_ENDPOINT}`, {\r\n                  responseType: 'arraybuffer'\r\n              })\r\n                  .then(response => {\r\n                      this.src = `data:image/jpeg;base64,${Buffer.from(response.data, 'binary').toString('base64')}`;\r\n                  })\r\n                  .catch(error => {\r\n                      this.$error(`Failed to download image ${this.filename}`, error);\r\n                      return null;\r\n                  });\r\n          }\r\n    },\r\n    watch: {\r\n        filename: function(){\r\n            this.loadImage();\r\n        },\r\n        site_id: function(){\r\n            this.loadImage();\r\n        },\r\n        endpoint: function(){\r\n            this.loadImage();\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import { render } from \"./SecureImage.vue?vue&type=template&id=52946df7\"\nimport script from \"./SecureImage.vue?vue&type=script&lang=js\"\nexport * from \"./SecureImage.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <div>\r\n    <div class=\"row\">\r\n\r\n      <div class=\"col-lg-4\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <div class=\"d-flex flex-column align-items-center text-center\">\r\n              <secure-image v-if=\"brand.logo\" :id=\"brand.name + '-logo'\" :endpoint=\"`/v1/brands/${brand.id}/logo`\" width=\"110\"></secure-image>\r\n              <div class=\"mt-3\">\r\n                <h4>{{brand.name}}</h4>\r\n              </div>\r\n            </div>\r\n            <hr class=\"my-4\">\r\n            <ul class=\"list-group list-group-flush mb-2\">\r\n              <li v-if=\"edit\" class=\"list-group-item d-flex justify-content-between align-items-center flex-wrap\">\r\n                <h6 class=\"mb-0\">Name</h6>\r\n                <input class=\"form-control\" style=\"width: 75%;\" type=\"text\" v-model=\"brand.name\">\r\n              </li>\r\n              <li v-if=\"edit\" class=\"list-group-item d-flex justify-content-between align-items-center flex-wrap\">\r\n                <h6 class=\"mb-0\">Logo</h6>\r\n                <input type=\"file\" accept=\"image/*\" ref=\"file\" id=\"brandLogo\" @change=\"selectFile\" class=\"form-control\">\r\n              </li>\r\n              <li class=\"list-group-item d-flex justify-content-between align-items-center flex-wrap\">\r\n                <h6 class=\"mb-0\"># Sites</h6>\r\n                <span class=\"text-white\">{{brand.SiteCount || \"0\"}}</span>\r\n              </li>\r\n              <li class=\"list-group-item d-flex justify-content-between align-items-center flex-wrap\">\r\n                <h6 class=\"mb-0\"># Cameras</h6>\r\n                <span class=\"text-white\">{{brand.CameraCount || \"0\"}}</span>\r\n              </li>\r\n            </ul>\r\n\r\n            <submit-button v-if=\"edit\" :background=\"'btn btn-sm btn-primary ms-2'\" style=\"float: right;\" :clicked='updating' @click=\"saveChanges\" :text=\"'Save Changes'\"></submit-button>\r\n            <button class=\"btn btn-sm\" :class=\"{'btn-light': !edit, 'btn-danger': edit}\" @click=\"edit = !edit\" style=\"float: right;\">{{ edit ? 'Stop Editing' : 'Edit' }}</button>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport SecureImage from '../../../components/SecureImage.vue'\r\nimport SubmitButton from '../../../components/SubmitButton.vue';\r\nexport default {\r\n  components: { SecureImage, SubmitButton },\r\n  name: 'admin.brands.view',\r\n  props: ['id'],\r\n  data(){\r\n    return {\r\n      brand: {\r\n        name: \"\",\r\n        logo: \"\"\r\n      },\r\n      logo: null,\r\n      edit: false,\r\n      updating: false\r\n    }\r\n  },\r\n  mounted(){\r\n    this.loadBrand()\r\n  },\r\n  methods: {\r\n    loadBrand(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/brands/${this.id}`)\r\n      .then(response => {\r\n        this.brand = response.data.brand;\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to load brand.\", error);\r\n      })\r\n    },\r\n    selectFile(){\r\n      this.logo = this.$refs.file.files[0];\r\n      console.log(this.logo);\r\n    },\r\n    saveChanges(){\r\n      this.updating = true;\r\n      let data = new FormData();\r\n      data.append('name', this.brand.name);\r\n      if(this.logo !== null){\r\n        data.append('logo', this.logo, this.logo_filename);\r\n      }\r\n      axios.patch(`${process.env.VUE_APP_API_URL}/v1/brands/${this.id}`, data, {\r\n        headers: {\r\n          'Content-Type': 'multipart/form-data'\r\n        }\r\n      })\r\n      .then(() => {\r\n        this.$success(\"Updated brand\");\r\n        this.updating = false;\r\n        this.edit = false;\r\n        this.loadBrand();\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to update brand.\", error);\r\n        this.updating = false;\r\n      })\r\n    }\r\n  },\r\n  computed: {\r\n    logo_filename: function(){\r\n        if(this.logo == null){\r\n            return \"Select File\";\r\n        }\r\n        if(this.logo == null){\r\n            return \"File Selected\";\r\n        }\r\n        return this.logo.name;\r\n    },\r\n  }\r\n}\r\n</script>","import { render } from \"./Brand.vue?vue&type=template&id=b7afcb0c\"\nimport script from \"./Brand.vue?vue&type=script&lang=js\"\nexport * from \"./Brand.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n    <button class=\"btn\" v-bind:class=\"background\" v-bind:disabled=\"clicked\">\r\n        <span v-if=\"!clicked\">{{text}}</span>\r\n        <div v-else class=\"spinner-border\" role=\"status\"> <span class=\"visually-hidden\">Loading...</span></div>\r\n    </button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\nname: \"SubmitButton\",\r\n    props: {\r\n        background: String,\r\n        text: String,\r\n        clicked: Boolean,\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import { render } from \"./SubmitButton.vue?vue&type=template&id=5efa2b68\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js\"\nexport * from \"./SubmitButton.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}