{"version":3,"sources":["webpack:///./src/views/Applicant/Profile.vue?c631","webpack:///src/views/Applicant/Profile.vue","webpack:///./src/views/Applicant/Profile.vue?7785","webpack:///./src/views/Applicant/Profile.vue","webpack:///./src/views/Applicant/Profile.vue?fb5d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","staticStyle","directives","name","rawName","modifiers","_s","info","PageName","domProps","PageDescription","_m","ApplicantDataList","FirstNameEN","SecondNameEN","ThirdNameEN","LastNameEN","FamilyNameEN","Username","NationID","UserEmail","NationalityNameEN","newImage","currenUser","ProfileImgUrl","ref","on","previewImage","$event","handleFileUpload","submitted","uploadPercentage","submitFile","class","successful","message","_e","staticRenderFns","component"],"mappings":"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","file":"js/Profile.e1426847.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10 mx-auto\"},[_c('h1',[_c('font-awesome-icon',{attrs:{\"icon\":\"home\"}}),_vm._v(\" Home - \"),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"My Profile\")]),_c('div',{staticClass:\"float-right\",staticStyle:{\"margin-top\":\"-62px\"}},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-lg\",modifiers:{\"modal-lg\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"help\",attrs:{\"title\":\"Help\"}},[_c('b-icon',{attrs:{\"icon\":\"question-square-fill\"}}),_vm._v(\" Help\")],1),_c('b-modal',{attrs:{\"id\":\"modal-lg\",\"size\":\"lg\",\"title\":\"Profile\"}},[_c('div',{staticClass:\"panal2\"},[_c('div',[_c('div',{staticClass:\"panal-header2\"},[_vm._v(\" \"+_vm._s(_vm.info.PageName))]),_c('div',{staticClass:\"panal-body2\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.info.PageDescription)}})])])])])],1)],1)]),_c('div',{staticClass:\"col-md-10 mx-auto\"},[_c('div',{staticClass:\"panal mt-20\"},[_c('div',{staticClass:\"panal-header\"},[_vm._v(\"Profile \")]),_c('div',{staticClass:\"panal-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-9\"},[_c('div',{staticClass:\"row\"},[_vm._m(0),_c('div',{staticClass:\"col-md-9 col-sm-12\"},[_c('div',{staticClass:\"profileData2\"},[_vm._v(\" \"+_vm._s(_vm.ApplicantDataList.FirstNameEN)+\" \"+_vm._s(_vm.ApplicantDataList.SecondNameEN)+\" \"+_vm._s(_vm.ApplicantDataList.ThirdNameEN)+\" \"+_vm._s(_vm.ApplicantDataList.LastNameEN)+\" \"+_vm._s(_vm.ApplicantDataList.FamilyNameEN)+\" \")])]),_vm._m(1),_c('div',{staticClass:\"col-md-9 col-sm-12\"},[_c('div',{staticClass:\"profileData2\"},[_vm._v(\" \"+_vm._s(_vm.ApplicantDataList.Username)+\" \")])]),_vm._m(2),_c('div',{staticClass:\"col-md-9 col-sm-12\"},[_c('div',{staticClass:\"profileData2\"},[_vm._v(\" \"+_vm._s(_vm.ApplicantDataList.NationID)+\" \")])]),_vm._m(3),_c('div',{staticClass:\"col-md-9 col-sm-12\"},[_c('div',{staticClass:\"profileData2\"},[_vm._v(\" \"+_vm._s(_vm.ApplicantDataList.UserEmail)+\" \")])]),_vm._m(4),_c('div',{staticClass:\"col-md-9 col-sm-12\"},[_c('div',{staticClass:\"profileData2\"},[_vm._v(\" \"+_vm._s(_vm.ApplicantDataList.NationalityNameEN)+\" \")])])])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"app-stu-photo\"},[_c('div',{staticClass:\"photo\"},[(_vm.newImage)?_c('div',{staticClass:\"image-preview\"},[_c('img',{staticClass:\"preview\",attrs:{\"src\":_vm.newImage}})]):_c('div',{staticClass:\"image-preview\"},[_c('img',{staticClass:\"preview\",attrs:{\"src\":_vm.currenUser.ProfileImgUrl}})])]),_c('div',[_c('div',{staticClass:\"file-upload-form mt-2 \"},[_vm._v(\" Upload an image file: \"),_c('input',{ref:\"file\",attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":[_vm.previewImage,function($event){return _vm.handleFileUpload()}]}}),_c('progress',{attrs:{\"max\":\"100\",\"hidden\":!_vm.submitted},domProps:{\"value\":_vm.uploadPercentage}})]),_c('button',{staticClass:\"btn btn-primary btn-sm m-auto btn-block\",on:{\"click\":_vm.submitFile}},[_vm._v(\" Upload \"),_c('b-icon-upload')],1)])])])]),_c('div',{staticClass:\"clearfix\"}),(_vm.message)?_c('div',{staticClass:\"alert\",class:_vm.successful ? 'alert-success' : 'alert-danger'},[_vm._v(_vm._s(_vm.message))]):_vm._e()])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-3 col-sm-12\"},[_c('div',{staticClass:\"profileData\"},[_vm._v(\"Student Name \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-3 col-sm-12\"},[_c('div',{staticClass:\"profileData\"},[_vm._v(\"Applicant Code\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-3 col-sm-12\"},[_c('div',{staticClass:\"profileData\"},[_vm._v(\"National Id \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-3 col-sm-12\"},[_c('div',{staticClass:\"profileData\"},[_vm._v(\"Email \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-3 col-sm-12\"},[_c('div',{staticClass:\"profileData\"},[_vm._v(\"Nationalty \")])])}]\n\nexport { render, staticRenderFns }","  \r\n<template>\r\n\r\n\r\n  <div class=\"container-fluid\">\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-md-10 mx-auto\">\r\n        <h1>\r\n          <font-awesome-icon icon=\"home\" /> Home - <a href=\"#\">My Profile</a>\r\n          <div class=\"float-right\" style=\"margin-top: -62px;\">\r\n\r\n\r\n  <b-button v-b-modal.modal-lg v-b-tooltip.hover title=\"Help\" class=\"help\"> <b-icon icon=\"question-square-fill\" ></b-icon> Help</b-button>\r\n\r\n<b-modal id=\"modal-lg\" size=\"lg\" title=\"Profile\">\r\n<div class=\"panal2\">\r\n    <div>\r\n      \r\n      <div class=\"panal-header2\"> {{ info.PageName }}</div>\r\n     <div class=\"panal-body2\">\r\n\r\n  <div v-html=\"info.PageDescription\"></div>\r\n      </div>\r\n     </div>\r\n\r\n  \r\n\r\n  </div>\r\n\r\n\r\n\r\n\r\n\r\n  </b-modal>\r\n\r\n</div>\r\n          \r\n          \r\n          \r\n          </h1>\r\n      </div>\r\n      <div class=\"col-md-10 mx-auto\">\r\n        <div class=\"panal mt-20\">\r\n          <div class=\"panal-header\">Profile </div>\r\n          <div class=\"panal-body\">\r\n<div class=\"row\">\r\n  <div class=\"col-md-9\">\r\n   <div class=\"row\">\r\n\r\n <div class=\"col-md-3 col-sm-12\">\r\n                    <div class=\"profileData\">Student Name </div>\r\n                  </div>\r\n                  <div class=\"col-md-9 col-sm-12\">\r\n                    <div class=\"profileData2\">\r\n                   {{ApplicantDataList.FirstNameEN}}\r\n                    {{ApplicantDataList.SecondNameEN}} {{ApplicantDataList.ThirdNameEN}}\r\n                    {{ApplicantDataList.LastNameEN}} {{ApplicantDataList.FamilyNameEN}}\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n <div class=\"col-md-3 col-sm-12\">\r\n                    <div class=\"profileData\">Applicant Code</div>\r\n                  </div>\r\n                  <div class=\"col-md-9 col-sm-12\">\r\n                    <div class=\"profileData2\">\r\n                     {{ApplicantDataList.Username}}\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"col-md-3 col-sm-12\">\r\n                    <div class=\"profileData\">National Id </div>\r\n                  </div>\r\n                  <div class=\"col-md-9 col-sm-12\">\r\n                    <div class=\"profileData2\">\r\n                   {{ApplicantDataList.NationID}}\r\n                    </div>\r\n                  </div>\r\n\r\n                   <div class=\"col-md-3 col-sm-12\">\r\n                    <div class=\"profileData\">Email </div>\r\n                  </div>\r\n                  <div class=\"col-md-9 col-sm-12\">\r\n                    <div class=\"profileData2\">\r\n                   {{ApplicantDataList.UserEmail}}\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"col-md-3 col-sm-12\">\r\n                    <div class=\"profileData\">Nationalty </div>\r\n                  </div>\r\n                  <div class=\"col-md-9 col-sm-12\">\r\n                    <div class=\"profileData2\">\r\n                   {{ApplicantDataList.NationalityNameEN}}\r\n                    </div>\r\n                  </div>\r\n\r\n\r\n            \r\n            \r\n              \r\n            \r\n            </div>\r\n\r\n  </div>\r\n  <div class=\"col-md-3\">\r\n\r\n   <div class=\"app-stu-photo\">\r\n              <div class=\"photo\">\r\n                <div class=\"image-preview\" v-if=\"newImage\">\r\n                  <img class=\"preview\" :src=\"newImage\">\r\n                </div>\r\n                <div class=\"image-preview\" v-else>\r\n                  <img class=\"preview\" :src=\"currenUser.ProfileImgUrl\">\r\n                </div>\r\n\r\n              </div>\r\n              <div>\r\n                <div class=\"file-upload-form mt-2 \">\r\n                  Upload an image file:\r\n\r\n                  <input type=\"file\" @change=\"previewImage\" accept=\"image/*\" ref=\"file\" v-on:change=\"handleFileUpload()\">\r\n                   <progress max=\"100\" :value.prop=\"uploadPercentage\" :hidden=\"!submitted\"></progress>\r\n                </div>\r\n              <button class=\"btn btn-primary btn-sm m-auto btn-block\" @click=\"submitFile\">  Upload  <b-icon-upload></b-icon-upload></button>\r\n              </div>\r\n\r\n\r\n            </div>\r\n\r\n  </div>\r\n  </div>\r\n\r\n\r\n         \r\n         \r\n            <div class=\"clearfix\"></div>\r\n               <div v-if=\"message\" class=\"alert\" :class=\"successful ? 'alert-success' : 'alert-danger'\">{{message}}</div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n\r\n</template>\r\n\r\n<script>\r\nimport ApplicantDataServices from '../../services/Applicant/ApplicantData.services'\r\nimport Axios from 'axios'\r\nimport { API_URL } from '../../services/API_URL'\r\nimport ApplicantService from '../../services/Applicant/Applicant.service'\r\n  export default {\r\n    data() {\r\n      return {\r\n         info: '',\r\n        imageData: \"\",\r\n        newImage: \"\",\r\n        file: '',\r\n        uploadPercentage: 0 ,\r\n        ApplicantDataList: [],\r\n        submitted: false,\r\n        message:'',\r\n        successful:false,\r\n      }\r\n    },\r\n    computed: {\r\n      currenUser() {\r\n        return this.$store.state.auth.user\r\n      },\r\n    },\r\n    mounted() {\r\n      let id = 6;\r\n ApplicantService.GetHelpPages(id).then(response => {\r\n        this.info = response.data\r\n      });\r\n\r\n      ApplicantDataServices.GetAllApplicantDataList(this.currenUser.UserIDSerial).then(Response => {\r\n        this.ApplicantDataList = Response.data;\r\n      \r\n      }, error => {\r\n        this.message =\r\n          (error.response && error.response.data && error.response.data.Message) ||\r\n          error.message ||\r\n          error.toString();\r\n        if (error.response.status == 404) this.message = ''\r\n      });\r\n    },\r\n    methods: {\r\n      handleFileUpload(){\r\n this.file = this.$refs.file.files[0];\r\n},\r\n      previewImage: function (event) {\r\n        // Reference to the DOM input element\r\n        var input = event.target;\r\n        // Ensure that you have a file before attempting to read it\r\n        if (input.files && input.files[0]) {\r\n          // create a new FileReader to read this image and convert to base64 format\r\n          var reader = new FileReader();\r\n          // Define a callback function to run, when FileReader finishes its job\r\n          reader.onload = (e) => {\r\n            // Note: arrow function used here, so that \"this.imageData\" refers to the imageData of Vue component\r\n            // Read image as base64 and set to imageData\r\n           // this.imageData = e.target.result;\r\n            this.newImage = e.target.result\r\n          }\r\n          // Start the reader job - read file as a data url (base64 format)\r\n          reader.readAsDataURL(input.files[0]);\r\n        }\r\n      },\r\n      submitFile(){\r\n  this.submitted =true\r\n  /*\r\n    Initialize the form data\r\n  */\r\n  let formData = new FormData();\r\n  /*\r\n    Add the form data we need to submit\r\n  */\r\n  formData.append('UploadedFile', this.file);\r\n  formData.append('ApplicantID', this.currenUser.UserIDSerial)\r\n \r\n \r\n  Axios.post( API_URL + '/ApplicantData/PostUpdateApplicantProfilePicture',\r\n    formData,\r\n    {\r\n      headers: {\r\n          'Content-Type': 'multipart/form-data'\r\n      },\r\n      onUploadProgress: function( progressEvent ) {\r\n        this.uploadPercentage = parseInt( Math.round( ( progressEvent.loaded / progressEvent.total ) * 100 ));\r\n      }.bind(this)\r\n    }\r\n  ).then(error=>{\r\n    this.submitted =false\r\n    this.uploadPercentage = 0 \r\n/*eslint-disable-next-line*/\r\n    console.log('SUCCESS!!',error);\r\n    \r\n              this.successful =true\r\n              this.message = \"Image Updated Saved Successfully \"\r\n              this.$store.state.auth.user.ProfileImgUrl = error.data \r\n                \r\n  })\r\n  .catch(error =>{\r\n                /*eslint-disable-next-line*/\r\n           console.log('FAILURE!!',error.response.data.Message);\r\n           \r\n              this.successful =false\r\n              this.submitted =false\r\n              this.uploadPercentage = 0 \r\n              this.message =\r\n                (error.response && error.response.data && error.response.data.Message) ||\r\n                error.Message ||\r\n                error.toString();\r\n            \r\n  });\r\n},\r\n    }\r\n  }\r\n</script>\r\n\r\n\r\n<style scoped>\r\n  .file-upload-form,\r\n  .image-preview {\r\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    padding: 20px;\r\n  }\r\n  .photo {\r\n    /* background-image: url(../assets/images.png); */\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    height: 200px;\r\n    padding: 0px 0px 0px 0px;\r\n  }\r\n  img.preview {\r\n    width: 200px;\r\n    background-color: white;\r\n    border: 1px solid #DDD;\r\n    padding: 5px;\r\n    height:160px;\r\n  }\r\n  table tr th {\r\n    background-color: #4caf5000 !important;\r\n    color: #333;\r\n    font-weight: bold;\r\n  }\r\n  .panal {\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    color: #fff;\r\n    padding: 0px 0px 20px 0px;\r\n    margin: 10px 0;\r\n    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;\r\n  }\r\n  .panal-header {\r\n    color: #333;\r\n    font-weight: bold;\r\n  }\r\n  .panal {\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    color: #fff;\r\n    padding: 0px 0px 20px 0px;\r\n    margin: 10px 0;\r\n    margin-bottom: 20px !important;\r\n  }\r\n  .panal-header {\r\n    background: #285475;\r\n    color: #FFFFFF;\r\n    text-align: left;\r\n    border-radius: 10px 0px 0px 0px;\r\n    padding: 10px 20px;\r\n    font-size: 17px;\r\n    font-weight: bold;\r\n    width: 50%;\r\n    /*  -moz-box-shadow:    inset 0 0 5px #000000;\r\n   -webkit-box-shadow: inset 0 0 5px #000000;\r\n   box-shadow:  */\r\n  }\r\n  .table .thead-light th {\r\n    color: #495057;\r\n    background-color: #e9ecef !important;\r\n    border-color: #dee2e6 !important;\r\n    font-size: 13px;\r\n  }\r\n  .panal-body {\r\n    padding: 20px;\r\n    color: #333;\r\n  }\r\n  .app-stu-photo {\r\n    float: right;\r\n    width: 240px;\r\n    border-radius: 10px;\r\n    border: 1px solid #111;\r\n \r\n  }\r\n  .app-stu-photo img {\r\n    width: 100%;\r\n    border-radius: 10px;\r\n    /* background-image: url(../assets/images.png); */\r\n  }\r\n  .app-All {\r\n    width: 60%;\r\n    float: left;\r\n  }\r\n  .app-stu {\r\n    border-bottom: 1px #333 dotted;\r\n    padding: 10px 0px;\r\n  }\r\n  .app-stu .title {\r\n    font-weight: bold;\r\n  }\r\n  .app-stu .title span {\r\n    font-weight: 100;\r\n  }\r\n  h1 {\r\n    color: #285475;\r\n    font-size: 25px;\r\n    border-bottom: 1px #646464 dashed;\r\n    padding: 10px 0px;\r\n  }\r\n  h1 a {\r\n    color: #50BD77;\r\n  }\r\n  input[type=\"file\"] {\r\n    /* border: 1px solid #ccc; */\r\n    display: inline-block;\r\n    /* padding: 6px 12px; */\r\n    cursor: pointer;\r\n  }\r\n\r\n  .panal2{\r\n  background:#eee;\r\n  border-radius:10px;\r\ncolor:#333;\r\npadding:0px 0px 20px 0px;\r\nmargin:10px 0;\r\n   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;\r\n    margin-bottom: 20px !important;\r\n\r\n\r\n}\r\n.panal-header2{\r\n    background: #285475;\r\n    color: #FFFFFF;\r\n    text-align: left;\r\n    border-radius: 10px 0px 0px 0px;\r\n    padding: 10px 20px;\r\n    font-size: 17px;\r\n    font-weight: bold;\r\n        width: 50%;\r\n  /*  -moz-box-shadow:    inset 0 0 5px #000000;\r\n   -webkit-box-shadow: inset 0 0 5px #000000;\r\n   box-shadow:  */\r\n}\r\n.panal-body2{\r\n    padding:20px;\r\n    color:#333;\r\n}\r\n\r\n.help {\r\n    color: #fff;\r\n    background-color: #ff8600;\r\n    /* padding: 2px 16px; */\r\n}\r\n\r\n.profileData,\r\n.profileData2 {\r\n  border: 1px dotted #646464;\r\n  padding: 3px 10px;\r\n  font-weight: 700;\r\n  margin: 5px 0px;\r\n}\r\n.profileData {\r\n  color: #285475;\r\n}\r\n.profileData2 {\r\n  color: #ff8600;\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n  .panal-header {\r\n    width: 90% !important;\r\n  }\r\n  .app-stu-photo {\r\n    float: none !important;\r\n    margin-top: 20px;\r\n  }\r\n}\r\n</style>\r\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!./Profile.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!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=33f74dcb&scoped=true&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Profile.vue?vue&type=style&index=0&id=33f74dcb&scoped=true&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  \"33f74dcb\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Profile.vue?vue&type=style&index=0&id=33f74dcb&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Profile.vue?vue&type=style&index=0&id=33f74dcb&scoped=true&lang=css&\""],"sourceRoot":""}