修改BUG:修复fileinput控件使用fa图标

This commit is contained in:
Argo-MacBookPro 2018-08-02 17:21:00 +08:00
parent 1448539857
commit 40c4687fa8
4 changed files with 50 additions and 1 deletions

View File

@ -11,6 +11,7 @@
<script src="~/js/longbow.validate.js"></script> <script src="~/js/longbow.validate.js"></script>
<script src="~/js/messages_zh.js"></script> <script src="~/js/messages_zh.js"></script>
<script src="~/js/Profiles.js"></script> <script src="~/js/Profiles.js"></script>
<script src="~/js/theme.js"></script>
} }
@section css { @section css {
<link href="~/css/tasks.css" rel="stylesheet" /> <link href="~/css/tasks.css" rel="stylesheet" />

View File

@ -84,7 +84,7 @@ a, a:hover, a:focus {
color: #777; color: #777;
} }
.header > .dropdown > a:hover, .header > .dropdown.open > a, .notify-row > li > a:hover { .header > .dropdown > a:hover, .header > .dropdown.show > a, .notify-row > li > a:hover {
border: 1px solid #777; border: 1px solid #777;
color: #333 color: #333
} }

View File

@ -4,6 +4,7 @@
$('#fileIcon').fileinput({ $('#fileIcon').fileinput({
uploadUrl: $.formatUrl(Profiles.url), uploadUrl: $.formatUrl(Profiles.url),
browseOnZoneClick: true, browseOnZoneClick: true,
theme: 'fa',
language: 'zh', language: 'zh',
maxFileSize: 5000, maxFileSize: 5000,
allowedFileExtensions: ['jpg', 'png', 'bmp', 'gif', 'jpeg'], allowedFileExtensions: ['jpg', 'png', 'bmp', 'gif', 'jpeg'],

View File

@ -0,0 +1,47 @@
/*!
* bootstrap-fileinput v4.4.9
* http://plugins.krajee.com/file-input
*
* Font Awesome icon theme configuration for bootstrap-fileinput. Requires font awesome assets to be loaded.
*
* 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";
$.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);