修改BUG:修复fileinput控件使用fa图标
This commit is contained in:
parent
1448539857
commit
40c4687fa8
|
@ -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" />
|
||||||
|
|
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
|
@ -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'],
|
||||||
|
|
|
@ -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);
|
Loading…
Reference in New Issue