WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/templates/admin3/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.2.0
		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 X-editable</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	<!-- END GLOBAL MANDATORY STYLES -->
		34	<!-- BEGIN PLUGINS USED BY X-EDITABLE -->
		35	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/select2/select2.css"/>
		36	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css"/>
		37	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-datepicker/css/datepicker.css"/>
		38	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css"/>
		39	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
		40	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css"/>
		41	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-editable/inputs-ext/address/address.css"/>
		42	<!-- END PLUGINS USED BY X-EDITABLE -->
		43	<!-- BEGIN THEME STYLES -->
		44	<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
		45	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
		46	<link href="../../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
		47	<link href="../../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
		48	<link href="../../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
		49	<!-- END THEME STYLES -->
		50	<link rel="shortcut icon" href="favicon.ico"/>
		51	</head>
		52	<!-- END HEAD -->
		53	<!-- BEGIN BODY -->
		54	<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed -->
		55	<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed -->
		56	<body>
		57	<!-- BEGIN HEADER -->
		58	<div class="page-header">
		59	<!-- BEGIN HEADER TOP -->
		60	<div class="page-header-top">
		61	<div class="container">
		62	<!-- BEGIN LOGO -->
		63	<div class="page-logo">
		64	<a href="index.html"><img src="../../assets/admin/layout3/img/logo-default.png" alt="logo" class="logo-default"></a>
		65	</div>
		66	<!-- END LOGO -->
		67	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		68	<a href="javascript:;" class="menu-toggler"></a>
		69	<!-- END RESPONSIVE MENU TOGGLER -->
		70	<!-- BEGIN TOP NAVIGATION MENU -->
		71	<div class="top-menu">
		72	<ul class="nav navbar-nav pull-right">
		73	<!-- BEGIN NOTIFICATION DROPDOWN -->
		74	<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
		75	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		76	<i class="icon-bell"></i>
		77	<span class="badge badge-default">7</span>
		78	</a>
		79	<ul class="dropdown-menu">
		80	<li class="external">
		81	<h3>You have <strong>12 pending</strong> tasks</h3>
		82	<a href="javascript:;">view all</a>
		83	</li>
		84	<li>
		85	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		86	<li>
		87	<a href="javascript:;">
		88	<span class="time">just now</span>
		89	<span class="details">
		90	<span class="label label-sm label-icon label-success">
		91	<i class="fa fa-plus"></i>
		92	</span>
		93	New user registered. </span>
		94	</a>
		95	</li>
		96	<li>
		97	<a href="javascript:;">
		98	<span class="time">3 mins</span>
		99	<span class="details">
		100	<span class="label label-sm label-icon label-danger">
		101	<i class="fa fa-bolt"></i>
		102	</span>
		103	Server #12 overloaded. </span>
		104	</a>
		105	</li>
		106	<li>
		107	<a href="javascript:;">
		108	<span class="time">10 mins</span>
		109	<span class="details">
		110	<span class="label label-sm label-icon label-warning">
		111	<i class="fa fa-bell-o"></i>
		112	</span>
		113	Server #2 not responding. </span>
		114	</a>
		115	</li>
		116	<li>
		117	<a href="javascript:;">
		118	<span class="time">14 hrs</span>
		119	<span class="details">
		120	<span class="label label-sm label-icon label-info">
		121	<i class="fa fa-bullhorn"></i>
		122	</span>
		123	Application error. </span>
		124	</a>
		125	</li>
		126	<li>
		127	<a href="javascript:;">
		128	<span class="time">2 days</span>
		129	<span class="details">
		130	<span class="label label-sm label-icon label-danger">
		131	<i class="fa fa-bolt"></i>
		132	</span>
		133	Database overloaded 68%. </span>
		134	</a>
		135	</li>
		136	<li>
		137	<a href="javascript:;">
		138	<span class="time">3 days</span>
		139	<span class="details">
		140	<span class="label label-sm label-icon label-danger">
		141	<i class="fa fa-bolt"></i>
		142	</span>
		143	A user IP blocked. </span>
		144	</a>
		145	</li>
		146	<li>
		147	<a href="javascript:;">
		148	<span class="time">4 days</span>
		149	<span class="details">
		150	<span class="label label-sm label-icon label-warning">
		151	<i class="fa fa-bell-o"></i>
		152	</span>
		153	Storage Server #4 not responding dfdfdfd. </span>
		154	</a>
		155	</li>
		156	<li>
		157	<a href="javascript:;">
		158	<span class="time">5 days</span>
		159	<span class="details">
		160	<span class="label label-sm label-icon label-info">
		161	<i class="fa fa-bullhorn"></i>
		162	</span>
		163	System Error. </span>
		164	</a>
		165	</li>
		166	<li>
		167	<a href="javascript:;">
		168	<span class="time">9 days</span>
		169	<span class="details">
		170	<span class="label label-sm label-icon label-danger">
		171	<i class="fa fa-bolt"></i>
		172	</span>
		173	Storage server failed. </span>
		174	</a>
		175	</li>
		176	</ul>
		177	</li>
		178	</ul>
		179	</li>
		180	<!-- END NOTIFICATION DROPDOWN -->
		181	<!-- BEGIN TODO DROPDOWN -->
		182	<li class="dropdown dropdown-extended dropdown-dark dropdown-tasks" id="header_task_bar">
		183	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		184	<i class="icon-calendar"></i>
		185	<span class="badge badge-default">3</span>
		186	</a>
		187	<ul class="dropdown-menu extended tasks">
		188	<li class="external">
		189	<h3>You have <strong>12 pending</strong> tasks</h3>
		190	<a href="javascript:;">view all</a>
		191	</li>
		192	<li>
		193	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		194	<li>
		195	<a href="javascript:;">
		196	<span class="task">
		197	<span class="desc">New release v1.2 </span>
		198	<span class="percent">30%</span>
		199	</span>
		200	<span class="progress">
		201	<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>
		202	</span>
		203	</a>
		204	</li>
		205	<li>
		206	<a href="javascript:;">
		207	<span class="task">
		208	<span class="desc">Application deployment</span>
		209	<span class="percent">65%</span>
		210	</span>
		211	<span class="progress">
		212	<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>
		213	</span>
		214	</a>
		215	</li>
		216	<li>
		217	<a href="javascript:;">
		218	<span class="task">
		219	<span class="desc">Mobile app release</span>
		220	<span class="percent">98%</span>
		221	</span>
		222	<span class="progress">
		223	<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>
		224	</span>
		225	</a>
		226	</li>
		227	<li>
		228	<a href="javascript:;">
		229	<span class="task">
		230	<span class="desc">Database migration</span>
		231	<span class="percent">10%</span>
		232	</span>
		233	<span class="progress">
		234	<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>
		235	</span>
		236	</a>
		237	</li>
		238	<li>
		239	<a href="javascript:;">
		240	<span class="task">
		241	<span class="desc">Web server upgrade</span>
		242	<span class="percent">58%</span>
		243	</span>
		244	<span class="progress">
		245	<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>
		246	</span>
		247	</a>
		248	</li>
		249	<li>
		250	<a href="javascript:;">
		251	<span class="task">
		252	<span class="desc">Mobile development</span>
		253	<span class="percent">85%</span>
		254	</span>
		255	<span class="progress">
		256	<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>
		257	</span>
		258	</a>
		259	</li>
		260	<li>
		261	<a href="javascript:;">
		262	<span class="task">
		263	<span class="desc">New UI release</span>
		264	<span class="percent">38%</span>
		265	</span>
		266	<span class="progress progress-striped">
		267	<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>
		268	</span>
		269	</a>
		270	</li>
		271	</ul>
		272	</li>
		273	</ul>
		274	</li>
		275	<!-- END TODO DROPDOWN -->
		276	<li class="droddown dropdown-separator">
		277	<span class="separator"></span>
		278	</li>
		279	<!-- BEGIN INBOX DROPDOWN -->
		280	<li class="dropdown dropdown-extended dropdown-dark dropdown-inbox" id="header_inbox_bar">
		281	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		282	<span class="circle">3</span>
		283	<span class="corner"></span>
		284	</a>
		285	<ul class="dropdown-menu">
		286	<li class="external">
		287	<h3>You have <strong>7 New</strong> Messages</h3>
		288	<a href="javascript:;">view all</a>
		289	</li>
		290	<li>
		291	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		292	<li>
		293	<a href="inbox.html?a=view">
		294	<span class="photo">
		295	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		296	</span>
		297	<span class="subject">
		298	<span class="from">
		299	Lisa Wong </span>
		300	<span class="time">Just Now </span>
		301	</span>
		302	<span class="message">
		303	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		304	</a>
		305	</li>
		306	<li>
		307	<a href="inbox.html?a=view">
		308	<span class="photo">
		309	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		310	</span>
		311	<span class="subject">
		312	<span class="from">
		313	Richard Doe </span>
		314	<span class="time">16 mins </span>
		315	</span>
		316	<span class="message">
		317	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		318	</a>
		319	</li>
		320	<li>
		321	<a href="inbox.html?a=view">
		322	<span class="photo">
		323	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		324	</span>
		325	<span class="subject">
		326	<span class="from">
		327	Bob Nilson </span>
		328	<span class="time">2 hrs </span>
		329	</span>
		330	<span class="message">
		331	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		332	</a>
		333	</li>
		334	<li>
		335	<a href="inbox.html?a=view">
		336	<span class="photo">
		337	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		338	</span>
		339	<span class="subject">
		340	<span class="from">
		341	Lisa Wong </span>
		342	<span class="time">40 mins </span>
		343	</span>
		344	<span class="message">
		345	Vivamus sed auctor 40% nibh congue nibh... </span>
		346	</a>
		347	</li>
		348	<li>
		349	<a href="inbox.html?a=view">
		350	<span class="photo">
		351	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		352	</span>
		353	<span class="subject">
		354	<span class="from">
		355	Richard Doe </span>
		356	<span class="time">46 mins </span>
		357	</span>
		358	<span class="message">
		359	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		360	</a>
		361	</li>
		362	</ul>
		363	</li>
		364	</ul>
		365	</li>
		366	<!-- END INBOX DROPDOWN -->
		367	<!-- BEGIN USER LOGIN DROPDOWN -->
		368	<li class="dropdown dropdown-user dropdown-dark">
		369	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		370	<img alt="" class="img-circle" src="../../assets/admin/layout3/img/avatar9.jpg">
		371	<span class="username username-hide-mobile">Nick</span>
		372	</a>
		373	<ul class="dropdown-menu dropdown-menu-default">
		374	<li>
		375	<a href="extra_profile.html">
		376	<i class="icon-user"></i> My Profile </a>
		377	</li>
		378	<li>
		379	<a href="page_calendar.html">
		380	<i class="icon-calendar"></i> My Calendar </a>
		381	</li>
		382	<li>
		383	<a href="inbox.html">
		384	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		385	3 </span>
		386	</a>
		387	</li>
		388	<li>
		389	<a href="javascript:;">
		390	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		391	7 </span>
		392	</a>
		393	</li>
		394	<li class="divider">
		395	</li>
		396	<li>
		397	<a href="extra_lock.html">
		398	<i class="icon-lock"></i> Lock Screen </a>
		399	</li>
		400	<li>
		401	<a href="login.html">
		402	<i class="icon-key"></i> Log Out </a>
		403	</li>
		404	</ul>
		405	</li>
		406	<!-- END USER LOGIN DROPDOWN -->
		407	</ul>
		408	</div>
		409	<!-- END TOP NAVIGATION MENU -->
		410	</div>
		411	</div>
		412	<!-- END HEADER TOP -->
		413	<!-- BEGIN HEADER MENU -->
		414	<div class="page-header-menu">
		415	<div class="container">
		416	<!-- BEGIN HEADER SEARCH BOX -->
		417	<form class="search-form" action="extra_search.html" method="GET">
		418	<div class="input-group">
		419	<input type="text" class="form-control" placeholder="Search" name="query">
		420	<span class="input-group-btn">
		421	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		422	</span>
		423	</div>
		424	</form>
		425	<!-- END HEADER SEARCH BOX -->
		426	<!-- BEGIN MEGA MENU -->
		427	<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
		428	<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
		429	<div class="hor-menu ">
		430	<ul class="nav navbar-nav">
		431	<li>
		432	<a href="index.html">Dashboard</a>
		433	</li>
		434	<li class="menu-dropdown mega-menu-dropdown ">
		435	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		436	Features <i class="fa fa-angle-down"></i>
		437	</a>
		438	<ul class="dropdown-menu" style="min-width: 710px">
		439	<li>
		440	<div class="mega-menu-content">
		441	<div class="row">
		442	<div class="col-md-4">
		443	<ul class="mega-menu-submenu">
		444	<li>
		445	<h3>eCommerce</h3>
		446	</li>
		447	<li>
		448	<a href="ecommerce_index.html" class="iconify">
		449	<i class="icon-home"></i>
		450	eCommerce </a>
		451	</li>
		452	<li>
		453	<a href="ecommerce_orders.html" class="iconify">
		454	<i class="icon-basket"></i>
		455	Manage Orders </a>
		456	</li>
		457	<li>
		458	<a href="ecommerce_orders_view.html" class="iconify">
		459	<i class="icon-tag"></i>
		460	Order View </a>
		461	</li>
		462	<li>
		463	<a href="ecommerce_products.html" class="iconify">
		464	<i class="icon-handbag"></i>
		465	Manage Products </a>
		466	</li>
		467	<li>
		468	<a href="ecommerce_products_edit.html" class="iconify">
		469	<i class="icon-pencil"></i>
		470	Product Edit </a>
		471	</li>
		472	</ul>
		473	</div>
		474	<div class="col-md-4">
		475	<ul class="mega-menu-submenu">
		476	<li>
		477	<h3>Layouts</h3>
		478	</li>
		479	<li>
		480	<a href="layout_fluid.html" class="iconify">
		481	<i class="icon-cursor-move"></i>
		482	Fluid Layout </a>
		483	</li>
		484	<li>
		485	<a href="layout_mega_menu_fixed.html" class="iconify">
		486	<i class="icon-pin"></i>
		487	Fixed Mega Menu </a>
		488	</li>
		489	<li>
		490	<a href="layout_top_bar_fixed.html" class="iconify">
		491	<i class="icon-bar-chart"></i>
		492	Fixed Top Bar </a>
		493	</li>
		494	<li>
		495	<a href="layout_light_header.html" class="iconify">
		496	<i class="icon-paper-plane"></i>
		497	Light Header Dropdowns </a>
		498	</li>
		499	<li>
		500	<a href="layout_blank_page.html" class="iconify">
		501	<i class="icon-doc"></i>
		502	Blank Page Layout </a>
		503	</li>
		504	</ul>
		505	</div>
		506	<div class="col-md-4">
		507	<ul class="mega-menu-submenu">
		508	<li>
		509	<h3>More Layouts</h3>
		510	</li>
		511	<li>
		512	<a href="layout_click_dropdowns.html" class="iconify">
		513	<i class="icon-speech"></i>
		514	Click vs. Hover Dropdowns </a>
		515	</li>
		516	<li>
		517	<a href="layout_fontawesome_icons.html" class="iconify">
		518	<i class="icon-link"></i>
		519	Layout with Fontawesome </a>
		520	</li>
		521	<li>
		522	<a href="layout_glyphicons.html" class="iconify">
		523	<i class="icon-settings"></i>
		524	Layout with Glyphicon </a>
		525	</li>
		526	<li>
		527	<a href="layout_language_bar.html" class="iconify">
		528	<i class="icon-globe"></i>
		529	Language Switch Bar </a>
		530	</li>
		531	<li>
		532	<a href="layout_disabled_menu.html" class="iconify">
		533	<i class=" icon-lock"></i>
		534	Disabled Menu Links </a>
		535	</li>
		536	</ul>
		537	</div>
		538	</div>
		539	</div>
		540	</li>
		541	</ul>
		542	</li>
		543	<li class="menu-dropdown mega-menu-dropdown mega-menu-full active">
		544	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		545	UI Components <i class="fa fa-angle-down"></i>
		546	</a>
		547	<ul class="dropdown-menu">
		548	<li>
		549	<div class="mega-menu-content">
		550	<div class="row">
		551	<div class="col-md-3">
		552	<ul class="mega-menu-submenu">
		553	<li>
		554	<h3>UI Components</h3>
		555	</li>
		556	<li>
		557	<a href="ui_general.html">
		558	<i class="fa fa-angle-right"></i>
		559	General </a>
		560	</li>
		561	<li>
		562	<a href="ui_buttons.html">
		563	<i class="fa fa-angle-right"></i>
		564	Buttons </a>
		565	</li>
		566	<li>
		567	<a href="ui_icons.html">
		568	<i class="fa fa-angle-right"></i>
		569	Font Icons </a>
		570	</li>
		571	<li>
		572	<a href="ui_colors.html">
		573	<i class="fa fa-angle-right"></i>
		574	Flat UI Colors </a>
		575	</li>
		576	<li>
		577	<a href="ui_typography.html">
		578	<i class="fa fa-angle-right"></i>
		579	Typography </a>
		580	</li>
		581	<li>
		582	<a href="ui_tabs_accordions_navs.html">
		583	<i class="fa fa-angle-right"></i>
		584	Tabs, Accordions & Navs </a>
		585	</li>
		586	<li>
		587	<a href="ui_tree.html">
		588	<i class="fa fa-angle-right"></i>
		589	Tree View </a>
		590	</li>
		591	<li>
		592	<a href="ui_page_progress_style_1.html">
		593	<i class="fa fa-angle-right"></i>
		594	Page Progress Bar <span class="badge badge-roundless badge-warning">new</span></a>
		595	</li>
		596	<li>
		597	<a href="ui_blockui.html">
		598	<i class="fa fa-angle-right"></i>
		599	Block UI </a>
		600	</li>
		601	<li>
		602	<a href="ui_notific8.html">
		603	<i class="fa fa-angle-right"></i>
		604	Notific8 Notifications </a>
		605	</li>
		606	</ul>
		607	</div>
		608	<div class="col-md-3">
		609	<ul class="mega-menu-submenu">
		610	<li>
		611	<h3>More UI Components</h3>
		612	</li>
		613	<li>
		614	<a href="ui_toastr.html">
		615	<i class="fa fa-angle-right"></i>
		616	Toastr Notifications </a>
		617	</li>
		618	<li>
		619	<a href="ui_alert_dialog_api.html">
		620	<i class="fa fa-angle-right"></i>
		621	Alerts & Dialogs API <span class="badge badge-roundless badge-danger">new</span></a>
		622	</li>
		623	<li>
		624	<a href="ui_session_timeout.html">
		625	<i class="fa fa-angle-right"></i>
		626	Session Timeout </a>
		627	</li>
		628	<li>
		629	<a href="ui_idle_timeout.html">
		630	<i class="fa fa-angle-right"></i>
		631	User Idle Timeout </a>
		632	</li>
		633	<li>
		634	<a href="ui_modals.html">
		635	<i class="fa fa-angle-right"></i>
		636	Modals </a>
		637	</li>
		638	<li>
		639	<a href="ui_extended_modals.html">
		640	<i class="fa fa-angle-right"></i>
		641	Extended Modals </a>
		642	</li>
		643	<li>
		644	<a href="ui_tiles.html">
		645	<i class="fa fa-angle-right"></i>
		646	Tiles </a>
		647	</li>
		648	<li>
		649	<a href="ui_datepaginator.html">
		650	<i class="fa fa-angle-right"></i>
		651	Date Paginator </a>
		652	</li>
		653	<li>
		654	<a href="ui_nestable.html">
		655	<i class="fa fa-angle-right"></i>
		656	Nestable List </a>
		657	</li>
		658	</ul>
		659	</div>
		660	<div class="col-md-3">
		661	<ul class="mega-menu-submenu">
		662	<li>
		663	<h3>Form Stuff</h3>
		664	</li>
		665	<li>
		666	<a href="form_controls.html">
		667	<i class="fa fa-angle-right"></i>
		668	Form Controls </a>
		669	</li>
		670	<li>
		671	<a href="form_icheck.html">
		672	<i class="fa fa-angle-right"></i>
		673	iCheck Controls </a>
		674	</li>
		675	<li>
		676	<a href="form_layouts.html">
		677	<i class="fa fa-angle-right"></i>
		678	Form Layouts </a>
		679	</li>
		680	<li class="active">
		681	<a href="form_editable.html">
		682	<i class="fa fa-angle-right"></i>
		683	Form X-editable <span class="badge badge-roundless badge-success">new</span></a>
		684	</li>
		685	<li>
		686	<a href="form_wizard.html">
		687	<i class="fa fa-angle-right"></i>
		688	Form Wizard </a>
		689	</li>
		690	<li>
		691	<a href="form_validation.html">
		692	<i class="fa fa-angle-right"></i>
		693	Form Validation </a>
		694	</li>
		695	<li>
		696	<a href="form_image_crop.html">
		697	<i class="fa fa-angle-right"></i>
		698	Image Cropping </a>
		699	</li>
		700	<li>
		701	<a href="form_fileupload.html">
		702	<i class="fa fa-angle-right"></i>
		703	Multiple File Upload </a>
		704	</li>
		705	<li>
		706	<a href="form_dropzone.html">
		707	<i class="fa fa-angle-right"></i>
		708	Dropzone File Upload </a>
		709	</li>
		710	</ul>
		711	</div>
		712	<div class="col-md-3">
		713	<ul class="mega-menu-submenu">
		714	<li>
		715	<h3>Form Components</h3>
		716	</li>
		717	<li>
		718	<a href="components_pickers.html">
		719	<i class="fa fa-angle-right"></i>
		720	Date & Time Pickers </a>
		721	</li>
		722	<li>
		723	<a href="components_context_menu.html">
		724	<i class="fa fa-angle-right"></i>
		725	Context Menu </a>
		726	</li>
		727	<li>
		728	<a href="components_dropdowns.html">
		729	<i class="fa fa-angle-right"></i>
		730	Custom Dropdowns </a>
		731	</li>
		732	<li>
		733	<a href="components_form_tools.html">
		734	<i class="fa fa-angle-right"></i>
		735	Form Tools </a>
		736	</li>
		737	<li>
		738	<a href="components_editors.html">
		739	<i class="fa fa-angle-right"></i>
		740	Markdown & WYSIWYG Editors </a>
		741	</li>
		742	<li>
		743	<a href="components_ion_sliders.html">
		744	<i class="fa fa-angle-right"></i>
		745	Ion Range Sliders </a>
		746	</li>
		747	<li>
		748	<a href="components_noui_sliders.html">
		749	<i class="fa fa-angle-right"></i>
		750	NoUI Range Sliders </a>
		751	</li>
		752	<li>
		753	<a href="components_jqueryui_sliders.html">
		754	<i class="fa fa-angle-right"></i>
		755	jQuery UI Sliders </a>
		756	</li>
		757	<li>
		758	<a href="components_knob_dials.html">
		759	<i class="fa fa-angle-right"></i>
		760	Knob Circle Dials </a>
		761	</li>
		762	</ul>
		763	</div>
		764	</div>
		765	</div>
		766	</li>
		767	</ul>
		768	</li>
		769	<li class="menu-dropdown classic-menu-dropdown ">
		770	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
		771	Extra <i class="fa fa-angle-down"></i>
		772	</a>
		773	<ul class="dropdown-menu pull-left">
		774	<li class=" dropdown-submenu">
		775	<a href=":;">
		776	<i class="icon-briefcase"></i>
		777	Data Tables </a>
		778	<ul class="dropdown-menu">
		779	<li class=" ">
		780	<a href="table_basic.html">
		781	Basic Datatables </a>
		782	</li>
		783	<li class=" ">
		784	<a href="table_tree.html">
		785	Tree Datatables </a>
		786	</li>
		787	<li class=" ">
		788	<a href="table_responsive.html">
		789	Responsive Datatables </a>
		790	</li>
		791	<li class=" ">
		792	<a href="table_managed.html">
		793	Managed Datatables </a>
		794	</li>
		795	<li class=" ">
		796	<a href="table_editable.html">
		797	Editable Datatables </a>
		798	</li>
		799	<li class=" ">
		800	<a href="table_advanced.html">
		801	Advanced Datatables </a>
		802	</li>
		803	<li class=" ">
		804	<a href="table_ajax.html">
		805	Ajax Datatables </a>
		806	</li>
		807	</ul>
		808	</li>
		809	<li class=" dropdown-submenu">
		810	<a href=":;">
		811	<i class="icon-wallet"></i>
		812	Portlets </a>
		813	<ul class="dropdown-menu">
		814	<li class=" ">
		815	<a href="portlet_general.html">
		816	General Portlets </a>
		817	</li>
		818	<li class=" ">
		819	<a href="portlet_general2.html">
		820	New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
		821	</a>
		822	</li>
		823	<li class=" ">
		824	<a href="portlet_general3.html">
		825	New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
		826	</a>
		827	</li>
		828	<li class=" ">
		829	<a href="portlet_ajax.html">
		830	Ajax Portlets </a>
		831	</li>
		832	<li class=" ">
		833	<a href="portlet_draggable.html">
		834	Draggable Portlets </a>
		835	</li>
		836	</ul>
		837	</li>
		838	<li class=" dropdown-submenu">
		839	<a href=":;">
		840	<i class="icon-bar-chart"></i>
		841	Charts </a>
		842	<ul class="dropdown-menu">
		843	<li class=" ">
		844	<a href="charts_amcharts.html">
		845	amChart </a>
		846	</li>
		847	<li class=" ">
		848	<a href="charts_flotcharts.html">
		849	Flotchart </a>
		850	</li>
		851	</ul>
		852	</li>
		853	<li class=" dropdown-submenu">
		854	<a href=":;">
		855	<i class="icon-pointer"></i>
		856	Maps </a>
		857	<ul class="dropdown-menu">
		858	<li class=" ">
		859	<a href="maps_google.html">
		860	Google Maps </a>
		861	</li>
		862	<li class=" ">
		863	<a href="maps_vector.html">
		864	Vector Maps </a>
		865	</li>
		866	</ul>
		867	</li>
		868	<li class=" dropdown-submenu">
		869	<a href=":;">
		870	<i class="icon-puzzle"></i>
		871	Multi Level </a>
		872	<ul class="dropdown-menu">
		873	<li class=" ">
		874	<a href="javascript:;">
		875	<i class="icon-settings"></i>
		876	Item 1 </a>
		877	</li>
		878	<li class=" ">
		879	<a href="javascript:;">
		880	<i class="icon-user"></i>
		881	Item 2 </a>
		882	</li>
		883	<li class=" ">
		884	<a href="javascript:;">
		885	<i class="icon-globe"></i>
		886	Item 3 </a>
		887	</li>
		888	<li class=" dropdown-submenu">
		889	<a href="#">
		890	<i class="icon-folder"></i>
		891	Sub Items </a>
		892	<ul class="dropdown-menu">
		893	<li class=" ">
		894	<a href="javascript:;">
		895	Item 1 </a>
		896	</li>
		897	<li class=" ">
		898	<a href="javascript:;">
		899	Item 2 </a>
		900	</li>
		901	<li class=" ">
		902	<a href="javascript:;">
		903	Item 3 </a>
		904	</li>
		905	<li class=" ">
		906	<a href="javascript:;">
		907	Item 4 </a>
		908	</li>
		909	</ul>
		910	</li>
		911	<li class=" ">
		912	<a href="javascript:;">
		913	<i class="icon-share"></i>
		914	Item 4 </a>
		915	</li>
		916	<li class=" ">
		917	<a href="javascript:;">
		918	<i class="icon-bar-chart"></i>
		919	Item 5 </a>
		920	</li>
		921	</ul>
		922	</li>
		923	</ul>
		924	</li>
		925	<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
		926	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		927	Pages <i class="fa fa-angle-down"></i>
		928	</a>
		929	<ul class="dropdown-menu">
		930	<li>
		931	<div class="mega-menu-content">
		932	<div class="row">
		933	<div class="col-md-3">
		934	<ul class="mega-menu-submenu">
		935	<li>
		936	<h3>User Pages</h3>
		937	</li>
		938	<li>
		939	<a href="page_timeline.html">
		940	<i class="fa fa-angle-right"></i>
		941	New Timeline <span class="badge badge-warning">2</span></a>
		942	</li>
		943	<li>
		944	<a href="extra_profile.html">
		945	<i class="fa fa-angle-right"></i>
		946	New User Profile <span class="badge badge-success badge-roundless">new</span></a>
		947	</li>
		948	<li>
		949	<a href="page_todo.html">
		950	<i class="fa fa-angle-right"></i>
		951	Todo & Tasks <span class="badge badge-danger">4</span></a>
		952	</li>
		953	<li>
		954	<a href="inbox.html">
		955	<i class="fa fa-angle-right"></i>
		956	User Inbox <span class="badge badge-success">4</span></a>
		957	</li>
		958	<li>
		959	<a href="page_calendar.html">
		960	<i class="fa fa-angle-right"></i>
		961	User Calendar <span class="badge badge-warning">14</span></a>
		962	</li>
		963	<li>
		964	<a href="page_timeline_old.html">
		965	<i class="fa fa-angle-right"></i>
		966	Old Timeline <span class="badge badge-warning">2</span></a>
		967	</li>
		968	<li>
		969	<a href="extra_profile_old.html">
		970	<i class="fa fa-angle-right"></i>
		971	Old User Profile </a>
		972	</li>
		973	</ul>
		974	</div>
		975	<div class="col-md-3">
		976	<ul class="mega-menu-submenu">
		977	<li>
		978	<h3>General Pages</h3>
		979	</li>
		980	<li>
		981	<a href="extra_faq.html">
		982	<i class="fa fa-angle-right"></i>
		983	FAQ Page </a>
		984	</li>
		985	<li>
		986	<a href="page_portfolio.html">
		987	<i class="fa fa-angle-right"></i>
		988	Portfolio </a>
		989	</li>
		990	<li>
		991	<a href="page_timeline.html">
		992	<i class="fa fa-angle-right"></i>
		993	Timeline <span class="badge badge-info">4</span></a>
		994	</li>
		995	<li>
		996	<a href="page_coming_soon.html">
		997	<i class="fa fa-angle-right"></i>
		998	Coming Soon </a>
		999	</li>
		1000	<li>
		1001	<a href="extra_invoice.html">
		1002	<i class="fa fa-angle-right"></i>
		1003	Invoice </a>
		1004	</li>
		1005	<li>
		1006	<a href="page_blog.html">
		1007	<i class="fa fa-angle-right"></i>
		1008	Blog </a>
		1009	</li>
		1010	<li>
		1011	<a href="page_blog_item.html">
		1012	<i class="fa fa-angle-right"></i>
		1013	Blog Post </a>
		1014	</li>
		1015	</ul>
		1016	</div>
		1017	<div class="col-md-3">
		1018	<ul class="mega-menu-submenu">
		1019	<li>
		1020	<h3>Custom Pages</h3>
		1021	</li>
		1022	<li>
		1023	<a href="page_news.html">
		1024	<i class="fa fa-angle-right"></i>
		1025	News <span class="badge badge-success">9</span></a>
		1026	</li>
		1027	<li>
		1028	<a href="page_news_item.html">
		1029	<i class="fa fa-angle-right"></i>
		1030	News View </a>
		1031	</li>
		1032	<li>
		1033	<a href="page_about.html">
		1034	<i class="fa fa-angle-right"></i>
		1035	About Us </a>
		1036	</li>
		1037	<li>
		1038	<a href="page_contact.html">
		1039	<i class="fa fa-angle-right"></i>
		1040	Contact Us </a>
		1041	</li>
		1042	<li>
		1043	<a href="extra_search.html">
		1044	<i class="fa fa-angle-right"></i>
		1045	Search Results </a>
		1046	</li>
		1047	<li>
		1048	<a href="extra_pricing_table.html">
		1049	<i class="fa fa-angle-right"></i>
		1050	Pricing Tables </a>
		1051	</li>
		1052	<li>
		1053	<a href="login.html">
		1054	<i class="fa fa-angle-right"></i>
		1055	Login Form 1 </a>
		1056	</li>
		1057	<li>
		1058	<a href="login_2.html">
		1059	<i class="fa fa-angle-right"></i>
		1060	Login Form 2 </a>
		1061	</li>
		1062	<li>
		1063	<a href="login_3.html">
		1064	<i class="fa fa-angle-right"></i>
		1065	Login Form 3 </a>
		1066	</li>
		1067	<li>
		1068	<a href="login_soft.html">
		1069	<i class="fa fa-angle-right"></i>
		1070	Login Form 4 </a>
		1071	</li>
		1072	</ul>
		1073	</div>
		1074	<div class="col-md-3">
		1075	<ul class="mega-menu-submenu">
		1076	<li>
		1077	<h3>Miscellaneous</h3>
		1078	</li>
		1079	<li>
		1080	<a href="extra_lock.html">
		1081	<i class="fa fa-angle-right"></i>
		1082	Lock Screen 1 </a>
		1083	</li>
		1084	<li>
		1085	<a href="extra_lock2.html">
		1086	<i class="fa fa-angle-right"></i>
		1087	Lock Screen 2 </a>
		1088	</li>
		1089	<li>
		1090	<a href="extra_404_option1.html">
		1091	<i class="fa fa-angle-right"></i>
		1092	404 Page Option 1 </a>
		1093	</li>
		1094	<li>
		1095	<a href="extra_404_option2.html">
		1096	<i class="fa fa-angle-right"></i>
		1097	404 Page Option 2 </a>
		1098	</li>
		1099	<li>
		1100	<a href="extra_404_option3.html">
		1101	<i class="fa fa-angle-right"></i>
		1102	404 Page Option 3 </a>
		1103	</li>
		1104	<li>
		1105	<a href="extra_500_option1.html">
		1106	<i class="fa fa-angle-right"></i>
		1107	500 Page Option 1 </a>
		1108	</li>
		1109	<li>
		1110	<a href="extra_500_option2.html">
		1111	<i class="fa fa-angle-right"></i>
		1112	500 Page Option 2 </a>
		1113	</li>
		1114	<li>
		1115	<a href="email_newsletter.html">
		1116	<i class="fa fa-angle-right"></i>
		1117	Newsletter Email Template </a>
		1118	</li>
		1119	<li>
		1120	<a href="email_system.html">
		1121	<i class="fa fa-angle-right"></i>
		1122	System Email Template </a>
		1123	</li>
		1124	</ul>
		1125	</div>
		1126	</div>
		1127	</div>
		1128	</li>
		1129	</ul>
		1130	</li>
		1131	<li class="menu-dropdown">
		1132	<a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="AngularJS version demo">
		1133	AngularJS Version </a>
		1134	</li>
		1135	</ul>
		1136	</div>
		1137	<!-- END MEGA MENU -->
		1138	</div>
		1139	</div>
		1140	<!-- END HEADER MENU -->
		1141	</div>
		1142	<!-- END HEADER -->
		1143	<!-- BEGIN PAGE CONTAINER -->
		1144	<div class="page-container">
		1145	<!-- BEGIN PAGE HEAD -->
		1146	<div class="page-head">
		1147	<div class="container">
		1148	<!-- BEGIN PAGE TITLE -->
		1149	<div class="page-title">
		1150	<h1>Form X-editable <small>form x-editable samples</small></h1>
		1151	</div>
		1152	<!-- END PAGE TITLE -->
		1153	<!-- BEGIN PAGE TOOLBAR -->
		1154	<div class="page-toolbar">
		1155	<!-- BEGIN THEME PANEL -->
		1156	<div class="btn-group btn-theme-panel">
		1157	<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
		1158	<i class="icon-settings"></i>
		1159	</a>
		1160	<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
		1161	<div class="row">
		1162	<div class="col-md-6 col-sm-6 col-xs-12">
		1163	<h3>THEME COLORS</h3>
		1164	<div class="row">
		1165	<div class="col-md-6 col-sm-6 col-xs-12">
		1166	<ul class="theme-colors">
		1167	<li class="theme-color theme-color-default" data-theme="default">
		1168	<span class="theme-color-view"></span>
		1169	<span class="theme-color-name">Default</span>
		1170	</li>
		1171	<li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
		1172	<span class="theme-color-view"></span>
		1173	<span class="theme-color-name">Blue Hoki</span>
		1174	</li>
		1175	<li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
		1176	<span class="theme-color-view"></span>
		1177	<span class="theme-color-name">Blue Steel</span>
		1178	</li>
		1179	<li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
		1180	<span class="theme-color-view"></span>
		1181	<span class="theme-color-name">Orange</span>
		1182	</li>
		1183	<li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
		1184	<span class="theme-color-view"></span>
		1185	<span class="theme-color-name">Yellow Crusta</span>
		1186	</li>
		1187	</ul>
		1188	</div>
		1189	<div class="col-md-6 col-sm-6 col-xs-12">
		1190	<ul class="theme-colors">
		1191	<li class="theme-color theme-color-green-haze" data-theme="green-haze">
		1192	<span class="theme-color-view"></span>
		1193	<span class="theme-color-name">Green Haze</span>
		1194	</li>
		1195	<li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
		1196	<span class="theme-color-view"></span>
		1197	<span class="theme-color-name">Red Sunglo</span>
		1198	</li>
		1199	<li class="theme-color theme-color-red-intense" data-theme="red-intense">
		1200	<span class="theme-color-view"></span>
		1201	<span class="theme-color-name">Red Intense</span>
		1202	</li>
		1203	<li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
		1204	<span class="theme-color-view"></span>
		1205	<span class="theme-color-name">Purple Plum</span>
		1206	</li>
		1207	<li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
		1208	<span class="theme-color-view"></span>
		1209	<span class="theme-color-name">Purple Studio</span>
		1210	</li>
		1211	</ul>
		1212	</div>
		1213	</div>
		1214	</div>
		1215	<div class="col-md-6 col-sm-6 col-xs-12 seperator">
		1216	<h3>LAYOUT</h3>
		1217	<ul class="theme-settings">
		1218	<li>
		1219	Theme Style
		1220	<select class="theme-setting theme-setting-style form-control input-sm input-small input-inline tooltips" data-original-title="Change theme style" data-container="body" data-placement="left">
		1221	<option value="boxed" selected="selected">Square corners</option>
		1222	<option value="rounded">Rounded corners</option>
		1223	</select>
		1224	</li>
		1225	<li>
		1226	Layout
		1227	<select class="theme-setting theme-setting-layout form-control input-sm input-small input-inline tooltips" data-original-title="Change layout type" data-container="body" data-placement="left">
		1228	<option value="boxed" selected="selected">Boxed</option>
		1229	<option value="fluid">Fluid</option>
		1230	</select>
		1231	</li>
		1232	<li>
		1233	Top Menu Style
		1234	<select class="theme-setting theme-setting-top-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change top menu dropdowns style" data-container="body" data-placement="left">
		1235	<option value="dark" selected="selected">Dark</option>
		1236	<option value="light">Light</option>
		1237	</select>
		1238	</li>
		1239	<li>
		1240	Top Menu Mode
		1241	<select class="theme-setting theme-setting-top-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) top menu" data-container="body" data-placement="left">
		1242	<option value="fixed">Fixed</option>
		1243	<option value="not-fixed" selected="selected">Not Fixed</option>
		1244	</select>
		1245	</li>
		1246	<li>
		1247	Mega Menu Style
		1248	<select class="theme-setting theme-setting-mega-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change mega menu dropdowns style" data-container="body" data-placement="left">
		1249	<option value="dark" selected="selected">Dark</option>
		1250	<option value="light">Light</option>
		1251	</select>
		1252	</li>
		1253	<li>
		1254	Mega Menu Mode
		1255	<select class="theme-setting theme-setting-mega-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) mega menu" data-container="body" data-placement="left">
		1256	<option value="fixed" selected="selected">Fixed</option>
		1257	<option value="not-fixed">Not Fixed</option>
		1258	</select>
		1259	</li>
		1260	</ul>
		1261	</div>
		1262	</div>
		1263	</div>
		1264	</div>
		1265	<!-- END THEME PANEL -->
		1266	</div>
		1267	<!-- END PAGE TOOLBAR -->
		1268	</div>
		1269	</div>
		1270	<!-- END PAGE HEAD -->
		1271	<!-- BEGIN PAGE CONTENT -->
		1272	<div class="page-content">
		1273	<div class="container">
		1274	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1275	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1276	<div class="modal-dialog">
		1277	<div class="modal-content">
		1278	<div class="modal-header">
		1279	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1280	<h4 class="modal-title">Modal title</h4>
		1281	</div>
		1282	<div class="modal-body">
		1283	Widget settings form goes here
		1284	</div>
		1285	<div class="modal-footer">
		1286	<button type="button" class="btn blue">Save changes</button>
		1287	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1288	</div>
		1289	</div>
		1290	<!-- /.modal-content -->
		1291	</div>
		1292	<!-- /.modal-dialog -->
		1293	</div>
		1294	<!-- /.modal -->
		1295	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1296	<!-- BEGIN PAGE BREADCRUMB -->
		1297	<ul class="page-breadcrumb breadcrumb">
		1298	<li>
		1299	<a href="#">Home</a><i class="fa fa-circle"></i>
		1300	</li>
		1301	<li>
		1302	<a href="form_editable.html">UI Components</a>
		1303	<i class="fa fa-circle"></i>
		1304	</li>
		1305	<li class="active">
		1306	Form X-editable
		1307	</li>
		1308	</ul>
		1309	<!-- END PAGE BREADCRUMB -->
		1310	<!-- BEGIN PAGE CONTENT INNER -->
		1311	<div class="portlet light">
		1312	<div class="portlet-body">
		1313	<div class="row">
		1314	<div class="col-md-12">
		1315	<label><input type="checkbox" id="autoopen"> Auto-open next field</label>
		1316	<label><input type="checkbox" id="inline"> Inline editing</label>
		1317	<button id="enable" class="btn blue">Enable / Disable</button>
		1318	<hr>
		1319	</div>
		1320	</div>
		1321	<div class="row">
		1322	<div class="col-md-12">
		1323	<table id="user" class="table table-bordered table-striped">
		1324	<tbody>
		1325	<tr>
		1326	<td style="width:15%">
		1327	Username
		1328	</td>
		1329	<td style="width:50%">
		1330	<a href="javascript:;" id="username" data-type="text" data-pk="1" data-original-title="Enter username">
		1331	superuser </a>
		1332	</td>
		1333	<td style="width:35%">
		1334	<span class="text-muted">
		1335	Simple text field </span>
		1336	</td>
		1337	</tr>
		1338	<tr>
		1339	<td>
		1340	First name
		1341	</td>
		1342	<td>
		1343	<a href="javascript:;" id="firstname" data-type="text" data-pk="1" data-placement="right" data-placeholder="Required" data-original-title="Enter your firstname">
		1344	</a>
		1345	</td>
		1346	<td>
		1347	<span class="text-muted">
		1348	Required text field, originally empty </span>
		1349	</td>
		1350	</tr>
		1351	<tr>
		1352	<td>
		1353	Sex
		1354	</td>
		1355	<td>
		1356	<a href="javascript:;" id="sex" data-type="select" data-pk="1" data-value="" data-original-title="Select sex">
		1357	</a>
		1358	</td>
		1359	<td>
		1360	<span class="text-muted">
		1361	Select, loaded from js array. Custom display </span>
		1362	</td>
		1363	</tr>
		1364	<tr>
		1365	<td>
		1366	Group
		1367	</td>
		1368	<td>
		1369	<a href="javascript:;" id="group" data-type="select" data-pk="1" data-value="5" data-source="/groups" data-original-title="Select group">
		1370	Admin </a>
		1371	</td>
		1372	<td>
		1373	<span class="text-muted">
		1374	Select, loaded from server. <strong>No buttons</strong> mode </span>
		1375	</td>
		1376	</tr>
		1377	<tr>
		1378	<td>
		1379	Status
		1380	</td>
		1381	<td>
		1382	<a href="javascript:;" id="status" data-type="select" data-pk="1" data-value="0" data-source="/status" data-original-title="Select status">
		1383	Active </a>
		1384	</td>
		1385	<td>
		1386	<span class="text-muted">
		1387	Error when loading list items </span>
		1388	</td>
		1389	</tr>
		1390	<tr>
		1391	<td>
		1392	Plan vacation?
		1393	</td>
		1394	<td>
		1395	<a href="javascript:;" id="vacation" data-type="date" data-viewformat="dd.mm.yyyy" data-pk="1" data-placement="right" data-original-title="When you want vacation to start?">
		1396	25.02.2013 </a>
		1397	</td>
		1398	<td>
		1399	<span class="text-muted">
		1400	Datepicker </span>
		1401	</td>
		1402	</tr>
		1403	<tr>
		1404	<td>
		1405	Date of birth
		1406	</td>
		1407	<td>
		1408	<a href="javascript:;" id="dob" data-type="combodate" data-value="1984-05-15" data-format="YYYY-MM-DD" data-viewformat="DD/MM/YYYY" data-template="D / MMM / YYYY" data-pk="1" data-original-title="Select Date of birth">
		1409	</a>
		1410	</td>
		1411	<td>
		1412	<span class="text-muted">
		1413	Date field (combodate) </span>
		1414	</td>
		1415	</tr>
		1416	<tr>
		1417	<td>
		1418	Setup event
		1419	</td>
		1420	<td>
		1421	<a href="javascript:;" id="event" data-type="combodate" data-template="D MMM YYYY HH:mm" data-format="YYYY-MM-DD HH:mm" data-viewformat="MMM D, YYYY, HH:mm" data-pk="1" data-original-title="Setup event date and time">
		1422	</a>
		1423	</td>
		1424	<td>
		1425	<span class="text-muted">
		1426	Datetime field (combodate) </span>
		1427	</td>
		1428	</tr>
		1429	<tr>
		1430	<td>
		1431	Meeting start
		1432	</td>
		1433	<td>
		1434	<a href="javascript:;" id="meeting_start" data-type="datetime" data-pk="1" data-url="/post" data-placement="right" title="Set date & time">
		1435	15/03/2013 12:45 </a>
		1436	</td>
		1437	<td>
		1438	<span class="text-muted">
		1439	Bootstrap datetime </span>
		1440	</td>
		1441	</tr>
		1442	<tr>
		1443	<td>
		1444	Comments
		1445	</td>
		1446	<td>
		1447	<a href="javascript:;" id="comments" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-original-title="Enter comments">awesome<br>
		1448	user!</a>
		1449	</td>
		1450	<td>
		1451	<span class="text-muted">
		1452	Textarea. Buttons below. Submit by <i>ctrl+enter</i>
		1453	</span>
		1454	</td>
		1455	</tr>
		1456	<tr>
		1457	<td>
		1458	Type State
		1459	</td>
		1460	<td>
		1461	<a href="javascript:;" id="state" data-type="typeahead" data-pk="1" data-placement="right" data-original-title="Start typing State..">
		1462	</a>
		1463	</td>
		1464	<td>
		1465	<span class="text-muted">
		1466	Bootstrap 2.x typeahead </span>
		1467	</td>
		1468	</tr>
		1469	<tr>
		1470	<td>
		1471	Fresh fruits
		1472	</td>
		1473	<td>
		1474	<a href="javascript:;" id="fruits" data-type="checklist" data-value="2,3" data-original-title="Select fruits">
		1475	</a>
		1476	</td>
		1477	<td>
		1478	<span class="text-muted">
		1479	Checklist </span>
		1480	</td>
		1481	</tr>
		1482	<tr>
		1483	<td>
		1484	Tags
		1485	</td>
		1486	<td>
		1487	<a href="javascript:;" id="tags" data-type="select2" data-pk="1" data-original-title="Enter tags">
		1488	html, javascript </a>
		1489	</td>
		1490	<td>
		1491	<span class="text-muted">
		1492	Select2 (tags mode) </span>
		1493	</td>
		1494	</tr>
		1495	<tr>
		1496	<td>
		1497	Country
		1498	</td>
		1499	<td>
		1500	<a href="javascript:;" id="country" data-type="select2" data-pk="1" data-value="BS" data-original-title="Select country">
		1501	</a>
		1502	</td>
		1503	<td>
		1504	<span class="text-muted">
		1505	Select2 (dropdown mode) </span>
		1506	</td>
		1507	</tr>
		1508	<tr>
		1509	<td>
		1510	Address
		1511	</td>
		1512	<td>
		1513	<a href="javascript:;" id="address" data-type="address" data-pk="1" data-original-title="Please, fill address">
		1514	</a>
		1515	</td>
		1516	<td>
		1517	<span class="text-muted">
		1518	Your custom input, several fields </span>
		1519	</td>
		1520	</tr>
		1521	<tr>
		1522	<td>
		1523	Notes
		1524	</td>
		1525	<td>
		1526	<div id="note" data-pk="1" data-type="wysihtml5" data-toggle="manual" data-original-title="Enter notes">
		1527	<h3>WYSIWYG</h3>
		1528	WYSIWYG means <i>What You See Is What You Get</i>.<br>
		1529	But may also refer to:
		1530	<ul>
		1531	<li>
		1532	WYSIWYG (album), a 2000 album by Chumbawamba
		1533	</li>
		1534	<li>
		1535	"Whatcha See is Whatcha Get", a 1971 song by The Dramatics
		1536	</li>
		1537	<li>
		1538	WYSIWYG Film Festival, an annual Christian film festival
		1539	</li>
		1540	</ul>
		1541	<i>Source:</i>
		1542	<a href="http://en.wikipedia.org/wiki/WYSIWYG_%28disambiguation%29">
		1543	wikipedia.org </a>
		1544	</div>
		1545	</td>
		1546	<td>
		1547	<a href="javascript:;" id="pencil">
		1548	<i class="fa fa-pencil"></i> [edit] </a>
		1549	<br>
		1550	<span class="text-muted">
		1551	Wysihtml5 (bootstrap only).<br>
		1552	Toggle by another element </span>
		1553	</td>
		1554	</tr>
		1555	</tbody>
		1556	</table>
		1557	</div>
		1558	</div>
		1559	<div class="row">
		1560	<div class="col-md-12">
		1561	<h3>Console <small>(all ajax requests here are emulated)</small></h3>
		1562	<div>
		1563	<textarea id="console" rows="8" style="width: 70%" class="form-control"></textarea>
		1564	</div>
		1565	</div>
		1566	</div>
		1567	</div>
		1568	</div>
		1569	<!-- END PAGE CONTENT INNER -->
		1570	</div>
		1571	</div>
		1572	<!-- END PAGE CONTENT -->
		1573	</div>
		1574	<!-- END PAGE CONTAINER -->
		1575	<!-- BEGIN PRE-FOOTER -->
		1576	<div class="page-prefooter">
		1577	<div class="container">
		1578	<div class="row">
		1579	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1580	<h2>About</h2>
		1581	<p>
		1582	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		1583	</p>
		1584	</div>
		1585	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		1586	<h2>Subscribe Email</h2>
		1587	<div class="subscribe-form">
		1588	<form action="javascript:;">
		1589	<div class="input-group">
		1590	<input type="text" placeholder="mail@email.com" class="form-control">
		1591	<span class="input-group-btn">
		1592	<button class="btn" type="submit">Submit</button>
		1593	</span>
		1594	</div>
		1595	</form>
		1596	</div>
		1597	</div>
		1598	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1599	<h2>Follow Us On</h2>
		1600	<ul class="social-icons">
		1601	<li>
		1602	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		1603	</li>
		1604	<li>
		1605	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		1606	</li>
		1607	<li>
		1608	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		1609	</li>
		1610	<li>
		1611	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		1612	</li>
		1613	<li>
		1614	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		1615	</li>
		1616	<li>
		1617	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		1618	</li>
		1619	<li>
		1620	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		1621	</li>
		1622	</ul>
		1623	</div>
		1624	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1625	<h2>Contacts</h2>
		1626	<address class="margin-bottom-40">
		1627	Phone: 800 123 3456<br>
		1628	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		1629	</address>
		1630	</div>
		1631	</div>
		1632	</div>
		1633	</div>
		1634	<!-- END PRE-FOOTER -->
		1635	<!-- BEGIN FOOTER -->
		1636	<div class="page-footer">
		1637	<div class="container">
		1638	2014 © Metronic. All Rights Reserved.
		1639	</div>
		1640	</div>
		1641	<div class="scroll-to-top">
		1642	<i class="icon-arrow-up"></i>
		1643	</div>
		1644	<!-- END FOOTER -->
		1645	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		1646	<!-- BEGIN CORE PLUGINS -->
		1647	<!--[if lt IE 9]>
		1648	<script src="../../assets/global/plugins/respond.min.js"></script>
		1649	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		1650	<![endif]-->
		1651	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		1652	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		1653	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		1654	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		1655	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		1656	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		1657	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		1658	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		1659	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		1660	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		1661	<!-- END CORE PLUGINS -->
		1662	<!-- BEGIN PAGE LEVEL PLUGINS -->
		1663	<!-- BEGIN PLUGINS USED BY X-EDITABLE -->
		1664	<script type="text/javascript" src="../../assets/global/plugins/select2/select2.min.js"></script>
		1665	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
		1666	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
		1667	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		1668	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-datepicker/js/locales/bootstrap-datepicker.zh-CN.js"></script>
		1669	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
		1670	<script type="text/javascript" src="../../assets/global/plugins/moment.min.js"></script>
		1671	<script type="text/javascript" src="../../assets/global/plugins/jquery.mockjax.js"></script>
		1672	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.js"></script>
		1673	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-editable/inputs-ext/address/address.js"></script>
		1674	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-editable/inputs-ext/wysihtml5/wysihtml5.js"></script>
		1675	<!-- END X-EDITABLE PLUGIN -->
		1676	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		1677	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		1678	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		1679	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		1680	<script src="../../assets/admin/pages/scripts/form-editable.js"></script>
		1681	<script>
		1682	jQuery(document).ready(function() {
		1683	// initiate layout and plugins
		1684	Metronic.init(); // init metronic core components
		1685	Layout.init(); // init current layout
		1686	Demo.init(); // init demo features
		1687	FormEditable.init();
		1688	});
		1689	</script>
		1690	<!-- END PAGE LEVEL SCRIPTS -->
		1691	</body>
		1692	<!-- END BODY -->
		1693	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/templates/admin3/form_editable.html - Rev 1