var mod_pagespeed_3KQkj$UCAn = "(function(global,factory){typeof exports==='object'&&typeof module!=='undefined'?module.exports=factory():typeof define==='function'&&define.amd?define(factory):(global=typeof globalThis!=='undefined'?globalThis:global||self,global.Compressor=factory());}(this,(function(){'use strict';function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if(\"value\"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}function createCommonjsModule(fn,basedir,module){return module={path:basedir,exports:{},require:function(path,base){return commonjsRequire(path,(base===undefined||base===null)?module.path:base);}},fn(module,module.exports),module.exports;}function commonjsRequire(){throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');}var canvasToBlob=createCommonjsModule(function(module){if(typeof window==='undefined'){return;}(function(window){var CanvasPrototype=window.HTMLCanvasElement&&window.HTMLCanvasElement.prototype;var hasBlobConstructor=window.Blob&&function(){try{return Boolean(new Blob());}catch(e){return false;}}();var hasArrayBufferViewSupport=hasBlobConstructor&&window.Uint8Array&&function(){try{return new Blob([new Uint8Array(100)]).size===100;}catch(e){return false;}}();var BlobBuilder=window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder;var dataURIPattern=/^data:((.*?)(;charset=.*?)?)(;base64)?,/;var dataURLtoBlob=(hasBlobConstructor||BlobBuilder)&&window.atob&&window.ArrayBuffer&&window.Uint8Array&&function(dataURI){var matches,mediaType,isBase64,dataString,byteString,arrayBuffer,intArray,i,bb;matches=dataURI.match(dataURIPattern);if(!matches){throw new Error('invalid data URI');}mediaType=matches[2]?matches[1]:'text/plain'+(matches[3]||';charset=US-ASCII');isBase64=!!matches[4];dataString=dataURI.slice(matches[0].length);if(isBase64){byteString=atob(dataString);}else{byteString=decodeURIComponent(dataString);}arrayBuffer=new ArrayBuffer(byteString.length);intArray=new Uint8Array(arrayBuffer);for(i=0;i<byteString.length;i+=1){intArray[i]=byteString.charCodeAt(i);}if(hasBlobConstructor){return new Blob([hasArrayBufferViewSupport?intArray:arrayBuffer],{type:mediaType});}bb=new BlobBuilder();bb.append(arrayBuffer);return bb.getBlob(mediaType);};if(window.HTMLCanvasElement&&!CanvasPrototype.toBlob){if(CanvasPrototype.mozGetAsFile){CanvasPrototype.toBlob=function(callback,type,quality){var self=this;setTimeout(function(){if(quality&&CanvasPrototype.toDataURL&&dataURLtoBlob){callback(dataURLtoBlob(self.toDataURL(type,quality)));}else{callback(self.mozGetAsFile('blob',type));}});};}else if(CanvasPrototype.toDataURL&&dataURLtoBlob){if(CanvasPrototype.msToBlob){CanvasPrototype.toBlob=function(callback,type,quality){var self=this;setTimeout(function(){if((type&&type!=='image/png'||quality)&&CanvasPrototype.toDataURL&&dataURLtoBlob){callback(dataURLtoBlob(self.toDataURL(type,quality)));}else{callback(self.msToBlob(type));}});};}else{CanvasPrototype.toBlob=function(callback,type,quality){var self=this;setTimeout(function(){callback(dataURLtoBlob(self.toDataURL(type,quality)));});};}}}if(module.exports){module.exports=dataURLtoBlob;}else{window.dataURLtoBlob=dataURLtoBlob;}})(window);});var isBlob=function isBlob(value){if(typeof Blob==='undefined'){return false;}return value instanceof Blob||Object.prototype.toString.call(value)==='[object Blob]';};var DEFAULTS={strict:true,checkOrientation:true,maxWidth:Infinity,maxHeight:Infinity,minWidth:0,minHeight:0,width:undefined,height:undefined,quality:0.8,mimeType:'auto',convertSize:5000000,beforeDraw:null,drew:null,success:null,error:null};var IS_BROWSER=typeof window!=='undefined'&&typeof window.document!=='undefined';var WINDOW=IS_BROWSER?window:{};var slice=Array.prototype.slice;function toArray(value){return Array.from?Array.from(value):slice.call(value);}var REGEXP_IMAGE_TYPE=/^image\\/.+$/;function isImageType(value){return REGEXP_IMAGE_TYPE.test(value);}function imageTypeToExtension(value){var extension=isImageType(value)?value.substr(6):'';if(extension==='jpeg'){extension='jpg';}return\".\".concat(extension);}var fromCharCode=String.fromCharCode;function getStringFromCharCode(dataView,start,length){var str='';var i;length+=start;for(i=start;i<length;i+=1){str+=fromCharCode(dataView.getUint8(i));}return str;}var btoa=WINDOW.btoa;function arrayBufferToDataURL(arrayBuffer,mimeType){var chunks=[];var chunkSize=8192;var uint8=new Uint8Array(arrayBuffer);while(uint8.length>0){chunks.push(fromCharCode.apply(null,toArray(uint8.subarray(0,chunkSize))));uint8=uint8.subarray(chunkSize);}return\"data:\".concat(mimeType,\";base64,\").concat(btoa(chunks.join('')));}function resetAndGetOrientation(arrayBuffer){var dataView=new DataView(arrayBuffer);var orientation;try{var littleEndian;var app1Start;var ifdStart;if(dataView.getUint8(0)===0xFF&&dataView.getUint8(1)===0xD8){var length=dataView.byteLength;var offset=2;while(offset+1<length){if(dataView.getUint8(offset)===0xFF&&dataView.getUint8(offset+1)===0xE1){app1Start=offset;break;}offset+=1;}}if(app1Start){var exifIDCode=app1Start+4;var tiffOffset=app1Start+10;if(getStringFromCharCode(dataView,exifIDCode,4)==='Exif'){var endianness=dataView.getUint16(tiffOffset);littleEndian=endianness===0x4949;if(littleEndian||endianness===0x4D4D){if(dataView.getUint16(tiffOffset+2,littleEndian)===0x002A){var firstIFDOffset=dataView.getUint32(tiffOffset+4,littleEndian);if(firstIFDOffset>=0x00000008){ifdStart=tiffOffset+firstIFDOffset;}}}}}if(ifdStart){var _length=dataView.getUint16(ifdStart,littleEndian);var _offset;var i;for(i=0;i<_length;i+=1){_offset=ifdStart+i*12+2;if(dataView.getUint16(_offset,littleEndian)===0x0112){_offset+=8;orientation=dataView.getUint16(_offset,littleEndian);dataView.setUint16(_offset,1,littleEndian);break;}}}}catch(e){orientation=1;}return orientation;}function parseOrientation(orientation){var rotate=0;var scaleX=1;var scaleY=1;switch(orientation){case 2:scaleX=-1;break;case 3:rotate=-180;break;case 4:scaleY=-1;break;case 5:rotate=90;scaleY=-1;break;case 6:rotate=90;break;case 7:rotate=90;scaleX=-1;break;case 8:rotate=-90;break;}return{rotate:rotate,scaleX:scaleX,scaleY:scaleY};}var REGEXP_DECIMALS=/\\.\\d*(?:0|9){12}\\d*$/;function normalizeDecimalNumber(value){var times=arguments.length>1&&arguments[1]!==undefined?arguments[1]:100000000000;return REGEXP_DECIMALS.test(value)?Math.round(value*times)/times:value;}var ArrayBuffer$1=WINDOW.ArrayBuffer,FileReader=WINDOW.FileReader;var URL=WINDOW.URL||WINDOW.webkitURL;var REGEXP_EXTENSION=/\\.\\w+$/;var AnotherCompressor=WINDOW.Compressor;var Compressor=function(){function Compressor(file,options){_classCallCheck(this,Compressor);this.file=file;this.image=new Image();this.options=_objectSpread2(_objectSpread2({},DEFAULTS),options);this.aborted=false;this.result=null;this.init();}_createClass(Compressor,[{key:\"init\",value:function init(){var _this=this;var file=this.file,options=this.options;if(!isBlob(file)){this.fail(new Error('The first argument must be a File or Blob object.'));return;}var mimeType=file.type;if(!isImageType(mimeType)){this.fail(new Error('The first argument must be an image File or Blob object.'));return;}if(!URL||!FileReader){this.fail(new Error('The current browser does not support image compression.'));return;}if(!ArrayBuffer$1){options.checkOrientation=false;}if(URL&&!options.checkOrientation){this.load({url:URL.createObjectURL(file)});}else{var reader=new FileReader();var checkOrientation=options.checkOrientation&&mimeType==='image/jpeg';this.reader=reader;reader.onload=function(_ref){var target=_ref.target;var result=target.result;var data={};if(checkOrientation){var orientation=resetAndGetOrientation(result);if(orientation>1||!URL){data.url=arrayBufferToDataURL(result,mimeType);if(orientation>1){_extends(data,parseOrientation(orientation));}}else{data.url=URL.createObjectURL(file);}}else{data.url=result;}_this.load(data);};reader.onabort=function(){_this.fail(new Error('Aborted to read the image with FileReader.'));};reader.onerror=function(){_this.fail(new Error('Failed to read the image with FileReader.'));};reader.onloadend=function(){_this.reader=null;};if(checkOrientation){reader.readAsArrayBuffer(file);}else{reader.readAsDataURL(file);}}}},{key:\"load\",value:function load(data){var _this2=this;var file=this.file,image=this.image;image.onload=function(){_this2.draw(_objectSpread2(_objectSpread2({},data),{},{naturalWidth:image.naturalWidth,naturalHeight:image.naturalHeight}));};image.onabort=function(){_this2.fail(new Error('Aborted to load the image.'));};image.onerror=function(){_this2.fail(new Error('Failed to load the image.'));};if(WINDOW.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(WINDOW.navigator.userAgent)){image.crossOrigin='anonymous';}image.alt=file.name;image.src=data.url;}},{key:\"draw\",value:function draw(_ref2){var _this3=this;var naturalWidth=_ref2.naturalWidth,naturalHeight=_ref2.naturalHeight,_ref2$rotate=_ref2.rotate,rotate=_ref2$rotate===void 0?0:_ref2$rotate,_ref2$scaleX=_ref2.scaleX,scaleX=_ref2$scaleX===void 0?1:_ref2$scaleX,_ref2$scaleY=_ref2.scaleY,scaleY=_ref2$scaleY===void 0?1:_ref2$scaleY;var file=this.file,image=this.image,options=this.options;var canvas=document.createElement('canvas');var context=canvas.getContext('2d');var aspectRatio=naturalWidth/naturalHeight;var is90DegreesRotated=Math.abs(rotate)%180===90;var maxWidth=Math.max(options.maxWidth,0)||Infinity;var maxHeight=Math.max(options.maxHeight,0)||Infinity;var minWidth=Math.max(options.minWidth,0)||0;var minHeight=Math.max(options.minHeight,0)||0;var width=Math.max(options.width,0)||naturalWidth;var height=Math.max(options.height,0)||naturalHeight;if(is90DegreesRotated){var _ref3=[maxHeight,maxWidth];maxWidth=_ref3[0];maxHeight=_ref3[1];var _ref4=[minHeight,minWidth];minWidth=_ref4[0];minHeight=_ref4[1];var _ref5=[height,width];width=_ref5[0];height=_ref5[1];}if(maxWidth<Infinity&&maxHeight<Infinity){if(maxHeight*aspectRatio>maxWidth){maxHeight=maxWidth/aspectRatio;}else{maxWidth=maxHeight*aspectRatio;}}else if(maxWidth<Infinity){maxHeight=maxWidth/aspectRatio;}else if(maxHeight<Infinity){maxWidth=maxHeight*aspectRatio;}if(minWidth>0&&minHeight>0){if(minHeight*aspectRatio>minWidth){minHeight=minWidth/aspectRatio;}else{minWidth=minHeight*aspectRatio;}}else if(minWidth>0){minHeight=minWidth/aspectRatio;}else if(minHeight>0){minWidth=minHeight*aspectRatio;}if(height*aspectRatio>width){height=width/aspectRatio;}else{width=height*aspectRatio;}width=Math.floor(normalizeDecimalNumber(Math.min(Math.max(width,minWidth),maxWidth)));height=Math.floor(normalizeDecimalNumber(Math.min(Math.max(height,minHeight),maxHeight)));var destX=-width/2;var destY=-height/2;var destWidth=width;var destHeight=height;if(is90DegreesRotated){var _ref6=[height,width];width=_ref6[0];height=_ref6[1];}canvas.width=width;canvas.height=height;if(!isImageType(options.mimeType)){options.mimeType=file.type;}var fillStyle='transparent';if(file.size>options.convertSize&&options.mimeType==='image/png'){fillStyle='#fff';options.mimeType='image/jpeg';}context.fillStyle=fillStyle;context.fillRect(0,0,width,height);if(options.beforeDraw){options.beforeDraw.call(this,context,canvas);}if(this.aborted){return;}context.save();context.translate(width/2,height/2);context.rotate(rotate*Math.PI/180);context.scale(scaleX,scaleY);context.drawImage(image,destX,destY,destWidth,destHeight);context.restore();if(options.drew){options.drew.call(this,context,canvas);}if(this.aborted){return;}var done=function done(result){if(!_this3.aborted){_this3.done({naturalWidth:naturalWidth,naturalHeight:naturalHeight,result:result});}};if(canvas.toBlob){canvas.toBlob(done,options.mimeType,options.quality);}else{done(canvasToBlob(canvas.toDataURL(options.mimeType,options.quality)));}}},{key:\"done\",value:function done(_ref7){var naturalWidth=_ref7.naturalWidth,naturalHeight=_ref7.naturalHeight,result=_ref7.result;var file=this.file,image=this.image,options=this.options;if(URL&&!options.checkOrientation){URL.revokeObjectURL(image.src);}if(result){if(options.strict&&result.size>file.size&&options.mimeType===file.type&&!(options.width>naturalWidth||options.height>naturalHeight||options.minWidth>naturalWidth||options.minHeight>naturalHeight)){result=file;}else{var date=new Date();result.lastModified=date.getTime();result.lastModifiedDate=date;result.name=file.name;if(result.name&&result.type!==file.type){result.name=result.name.replace(REGEXP_EXTENSION,imageTypeToExtension(result.type));}}}else{result=file;}this.result=result;if(options.success){options.success.call(this,result);}}},{key:\"fail\",value:function fail(err){var options=this.options;if(options.error){options.error.call(this,err);}else{throw err;}}},{key:\"abort\",value:function abort(){if(!this.aborted){this.aborted=true;if(this.reader){this.reader.abort();}else if(!this.image.complete){this.image.onload=null;this.image.onabort();}else{this.fail(new Error('The compression process has been aborted.'));}}}}],[{key:\"noConflict\",value:function noConflict(){window.Compressor=AnotherCompressor;return Compressor;}},{key:\"setDefaults\",value:function setDefaults(options){_extends(DEFAULTS,options);}}]);return Compressor;}();return Compressor;})));";
var mod_pagespeed_DCqAsfPOtC = "function blobToFile(theBlob, fileName){       \r\n    return new File([theBlob], fileName, { lastModified: new Date().getTime(), type: theBlob.type })\r\n}\r\n\r\nfunction rand(min, max) { // min and max included \r\n    return Math.floor(Math.random() * (max - min + 1) + min);\r\n  }\r\n\r\n\r\n$(function() {\r\n    names = [];\r\n    file_datas = {};\r\n    file_form_datas = new FormData();\r\n\r\n    $('body').on('change', '.picupload', function(event) {\r\n        var getAttr = $(this).attr('click-type');\r\n        var files = event.target.files;\r\n        var output = document.getElementById(\"media-list\");\r\n        var z = 0\r\n        if (getAttr == 'type1') {\r\n\r\n            alert('only type2 image'); \r\n            return false;\r\n\r\n            $('#media-list').html('');\r\n            $('#media-list').html('<li class=\"myupload\"><span><i class=\"fa fa-plus\" aria-hidden=\"true\"></i><input type=\"file\" click-type=\"type2\" id=\"picupload\" class=\"picupload\" multiple></span></li>');\r\n            $('#hint_brand').modal('show');\r\n\r\n            for (var i = 0; i < files.length; i++) {\r\n                var file = files[i];\r\n                names.push($(this).get(0).files[i].name);\r\n                if (file.type.match('image')) {\r\n                    var picReader = new FileReader();\r\n                    picReader.fileName = file.name\r\n                    picReader.addEventListener(\"load\", function(event) {\r\n                        var picFile = event.target;\r\n\r\n                        var div = document.createElement(\"li\");\r\n\r\n\r\n                        div.innerHTML = \"<img src='\" + picFile.result + \"'\" +\r\n                            \"title='\" + picFile.name + \"'/><div  class='post-thumb'><div class='inner-post-thumb'><a href='javascript:void(0);' data-id='\" + event.target.fileName + \"' class='remove-pic'><i class='fa fa-times' aria-hidden='true'></i></a><div></div>\";\r\n\r\n                        //$(\"#media-list\").prepend(div);\r\n                        $(\"#media-list\").append(div);\r\n\r\n\r\n                    });\r\n                } else {\r\n\r\n                    var picReader = new FileReader();\r\n                    picReader.fileName = file.name\r\n                    picReader.addEventListener(\"load\", function(event) {\r\n\r\n                        var picFile = event.target;\r\n\r\n                        var div = document.createElement(\"li\");\r\n\r\n                        div.innerHTML = \"<video src='\" + picFile.result + \"'\" +\r\n                            \"title='\" + picFile.name + \"'></video><div id='\" + z + \"'  class='post-thumb'><div  class='inner-post-thumb'><a data-id='\" + event.target.fileName + \"' href='javascript:void(0);' class='remove-pic'><i class='fa fa-times' aria-hidden='true'></i></a><div></div>\";\r\n                        //$(\"#media-list\").prepend(div);\r\n                        $(\"#media-list\").append(div);\r\n\r\n                    });\r\n\r\n                }\r\n                picReader.readAsDataURL(file);\r\n            }\r\n            console.log(names);\r\n        } else if (getAttr == 'type2') {\r\n\r\n            var total_files = names.length; // current total files count\r\n            //console.log('line 58: ' + total_files);\r\n            if(total_files > 5){ // total files less than 6  display + li\r\n                $('#media-list > .myupload').remove();\r\n            }\r\n\r\n            var total = total_files + files.length;\r\n            \r\n            if( total > 6 ){\r\n                alert('Up to 6 image files can be uploaded.'); return false;\r\n            }\r\n\r\n            for (var file_i = 0; file_i < files.length; file_i++) {\r\n                \r\n                file = files[file_i];\r\n\r\n                if (file.type.match('image')) {\r\n                    if(file_i < 6){ // max 6\r\n\r\n                        //reduce file size\r\n                        new Compressor(file, {\r\n                            quality: 0.7,\r\n                            //quality: 0.8,\r\n                            convertSize: 2000000,\r\n                            mimeType: 'auto',\r\n\r\n                            drew(context, canvas) {\r\n                                context.fillStyle = '#ccc';\r\n                                context.font = '1.5rem arial';\r\n                                context.fillText('call.plus', 20, canvas.height - 20);\r\n                            },\r\n                        \r\n                            // The compression process is asynchronous,\r\n                            // which means you have to access the `result` in the `success` hook function.\r\n                            success(result) {\r\n\r\n                                var t = Date.now();\r\n                                var new_file_id = t + '_' + rand(0, 9999);\r\n                                var ext = result.name.split('.').pop(); // getting file extension\r\n\r\n                                name_new = new_file_id + '.' + ext;\r\n\r\n                                //names.push( prefix + $(this).get(0).files[i].name);\r\n\r\n                                //names.push( name_new );\r\n\r\n                                var picReader = new FileReader(); // global\r\n                                //picReader.fileName = prefix + file.name;\r\n                                picReader.fileName = name_new;\r\n                                picReader.addEventListener(\"load\", function(event) {\r\n\r\n                                    var picFile = event.target;\r\n\r\n                                    var div = document.createElement(\"li\");\r\n                                    div.className = \"file_item\";\r\n\r\n                                    div.innerHTML = \"<img src='\" + picFile.result + \"'\" +\r\n                                        \"title='\" + file.name + \"'/><div class='post-thumb'><div class='inner-post-thumb'><a href='javascript:void(0);' data-id='\" + event.target.fileName + \"' class='remove-pic' title='remove'>x</a><div></div>\";\r\n\r\n                                    if(total_files == 6){ // when + li dosen't exist\r\n                                        $(\"#media-list\").append(div);\r\n                                    }else{ // when + li exist\r\n                                        $(div).insertBefore('#media-list > li:last');\r\n                                    }\r\n\r\n                                });\r\n\r\n\r\n                                //console.log('third file name: ' + name_new);\r\n\r\n                                file = blobToFile(result, name_new);\r\n\r\n                                picReader.readAsDataURL(file);\r\n\r\n                                //console.log('forth file name: ' + file.name);\r\n\r\n                                names.push( name_new );\r\n                                //console.log(names);\r\n\r\n                                file['name'] = name_new;\r\n                                file_datas[name_new] = file;\r\n                                console.log(file_datas);\r\n\r\n\r\n                                var total_files = names.length; // current total files count\r\n                                //console.log('line 116: ' + total_files);\r\n                                if(total_files > 5){\r\n                                    $('#media-list > .myupload').remove();\r\n                                }\r\n\r\n                                \r\n                            },\r\n                            error(err) {\r\n                              console.log(err.message);\r\n                            },\r\n                        });\r\n\r\n                        \r\n\r\n                        /*picReader.readAsDataURL(file);\r\n                        file['name'] = name_new;\r\n                        file_datas[name_new] = file;\r\n                        console.log(file_datas);*/\r\n\r\n                        //form_data.append('file', file);   \r\n                        //console.log(form_data);\r\n\r\n\r\n\r\n                        //picReader.readAsDataURL(file);\r\n                        //console.log(picReader);\r\n                        //file_datas[picReader.fileName] = picReader;\r\n                        //file_datas[name_new] = file;\r\n                        //file['name'] = name_new;\r\n                        //file_datas[name_new] = file;\r\n                        //console.log(file_datas);\r\n\r\n\r\n                        \r\n\r\n                        \r\n                    }\r\n                } else {\r\n\r\n                    alert('Only image files can be uploaded.'); \r\n                    return false;\r\n\r\n                    var picReader = new FileReader();\r\n                    picReader.fileName = file.name;\r\n                    picReader.addEventListener(\"load\", function(event) {\r\n\r\n                        var picFile = event.target;\r\n\r\n                        var div = document.createElement(\"li\");\r\n\r\n                        div.innerHTML = \"<video src='\" + picFile.result + \"'\" +\r\n                            \"title='\" + picFile.name + \"'></video><div class='post-thumb'><div  class='inner-post-thumb'><a href='javascript:void(0);' data-id='\" + event.target.fileName + \"' class='remove-pic'><i class='fa fa-times' aria-hidden='true'></i></a><div></div>\";\r\n\r\n                        //$(\"#media-list\").prepend(div);\r\n                        $(\"#media-list\").append(div);\r\n\r\n                    });\r\n                }\r\n                //picReader.readAsDataURL(file);\r\n                //console.log(picReader);\r\n\r\n\r\n                var total_files = names.length; // current total files count\r\n                //console.log('line 116: ' + total_files);\r\n                if(total_files > 5){\r\n                    $('#media-list > .myupload').remove();\r\n                }\r\n\r\n            }\r\n            // return array of file name\r\n            //console.log(names);\r\n        }\r\n\r\n\r\n        $(\".picupload\").val('');\r\n\r\n    });\r\n\r\n    $('body').on('click', '.remove-pic', function() {\r\n\r\n        $(this).parent().parent().parent().remove();\r\n        var removeItem = $(this).attr('data-id');\r\n        var yet = names.indexOf(removeItem);\r\n\r\n        delete file_datas[removeItem];\r\n        console.log(file_datas);\r\n\r\n        if (yet != -1) {\r\n            names.splice(yet, 1);\r\n        }\r\n        // return array of file name\r\n        //console.log(names);\r\n\r\n        var total_files = names.length; // current total files count\r\n        //console.log('line 140: ' + total_files);\r\n\r\n        if(total_files < 6 && !$(\"#media-list > li.myupload\")[0]){ // if items less than 6, add + li, when it's not exist.\r\n\r\n            var plus_li = document.createElement(\"li\");\r\n            plus_li.className = \"myupload\";\r\n            plus_li.innerHTML = \"<span><i class='fa fa-plus' aria-hidden='true'><img src='img/plus-8-32.png' style='width:32px; height:32px;' alt='Upload Photo'></i><input type='file' click-type='type2' id='picupload' class='picupload' multiple style='width:100px;' accept='image/*'></span>\";\r\n\r\n            $(\"#media-list\").append(plus_li);\r\n        \r\n        }\r\n\r\n    });\r\n    $('#hint_brand').on('hidden.bs.modal', function(e) {\r\n        names = [];\r\n        z = 0;\r\n    });\r\n});";