| Server IP : 23.111.136.34 / Your IP : 216.73.216.136 Web Server : Apache System : Linux servidor.eurohost.com.br 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : meusitei ( 1072) PHP Version : 5.6.40 Disable Function : show_source, system, shell_exec, passthru, proc_open MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/meusitei/public_html/controle/views/grupo/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="images/icon.png">
<title>Flat Dream</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:300,200,100' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="<?php echo HOME_URI;?>/views/_js/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/jquery.gritter/css/jquery.gritter.css" />
<link rel="stylesheet" href="<?php echo HOME_URI;?>/views/_fonts/font-awesome-4/css/font-awesome.min.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/jquery.nanoscroller/nanoscroller.css" />
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/jasny.bootstrap/extend/css/jasny-bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/bootstrap.switch/bootstrap-switch.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/bootstrap.datetimepicker/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/jquery.select2/select2.css" />
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/bootstrap.slider/css/slider.css" />
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/jquery.icheck/skins/flat/green.css">
<link rel="stylesheet" type="text/css" href="<?php echo HOME_URI;?>/views/_js/bootstrap.daterangepicker/daterangepicker-bs3.css" />
<link href="<?php echo HOME_URI;?>/views/_css/style.css" rel="stylesheet" />
</head>
<body class="animated">
<div id="cl-wrapper">
<div class="cl-sidebar">
<div class="cl-toggle"><i class="fa fa-bars"></i></div>
<div class="cl-navblock">
<div class="menu-space">
<div class="content">
<div class="sidebar-logo">
<div class="logo">
<a href="index2.html"></a>
</div>
</div>
<div class="side-user">
<div class="avatar"><img src="images/avatar6.jpg" alt="Avatar" /></div>
<div class="info">
<p>40 <b>GB</b> / 100 <b>GB</b><span><a href="#"><i class="fa fa-plus"></i></a></span></p>
<div class="progress progress-user">
<div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">50% Complete (success)</span>
</div>
</div>
</div>
</div>
<ul class="cl-vnavigation">
<li><a href="#"><i class="fa fa-home"></i><span>Dashboard</span></a>
<ul class="sub-menu">
<li ><a href="index.html">Version 1</a></li>
<li ><a href="dashboard2.html"><span class="label label-primary pull-right">New</span>Version 2</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-desktop"></i><span>Layouts</span></a>
<ul class="sub-menu">
<li><a href="layout-boxed.html"><span class="label label-primary pull-right">New</span>Boxed Layout</a></li>
<li><a href="layout-topbar.html"><span class="label label-primary pull-right">New</span>Top Menu</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-smile-o"></i><span>UI Elements</span></a>
<ul class="sub-menu">
<li ><a href="ui-elements.html">General</a></li>
<li ><a href="ui-alerts.html">Alerts</a></li>
<li ><a href="ui-porlets.html"><span class="label label-primary pull-right">New</span>Porlets</a></li>
<li ><a href="ui-buttons.html">Buttons</a></li>
<li ><a href="ui-modals.html">Modals</a></li>
<li ><a href="ui-notifications.html">Notifications</a></li>
<li ><a href="ui-tiles.html"><span class="label label-primary pull-right">New</span>Tiles</a></li>
<li ><a href="ui-progress.html">Progress Bars</a></li>
<li ><a href="ui-icons.html">Icons</a></li>
<li ><a href="ui-grid.html">Grid</a></li>
<li ><a href="ui-tabs-accordions.html">Tabs & Accordions</a></li>
<li ><a href="ui-nestable-lists.html">Nestable Lists</a></li>
<li ><a href="ui-treeview.html">Tree View</a></li>
<li ><a href="ui-calendar.html"><span class="label label-primary pull-right">New</span>Calendar</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-list-alt"></i><span>Forms</span></a>
<ul class="sub-menu">
<li class="active" ><a href="form-elements.html">Components</a></li>
<li ><a href="form-multiselect.html"><span class="label label-primary pull-right">New</span>Multiselect</a></li>
<li ><a href="form-validation.html">Validation</a></li>
<li ><a href="form-wizard.html">Wizard</a></li>
<li ><a href="form-masks.html">Input Masks</a></li>
<li ><a href="form-wysiwyg.html">WYSIWYG Editor</a></li>
<li ><a href="form-upload.html">Multi Upload</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-table"></i><span>Tables</span></a>
<ul class="sub-menu">
<li ><a href="tables-general.html">General</a></li>
<li ><a href="tables-datatables.html"><span class="label label-primary pull-right">New</span>Data Tables</a></li>
<li ><a href="tables-xeditable.html"><span class="label label-primary pull-right">New</span>X-Editable</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-map-marker nav-icon"></i><span>Maps</span></a>
<ul class="sub-menu">
<li ><a href="maps.html">Maps</a></li>
<li ><a href="vector-maps.html">Vector Maps</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-envelope nav-icon"></i><span>Email</span></a>
<ul class="sub-menu">
<li ><a href="email-inbox.html">Inbox</a></li>
<li ><a href="email-read.html">Email Detail</a></li>
<li ><a href="email-compose.html"><span class="label label-primary pull-right">New</span>Email Compose</a></li>
</ul>
</li>
<li ><a href="typography.html"><i class="fa fa-text-height"></i><span>Typography</span></a></li>
<li ><a href="charts.html"><i class="fa fa-bar-chart-o"></i><span>Charts</span></a></li>
<li><a href="#"><i class="fa fa-file"></i><span>Pages</span></a>
<ul class="sub-menu">
<li ><a href="pages-blank.html">Blank Page</a></li>
<li ><a href="pages-blank-header.html">Blank Page Header</a></li>
<li ><a href="pages-blank-aside.html">Blank Page Aside</a></li>
<li ><a href="pages-blank-aside-header.html"><span class="label label-primary pull-right">New</span>Blank Page Aside Header</a></li>
<li ><a href="pages-profile.html"><span class="label label-primary pull-right">New</span>Profile</a></li>
<li><a href="pages-login.html">Login</a></li>
<li><a href="pages-sign-up.html"><span class="label label-primary pull-right">New</span>Sign Up</a></li>
<li><a href="pages-forgot.html"><span class="label label-primary pull-right">New</span>Forgot Password</a></li>
<li><a href="pages-404.html">404 Page</a></li>
<li><a href="pages-500.html">500 Page</a></li>
<li ><a href="pages-tour.html"><span class="label label-primary pull-right">New</span>Tour Guide</a></li>
<li ><a href="pages-gallery.html">Gallery</a></li>
<li ><a href="pages-search.html"><span class="label label-primary pull-right">New</span>Search</a></li>
<li ><a href="pages-timeline.html">Timeline</a></li>
<li ><a href="pages-code-editor.html">Code Editor</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="text-right collapse-button" style="padding:7px 9px;">
<input type="text" class="form-control search" placeholder="Search..." />
<button id="sidebar-collapse" class="btn btn-default" style=""><i style="color:#fff;" class="fa fa-angle-left"></i></button>
</div>
</div>
</div>
<div class="container-fluid" id="pcont">
<!-- TOP NAVBAR -->
<div id="head-nav" class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-collapse">
<ul class="nav navbar-nav navbar-right user-nav">
<li class="dropdown profile_menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img alt="Avatar" src="images/avatar6-2.jpg" /><span>Jane Smith</span> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">My Account</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
<li class="divider"></li>
<li><a href="#">Sign Out</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav not-nav">
<li class="button dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class=" fa fa-inbox"></i></a>
<ul class="dropdown-menu messages">
<li>
<div class="nano nscroller">
<div class="content">
<ul>
<li>
<a href="#">
<img src="images/avatar2.jpg" alt="avatar" /><span class="date pull-right">13 Sept.</span> <span class="name">Daniel</span> Hey! How are you?
</a>
</li>
<li>
<a href="#">
<img src="images/avatar_50.jpg" alt="avatar" /><span class="date pull-right">20 Oct.</span><span class="name">Adam</span> Hi! Can you fix my phone?
</a>
</li>
<li>
<a href="#">
<img src="images/avatar4_50.jpg" alt="avatar" /><span class="date pull-right">2 Nov.</span><span class="name">Michael</span> Regards!
</a>
</li>
<li>
<a href="#">
<img src="images/avatar3_50.jpg" alt="avatar" /><span class="date pull-right">2 Nov.</span><span class="name">Lucy</span> Hello, my name is Lucy
</a>
</li>
</ul>
</div>
</div>
<ul class="foot"><li><a href="#">View all messages </a></li></ul>
</li>
</ul>
</li>
<li class="button dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe"></i><span class="bubble">2</span></a>
<ul class="dropdown-menu">
<li>
<div class="nano nscroller">
<div class="content">
<ul>
<li><a href="#"><i class="fa fa-cloud-upload info"></i><b>Daniel</b> is now following you <span class="date">2 minutes ago.</span></a></li>
<li><a href="#"><i class="fa fa-male success"></i> <b>Michael</b> commented on your link <span class="date">15 minutes ago.</span></a></li>
<li><a href="#"><i class="fa fa-bug warning"></i> <b>Mia</b> commented on post <span class="date">30 minutes ago.</span></a></li>
<li><a href="#"><i class="fa fa-credit-card danger"></i> <b>Andrew</b> sent you a request <span class="date">1 hour ago.</span></a></li>
</ul>
</div>
</div>
<ul class="foot"><li><a href="#">View all activity </a></li></ul>
</li>
</ul>
</li>
<li class="button"><a class="toggle-menu menu-right push-body" href="javascript:;" class="speech-button"><i class="fa fa-comments"></i></a></li>
</ul>
</div><!--/.nav-collapse animate-collapse -->
</div>
</div>
<div class="cl-mcont"> <div class="page-head">
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Forms</a></li>
<li class="active">Components</li>
</ol>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="block-flat">
<div class="header">
<h3>Basic Form</h3>
</div>
<div class="content">
<form role="form">
<div class="form-group">
<label>Email address</label> <input type="email" placeholder="Enter email" class="form-control">
</div>
<div class="form-group">
<label>Password</label> <input type="password" placeholder="Password" class="form-control">
</div>
<div class="checkbox">
<label> <input type="checkbox"> Remember me </label> </div>
<button class="btn btn-primary" type="submit">Submit</button>
<button class="btn btn-default">Cancel</button>
</form>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="block-flat">
<div class="header">
<h3>Horizontal Form</h3>
</div>
<div class="content">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">Registrer</button>
<button class="btn btn-default">Cancel</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="block-flat">
<div class="header">
<h3>Basic Elements</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Input Text</label>
<div class="col-sm-6">
<input type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Input Password</label>
<div class="col-sm-6">
<input type="password" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Placeholder Input</label>
<div class="col-sm-6">
<input type="text" class="form-control" placeholder="Placeholder text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Disabled Input</label>
<div class="col-sm-6">
<input type="text" disabled="disabled" class="form-control" placeholder="Disabled input text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Readonly Input</label>
<div class="col-sm-6">
<input type="text" readonly class="form-control" value="Readonly input text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Textarea</label>
<div class="col-sm-6">
<textarea class="form-control"></textarea>
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>Select & Option Elements</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Basic Select</label>
<div class="col-sm-6">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Multiple Select</label>
<div class="col-sm-6">
<select multiple class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Radio</label>
<div class="col-sm-6">
<div class="radio">
<label> <input class="icheck" type="radio" checked="" name="rad1"> Option 1</label>
</div>
<div class="radio">
<label> <input class="icheck" type="radio" name="rad1"> Option 2</label>
</div>
<div class="radio">
<label> <input class="icheck" type="radio" name="rad1"> Option 3</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Inline Radio</label>
<div class="col-sm-6">
<label class="radio-inline"> <input class="icheck" type="radio" checked="" name="rad1"> Option 1</label>
<label class="radio-inline"> <input class="icheck" type="radio" name="rad1"> Option 2</label>
<label class="radio-inline"> <input class="icheck" type="radio" name="rad1"> Option 3</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Checkbox</label>
<div class="col-sm-6">
<div class="radio">
<label> <input class="icheck" type="checkbox" checked="" name="check1"> Option 1</label>
</div>
<div class="radio">
<label> <input class="icheck" type="checkbox" name="check2"> Option 2</label>
</div>
<div class="radio">
<label> <input class="icheck" type="checkbox" name="check3"> Option 3</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Inline Checkbox</label>
<div class="col-sm-6">
<label class="checkbox-inline"> <input class="icheck" type="checkbox" checked="" name="rad1"> Option 1</label>
<label class="checkbox-inline"> <input class="icheck" type="checkbox" name="rad1"> Option 2</label>
<label class="checkbox-inline"> <input class="icheck" type="checkbox" name="rad1"> Option 3</label>
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>Input Groups</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Input Text</label>
<div class="col-sm-6">
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-addon">.00</span>
</div>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control">
<span class="input-group-addon">.00</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Input Sizing</label>
<div class="col-sm-6">
<div class="input-group input-group-lg">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon">@</span>
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Checkbox & Radio</label>
<div class="col-sm-6">
<div class="input-group">
<span class="input-group-addon">
<input type="checkbox">
</span>
<input type="text" class="form-control">
</div>
<div class="input-group">
<span class="input-group-addon">
<input type="radio">
</span>
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Button Addons</label>
<div class="col-sm-6">
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">Go!</button>
</span>
</div>
<div class="input-group">
<input type="text" class="form-control">
<div class="input-group-btn">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
<ul class="dropdown-menu pull-right">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
<div class="input-group">
<input type="text" class="form-control">
<div class="input-group-btn">
<button tabindex="-1" class="btn btn-default" type="button">Action</button>
<button tabindex="-1" data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul role="menu" class="dropdown-menu pull-right">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Readonly Input</label>
<div class="col-sm-6">
<input type="text" readonly class="form-control" value="Readonly input text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Textarea</label>
<div class="col-sm-6">
<textarea class="form-control"></textarea>
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>Input Files</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Basic Input</label>
<div class="col-sm-6">
<div class="fileinput fileinput-new" data-provides="fileinput">
<span class="btn btn-primary btn-file"><span class="fileinput-new">Select file</span><span class="fileinput-exists">Change</span><input type="file" name="..."></span>
<span class="fileinput-filename"></span>
<a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">×</a>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Thumbnail Input</label>
<div class="col-sm-6">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;"></div>
<div>
<span class="btn btn-primary btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span><input type="file" name="..."></span>
<a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Thumbnail Input</label>
<div class="col-sm-6">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
<img src="http://placehold.it/190x140/7761A7/ffffff" alt="...">
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
<div>
<span class="btn btn-primary btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span><input type="file" name="..."></span>
<a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>Switch</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Sizes</label>
<div class="col-sm-6">
<input class="switch" type="checkbox" checked data-size="mini" >
<input class="switch" data-size="small" type="checkbox" checked>
<input class="switch" type="checkbox" checked>
<input class="switch" data-size="large" type="checkbox" checked>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Info</label>
<div class="col-sm-6">
<input class="switch" type="checkbox" checked data-on-color="info">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Success</label>
<div class="col-sm-6">
<input class="switch" type="checkbox" checked data-on-color="success">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Warning</label>
<div class="col-sm-6">
<input class="switch" type="checkbox" checked data-on-color="warning">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Danger</label>
<div class="col-sm-6">
<input class="switch" data-label-text="TV" type="checkbox" checked data-on-color="danger">
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>DateTime Picker</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Default</label>
<div class="col-sm-6">
<input class="form-control datetime" size="16" type="text" value="" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Read Only</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" readonly>
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Decade View</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-start-view="4" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" />
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Year View</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-start-view="3" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" />
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Month View</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-start-view="2" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" />
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Day View</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-start-view="1" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" />
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Hour View</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-start-view="0" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" />
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Day View Meridian</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-show-meridian="true" data-start-view="1" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" />
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Hour View Meridian</label>
<div class="col-sm-6">
<div class="input-group date datetime col-md-5 col-xs-7" data-show-meridian="true" data-start-view="0" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
<input class="form-control" size="16" type="text" value="" />
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>Date Range Picker</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Reservation Dates</label>
<div class="col-sm-6">
<fieldset>
<div class="control-group">
<div class="controls">
<div class="input-prepend input-group">
<span class="add-on input-group-addon primary"><span class="glyphicon glyphicon-th"></span></span><input type="text" style="width: 200px" name="reservation" id="reservation" class="form-control" value="03/18/2014 - 03/23/2014" />
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Date & Time Picker</label>
<div class="col-sm-6">
<fieldset>
<div class="control-group">
<div class="controls">
<div class="input-prepend input-group">
<span class="add-on input-group-addon primary"><i class="glyphicon glyphicon-th"></i></span>
<input type="text" style="width: 300px" name="reservation" id="reservationtime" class="form-control" value="02/01/2014 1:00 PM - 02/05/2014 2:30 PM" class="span4"/>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Date & Time Picker</label>
<div class="col-sm-4">
<div id="reportrange" class="pull-left" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
<span></span> <b class="caret"></b>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>Spinners</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Init with empty value</label>
<div class="col-sm-6">
<input id="cleaninit" type="text" value="" name="cleaninit" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Example with postfix</label>
<div class="col-sm-6">
<input id="demo1" type="text" value="55" name="demo1" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Example with prefix</label>
<div class="col-sm-6">
<input id="demo2" type="text" value="0" name="demo2" class="col-md-8 form-control">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Button postfix</label>
<div class="col-sm-6">
<input id="demo4" type="text" value="" name="demo4" class="input-sm">
</div>
</div>
</form>
</div>
</div>
<div class="block-flat">
<div class="header">
<h3>Advanced Controls</h3>
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#" style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label">Select2</label>
<div class="col-sm-6">
<select class="select2">
<optgroup label="Alaskan/Hawaiian Time Zone">
<option value="AK">Alaska</option>
<option value="HI">Hawaii</option>
</optgroup>
<optgroup label="Pacific Time Zone">
<option value="CA">California</option>
<option value="NV">Nevada</option>
<option value="OR">Oregon</option>
<option value="WA">Washington</option>
</optgroup>
<optgroup label="Mountain Time Zone">
<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
<option value="ID">Idaho</option>
<option value="MT">Montana</option><option value="NE">Nebraska</option>
<option value="NM">New Mexico</option>
<option value="ND">North Dakota</option>
<option value="UT">Utah</option>
<option value="WY">Wyoming</option>
</optgroup>
<optgroup label="Central Time Zone">
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="IL">Illinois</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="OK">Oklahoma</option>
<option value="SD">South Dakota</option>
<option value="TX">Texas</option>
<option value="TN">Tennessee</option>
<option value="WI">Wisconsin</option>
</optgroup>
<optgroup label="Eastern Time Zone">
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="IN">Indiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="NH">New Hampshire</option><option value="NJ">New Jersey</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="OH">Ohio</option>
<option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option>
<option value="VT">Vermont</option><option value="VA">Virginia</option>
<option value="WV">West Virginia</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">MultiTag Input</label>
<div class="col-sm-6">
<input class="tags" type="hidden" value="brown,blue,green" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Multitag from Select</label>
<div class="col-sm-6">
<select class="select2" multiple>
<optgroup label="Alaskan/Hawaiian Time Zone">
<option value="AK">Alaska</option>
<option value="HI">Hawaii</option>
</optgroup>
<optgroup label="Pacific Time Zone">
<option value="CA">California</option>
<option value="NV">Nevada</option>
<option value="OR">Oregon</option>
<option value="WA">Washington</option>
</optgroup>
<optgroup label="Mountain Time Zone">
<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
<option value="ID">Idaho</option>
<option value="MT">Montana</option><option value="NE">Nebraska</option>
<option value="NM">New Mexico</option>
<option value="ND">North Dakota</option>
<option value="UT">Utah</option>
<option value="WY">Wyoming</option>
</optgroup>
<optgroup label="Central Time Zone">
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="IL">Illinois</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="OK">Oklahoma</option>
<option value="SD">South Dakota</option>
<option value="TX">Texas</option>
<option value="TN">Tennessee</option>
<option value="WI">Wisconsin</option>
</optgroup>
<optgroup label="Eastern Time Zone">
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="IN">Indiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="NH">New Hampshire</option><option value="NJ">New Jersey</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="OH">Ohio</option>
<option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option>
<option value="VT">Vermont</option><option value="VA">Virginia</option>
<option value="WV">West Virginia</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Basic Color Picker</label>
<div class="col-sm-6">
<input type="text" class="demo1 form-control" value="#5367ce" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Color Picker</label>
<div class="col-sm-6">
<div class="input-group demo2">
<input type="text" value="" class="form-control" />
<span class="input-group-addon"><i></i></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Color Picker</label>
<div class="col-sm-6">
<div class="well">
<div id="demo_endis" class="input-group demo demo-auto colorpicker-component">
<input disabled type="text" value="" class="form-control" />
<span class="input-group-addon"><i></i></span>
</div>
<br>
<a class="btn btn-sm btn-default enable-button" href="#">Enable</a>
<a class="btn btn-sm btn-default disable-button" href="#">Disable</a>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Slider</label>
<div class="col-sm-6">
<input type="text" class="bslider form-control" value="" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Range Slider</label>
<div class="col-sm-6">
<input class="bslider form-control" type="text" data-slider-value="[250,450]" data-slider-step="5" data-slider-max="1000" data-slider-min="10" value="" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Vertical Slider</label>
<div class="col-sm-6">
<input class="form-control bslider" type="text" data-slider-selection="after" data-slider-orientation="vertical" data-slider-value="-13" data-slider-step="1" data-slider-max="20" data-slider-min="-20" value="">
<input class="form-control bslider" type="text" data-slider-selection="after" data-slider-orientation="vertical" data-slider-value="-9" data-slider-step="1" data-slider-max="20" data-slider-min="-20" value="">
<input class="form-control bslider" type="text" data-slider-selection="after" data-slider-orientation="vertical" data-slider-value="-5" data-slider-step="1" data-slider-max="20" data-slider-min="-20" value="">
<input class="form-control bslider" type="text" data-slider-selection="after" data-slider-orientation="vertical" data-slider-value="-2" data-slider-step="1" data-slider-max="20" data-slider-min="-20" value="">
<input class="form-control bslider" type="text" data-slider-selection="after" data-slider-orientation="vertical" data-slider-value="-5" data-slider-step="1" data-slider-max="20" data-slider-min="-20" value="">
<input class="form-control bslider" type="text" data-slider-selection="after" data-slider-orientation="vertical" data-slider-value="-9" data-slider-step="1" data-slider-max="20" data-slider-min="-20" value="">
<input class="form-control bslider" type="text" data-slider-selection="after" data-slider-orientation="vertical" data-slider-value="-13" data-slider-step="1" data-slider-max="20" data-slider-min="-20" value="">
</div>
</div>
</form>
</div>
</div>
</div>
</div> </div>
</div>
</div>
<!-- Right Chat-->
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right side-chat">
<div class="header">
<h3>Chat</h3>
</div>
<div class="sub-header" href="#">
<div class="icon"><i class="fa fa-user"></i></div> <p>Online (4)</p>
</div>
<div class="content">
<p class="title">Family</p>
<ul class="nav nav-pills nav-stacked contacts">
<li class="online"><a href="#"><i class="fa fa-circle-o"></i> Michael Smith</a></li>
<li class="online"><a href="#"><i class="fa fa-circle-o"></i> John Doe</a></li>
<li class="online"><a href="#"><i class="fa fa-circle-o"></i> Richard Avedon</a></li>
<li class="busy"><a href="#"><i class="fa fa-circle-o"></i> Allen Collins</a></li>
</ul>
<p class="title">Friends</p>
<ul class="nav nav-pills nav-stacked contacts">
<li class="online"><a href="#"><i class="fa fa-circle-o"></i> Jaime Garzon</a></li>
<li class="outside"><a href="#"><i class="fa fa-circle-o"></i> Dave Grohl</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Victor Jara</a></li>
</ul>
<p class="title">Work</p>
<ul class="nav nav-pills nav-stacked contacts">
<li><a href="#"><i class="fa fa-circle-o"></i> Ansel Adams</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Gustavo Cerati</a></li>
</ul>
</div>
<div id="chat-box">
<div class="header">
<span>Richard Avedon</span>
<a class="close"><i class="fa fa-times"></i></a>
</div>
<div class="messages nano nscroller">
<div class="content">
<ul class="conversation">
<li class="odd">
<p>Hi Jane, how are you?</p>
</li>
<li class="text-right">
<p>Hello I was looking for you</p>
</li>
<li class="odd">
<p>Tell me what you need?</p>
</li>
<li class="text-right">
<p>Sorry, I'm late... see you</p>
</li>
<li class="odd unread">
<p>OK, call me later...</p>
</li>
</ul>
</div>
</div>
<div class="chat-input">
<div class="input-group">
<input type="text" class="form-control" placeholder="Enter a message...">
<span class="input-group-btn">
<button type="button" class="btn btn-primary">Send</button>
</span>
</div>
</div>
</div>
</nav>
<script src="<?php echo HOME_URI;?>views/_js/jquery.js"></script>
<script src="<?php echo HOME_URI;?>views/_js/jquery.cookie/jquery.cookie.js"></script>
<script src="<?php echo HOME_URI;?>views/_js/jquery.pushmenu/js/jPushMenu.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.nanoscroller/jquery.nanoscroller.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.sparkline/jquery.sparkline.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.ui/jquery-ui.js" ></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.gritter/js/jquery.gritter.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/behaviour/core.js"></script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<?php echo HOME_URI;?>views/_js/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jasny.bootstrap/extend/js/jasny-bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/bootstrap.daterangepicker/moment.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/bootstrap.daterangepicker/daterangepicker.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/bootstrap.touchspin/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/bootstrap.switch/bootstrap-switch.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/bootstrap.datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.select2/select2.min.js" ></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/bootstrap.slider/js/bootstrap-slider.js" ></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.icheck/icheck.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
/*Date Range Picker*/
$('#reservation').daterangepicker();
$('#reservationtime').daterangepicker({
timePicker: true,
timePickerIncrement: 30,
format: 'MM/DD/YYYY h:mm A'
});
var cb = function(start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + "]");
}
var optionSet1 = {
startDate: moment().subtract('days', 29),
endDate: moment(),
minDate: '01/01/2012',
maxDate: '12/31/2014',
dateLimit: { days: 60 },
showDropdowns: true,
showWeekNumbers: true,
timePicker: false,
timePickerIncrement: 1,
timePicker12Hour: true,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
'Last 7 Days': [moment().subtract('days', 6), moment()],
'Last 30 Days': [moment().subtract('days', 29), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
},
opens: 'left',
buttonClasses: ['btn btn-default'],
applyClass: 'btn-small btn-primary',
cancelClass: 'btn-small',
format: 'MM/DD/YYYY',
separator: ' to ',
locale: {
applyLabel: 'Submit',
cancelLabel: 'Clear',
fromLabel: 'From',
toLabel: 'To',
customRangeLabel: 'Custom',
daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
firstDay: 1
}
};
var optionSet2 = {
startDate: moment().subtract('days', 7),
endDate: moment(),
opens: 'left',
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
'Last 7 Days': [moment().subtract('days', 6), moment()],
'Last 30 Days': [moment().subtract('days', 29), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
}
};
$('#reportrange span').html(moment().subtract('days', 29).format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
$('#reportrange').daterangepicker(optionSet1, cb);
$('#reportrange').on('show', function() { console.log("show event fired"); });
$('#reportrange').on('hide', function() { console.log("hide event fired"); });
$('#reportrange').on('apply', function(ev, picker) {
alert("mama mia");
console.log("apply event fired, start/end dates are "
+ picker.startDate.format('MMMM D, YYYY')
+ " to "
+ picker.endDate.format('MMMM D, YYYY')
);
});
$('#reportrange').on('cancel', function(ev, picker) { console.log("cancel event fired"); });
/*Switch*/
$('.switch').bootstrapSwitch();
/*DateTime Picker*/
$(".datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});
$("#datetime1").datetimepicker({format: 'yyyy-mm-dd'});
/*Select2*/
$(".select2").select2({
width: '100%'
});
/*Tags*/
$(".tags").select2({tags: 0,width: '100%'});
/*Slider*/
$('.bslider').slider();
/*Input & Radio Buttons*/
$('.icheck').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass: 'iradio_flat-green'
});
/*spinners*/
$("input[name='cleaninit']").TouchSpin();
$("input[name='demo1']").TouchSpin({
min: 0,
max: 100,
step: 0.1,
decimals: 2,
boostat: 5,
maxboostedstep: 10,
postfix: '%'
});
$("input[name='demo2']").TouchSpin({
min: -1000000000,
max: 1000000000,
stepinterval: 50,
maxboostedstep: 10000000,
prefix: '$'
});
$("input[name='demo4']").TouchSpin({
postfix: "a button",
postfix_extraclass: "btn btn-default"
});
/*End of spinners*/
/*Color Picker*/
$('.demo1').colorpicker({
format: 'hex', // force this format
});
$('.demo2').colorpicker({
format: 'hex', // force this format
});
$('.demo-auto').colorpicker();
// Disabled / enabled triggers
$(".disable-button").click(function(e) {
e.preventDefault();
$("#demo_endis").colorpicker('disable');
});
$(".enable-button").click(function(e) {
e.preventDefault();
$("#demo_endis").colorpicker('enable');
});
/*End of Color Picker*/
});
</script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.pie.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.resize.js"></script>
<script type="text/javascript" src="<?php echo HOME_URI;?>views/_js/jquery.flot/jquery.flot.labels.js"></script>
</body>
</html>