Hplus(H+) 后台主题 UI 框架

2024-09-05 20:27:19 +08:00
commit 9e4f964eef
642 changed files with 229209 additions and 0 deletions
@@ -0,0 +1,76 @@
+/*
+ * jQuery and Bootsrap3 Plugin prettyFile
+ *
+ * version 2.0, Jan 20th, 2014
+ * by episage, sujin2f
+ * Git repository : https://github.com/episage/bootstrap-3-pretty-file-upload
+ */
+( function( $ ) {
+	$.fn.extend({
+		prettyFile: function( options ) {
+			var defaults = {
+				text : "选择文件"
+			};
+
+			var options =  $.extend(defaults, options);
+			var plugin = this;
+
+			function make_form( $el, text ) {
+				$el.wrap('<div></div>');
+
+				$el.hide();
+				$el.after( '\
+				<div class="input-append input-group"">\
+					<span class="input-group-btn">\
+						<button class="btn btn-white" type="button">' + text + '</button>\
+					</span>\
+					<input class="input-large form-control" type="text">\
+				</div>\
+				' );
+
+				return $el.parent();
+			};
+
+			function bind_change( $wrap, multiple ) {
+				$wrap.find( 'input[type="file"]' ).change(function () {
+					// When original file input changes, get its value, show it in the fake input
+					var files = $( this )[0].files,
+					info = '';
+
+					if ( files.length == 0 )
+						return false;
+
+					if ( !multiple || files.length == 1 ) {
+						var path = $( this ).val().split('\\');
+						info = path[path.length - 1];
+					} else if ( files.length > 1 ) {
+						// Display number of selected files instead of filenames
+						info = "已选择了" + files.length + ' 个文件';
+					}
+
+					$wrap.find('.input-append input').val( info );
+				});
+			};
+
+			function bind_button( $wrap, multiple ) {
+				$wrap.find( '.input-append' ).click( function( e ) {
+					e.preventDefault();
+					$wrap.find( 'input[type="file"]' ).click();
+				});
+			};
+
+			return plugin.each( function() {
+				$this = $( this );
+
+				if ( $this ) {
+					var multiple = $this.attr( 'multiple' );
+
+					$wrap = make_form( $this, options.text );
+					bind_change( $wrap, multiple );
+					bind_button( $wrap );
+				}
+			});
+		}
+	});
+}( jQuery ));
+