Fix #1220: Add Krajee Explorer Font Awesome 5 Theme

CHANGE.md

@@ -1,10 +1,12 @@
 Change Log: `bootstrap-fileinput`
 =================================
 
-## version 4.4.8 (_under development_)
+## version 4.4.8
 
-**Date:** _work in progress_
+**Date:** 11-Apr-2018
 
+- (enh #1220): Add Krajee Explorer Font Awesome 5 Theme (`explorer-fas`).
+- (enh #1219): Update Chinese translations.
 - (bug #1217): Fix drag and drop to send files correctly for form submission.
 - (enh #1216): Add drag and drop support for folders for webkit browsers (only for ajax upload mode).
 - (bug #1215): Correct zoom preview for errored thumbnails.

scss/fileinput.scss

@@ -226,7 +226,6 @@ input[type=file].file-loading {
 .file-caption-icon {
     @extend %set-hidden;
     @extend %set-absolute;
-    line-height: 1;
     left: multiply($pad, 1.6);
 }
 

scss/themes/explorer-fas/theme.scss

@@ -0,0 +1,201 @@
+/*!
+ * bootstrap-fileinput v4.4.8
+ * http://plugins.krajee.com/file-input
+ *
+ * Krajee Explorer Font Awesome theme style for bootstrap-fileinput. Load this theme file after loading `fileinput.css`.
+ *
+ * Author: Kartik Visweswaran
+ * Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
+ *
+ * Licensed under the BSD 3-Clause
+ * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
+ */
+//colors
+$boston-blue: #428bca !default;
+$alto: #ddd !default;
+$tapa: #777 !default;
+$mystic: #e1edf7 !default;
+$perano: #a1abff !default;
+
+//fonts
+$font-0: Menlo !default;
+$font-1: Monaco !default;
+$font-2: Consolas !default;
+$font-3: "Courier New" !default;
+$font-4: monospace !default;
+
+//standard measures
+$pad: 5px !default;
+$border: 1px !default;
+$tablet: 767px !default;
+
+//operations
+@function multiply($pixels, $multiplier) {
+    @return $pixels * $multiplier;
+}
+
+//@extend-elements
+%set_text_center {
+    text-align: center;
+}
+
+%set_progress {
+    height: multiply($pad, 2.6);
+    font-size: multiply($pad, 2.2);
+    line-height: multiply($pad, 2.6);
+}
+
+%set_indicator {
+    position: absolute;
+    display: inline-block;
+    top: 0;
+    right: multiply($pad, 0.6);
+    width: multiply($pad, 3.2);
+    height: multiply($pad, 3.2);
+    font-size: multiply($pad, 3.2);
+    @extend %set_text_center;
+}
+
+%set_block {
+    display: block;
+}
+
+.theme-explorer-fa {
+    .explorer-frame {
+        td {
+            vertical-align: middle;
+            text-align: left;
+        }
+        .kv-file-content {
+            width: multiply($pad, 16);
+            height: multiply($pad, 16);
+            padding: $pad;
+            @extend %set_text_center;
+        }
+    }
+    .file-actions-cell {
+        position: relative;
+        width: multiply($pad, 24);
+        padding: 0;
+    }
+    .file-thumb-progress {
+        .progress {
+            @extend %set_block;
+            @extend %set_progress;
+            margin-top: $pad;
+        }
+        .progress-bar {
+            @extend %set_progress;
+        }
+    }
+    .file-upload-indicator {
+        @extend %set_indicator;
+    }
+    .file-drag-handle {
+        @extend %set_indicator;
+    }
+    .explorer-caption {
+        @extend %set_block;
+        color: $tapa;
+    }
+    .file-actions {
+        @extend %set_text_center;
+    }
+    .kvsortable-ghost {
+        opacity: 0.6;
+        background: $mystic;
+        border: multiply($border, 2) solid $perano;
+    }
+    .file-preview .table {
+        margin: 0;
+    }
+    .file-error-message ul {
+        padding: $pad 0 0 multiply($pad, 4);
+    }
+}
+
+.explorer-frame {
+    .file-preview-text {
+        display: inline-block;
+        color: $boston-blue;
+        border: $border solid $alto;
+        font-family: $font-0, $font-1, $font-2, $font-3, $font-4;
+        outline: none;
+        padding: multiply($pad, 1.6);
+        resize: none;
+    }
+    .file-preview-html {
+        display: inline-block;
+        border: $border solid $alto;
+        padding: multiply($pad, 1.6);
+        overflow: auto;
+    }
+    .file-preview-other {
+        @extend %set_text_center;
+    }
+    .file-other-icon {
+        font-size: 2.6em;
+    }
+}
+
+@media only screen and(max-width: $tablet) {
+    //@extend-elements
+    %set_block_full {
+        display: block;
+        width: 100% !important;
+    }
+    .theme-explorer-fa {
+        .table {
+            @extend %set_block_full;
+            border: none;
+            tbody {
+                @extend %set_block_full;
+            }
+            tr {
+                @extend %set_block_full;
+                margin-top: $pad;
+                &:first-child {
+                    margin-top: 0;
+                }
+            }
+            td {
+                @extend %set_block_full;
+                text-align: center;
+            }
+            .kv-file-content {
+                border-bottom: none;
+                padding: multiply($pad, 0.8);
+                margin: 0;
+                .file-preview-image {
+                    max-width: 100%;
+                    font-size: multiply($pad, 4);
+                }
+            }
+        }
+        .file-details-cell {
+            border-top: none;
+            border-bottom: none;
+            padding-top: 0;
+            margin: 0;
+        }
+        .file-actions-cell {
+            border-top: none;
+            padding-bottom: multiply($pad, 0.8);
+        }
+        .explorer-frame .explorer-caption {
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            left: 0;
+            right: 0;
+            margin: auto;
+        }
+    }
+}
+
+.file-zoom-dialog .explorer-frame .file-other-icon {
+    //noinspection CssOverwrittenProperties
+    font-size: 22em;
+    //noinspection CssOverwrittenProperties
+    font-size: 50vmin;
+}

themes/explorer-fa/theme.css

@@ -2,7 +2,8 @@
  * bootstrap-fileinput v4.4.8
  * http://plugins.krajee.com/file-input
  *
- * Krajee Explorer Font Awesome theme style for bootstrap-fileinput. Load this theme file after loading `fileinput.css`.
+ * Krajee Explorer Font Awesome 4.x theme style for bootstrap-fileinput. Load this theme file after loading
+ * font awesome 4.x CSS and `fileinput.css`.
  *
  * Author: Kartik Visweswaran
  * Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com

themes/explorer-fa/theme.min.css

@@ -2,7 +2,8 @@
  * bootstrap-fileinput v4.4.8
  * http://plugins.krajee.com/file-input
  *
- * Krajee Explorer Font Awesome theme style for bootstrap-fileinput. Load this theme file after loading `fileinput.css`.
+ * Krajee Explorer Font Awesome 4.x theme style for bootstrap-fileinput. Load this theme file after loading
+ * font awesome 4.x CSS and `fileinput.css`.
  *
  * Author: Kartik Visweswaran
  * Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com

themes/explorer-fas/theme.css

@@ -0,0 +1,157 @@
+/*!
+ * bootstrap-fileinput v4.4.8
+ * http://plugins.krajee.com/file-input
+ *
+ * Krajee Explorer Font Awesome 5.x theme style for bootstrap-fileinput. Load this theme file after loading
+ * font awesome 5.x CSS and `fileinput.css`.
+ *
+ * Author: Kartik Visweswaran
+ * Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
+ *
+ * Licensed under the BSD 3-Clause
+ * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
+ */
+.theme-explorer-fas .file-upload-indicator, .theme-explorer-fas .file-drag-handle, .theme-explorer-fas .explorer-frame .kv-file-content, .theme-explorer-fas .file-actions, .explorer-frame .file-preview-other {
+    text-align: center;
+}
+
+.theme-explorer-fas .file-thumb-progress .progress, .theme-explorer-fas .file-thumb-progress .progress-bar {
+    height: 13px;
+    font-size: 11px;
+    line-height: 13px;
+}
+
+.theme-explorer-fas .file-upload-indicator, .theme-explorer-fas .file-drag-handle {
+    position: absolute;
+    display: inline-block;
+    top: 0;
+    right: 3px;
+    width: 16px;
+    height: 16px;
+    font-size: 16px;
+}
+
+.theme-explorer-fas .file-thumb-progress .progress, .theme-explorer-fas .explorer-caption {
+    display: block;
+}
+
+.theme-explorer-fas .explorer-frame td {
+    vertical-align: middle;
+    text-align: left;
+}
+
+.theme-explorer-fas .explorer-frame .kv-file-content {
+    width: 80px;
+    height: 80px;
+    padding: 5px;
+}
+
+.theme-explorer-fas .file-actions-cell {
+    position: relative;
+    width: 120px;
+    padding: 0;
+}
+
+.theme-explorer-fas .file-thumb-progress .progress {
+    margin-top: 5px;
+}
+
+.theme-explorer-fas .explorer-caption {
+    color: #777;
+}
+
+.theme-explorer-fas .kvsortable-ghost {
+    opacity: 0.6;
+    background: #e1edf7;
+    border: 2px solid #a1abff;
+}
+
+.theme-explorer-fas .file-preview .table {
+    margin: 0;
+}
+
+.theme-explorer-fas .file-error-message ul {
+    padding: 5px 0 0 20px;
+}
+
+.explorer-frame .file-preview-text {
+    display: inline-block;
+    color: #428bca;
+    border: 1px solid #ddd;
+    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+    outline: none;
+    padding: 8px;
+    resize: none;
+}
+
+.explorer-frame .file-preview-html {
+    display: inline-block;
+    border: 1px solid #ddd;
+    padding: 8px;
+    overflow: auto;
+}
+
+.explorer-frame .file-other-icon {
+    font-size: 2.6em;
+}
+
+@media only screen and (max-width: 767px) {
+    .theme-explorer-fas .table, .theme-explorer-fas .table tbody, .theme-explorer-fas .table tr, .theme-explorer-fas .table td {
+        display: block;
+        width: 100% !important;
+    }
+
+    .theme-explorer-fas .table {
+        border: none;
+    }
+
+    .theme-explorer-fas .table tr {
+        margin-top: 5px;
+    }
+
+    .theme-explorer-fas .table tr:first-child {
+        margin-top: 0;
+    }
+
+    .theme-explorer-fas .table td {
+        text-align: center;
+    }
+
+    .theme-explorer-fas .table .kv-file-content {
+        border-bottom: none;
+        padding: 4px;
+        margin: 0;
+    }
+
+    .theme-explorer-fas .table .kv-file-content .file-preview-image {
+        max-width: 100%;
+        font-size: 20px;
+    }
+
+    .theme-explorer-fas .file-details-cell {
+        border-top: none;
+        border-bottom: none;
+        padding-top: 0;
+        margin: 0;
+    }
+
+    .theme-explorer-fas .file-actions-cell {
+        border-top: none;
+        padding-bottom: 4px;
+    }
+
+    .theme-explorer-fas .explorer-frame .explorer-caption {
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        left: 0;
+        right: 0;
+        margin: auto;
+    }
+}
+
+/*noinspection CssOverwrittenProperties*/
+.file-zoom-dialog .explorer-frame .file-other-icon {
+    font-size: 22em;
+    font-size: 50vmin;
+}

themes/explorer-fas/theme.js

@@ -0,0 +1,87 @@
+/*!
+ * bootstrap-fileinput v4.4.8
+ * http://plugins.krajee.com/file-input
+ *
+ * Krajee Explorer Font Awesome theme configuration for bootstrap-fileinput. 
+ * Load this theme file after loading `fileinput.js`. Ensure that
+ * font awesome assets and CSS are loaded on the page as well.
+ *
+ * Author: Kartik Visweswaran
+ * Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
+ *
+ * Licensed under the BSD 3-Clause
+ * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
+ */
+(function ($) {
+    "use strict";
+    var teTagBef = '<tr class="file-preview-frame {frameClass}" id="{previewId}" data-fileindex="{fileindex}"' +
+        ' data-template="{template}"', teContent = '<td class="kv-file-content">\n';
+    $.fn.fileinputThemes['explorer-fas'] = {
+        layoutTemplates: {
+            preview: '<div class="file-preview {class}">\n' +
+            '    {close}' +
+            '    <div class="{dropClass}">\n' +
+            '    <table class="table table-bordered table-hover"><tbody class="file-preview-thumbnails">\n' +
+            '    </tbody></table>\n' +
+            '    <div class="clearfix"></div>' +
+            '    <div class="file-preview-status text-center text-success"></div>\n' +
+            '    <div class="kv-fileinput-error"></div>\n' +
+            '    </div>\n' +
+            '</div>',
+            footer: '<td class="file-details-cell"><div class="explorer-caption" title="{caption}">{caption}</div> ' +
+            '{size}{progress}</td><td class="file-actions-cell">{indicator} {actions}</td>',
+            actions: '{drag}\n' +
+            '<div class="file-actions">\n' +
+            '    <div class="file-footer-buttons">\n' +
+            '        {upload} {download} {delete} {zoom} {other} ' +
+            '    </div>\n' +
+            '</div>',
+            zoomCache: '<tr style="display:none" class="kv-zoom-cache-theme"><td>' +
+            '<table class="kv-zoom-cache">{zoomContent}</table></td></tr>',
+            fileIcon: '<i class="fas fa-file kv-caption-icon"></i> '
+        },
+        previewMarkupTags: {
+            tagBefore1: teTagBef + '>' + teContent,
+            tagBefore2: teTagBef + ' title="{caption}">' + teContent,
+            tagAfter: '</td>\n{footer}</tr>\n'
+        },
+        previewSettings: {
+            image: {height: "60px"},
+            html: {width: "100px", height: "60px"},
+            text: {width: "100px", height: "60px"},
+            video: {width: "auto", height: "60px"},
+            audio: {width: "auto", height: "60px"},
+            flash: {width: "100%", height: "60px"},
+            object: {width: "100%", height: "60px"},
+            pdf: {width: "100px", height: "60px"},
+            other: {width: "100%", height: "60px"}
+        },
+        frameClass: 'explorer-frame',
+        fileActionSettings: {
+            removeIcon: '<i class="fas fa-trash-alt"></i>',
+            uploadIcon: '<i class="fas fa-upload"></i>',
+            uploadRetryIcon: '<i class="fas fa-redo-alt"></i>',
+            downloadIcon: '<i class="fas fa-download"></i>',
+            zoomIcon: '<i class="fas fa-search-plus"></i>',
+            dragIcon: '<i class="fas fa-arrows"></i>',
+            indicatorNew: '<i class="fas fa-plus-circle text-warning"></i>',
+            indicatorSuccess: '<i class="fas fa-check-circle text-success"></i>',
+            indicatorError: '<i class="fas fa-exclamation-circle text-danger"></i>',
+            indicatorLoading: '<i class="fas fa-hourglass text-muted"></i>'
+        },
+        previewZoomButtonIcons: {
+            prev: '<i class="fas fa-caret-left fa-lg"></i>',
+            next: '<i class="fas fa-caret-right fa-lg"></i>',
+            toggleheader: '<i class="fas fa-fw fa-arrows-v"></i>',
+            fullscreen: '<i class="fas fa-fw fa-arrows-alt"></i>',
+            borderless: '<i class="fas fa-fw fa-external-link"></i>',
+            close: '<i class="fas fa-fw fa-times"></i>'
+        },
+        previewFileIcon: '<i class="fas fa-file"></i>',
+        browseIcon: '<i class="fas fa-folder-open"></i>',
+        removeIcon: '<i class="fas fa-trash-alt"></i>',
+        cancelIcon: '<i class="fas fa-ban"></i>',
+        uploadIcon: '<i class="fas fa-upload"></i>',
+        msgValidationErrorIcon: '<i class="fas fa-exclamation-circle"></i> '
+    };
+})(window.jQuery);

themes/fa/theme.js

@@ -20,7 +20,7 @@
             uploadRetryIcon: '<i class="fa fa-repeat"></i>',
             downloadIcon: '<i class="fa fa-download"></i>',
             zoomIcon: '<i class="fa fa-search-plus"></i>',
-            dragIcon: '<i class="fa fa-bars"></i>',
+            dragIcon: '<i class="fa fa-arrows"></i>',
             indicatorNew: '<i class="fa fa-plus-circle text-warning"></i>',
             indicatorSuccess: '<i class="fa fa-check-circle text-success"></i>',
             indicatorError: '<i class="fa fa-exclamation-circle text-danger"></i>',

themes/fa/theme.min.js

@@ -9,4 +9,4 @@
  *
  * Licensed under the BSD 3-Clause
  * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
- */!function(a){"use strict";a.fn.fileinputThemes.fa={fileActionSettings:{removeIcon:'<i class="fa fa-trash"></i>',uploadIcon:'<i class="fa fa-upload"></i>',uploadRetryIcon:'<i class="fa fa-repeat"></i>',downloadIcon:'<i class="fa fa-download"></i>',zoomIcon:'<i class="fa fa-search-plus"></i>',dragIcon:'<i class="fa fa-bars"></i>',indicatorNew:'<i class="fa fa-plus-circle text-warning"></i>',indicatorSuccess:'<i class="fa fa-check-circle text-success"></i>',indicatorError:'<i class="fa fa-exclamation-circle text-danger"></i>',indicatorLoading:'<i class="fa fa-hourglass text-muted"></i>'},layoutTemplates:{fileIcon:'<i class="fa fa-file kv-caption-icon"></i> '},previewZoomButtonIcons:{prev:'<i class="fa fa-caret-left fa-lg"></i>',next:'<i class="fa fa-caret-right fa-lg"></i>',toggleheader:'<i class="fa fa-fw fa-arrows-v"></i>',fullscreen:'<i class="fa fa-fw fa-arrows-alt"></i>',borderless:'<i class="fa fa-fw fa-external-link"></i>',close:'<i class="fa fa-fw fa-remove"></i>'},previewFileIcon:'<i class="fa fa-file"></i>',browseIcon:'<i class="fa fa-folder-open"></i>',removeIcon:'<i class="fa fa-trash"></i>',cancelIcon:'<i class="fa fa-ban"></i>',uploadIcon:'<i class="fa fa-upload"></i>',msgValidationErrorIcon:'<i class="fa fa-exclamation-circle"></i> '}}(window.jQuery);
+ */!function(a){"use strict";a.fn.fileinputThemes.fa={fileActionSettings:{removeIcon:'<i class="fa fa-trash"></i>',uploadIcon:'<i class="fa fa-upload"></i>',uploadRetryIcon:'<i class="fa fa-repeat"></i>',downloadIcon:'<i class="fa fa-download"></i>',zoomIcon:'<i class="fa fa-search-plus"></i>',dragIcon:'<i class="fa fa-arrows"></i>',indicatorNew:'<i class="fa fa-plus-circle text-warning"></i>',indicatorSuccess:'<i class="fa fa-check-circle text-success"></i>',indicatorError:'<i class="fa fa-exclamation-circle text-danger"></i>',indicatorLoading:'<i class="fa fa-hourglass text-muted"></i>'},layoutTemplates:{fileIcon:'<i class="fa fa-file kv-caption-icon"></i> '},previewZoomButtonIcons:{prev:'<i class="fa fa-caret-left fa-lg"></i>',next:'<i class="fa fa-caret-right fa-lg"></i>',toggleheader:'<i class="fa fa-fw fa-arrows-v"></i>',fullscreen:'<i class="fa fa-fw fa-arrows-alt"></i>',borderless:'<i class="fa fa-fw fa-external-link"></i>',close:'<i class="fa fa-fw fa-remove"></i>'},previewFileIcon:'<i class="fa fa-file"></i>',browseIcon:'<i class="fa fa-folder-open"></i>',removeIcon:'<i class="fa fa-trash"></i>',cancelIcon:'<i class="fa fa-ban"></i>',uploadIcon:'<i class="fa fa-upload"></i>',msgValidationErrorIcon:'<i class="fa fa-exclamation-circle"></i> '}}(window.jQuery);

themes/fas/theme.js

@@ -15,12 +15,12 @@
 
     $.fn.fileinputThemes.fas = {
         fileActionSettings: {
-            removeIcon: '<i class="fas fa-trash"></i>',
+            removeIcon: '<i class="fas fa-trash-alt"></i>',
             uploadIcon: '<i class="fas fa-upload"></i>',
             uploadRetryIcon: '<i class="fas fa-redo-alt"></i>',
             downloadIcon: '<i class="fas fa-download"></i>',
             zoomIcon: '<i class="fas fa-search-plus"></i>',
-            dragIcon: '<i class="fas fa-bars"></i>',
+            dragIcon: '<i class="fas fa-arrows"></i>',
             indicatorNew: '<i class="fas fa-plus-circle text-warning"></i>',
             indicatorSuccess: '<i class="fas fa-check-circle text-success"></i>',
             indicatorError: '<i class="fas fa-exclamation-circle text-danger"></i>',

themes/fas/theme.min.js

@@ -9,4 +9,4 @@
  *
  * Licensed under the BSD 3-Clause
  * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
- */!function(a){"use strict";a.fn.fileinputThemes.fas={fileActionSettings:{removeIcon:'<i class="fas fa-trash"></i>',uploadIcon:'<i class="fas fa-upload"></i>',uploadRetryIcon:'<i class="fas fa-redo-alt"></i>',downloadIcon:'<i class="fas fa-download"></i>',zoomIcon:'<i class="fas fa-search-plus"></i>',dragIcon:'<i class="fas fa-bars"></i>',indicatorNew:'<i class="fas fa-plus-circle text-warning"></i>',indicatorSuccess:'<i class="fas fa-check-circle text-success"></i>',indicatorError:'<i class="fas fa-exclamation-circle text-danger"></i>',indicatorLoading:'<i class="fas fa-hourglass text-muted"></i>'},layoutTemplates:{fileIcon:'<i class="fas fa-file kv-caption-icon"></i> '},previewZoomButtonIcons:{prev:'<i class="fas fa-caret-left fa-lg"></i>',next:'<i class="fas fa-caret-right fa-lg"></i>',toggleheader:'<i class="fas fa-fw fa-arrows-alt-v"></i>',fullscreen:'<i class="fas fa-fw fa-expand-arrows-alt"></i>',borderless:'<i class="fas fa-fw fa-external-link-alt"></i>',close:'<i class="fas fa-fw fa-times"></i>'},previewFileIcon:'<i class="fas fa-file"></i>',browseIcon:'<i class="fas fa-folder-open"></i>',removeIcon:'<i class="fas fa-trash-alt"></i>',cancelIcon:'<i class="fas fa-ban"></i>',uploadIcon:'<i class="fas fa-upload"></i>',msgValidationErrorIcon:'<i class="fas fa-exclamation-circle"></i> '}}(window.jQuery);
+ */!function(a){"use strict";a.fn.fileinputThemes.fas={fileActionSettings:{removeIcon:'<i class="fas fa-trash-alt"></i>',uploadIcon:'<i class="fas fa-upload"></i>',uploadRetryIcon:'<i class="fas fa-redo-alt"></i>',downloadIcon:'<i class="fas fa-download"></i>',zoomIcon:'<i class="fas fa-search-plus"></i>',dragIcon:'<i class="fas fa-arrows"></i>',indicatorNew:'<i class="fas fa-plus-circle text-warning"></i>',indicatorSuccess:'<i class="fas fa-check-circle text-success"></i>',indicatorError:'<i class="fas fa-exclamation-circle text-danger"></i>',indicatorLoading:'<i class="fas fa-hourglass text-muted"></i>'},layoutTemplates:{fileIcon:'<i class="fas fa-file kv-caption-icon"></i> '},previewZoomButtonIcons:{prev:'<i class="fas fa-caret-left fa-lg"></i>',next:'<i class="fas fa-caret-right fa-lg"></i>',toggleheader:'<i class="fas fa-fw fa-arrows-v"></i>',fullscreen:'<i class="fas fa-fw fa-arrows-alt"></i>',borderless:'<i class="fas fa-fw fa-external-link"></i>',close:'<i class="fas fa-fw fa-times"></i>'},previewFileIcon:'<i class="fas fa-file"></i>',browseIcon:'<i class="fas fa-folder-open"></i>',removeIcon:'<i class="fas fa-trash-alt"></i>',cancelIcon:'<i class="fas fa-ban"></i>',uploadIcon:'<i class="fas fa-upload"></i>',msgValidationErrorIcon:'<i class="fas fa-exclamation-circle"></i> '}}(window.jQuery);