');
- var tplPreview = '';
+ var tplPreview = '';
- if(lfTagType == 'image'){
+ if (lfTagType == 'image') {
- tplPreview = '
';
+ tplPreview = '
';
- }else if(lfTagType == 'video'){
+ } else if (lfTagType == 'video') {
- tplPreview = ['
'].join('');
+ tplPreview = ['
'
+ ].join('');
- }else if(lfTagType == 'audio'){
+ } else if (lfTagType == 'audio') {
- tplPreview = ['
'].join('');
+ tplPreview = ['
'
+ ].join('');
- }else{
+ } else {
- tplPreview = [ '
'].join('');
+ tplPreview = ['
'
+ ].join('');
- }
+ }
- var elPreview = angular.element(tplPreview);
+ var elPreview = angular.element(tplPreview);
- var elFooter = angular.element('');
+ var elFooter = angular.element('');
- elFrame.append(elFrameX);
+ elFrame.append(elFrameX);
- elFrame.append(elPreview);
+ elFrame.append(elPreview);
- elFrame.append(elFooter);
+ elFrame.append(elFooter);
- $compile(elFrame)(scope);
+ $compile(elFrame)(scope);
- elThumbnails.append(elFrame);
+ elThumbnails.append(elFrame);
- lfFileObj.element = elFrame;
+ lfFileObj.element = elFrame;
- updateTextCaption();
+ updateTextCaption();
- },function(error){
+ }, function(error) {
- },function(notify){
+ }, function(notify) {
- });
+ });
- };
+ };
- var updateTextCaption = function(){
- if(scope.lfFiles.length == 1){
- if(!isCustomCaption){
- scope.strCaption = '' + scope.lfFiles[0].lfFileName;
- }
- scope.isFilesNull = false;
- }else if(scope.lfFiles.length > 1){
- if(!isCustomCaption){
- scope.strCaption = '' + scope.lfFiles.length + ' files selected';
- }
- scope.isFilesNull = false;
- }else{
- if(!isCustomCaption){
- scope.strCaption = '';
- }
- scope.isFilesNull = true;
- }
- };
+ var updateTextCaption = function() {
+ if (scope.lfFiles.length == 1) {
+ if (!isCustomCaption) {
+ scope.strCaption = '' + scope.lfFiles[0].lfFileName;
+ }
+ scope.isFilesNull = false;
+ } else if (scope.lfFiles.length > 1) {
+ if (!isCustomCaption) {
+ scope.strCaption = '' + scope.lfFiles.length + ' files selected';
+ }
+ scope.isFilesNull = false;
+ } else {
+ if (!isCustomCaption) {
+ scope.strCaption = '';
+ }
+ scope.isFilesNull = true;
+ }
+ };
- var parseFileType = function (file){
- var type = file.type;
- var name = file.name;
- if(isImageType(type,name)){
- return "image";
- }else if(isVideoType(type,name)){
- return "video";
- }else if(isAudioType(type,name)){
- return "audio";
- }
- return "object";
- };
+ var parseFileType = function(file) {
+ var type = file.type;
+ var name = file.name;
+ if (isImageType(type, name)) {
+ return 'image';
+ } else if (isVideoType(type, name)) {
+ return 'video';
+ } else if (isAudioType(type, name)) {
+ return 'audio';
+ }
+ return 'object';
+ };
- var isImageType = function(type,name){
- return (type.match('image.*') || name.match(/\.(gif|png|jpe?g)$/i)) ? true : false;
- };
+ var isImageType = function(type, name) {
+ return (type.match('image.*') || name.match(/\.(gif|png|jpe?g)$/i)) ? true : false;
+ };
- var isVideoType = function(type,name){
- return (type.match('video.*') || name.match(/\.(og?|mp4|webm|3gp)$/i)) ? true : false;
- };
+ var isVideoType = function(type, name) {
+ return (type.match('video.*') || name.match(/\.(og?|mp4|webm|3gp)$/i)) ? true : false;
+ };
- var isAudioType = function(type,name){
- return (type.match('audio.*') || name.match(/\.(ogg|mp3|wav)$/i)) ? true : false;
- };
+ var isAudioType = function(type, name) {
+ return (type.match('audio.*') || name.match(/\.(ogg|mp3|wav)$/i)) ? true : false;
+ };
- var readAsDataURL = function (file,index) {
+ var readAsDataURL = function(file, index) {
- var deferred = $q.defer();
+ var deferred = $q.defer();
- var reader = new FileReader();
+ var reader = new FileReader();
- reader.onloadstart = function(){
- deferred.notify(0);
- };
+ reader.onloadstart = function() {
+ deferred.notify(0);
+ };
- reader.onload = function(event){
+ reader.onload = function(event) {
- };
+ };
- reader.onloadend = function(event){
- deferred.resolve({
- 'index':index,
- 'result':reader.result
- });
- scope.intLoading--;
- scope.floatProgress = (intFilesCount-scope.intLoading)/intFilesCount*100;
- };
+ reader.onloadend = function(event) {
+ deferred.resolve({
+ 'index': index,
+ 'result': reader.result
+ });
+ scope.intLoading--;
+ scope.floatProgress = (intFilesCount - scope.intLoading) / intFilesCount * 100;
+ };
- reader.onerror = function(event){
- deferred.reject(reader.result);
- scope.intLoading--;
- scope.floatProgress = (intFilesCount-scope.intLoading)/intFilesCount*100;
- };
+ reader.onerror = function(event) {
+ deferred.reject(reader.result);
+ scope.intLoading--;
+ scope.floatProgress = (intFilesCount - scope.intLoading) / intFilesCount * 100;
+ };
- reader.onprogress = function(event){
- deferred.notify(event.loaded/event.total);
- };
+ reader.onprogress = function(event) {
+ deferred.notify(event.loaded / event.total);
+ };
- reader.readAsArrayBuffer(file);
+ reader.readAsArrayBuffer(file);
- return deferred.promise;
- };
+ return deferred.promise;
+ };
- }
+ }
- };
+ };
- }]);
+ }]);
-})(window,window.angular);
+})(window, window.angular);
diff --git a/src/lf-ng-md-file-input.scss b/src/lf-ng-md-file-input.scss
index 35ea750..7c27b26 100644
--- a/src/lf-ng-md-file-input.scss
+++ b/src/lf-ng-md-file-input.scss
@@ -58,17 +58,17 @@
}
>video{
height: 160px;
- widht:auto;
+ width:auto;
max-width: 100%;
}
>audio{
height: 160px;
- widht:auto;
+ width:auto;
max-width: 100%;
}
>object{
height: 160px;
- widht:auto;
+ width:auto;
max-width: 100%;
.lf-ng-md-file-input-preview-default{
height:160px;