WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/templates/admin4/form

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.2
		4	Version: 3.6.2
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Like: www.facebook.com/keenthemes
		10	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		11	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		12	-->
		13	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		14	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		15	<!--[if !IE]><!-->
		16	<html lang="en">
		17	<!--<![endif]-->
		18	<!-- BEGIN HEAD -->
		19	<head>
		20	<meta charset="utf-8"/>
		21	<title>Metronic \| Form Stuff - Multiple File Upload</title>
		22	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		23	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		24	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		25	<meta content="" name="description"/>
		26	<meta content="" name="author"/>
		27	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		28	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
		29	<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		30	<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
		31	<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		32	<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
		33	<link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
		34	<!-- END GLOBAL MANDATORY STYLES -->
		35	<!-- BEGIN PAGE LEVEL STYLES -->
		36	<link href="../../assets/global/plugins/jquery-file-upload/blueimp-gallery/blueimp-gallery.min.css" rel="stylesheet"/>
		37	<link href="../../assets/global/plugins/jquery-file-upload/css/jquery.fileupload.css" rel="stylesheet"/>
		38	<link href="../../assets/global/plugins/jquery-file-upload/css/jquery.fileupload-ui.css" rel="stylesheet"/>
		39	<!-- END PAGE LEVEL STYLES -->
		40	<!-- BEGIN THEME STYLES -->
		41	<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css"/>
		42	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
		43	<link href="../../assets/admin/layout4/css/layout.css" rel="stylesheet" type="text/css"/>
		44	<link id="style_color" href="../../assets/admin/layout4/css/themes/light.css" rel="stylesheet" type="text/css"/>
		45	<link href="../../assets/admin/layout4/css/custom.css" rel="stylesheet" type="text/css"/>
		46	<!-- END THEME STYLES -->
		47	<link rel="shortcut icon" href="favicon.ico"/>
		48	</head>
		49	<!-- END HEAD -->
		50	<!-- BEGIN BODY -->
		51	<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
		52	<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
		53	<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
		54	<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
		55	<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
		56	<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
		57	<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
		58	<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
		59	<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
		60	<body class="page-header-fixed page-sidebar-closed-hide-logo ">
		61	<!-- BEGIN HEADER -->
		62	<div class="page-header navbar navbar-fixed-top">
		63	<!-- BEGIN HEADER INNER -->
		64	<div class="page-header-inner">
		65	<!-- BEGIN LOGO -->
		66	<div class="page-logo">
		67	<a href="index.html">
		68	<img src="../../assets/admin/layout4/img/logo-light.png" alt="logo" class="logo-default"/>
		69	</a>
		70	<div class="menu-toggler sidebar-toggler">
		71	<!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
		72	</div>
		73	</div>
		74	<!-- END LOGO -->
		75	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		76	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		77	</a>
		78	<!-- END RESPONSIVE MENU TOGGLER -->
		79	<!-- BEGIN PAGE ACTIONS -->
		80	<!-- DOC: Remove "hide" class to enable the page header actions -->
		81	<div class="page-actions">
		82	<div class="btn-group">
		83	<button type="button" class="btn red-haze btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		84	<span class="hidden-sm hidden-xs">Actions </span><i class="fa fa-angle-down"></i>
		85	</button>
		86	<ul class="dropdown-menu" role="menu">
		87	<li>
		88	<a href="#">
		89	<i class="icon-docs"></i> New Post </a>
		90	</li>
		91	<li>
		92	<a href="#">
		93	<i class="icon-tag"></i> New Comment </a>
		94	</li>
		95	<li>
		96	<a href="#">
		97	<i class="icon-share"></i> Share </a>
		98	</li>
		99	<li class="divider">
		100	</li>
		101	<li>
		102	<a href="#">
		103	<i class="icon-flag"></i> Comments <span class="badge badge-success">4</span>
		104	</a>
		105	</li>
		106	<li>
		107	<a href="#">
		108	<i class="icon-users"></i> Feedbacks <span class="badge badge-danger">2</span>
		109	</a>
		110	</li>
		111	</ul>
		112	</div>
		113	</div>
		114	<!-- END PAGE ACTIONS -->
		115	<!-- BEGIN PAGE TOP -->
		116	<div class="page-top">
		117	<!-- BEGIN HEADER SEARCH BOX -->
		118	<!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
		119	<form class="search-form" action="extra_search.html" method="GET">
		120	<div class="input-group">
		121	<input type="text" class="form-control input-sm" placeholder="Search..." name="query">
		122	<span class="input-group-btn">
		123	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		124	</span>
		125	</div>
		126	</form>
		127	<!-- END HEADER SEARCH BOX -->
		128	<!-- BEGIN TOP NAVIGATION MENU -->
		129	<div class="top-menu">
		130	<ul class="nav navbar-nav pull-right">
		131	<li class="separator hide">
		132	</li>
		133	<!-- BEGIN NOTIFICATION DROPDOWN -->
		134	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		135	<li class="dropdown dropdown-extended dropdown-notification dropdown-dark" id="header_notification_bar">
		136	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		137	<i class="icon-bell"></i>
		138	<span class="badge badge-success">
		139	7 </span>
		140	</a>
		141	<ul class="dropdown-menu">
		142	<li class="external">
		143	<h3><span class="bold">12 pending</span> notifications</h3>
		144	<a href="extra_profile.html">view all</a>
		145	</li>
		146	<li>
		147	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		148	<li>
		149	<a href="javascript:;">
		150	<span class="time">just now</span>
		151	<span class="details">
		152	<span class="label label-sm label-icon label-success">
		153	<i class="fa fa-plus"></i>
		154	</span>
		155	New user registered. </span>
		156	</a>
		157	</li>
		158	<li>
		159	<a href="javascript:;">
		160	<span class="time">3 mins</span>
		161	<span class="details">
		162	<span class="label label-sm label-icon label-danger">
		163	<i class="fa fa-bolt"></i>
		164	</span>
		165	Server #12 overloaded. </span>
		166	</a>
		167	</li>
		168	<li>
		169	<a href="javascript:;">
		170	<span class="time">10 mins</span>
		171	<span class="details">
		172	<span class="label label-sm label-icon label-warning">
		173	<i class="fa fa-bell-o"></i>
		174	</span>
		175	Server #2 not responding. </span>
		176	</a>
		177	</li>
		178	<li>
		179	<a href="javascript:;">
		180	<span class="time">14 hrs</span>
		181	<span class="details">
		182	<span class="label label-sm label-icon label-info">
		183	<i class="fa fa-bullhorn"></i>
		184	</span>
		185	Application error. </span>
		186	</a>
		187	</li>
		188	<li>
		189	<a href="javascript:;">
		190	<span class="time">2 days</span>
		191	<span class="details">
		192	<span class="label label-sm label-icon label-danger">
		193	<i class="fa fa-bolt"></i>
		194	</span>
		195	Database overloaded 68%. </span>
		196	</a>
		197	</li>
		198	<li>
		199	<a href="javascript:;">
		200	<span class="time">3 days</span>
		201	<span class="details">
		202	<span class="label label-sm label-icon label-danger">
		203	<i class="fa fa-bolt"></i>
		204	</span>
		205	A user IP blocked. </span>
		206	</a>
		207	</li>
		208	<li>
		209	<a href="javascript:;">
		210	<span class="time">4 days</span>
		211	<span class="details">
		212	<span class="label label-sm label-icon label-warning">
		213	<i class="fa fa-bell-o"></i>
		214	</span>
		215	Storage Server #4 not responding dfdfdfd. </span>
		216	</a>
		217	</li>
		218	<li>
		219	<a href="javascript:;">
		220	<span class="time">5 days</span>
		221	<span class="details">
		222	<span class="label label-sm label-icon label-info">
		223	<i class="fa fa-bullhorn"></i>
		224	</span>
		225	System Error. </span>
		226	</a>
		227	</li>
		228	<li>
		229	<a href="javascript:;">
		230	<span class="time">9 days</span>
		231	<span class="details">
		232	<span class="label label-sm label-icon label-danger">
		233	<i class="fa fa-bolt"></i>
		234	</span>
		235	Storage server failed. </span>
		236	</a>
		237	</li>
		238	</ul>
		239	</li>
		240	</ul>
		241	</li>
		242	<!-- END NOTIFICATION DROPDOWN -->
		243	<li class="separator hide">
		244	</li>
		245	<!-- BEGIN INBOX DROPDOWN -->
		246	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		247	<li class="dropdown dropdown-extended dropdown-inbox dropdown-dark" id="header_inbox_bar">
		248	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		249	<i class="icon-envelope-open"></i>
		250	<span class="badge badge-danger">
		251	4 </span>
		252	</a>
		253	<ul class="dropdown-menu">
		254	<li class="external">
		255	<h3>You have <span class="bold">7 New</span> Messages</h3>
		256	<a href="inbox.html">view all</a>
		257	</li>
		258	<li>
		259	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		260	<li>
		261	<a href="inbox.html?a=view">
		262	<span class="photo">
		263	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		264	</span>
		265	<span class="subject">
		266	<span class="from">
		267	Lisa Wong </span>
		268	<span class="time">Just Now </span>
		269	</span>
		270	<span class="message">
		271	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		272	</a>
		273	</li>
		274	<li>
		275	<a href="inbox.html?a=view">
		276	<span class="photo">
		277	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		278	</span>
		279	<span class="subject">
		280	<span class="from">
		281	Richard Doe </span>
		282	<span class="time">16 mins </span>
		283	</span>
		284	<span class="message">
		285	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		286	</a>
		287	</li>
		288	<li>
		289	<a href="inbox.html?a=view">
		290	<span class="photo">
		291	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		292	</span>
		293	<span class="subject">
		294	<span class="from">
		295	Bob Nilson </span>
		296	<span class="time">2 hrs </span>
		297	</span>
		298	<span class="message">
		299	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		300	</a>
		301	</li>
		302	<li>
		303	<a href="inbox.html?a=view">
		304	<span class="photo">
		305	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		306	</span>
		307	<span class="subject">
		308	<span class="from">
		309	Lisa Wong </span>
		310	<span class="time">40 mins </span>
		311	</span>
		312	<span class="message">
		313	Vivamus sed auctor 40% nibh congue nibh... </span>
		314	</a>
		315	</li>
		316	<li>
		317	<a href="inbox.html?a=view">
		318	<span class="photo">
		319	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		320	</span>
		321	<span class="subject">
		322	<span class="from">
		323	Richard Doe </span>
		324	<span class="time">46 mins </span>
		325	</span>
		326	<span class="message">
		327	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		328	</a>
		329	</li>
		330	</ul>
		331	</li>
		332	</ul>
		333	</li>
		334	<!-- END INBOX DROPDOWN -->
		335	<li class="separator hide">
		336	</li>
		337	<!-- BEGIN TODO DROPDOWN -->
		338	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		339	<li class="dropdown dropdown-extended dropdown-tasks dropdown-dark" id="header_task_bar">
		340	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		341	<i class="icon-calendar"></i>
		342	<span class="badge badge-primary">
		343	3 </span>
		344	</a>
		345	<ul class="dropdown-menu extended tasks">
		346	<li class="external">
		347	<h3>You have <span class="bold">12 pending</span> tasks</h3>
		348	<a href="page_todo.html">view all</a>
		349	</li>
		350	<li>
		351	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		352	<li>
		353	<a href="javascript:;">
		354	<span class="task">
		355	<span class="desc">New release v1.2 </span>
		356	<span class="percent">30%</span>
		357	</span>
		358	<span class="progress">
		359	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
		360	</span>
		361	</a>
		362	</li>
		363	<li>
		364	<a href="javascript:;">
		365	<span class="task">
		366	<span class="desc">Application deployment</span>
		367	<span class="percent">65%</span>
		368	</span>
		369	<span class="progress">
		370	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
		371	</span>
		372	</a>
		373	</li>
		374	<li>
		375	<a href="javascript:;">
		376	<span class="task">
		377	<span class="desc">Mobile app release</span>
		378	<span class="percent">98%</span>
		379	</span>
		380	<span class="progress">
		381	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
		382	</span>
		383	</a>
		384	</li>
		385	<li>
		386	<a href="javascript:;">
		387	<span class="task">
		388	<span class="desc">Database migration</span>
		389	<span class="percent">10%</span>
		390	</span>
		391	<span class="progress">
		392	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
		393	</span>
		394	</a>
		395	</li>
		396	<li>
		397	<a href="javascript:;">
		398	<span class="task">
		399	<span class="desc">Web server upgrade</span>
		400	<span class="percent">58%</span>
		401	</span>
		402	<span class="progress">
		403	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
		404	</span>
		405	</a>
		406	</li>
		407	<li>
		408	<a href="javascript:;">
		409	<span class="task">
		410	<span class="desc">Mobile development</span>
		411	<span class="percent">85%</span>
		412	</span>
		413	<span class="progress">
		414	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
		415	</span>
		416	</a>
		417	</li>
		418	<li>
		419	<a href="javascript:;">
		420	<span class="task">
		421	<span class="desc">New UI release</span>
		422	<span class="percent">38%</span>
		423	</span>
		424	<span class="progress progress-striped">
		425	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
		426	</span>
		427	</a>
		428	</li>
		429	</ul>
		430	</li>
		431	</ul>
		432	</li>
		433	<!-- END TODO DROPDOWN -->
		434	<!-- BEGIN USER LOGIN DROPDOWN -->
		435	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		436	<li class="dropdown dropdown-user dropdown-dark">
		437	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		438	<span class="username username-hide-on-mobile">
		439	Nick </span>
		440	<!-- DOC: Do not remove below empty space( ) as its purposely used -->
		441	<img alt="" class="img-circle" src="../../assets/admin/layout4/img/avatar9.jpg"/>
		442	</a>
		443	<ul class="dropdown-menu dropdown-menu-default">
		444	<li>
		445	<a href="extra_profile.html">
		446	<i class="icon-user"></i> My Profile </a>
		447	</li>
		448	<li>
		449	<a href="page_calendar.html">
		450	<i class="icon-calendar"></i> My Calendar </a>
		451	</li>
		452	<li>
		453	<a href="inbox.html">
		454	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		455	3 </span>
		456	</a>
		457	</li>
		458	<li>
		459	<a href="page_todo.html">
		460	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		461	7 </span>
		462	</a>
		463	</li>
		464	<li class="divider">
		465	</li>
		466	<li>
		467	<a href="extra_lock.html">
		468	<i class="icon-lock"></i> Lock Screen </a>
		469	</li>
		470	<li>
		471	<a href="login.html">
		472	<i class="icon-key"></i> Log Out </a>
		473	</li>
		474	</ul>
		475	</li>
		476	<!-- END USER LOGIN DROPDOWN -->
		477	</ul>
		478	</div>
		479	<!-- END TOP NAVIGATION MENU -->
		480	</div>
		481	<!-- END PAGE TOP -->
		482	</div>
		483	<!-- END HEADER INNER -->
		484	</div>
		485	<!-- END HEADER -->
		486	<div class="clearfix">
		487	</div>
		488	<!-- BEGIN CONTAINER -->
		489	<div class="page-container">
		490	<!-- BEGIN SIDEBAR -->
		491	<div class="page-sidebar-wrapper">
		492	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		493	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		494	<div class="page-sidebar navbar-collapse collapse">
		495	<!-- BEGIN SIDEBAR MENU -->
		496	<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
		497	<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
		498	<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
		499	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		500	<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
		501	<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		502	<ul class="page-sidebar-menu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
		503	<li class="start ">
		504	<a href="index.html">
		505	<i class="icon-home"></i>
		506	<span class="title">Dashboard</span>
		507	</a>
		508	</li>
		509	<li>
		510	<a href="javascript:;">
		511	<i class="icon-basket"></i>
		512	<span class="title">eCommerce</span>
		513	<span class="arrow "></span>
		514	</a>
		515	<ul class="sub-menu">
		516	<li>
		517	<a href="ecommerce_index.html">
		518	<i class="icon-home"></i>
		519	Dashboard</a>
		520	</li>
		521	<li>
		522	<a href="ecommerce_orders.html">
		523	<i class="icon-basket"></i>
		524	Orders</a>
		525	</li>
		526	<li>
		527	<a href="ecommerce_orders_view.html">
		528	<i class="icon-tag"></i>
		529	Order View</a>
		530	</li>
		531	<li>
		532	<a href="ecommerce_products.html">
		533	<i class="icon-handbag"></i>
		534	Products</a>
		535	</li>
		536	<li>
		537	<a href="ecommerce_products_edit.html">
		538	<i class="icon-pencil"></i>
		539	Product Edit</a>
		540	</li>
		541	</ul>
		542	</li>
		543	<li>
		544	<a href="javascript:;">
		545	<i class="icon-rocket"></i>
		546	<span class="title">Page Layouts</span>
		547	<span class="arrow "></span>
		548	</a>
		549	<ul class="sub-menu">
		550	<li>
		551	<a href="layout_sidebar_reversed.html">
		552	<span class="badge badge-warning">new</span>Right Sidebar Page</a>
		553	</li>
		554	<li>
		555	<a href="layout_sidebar_fixed.html">
		556	Sidebar Fixed Page</a>
		557	</li>
		558	<li>
		559	<a href="layout_sidebar_closed.html">
		560	Sidebar Closed Page</a>
		561	</li>
		562	<li>
		563	<a href="layout_blank_page.html">
		564	Blank Page</a>
		565	</li>
		566	<li>
		567	<a href="layout_boxed_page.html">
		568	Boxed Page</a>
		569	</li>
		570	<li>
		571	<a href="layout_language_bar.html">
		572	Language Switch Bar</a>
		573	</li>
		574	</ul>
		575	</li>
		576	<li>
		577	<a href="javascript:;">
		578	<i class="icon-diamond"></i>
		579	<span class="title">UI Features</span>
		580	<span class="arrow "></span>
		581	</a>
		582	<ul class="sub-menu">
		583	<li>
		584	<a href="ui_general.html">
		585	General Components</a>
		586	</li>
		587	<li>
		588	<a href="ui_buttons.html">
		589	Buttons</a>
		590	</li>
		591	<li>
		592	<a href="ui_icons.html">
		593	<span class="badge badge-danger">new</span>Font Icons</a>
		594	</li>
		595	<li>
		596	<a href="ui_colors.html">
		597	Flat UI Colors</a>
		598	</li>
		599	<li>
		600	<a href="ui_typography.html">
		601	Typography</a>
		602	</li>
		603	<li>
		604	<a href="ui_tabs_accordions_navs.html">
		605	Tabs, Accordions & Navs</a>
		606	</li>
		607	<li>
		608	<a href="ui_tree.html">
		609	<span class="badge badge-danger">new</span>Tree View</a>
		610	</li>
		611	<li>
		612	<a href="ui_page_progress_style_1.html">
		613	<span class="badge badge-warning">new</span>Page Progress Bar - Style 1</a>
		614	</li>
		615	<li>
		616	<a href="ui_blockui.html">
		617	Block UI</a>
		618	</li>
		619	<li>
		620	<a href="ui_notific8.html">
		621	Notific8 Notifications</a>
		622	</li>
		623	<li>
		624	<a href="ui_toastr.html">
		625	Toastr Notifications</a>
		626	</li>
		627	<li>
		628	<a href="ui_alert_dialog_api.html">
		629	<span class="badge badge-danger">new</span>Alerts & Dialogs API</a>
		630	</li>
		631	<li>
		632	<a href="ui_session_timeout.html">
		633	Session Timeout</a>
		634	</li>
		635	<li>
		636	<a href="ui_idle_timeout.html">
		637	User Idle Timeout</a>
		638	</li>
		639	<li>
		640	<a href="ui_modals.html">
		641	Modals</a>
		642	</li>
		643	<li>
		644	<a href="ui_extended_modals.html">
		645	Extended Modals</a>
		646	</li>
		647	<li>
		648	<a href="ui_tiles.html">
		649	Tiles</a>
		650	</li>
		651	<li>
		652	<a href="ui_datepaginator.html">
		653	<span class="badge badge-success">new</span>Date Paginator</a>
		654	</li>
		655	<li>
		656	<a href="ui_nestable.html">
		657	Nestable List</a>
		658	</li>
		659	</ul>
		660	</li>
		661	<li>
		662	<a href="javascript:;">
		663	<i class="icon-puzzle"></i>
		664	<span class="title">UI Components</span>
		665	<span class="arrow "></span>
		666	</a>
		667	<ul class="sub-menu">
		668	<li>
		669	<a href="components_pickers.html">
		670	Date & Time Pickers</a>
		671	</li>
		672	<li>
		673	<a href="components_context_menu.html">
		674	Context Menu</a>
		675	</li>
		676	<li>
		677	<a href="components_dropdowns.html">
		678	Custom Dropdowns</a>
		679	</li>
		680	<li>
		681	<a href="components_form_tools.html">
		682	Form Tools</a>
		683	</li>
		684	<li>
		685	<a href="components_editors.html">
		686	Markdown & WYSIWYG Editors</a>
		687	</li>
		688	<li>
		689	<a href="components_ion_sliders.html">
		690	Ion Range Sliders</a>
		691	</li>
		692	<li>
		693	<a href="components_noui_sliders.html">
		694	NoUI Range Sliders</a>
		695	</li>
		696	<li>
		697	<a href="components_jqueryui_sliders.html">
		698	jQuery UI Sliders</a>
		699	</li>
		700	<li>
		701	<a href="components_knob_dials.html">
		702	Knob Circle Dials</a>
		703	</li>
		704	</ul>
		705	</li>
		706	<!-- BEGIN ANGULARJS LINK -->
		707	<li class="tooltips" data-container="body" data-placement="right" data-html="true" data-original-title="AngularJS version demo">
		708	<a href="angularjs" target="_blank">
		709	<i class="icon-paper-plane"></i>
		710	<span class="title">
		711	AngularJS Version </span>
		712	</a>
		713	</li>
		714	<!-- END ANGULARJS LINK -->
		715	<li class="active open">
		716	<a href="javascript:;">
		717	<i class="icon-settings"></i>
		718	<span class="title">Form Stuff</span>
		719	<span class="arrow open"></span>
		720	</a>
		721	<ul class="sub-menu">
		722	<li>
		723	<a href="form_controls.html">
		724	Form Controls</a>
		725	</li>
		726	<li>
		727	<a href="form_icheck.html">
		728	iCheck Controls</a>
		729	</li>
		730	<li>
		731	<a href="form_layouts.html">
		732	Form Layouts</a>
		733	</li>
		734	<li>
		735	<a href="form_editable.html">
		736	<span class="badge badge-warning">new</span>Form X-editable</a>
		737	</li>
		738	<li>
		739	<a href="form_wizard.html">
		740	Form Wizard</a>
		741	</li>
		742	<li>
		743	<a href="form_validation.html">
		744	Form Validation</a>
		745	</li>
		746	<li>
		747	<a href="form_image_crop.html">
		748	<span class="badge badge-danger">new</span>Image Cropping</a>
		749	</li>
		750	<li class="active">
		751	<a href="form_fileupload.html">
		752	Multiple File Upload</a>
		753	</li>
		754	<li>
		755	<a href="form_dropzone.html">
		756	Dropzone File Upload</a>
		757	</li>
		758	</ul>
		759	</li>
		760	<li>
		761	<a href="javascript:;">
		762	<i class="icon-briefcase"></i>
		763	<span class="title">Data Tables</span>
		764	<span class="arrow "></span>
		765	</a>
		766	<ul class="sub-menu">
		767	<li>
		768	<a href="table_basic.html">
		769	Basic Datatables</a>
		770	</li>
		771	<li>
		772	<a href="table_tree.html">
		773	Tree Datatables</a>
		774	</li>
		775	<li>
		776	<a href="table_responsive.html">
		777	Responsive Datatables</a>
		778	</li>
		779	<li>
		780	<a href="table_managed.html">
		781	Managed Datatables</a>
		782	</li>
		783	<li>
		784	<a href="table_editable.html">
		785	Editable Datatables</a>
		786	</li>
		787	<li>
		788	<a href="table_advanced.html">
		789	Advanced Datatables</a>
		790	</li>
		791	<li>
		792	<a href="table_ajax.html">
		793	Ajax Datatables</a>
		794	</li>
		795	</ul>
		796	</li>
		797	<li>
		798	<a href="javascript:;">
		799	<i class="icon-wallet"></i>
		800	<span class="title">Portlets</span>
		801	<span class="arrow "></span>
		802	</a>
		803	<ul class="sub-menu">
		804	<li>
		805	<a href="portlet_general.html">
		806	General Portlets</a>
		807	</li>
		808	<li>
		809	<a href="portlet_general2.html">
		810	<span class="badge badge-danger">new</span>New Portlets #1</a>
		811	</li>
		812	<li>
		813	<a href="portlet_general3.html">
		814	<span class="badge badge-danger">new</span>New Portlets #2</a>
		815	</li>
		816	<li>
		817	<a href="portlet_ajax.html">
		818	Ajax Portlets</a>
		819	</li>
		820	<li>
		821	<a href="portlet_draggable.html">
		822	Draggable Portlets</a>
		823	</li>
		824	</ul>
		825	</li>
		826	<li>
		827	<a href="javascript:;">
		828	<i class="icon-bar-chart"></i>
		829	<span class="title">Charts</span>
		830	<span class="arrow "></span>
		831	</a>
		832	<ul class="sub-menu">
		833	<li>
		834	<a href="charts_amcharts.html">
		835	Amchart</a>
		836	</li>
		837	<li>
		838	<a href="charts_flotcharts.html">
		839	Flotchart</a>
		840	</li>
		841	</ul>
		842	</li>
		843	<li>
		844	<a href="javascript:;">
		845	<i class="icon-docs"></i>
		846	<span class="title">Pages</span>
		847	<span class="arrow "></span>
		848	</a>
		849	<ul class="sub-menu">
		850	<li>
		851	<a href="page_timeline.html">
		852	<i class="icon-paper-plane"></i>
		853	<span class="badge badge-warning">2</span>New Timeline</a>
		854	</li>
		855	<li>
		856	<a href="extra_profile.html">
		857	<i class="icon-user-following"></i>
		858	<span class="badge badge-success badge-roundless">new</span>New User Profile</a>
		859	</li>
		860	<li>
		861	<a href="page_todo.html">
		862	<i class="icon-hourglass"></i>
		863	<span class="badge badge-danger">4</span>Todo</a>
		864	</li>
		865	<li>
		866	<a href="inbox.html">
		867	<i class="icon-envelope"></i>
		868	<span class="badge badge-danger">4</span>Inbox</a>
		869	</li>
		870	<li>
		871	<a href="extra_faq.html">
		872	<i class="icon-info"></i>
		873	FAQ</a>
		874	</li>
		875	<li>
		876	<a href="page_portfolio.html">
		877	<i class="icon-feed"></i>
		878	Portfolio</a>
		879	</li>
		880	<li>
		881	<a href="page_timeline.html">
		882	<i class="icon-clock"></i>
		883	<span class="badge badge-info">4</span>Timeline</a>
		884	</li>
		885	<li>
		886	<a href="page_coming_soon.html">
		887	<i class="icon-flag"></i>
		888	Coming Soon</a>
		889	</li>
		890	<li>
		891	<a href="page_calendar.html">
		892	<i class="icon-calendar"></i>
		893	<span class="badge badge-danger">14</span>Calendar</a>
		894	</li>
		895	<li>
		896	<a href="extra_invoice.html">
		897	<i class="icon-flag"></i>
		898	Invoice</a>
		899	</li>
		900	<li>
		901	<a href="page_blog.html">
		902	<i class="icon-speech"></i>
		903	Blog</a>
		904	</li>
		905	<li>
		906	<a href="page_blog_item.html">
		907	<i class="icon-link"></i>
		908	Blog Post</a>
		909	</li>
		910	<li>
		911	<a href="page_news.html">
		912	<i class="icon-eye"></i>
		913	<span class="badge badge-success">9</span>News</a>
		914	</li>
		915	<li>
		916	<a href="page_news_item.html">
		917	<i class="icon-bell"></i>
		918	News View</a>
		919	</li>
		920	<li>
		921	<a href="page_timeline_old.html">
		922	<i class="icon-paper-plane"></i>
		923	<span class="badge badge-warning">2</span>Old Timeline</a>
		924	</li>
		925	<li>
		926	<a href="extra_profile_old.html">
		927	<i class="icon-user"></i>
		928	Old User Profile</a>
		929	</li>
		930	</ul>
		931	</li>
		932	<li>
		933	<a href="javascript:;">
		934	<i class="icon-present"></i>
		935	<span class="title">Extra</span>
		936	<span class="arrow "></span>
		937	</a>
		938	<ul class="sub-menu">
		939	<li>
		940	<a href="page_about.html">
		941	About Us</a>
		942	</li>
		943	<li>
		944	<a href="page_contact.html">
		945	Contact Us</a>
		946	</li>
		947	<li>
		948	<a href="extra_search.html">
		949	Search Results</a>
		950	</li>
		951	<li>
		952	<a href="extra_pricing_table.html">
		953	Pricing Tables</a>
		954	</li>
		955	<li>
		956	<a href="extra_404_option1.html">
		957	404 Page Option 1</a>
		958	</li>
		959	<li>
		960	<a href="extra_404_option2.html">
		961	404 Page Option 2</a>
		962	</li>
		963	<li>
		964	<a href="extra_404_option3.html">
		965	404 Page Option 3</a>
		966	</li>
		967	<li>
		968	<a href="extra_500_option1.html">
		969	500 Page Option 1</a>
		970	</li>
		971	<li>
		972	<a href="extra_500_option2.html">
		973	500 Page Option 2</a>
		974	</li>
		975	</ul>
		976	</li>
		977	<li>
		978	<a href="javascript:;">
		979	<i class="icon-folder"></i>
		980	<span class="title">Multi Level Menu</span>
		981	<span class="arrow "></span>
		982	</a>
		983	<ul class="sub-menu">
		984	<li>
		985	<a href="javascript:;">
		986	<i class="icon-settings"></i> Item 1 <span class="arrow"></span>
		987	</a>
		988	<ul class="sub-menu">
		989	<li>
		990	<a href="javascript:;">
		991	<i class="icon-user"></i>
		992	Sample Link 1 <span class="arrow"></span>
		993	</a>
		994	<ul class="sub-menu">
		995	<li>
		996	<a href="#"><i class="icon-power"></i> Sample Link 1</a>
		997	</li>
		998	<li>
		999	<a href="#"><i class="icon-paper-plane"></i> Sample Link 1</a>
		1000	</li>
		1001	<li>
		1002	<a href="#"><i class="icon-star"></i> Sample Link 1</a>
		1003	</li>
		1004	</ul>
		1005	</li>
		1006	<li>
		1007	<a href="#"><i class="icon-camera"></i> Sample Link 1</a>
		1008	</li>
		1009	<li>
		1010	<a href="#"><i class="icon-link"></i> Sample Link 2</a>
		1011	</li>
		1012	<li>
		1013	<a href="#"><i class="icon-pointer"></i> Sample Link 3</a>
		1014	</li>
		1015	</ul>
		1016	</li>
		1017	<li>
		1018	<a href="javascript:;">
		1019	<i class="icon-globe"></i> Item 2 <span class="arrow"></span>
		1020	</a>
		1021	<ul class="sub-menu">
		1022	<li>
		1023	<a href="#"><i class="icon-tag"></i> Sample Link 1</a>
		1024	</li>
		1025	<li>
		1026	<a href="#"><i class="icon-pencil"></i> Sample Link 1</a>
		1027	</li>
		1028	<li>
		1029	<a href="#"><i class="icon-graph"></i> Sample Link 1</a>
		1030	</li>
		1031	</ul>
		1032	</li>
		1033	<li>
		1034	<a href="#">
		1035	<i class="icon-bar-chart"></i>
		1036	Item 3 </a>
		1037	</li>
		1038	</ul>
		1039	</li>
		1040	<li>
		1041	<a href="javascript:;">
		1042	<i class="icon-user"></i>
		1043	<span class="title">Login Options</span>
		1044	<span class="arrow "></span>
		1045	</a>
		1046	<ul class="sub-menu">
		1047	<li>
		1048	<a href="login.html">
		1049	Login Form 1</a>
		1050	</li>
		1051	<li>
		1052	<a href="login_2.html">
		1053	Login Form 2</a>
		1054	</li>
		1055	<li>
		1056	<a href="login_3.html">
		1057	Login Form 3</a>
		1058	</li>
		1059	<li>
		1060	<a href="login_soft.html">
		1061	Login Form 4</a>
		1062	</li>
		1063	<li>
		1064	<a href="extra_lock.html">
		1065	Lock Screen 1</a>
		1066	</li>
		1067	<li>
		1068	<a href="extra_lock2.html">
		1069	Lock Screen 2</a>
		1070	</li>
		1071	</ul>
		1072	</li>
		1073	<li>
		1074	<a href="javascript:;">
		1075	<i class="icon-envelope-open"></i>
		1076	<span class="title">Email Templates</span>
		1077	<span class="arrow "></span>
		1078	</a>
		1079	<ul class="sub-menu">
		1080	<li>
		1081	<a href="email_newsletter.html">
		1082	Responsive Newsletter<br>
		1083	Email Template</a>
		1084	</li>
		1085	<li>
		1086	<a href="email_system.html">
		1087	Responsive System<br>
		1088	Email Template</a>
		1089	</li>
		1090	</ul>
		1091	</li>
		1092	<li class="last ">
		1093	<a href="javascript:;">
		1094	<i class="icon-pointer"></i>
		1095	<span class="title">Maps</span>
		1096	<span class="arrow "></span>
		1097	</a>
		1098	<ul class="sub-menu">
		1099	<li>
		1100	<a href="maps_google.html">
		1101	Google Maps</a>
		1102	</li>
		1103	<li>
		1104	<a href="maps_vector.html">
		1105	Vector Maps</a>
		1106	</li>
		1107	</ul>
		1108	</li>
		1109	</ul>
		1110	<!-- END SIDEBAR MENU -->
		1111	</div>
		1112	</div>
		1113	<!-- END SIDEBAR -->
		1114	<!-- BEGIN CONTENT -->
		1115	<div class="page-content-wrapper">
		1116	<div class="page-content">
		1117	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1118	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1119	<div class="modal-dialog">
		1120	<div class="modal-content">
		1121	<div class="modal-header">
		1122	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1123	<h4 class="modal-title">Modal title</h4>
		1124	</div>
		1125	<div class="modal-body">
		1126	Widget settings form goes here
		1127	</div>
		1128	<div class="modal-footer">
		1129	<button type="button" class="btn blue">Save changes</button>
		1130	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1131	</div>
		1132	</div>
		1133	<!-- /.modal-content -->
		1134	</div>
		1135	<!-- /.modal-dialog -->
		1136	</div>
		1137	<!-- /.modal -->
		1138	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1139	<!-- BEGIN PAGE HEADER-->
		1140	<!-- BEGIN PAGE HEAD -->
		1141	<div class="page-head">
		1142	<!-- BEGIN PAGE TITLE -->
		1143	<div class="page-title">
		1144	<h1>Multiple File Upload <small>amazing file upload experience</small></h1>
		1145	</div>
		1146	<!-- END PAGE TITLE -->
		1147	<!-- BEGIN PAGE TOOLBAR -->
		1148	<div class="page-toolbar">
		1149	<!-- BEGIN THEME PANEL -->
		1150	<div class="btn-group btn-theme-panel">
		1151	<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
		1152	<i class="icon-settings"></i>
		1153	</a>
		1154	<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
		1155	<div class="row">
		1156	<div class="col-md-4 col-sm-4 col-xs-12">
		1157	<h3>THEME</h3>
		1158	<ul class="theme-colors">
		1159	<li class="theme-color theme-color-default active" data-theme="default">
		1160	<span class="theme-color-view"></span>
		1161	<span class="theme-color-name">Dark Header</span>
		1162	</li>
		1163	<li class="theme-color theme-color-light" data-theme="light">
		1164	<span class="theme-color-view"></span>
		1165	<span class="theme-color-name">Light Header</span>
		1166	</li>
		1167	</ul>
		1168	</div>
		1169	<div class="col-md-8 col-sm-8 col-xs-12 seperator">
		1170	<h3>LAYOUT</h3>
		1171	<ul class="theme-settings">
		1172	<li>
		1173	Theme Style
		1174	<select class="layout-style-option form-control input-small input-sm">
		1175	<option value="square" selected="selected">Square corners</option>
		1176	<option value="rounded">Rounded corners</option>
		1177	</select>
		1178	</li>
		1179	<li>
		1180	Layout
		1181	<select class="layout-option form-control input-small input-sm">
		1182	<option value="fluid" selected="selected">Fluid</option>
		1183	<option value="boxed">Boxed</option>
		1184	</select>
		1185	</li>
		1186	<li>
		1187	Header
		1188	<select class="page-header-option form-control input-small input-sm">
		1189	<option value="fixed" selected="selected">Fixed</option>
		1190	<option value="default">Default</option>
		1191	</select>
		1192	</li>
		1193	<li>
		1194	Top Dropdowns
		1195	<select class="page-header-top-dropdown-style-option form-control input-small input-sm">
		1196	<option value="light">Light</option>
		1197	<option value="dark" selected="selected">Dark</option>
		1198	</select>
		1199	</li>
		1200	<li>
		1201	Sidebar Mode
		1202	<select class="sidebar-option form-control input-small input-sm">
		1203	<option value="fixed">Fixed</option>
		1204	<option value="default" selected="selected">Default</option>
		1205	</select>
		1206	</li>
		1207	<li>
		1208	Sidebar Menu
		1209	<select class="sidebar-menu-option form-control input-small input-sm">
		1210	<option value="accordion" selected="selected">Accordion</option>
		1211	<option value="hover">Hover</option>
		1212	</select>
		1213	</li>
		1214	<li>
		1215	Sidebar Position
		1216	<select class="sidebar-pos-option form-control input-small input-sm">
		1217	<option value="left" selected="selected">Left</option>
		1218	<option value="right">Right</option>
		1219	</select>
		1220	</li>
		1221	<li>
		1222	Footer
		1223	<select class="page-footer-option form-control input-small input-sm">
		1224	<option value="fixed">Fixed</option>
		1225	<option value="default" selected="selected">Default</option>
		1226	</select>
		1227	</li>
		1228	</ul>
		1229	</div>
		1230	</div>
		1231	</div>
		1232	</div>
		1233	<!-- END THEME PANEL -->
		1234	</div>
		1235	<!-- END PAGE TOOLBAR -->
		1236	</div>
		1237	<!-- END PAGE HEAD -->
		1238	<!-- BEGIN PAGE BREADCRUMB -->
		1239	<ul class="page-breadcrumb breadcrumb">
		1240	<li>
		1241	<a href="index.html">Home</a>
		1242	<i class="fa fa-circle"></i>
		1243	</li>
		1244	<li>
		1245	<a href="#">Form Stuff</a>
		1246	<i class="fa fa-circle"></i>
		1247	</li>
		1248	<li>
		1249	<a href="#">Multiple File Upload</a>
		1250	</li>
		1251	</ul>
		1252	<!-- END PAGE BREADCRUMB -->
		1253	<!-- END PAGE HEADER-->
		1254	<!-- BEGIN PAGE CONTENT-->
		1255	<div class="portlet light">
		1256	<div class="portlet-body">
		1257	<div class="row">
		1258	<div class="col-md-12">
		1259	<div class="note note-danger">
		1260	<p>
		1261	File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.<br>
		1262	Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<br>
		1263	Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.
		1264	</p>
		1265	</div>
		1266	<form id="fileupload" action="../../assets/global/plugins/jquery-file-upload/server/php/" method="POST" enctype="multipart/form-data">
		1267	<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
		1268	<div class="row fileupload-buttonbar">
		1269	<div class="col-lg-7">
		1270	<!-- The fileinput-button span is used to style the file input field as button -->
		1271	<span class="btn green fileinput-button">
		1272	<i class="fa fa-plus"></i>
		1273	<span>
		1274	Add files... </span>
		1275	<input type="file" name="files[]" multiple="">
		1276	</span>
		1277	<button type="submit" class="btn blue start">
		1278	<i class="fa fa-upload"></i>
		1279	<span>
		1280	Start upload </span>
		1281	</button>
		1282	<button type="reset" class="btn warning cancel">
		1283	<i class="fa fa-ban-circle"></i>
		1284	<span>
		1285	Cancel upload </span>
		1286	</button>
		1287	<button type="button" class="btn red delete">
		1288	<i class="fa fa-trash"></i>
		1289	<span>
		1290	Delete </span>
		1291	</button>
		1292	<input type="checkbox" class="toggle">
		1293	<!-- The global file processing state -->
		1294	<span class="fileupload-process">
		1295	</span>
		1296	</div>
		1297	<!-- The global progress information -->
		1298	<div class="col-lg-5 fileupload-progress fade">
		1299	<!-- The global progress bar -->
		1300	<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
		1301	<div class="progress-bar progress-bar-success" style="width:0%;">
		1302	</div>
		1303	</div>
		1304	<!-- The extended global progress information -->
		1305	<div class="progress-extended">
		1306
		1307	</div>
		1308	</div>
		1309	</div>
		1310	<!-- The table listing the files available for upload/download -->
		1311	<table role="presentation" class="table table-striped clearfix">
		1312	<tbody class="files">
		1313	</tbody>
		1314	</table>
		1315	</form>
		1316	<div class="panel panel-success">
		1317	<div class="panel-heading">
		1318	<h3 class="panel-title">Demo Notes</h3>
		1319	</div>
		1320	<div class="panel-body">
		1321	<ul>
		1322	<li>
		1323	The maximum file size for uploads in this demo is <strong>5 MB</strong> (default file size is unlimited).
		1324	</li>
		1325	<li>
		1326	Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).
		1327	</li>
		1328	<li>
		1329	Uploaded files will be deleted automatically after <strong>5 minutes</strong> (demo setting).
		1330	</li>
		1331	</ul>
		1332	</div>
		1333	</div>
		1334	</div>
		1335	</div>
		1336	</div>
		1337	</div>
		1338	<!-- END PAGE CONTENT-->
		1339	</div>
		1340	</div>
		1341	<!-- END CONTENT -->
		1342	</div>
		1343	<!-- END CONTAINER -->
		1344	<!-- BEGIN FOOTER -->
		1345	<div class="page-footer">
		1346	<div class="page-footer-inner">
		1347	2014 © Metronic by keenthemes.
		1348	</div>
		1349	<div class="scroll-to-top">
		1350	<i class="icon-arrow-up"></i>
		1351	</div>
		1352	</div>
		1353	<!-- END FOOTER -->
		1354	<!-- The blueimp Gallery widget -->
		1355	<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">
		1356	<div class="slides">
		1357	</div>
		1358	<h3 class="title"></h3>
		1359	<a class="prev">
		1360	‹ </a>
		1361	<a class="next">
		1362	› </a>
		1363	<a class="close white">
		1364	</a>
		1365	<a class="play-pause">
		1366	</a>
		1367	<ol class="indicator">
		1368	</ol>
		1369	</div>
		1370	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		1371	<script id="template-upload" type="text/x-tmpl">
		1372	{% for (var i=0, file; file=o.files[i]; i++) { %}
		1373	<tr class="template-upload fade">
		1374	<td>
		1375	<span class="preview"></span>
		1376	</td>
		1377	<td>
		1378	<p class="name">{%=file.name%}</p>
		1379	<strong class="error text-danger label label-danger"></strong>
		1380	</td>
		1381	<td>
		1382	<p class="size">Processing...</p>
		1383	<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
		1384	<div class="progress-bar progress-bar-success" style="width:0%;"></div>
		1385	</div>
		1386	</td>
		1387	<td>
		1388	{% if (!i && !o.options.autoUpload) { %}
		1389	<button class="btn blue start" disabled>
		1390	<i class="fa fa-upload"></i>
		1391	<span>Start</span>
		1392	</button>
		1393	{% } %}
		1394	{% if (!i) { %}
		1395	<button class="btn red cancel">
		1396	<i class="fa fa-ban"></i>
		1397	<span>Cancel</span>
		1398	</button>
		1399	{% } %}
		1400	</td>
		1401	</tr>
		1402	{% } %}
		1403	</script>
		1404	<!-- The template to display files available for download -->
		1405	<script id="template-download" type="text/x-tmpl">
		1406	{% for (var i=0, file; file=o.files[i]; i++) { %}
		1407	<tr class="template-download fade">
		1408	<td>
		1409	<span class="preview">
		1410	{% if (file.thumbnailUrl) { %}
		1411	<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
		1412	{% } %}
		1413	</span>
		1414	</td>
		1415	<td>
		1416	<p class="name">
		1417	{% if (file.url) { %}
		1418	<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
		1419	{% } else { %}
		1420	<span>{%=file.name%}</span>
		1421	{% } %}
		1422	</p>
		1423	{% if (file.error) { %}
		1424	<div><span class="label label-danger">Error</span> {%=file.error%}</div>
		1425	{% } %}
		1426	</td>
		1427	<td>
		1428	<span class="size">{%=o.formatFileSize(file.size)%}</span>
		1429	</td>
		1430	<td>
		1431	{% if (file.deleteUrl) { %}
		1432	<button class="btn red delete btn-sm" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
		1433	<i class="fa fa-trash-o"></i>
		1434	<span>Delete</span>
		1435	</button>
		1436	<input type="checkbox" name="delete" value="1" class="toggle">
		1437	{% } else { %}
		1438	<button class="btn yellow cancel btn-sm">
		1439	<i class="fa fa-ban"></i>
		1440	<span>Cancel</span>
		1441	</button>
		1442	{% } %}
		1443	</td>
		1444	</tr>
		1445	{% } %}
		1446	</script>
		1447	<!-- BEGIN CORE PLUGINS -->
		1448	<!--[if lt IE 9]>
		1449	<script src="../../assets/global/plugins/respond.min.js"></script>
		1450	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		1451	<![endif]-->
		1452	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		1453	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		1454	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		1455	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		1456	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		1457	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		1458	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		1459	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		1460	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		1461	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		1462	<script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		1463	<!-- END CORE PLUGINS -->
		1464	<!-- BEGIN PAGE LEVEL PLUGINS -->
		1465	<script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
		1466	<!-- END PAGE LEVEL PLUGINS-->
		1467	<!-- BEGIN:File Upload Plugin JS files-->
		1468	<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
		1469	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
		1470	<!-- The Templates plugin is included to render the upload/download listings -->
		1471	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/tmpl.min.js"></script>
		1472	<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
		1473	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/load-image.min.js"></script>
		1474	<!-- The Canvas to Blob plugin is included for image resizing functionality -->
		1475	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/canvas-to-blob.min.js"></script>
		1476	<!-- blueimp Gallery script -->
		1477	<script src="../../assets/global/plugins/jquery-file-upload/blueimp-gallery/jquery.blueimp-gallery.min.js"></script>
		1478	<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
		1479	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.iframe-transport.js"></script>
		1480	<!-- The basic File Upload plugin -->
		1481	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload.js"></script>
		1482	<!-- The File Upload processing plugin -->
		1483	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-process.js"></script>
		1484	<!-- The File Upload image preview & resize plugin -->
		1485	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-image.js"></script>
		1486	<!-- The File Upload audio preview plugin -->
		1487	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-audio.js"></script>
		1488	<!-- The File Upload video preview plugin -->
		1489	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-video.js"></script>
		1490	<!-- The File Upload validation plugin -->
		1491	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-validate.js"></script>
		1492	<!-- The File Upload user interface plugin -->
		1493	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-ui.js"></script>
		1494	<!-- The main application script -->
		1495	<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 -->
		1496	<!--[if (gte IE 8)&(lt IE 10)]>
		1497	<script src="../../assets/global/plugins/jquery-file-upload/js/cors/jquery.xdr-transport.js"></script>
		1498	<![endif]-->
		1499	<!-- END:File Upload Plugin JS files-->
		1500	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		1501	<script src="../../assets/admin/layout4/scripts/layout.js" type="text/javascript"></script>
		1502	<script src="../../assets/admin/layout4/scripts/demo.js" type="text/javascript"></script>
		1503	<script src="../../assets/admin/pages/scripts/form-fileupload.js"></script>
		1504	<script>
		1505	jQuery(document).ready(function() {
		1506	// initiate layout and plugins
		1507	Metronic.init(); // init metronic core components
		1508	Layout.init(); // init current layout
		1509	Demo.init(); // init demo features
		1510	FormFileUpload.init();
		1511	});
		1512	</script>
		1513	<!-- END JAVASCRIPTS -->
		1514	</body>
		1515	<!-- END BODY -->
		1516	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/templates/admin4/form_fileupload.html - Rev 1