mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-19 04:33:55 +00:00
Initial commit
This commit is contained in:
Syed Amir
@@ -0,0 +1,13 @@
|
||||
# This file is a template, and might need editing before it works on your project.
|
||||
# Full project: https://gitlab.com/pages/plain-html
|
||||
pages:
|
||||
stage: deploy
|
||||
script:
|
||||
- mkdir .public
|
||||
- cp -r * .public
|
||||
- mv .public public
|
||||
artifacts:
|
||||
paths:
|
||||
- public
|
||||
only:
|
||||
- master
|
||||
@@ -0,0 +1,863 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js">
|
||||
<![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js">
|
||||
<![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Messenger</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link rel="stylesheet" type="text/css" href="../assets/qweqwe/css/jquery.emojipicker.css">
|
||||
<link rel="stylesheet" type="text/css" href="../assets/qweqwe/css/jquery.emojipicker.a.css">
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
<style>
|
||||
.qweqwe {
|
||||
height: 435px !important;
|
||||
}
|
||||
.chat-form {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.tooltip {
|
||||
position: fixed;
|
||||
}
|
||||
.btn-circless {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.428571429;
|
||||
border-radius: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
</style><style>
|
||||
.qweqwe {
|
||||
height: 435px !important;
|
||||
}
|
||||
.chat-form {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.tooltip {
|
||||
position: fixed;
|
||||
}
|
||||
.btn-circless {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.428571429;
|
||||
border-radius: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
</style><style>
|
||||
.qweqwe {
|
||||
height: 435px !important;
|
||||
}
|
||||
.chat-form {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.tooltip {
|
||||
position: fixed;
|
||||
}
|
||||
.btn-circless {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.428571429;
|
||||
border-radius: 15px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-sidebar-closed">
|
||||
<div class="page-wrapper">
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="page-header navbar navbar-fixed-top">
|
||||
<!-- BEGIN HEADER INNER -->
|
||||
<div class="page-header-inner ">
|
||||
<!-- BEGIN LOGO -->
|
||||
<div class="page-logo">
|
||||
<div class="menu-toggler sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END LOGO -->
|
||||
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
|
||||
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span></span>
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
|
||||
<span class="username username-hide-on-mobile"> Syed Amir </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-default">
|
||||
<li>
|
||||
<a href="page_user_profile_1.html">
|
||||
<i class="icon-user"></i> My Profile </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="page_user_login_1.html">
|
||||
<i class="icon-key"></i> Log Out </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
</div>
|
||||
<!-- END HEADER INNER -->
|
||||
</div>
|
||||
<!-- END HEADER -->
|
||||
<!-- BEGIN HEADER & CONTENT DIVIDER -->
|
||||
<div class="clearfix"> </div>
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<div class="page-sidebar navbar-collapse collapse">
|
||||
<!-- BEGIN SIDEBAR MENU -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
|
||||
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<ul class="page-sidebar-menu page-header-fixed page-sidebar-menu-closed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
|
||||
<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
|
||||
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
||||
<li class="sidebar-toggler-wrapper hide">
|
||||
<div class="sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%" />
|
||||
</center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
<!-- BEGIN PAGE BAR -->
|
||||
<div class="page-bar">
|
||||
<ul class="page-breadcrumb">
|
||||
<li>
|
||||
<a href="index.html">Order Status</a>
|
||||
<i class="fa fa-circle"></i>
|
||||
</li>
|
||||
<li>
|
||||
<span>Messenger</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- CONTENT -->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light bordered" style="margin-bottom: 10px;">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<span class="caption-subject bold font-purple-plum uppercase"> Order List </span>
|
||||
</div>
|
||||
<div class="inputs">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-9">
|
||||
<div class="portlet-input input-inline input-small" style="margin-bottom:10px">
|
||||
<div class="input-icon right">
|
||||
<i class="icon-magnifier"></i>
|
||||
<input type="text" class="form-control input-circle" placeholder="search...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="btn-group" style="width:100%">
|
||||
<a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<span class="fa fa-filter"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="label label-sm label-success"> Active </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="label label-sm label-success"> Closed </span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="javascript:;">
|
||||
<span class="label label-sm label-success"> Pending </span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="javascript:;">
|
||||
<span class="label label-sm label-success"> Cancel </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div id="tree_1" class="tree-demo">
|
||||
<ul>
|
||||
<li>
|
||||
CIEF
|
||||
<ul>
|
||||
<li data-jstree='{ "opened" : true }'>
|
||||
014528
|
||||
<ul>
|
||||
<li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (1) </li>
|
||||
<li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (2) </li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
ABC
|
||||
<ul>
|
||||
<li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014587</li>
|
||||
<li data-jstree='{ "type" : "file" }' onclick="show_content();">
|
||||
<a href="javascript:;"> 014586 </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="file_manager">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light bordered">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<span class="caption-subject bold font-purple-plum uppercase"> File Manager </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center><img src="../assets/global/img/folderimg.ico" alt="Image" style="width:60px;height:60px;">
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center>Image</center>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center><img src="../assets/global/img/folderdoc.ico" alt="Image" style="width:60px;height:60px;">
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center>Sound</center>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center><img src="../assets/global/img/folderdoc.ico" alt="Image" style="width:60px;height:60px;">
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center>Documents</center>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center><img src="../assets/global/img/folderdoc.ico" alt="Image" style="width:60px;height:60px;">
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<center>Others</center>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9" id="with_content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="icon-bubble font-hide hide"></i>
|
||||
<span class="caption-subject font-hide bold uppercase">Chats</span>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#chat">
|
||||
<i class="fa fa-plus"></i> Add Group </a>
|
||||
<a href="javascript:window.open('trackorder2.html', 'Track Order', 'width=1000,height=600');" class="btn btn-circle btn-default tooltips" data-placement="bottom" data-original-title="Track Order">
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i> Track Order
|
||||
</a>
|
||||
<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body" style="height: 400px;" id="chats">
|
||||
<div class="scroller" style="height:80%" data-always-visible="1" data-rail-visible1="1">
|
||||
<div class="tabbable-custom nav-justified">
|
||||
<ul class="nav nav-tabs nav-justified">
|
||||
<li class="active">
|
||||
<a href="#tab_1_1_1" data-toggle="tab">
|
||||
<span class="editInPlace">014528 </span> <i class="dropdown-toggless fa fa-users pull-right tooltips" data-placement="bottom" data-original-title="Members" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab_1_1_2" data-toggle="tab">
|
||||
<span class="editInPlace">014528 (2)</span> <i class="dropdown-toggless fa fa-users pull-right tooltips" data-placement="bottom" data-original-title="Members" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="tab_1_1_1">
|
||||
<ul class="chats">
|
||||
<li class="out">
|
||||
<a href="javascript:;" style="float:right"> Lisa Wong </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> <img src="../assets/global/img/attachment.PNG" alt="Container" > </span>
|
||||
<span class="datetime" style="float:left"> 20:11 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="out">
|
||||
<a href="javascript:;" style="float:right"> Lisa Wong </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"><img src="../assets/global/img/cont.jpg" alt="Container" style="width:204px;height:128px;"> </span>
|
||||
<span class="datetime" style="float:left"> 20:11 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="in">
|
||||
<a href="javascript:;" style="float:left"> Bob Nilson </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> Confirm </span>
|
||||
<span class="datetime" style="float:right"> 20:30 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="in">
|
||||
<a href="javascript:;" style="float:left"> Bob Nilson </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> Proceed. </span>
|
||||
<span class="datetime" style="float:right"> 20:30 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="out">
|
||||
<a href="javascript:;" style="float:right"> Richard Doe </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> CNTR58 </span>
|
||||
<span class="datetime" style="float:left"> 20:33 </span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane" id="tab_1_1_2">
|
||||
<ul class="chats">
|
||||
<li class="in">
|
||||
<a href="javascript:;" style="float:left"> Bob Nilson </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> Hi. </span>
|
||||
<span class="datetime" style="float:right"> 20:30 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="out">
|
||||
<a href="javascript:;" style="float:right"> Richard Doe </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> Bye. </span>
|
||||
<span class="datetime" style="float:left"> 20:33 </span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-form">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn icn-only" style="display:none">
|
||||
<button id="create" style="display:none" class="btn blue"><i class="fa fa-check icon-white"></i></button>
|
||||
</span>
|
||||
<input type="text" id="text-custom-trigger" class="form-control">
|
||||
<span class="input-group-btn icn-only">
|
||||
<button class="btn blue" id="toggle"><i class="fa fa-smile-o icon-white"></i></button>
|
||||
</span>
|
||||
<span class="input-group-btn icn-only">
|
||||
<button type="button" class="btn blue" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="
|
||||
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-file' style='font-size:20px' aria-hidden='true'></i></button>
|
||||
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-picture-o' style='font-size:20px' aria-hidden='true' ></i></button>
|
||||
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-video-camera' style='font-size:20px' aria-hidden='true'></i></button>
|
||||
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-qrcode' style='font-size:20px' aria-hidden='true'></i></a></button>">
|
||||
<i class="fa fa-plus-square" aria-hidden="true"></i></button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9" id="without_content" style="display:none;">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="icon-bubble font-hide hide"></i>
|
||||
<span class="caption-subject font-hide bold uppercase">Chats</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body" style="height: 400px;">
|
||||
<h3 style="text-align:center; margin-top: 150px;">Please choose order number </h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
<!-- BEGIN QUICK SIDEBAR -->
|
||||
<a href="javascript:;" class="page-quick-sidebar-toggler">
|
||||
<i class="icon-login"></i>
|
||||
</a>
|
||||
<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
|
||||
<div class="page-quick-sidebar">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> IMPORTER
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> FORWARDER
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
|
||||
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
|
||||
<h3 class="list-heading">Members</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lisa Wongs</h4>
|
||||
<div class="media-heading-sub">Admin </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Bob Nilso</h4>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Richard Doe</h4>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane page-quick-sidebar-chat" id="quick_sidebar_tab_2">
|
||||
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
|
||||
<h3 class="list-heading">Members</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Bob Nilso</h4>
|
||||
<div class="media-heading-sub">Admin </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lisa Wongs</h4>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Richard Doe</h4>
|
||||
</div>
|
||||
</li>
|
||||
<li align="center">
|
||||
<div class="actions">
|
||||
<a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#member">
|
||||
<i class="fa fa-plus"></i> Add </a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END QUICK SIDEBAR -->
|
||||
</div>
|
||||
<!-- END CONTAINER -->
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="page-footer">
|
||||
<div class="page-footer-inner">
|
||||
Copyright © 2017 IZYIM.COM
|
||||
<div class="scroll-to-top">
|
||||
<i class="icon-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="../assets/qweqwe/js/jquery.emojipicker.js"></script>
|
||||
<script type="text/javascript" src="../assets/qweqwe/js/jquery.emojis.js"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/pages/scripts/ui-tree.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(e) {
|
||||
if(window.location.search == '?menu=true'){
|
||||
//alert('heiiiii');
|
||||
document.getElementById("without_content").style.display = "";
|
||||
document.getElementById("with_content").style.display = "none";
|
||||
document.getElementById("file_manager").style.display = "none";
|
||||
|
||||
}else{
|
||||
//alert('hoooo');
|
||||
document.getElementById("without_content").style.display = "none";
|
||||
document.getElementById("with_content").style.display = "";
|
||||
document.getElementById("file_manager").style.display = "";
|
||||
}
|
||||
|
||||
$('#create').click(function(e) {
|
||||
e.preventDefault();
|
||||
$('#text-custom-trigger').emojiPicker({
|
||||
width: '320px',
|
||||
height: '200px',
|
||||
button: false
|
||||
});
|
||||
});
|
||||
|
||||
$('#toggle').click(function(e) {
|
||||
e.preventDefault();
|
||||
$('#text-custom-trigger').emojiPicker('toggle');
|
||||
});
|
||||
|
||||
$('#destroy').click(function(e) {
|
||||
e.preventDefault();
|
||||
$('#text-custom-trigger').emojiPicker('destroy');
|
||||
})
|
||||
|
||||
$("#create").trigger('click');
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
function show_content(){
|
||||
//alert('hoooo');
|
||||
document.getElementById("without_content").style.display = "none";
|
||||
document.getElementById("with_content").style.display = "";
|
||||
document.getElementById("file_manager").style.display = "";
|
||||
}
|
||||
window.onload = function() {
|
||||
var elements = getElementsByClassName('editInPlace', '*', document);
|
||||
for (var i = 0; i < elements.length; i++) {
|
||||
elements[i].ondblclick = function() {
|
||||
this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
|
||||
var textBox = document.createElement('INPUT');
|
||||
textBox.setAttribute('type', 'text');
|
||||
textBox.value = this.innerHTML;
|
||||
textBox.onblur = function() {
|
||||
var newValue = this.value;
|
||||
this.parentNode.innerHTML = newValue;
|
||||
//alert("Your new value: \n\n" + newValue);
|
||||
}
|
||||
|
||||
this.innerHTML = '';
|
||||
|
||||
this.appendChild(textBox);
|
||||
}
|
||||
}(i);
|
||||
}
|
||||
|
||||
function getElementsByClassName(className, tag, elm) {
|
||||
var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
|
||||
var tag = tag || "*";
|
||||
var elm = elm || document;
|
||||
var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
|
||||
var returnElements = [];
|
||||
var current;
|
||||
var length = elements.length;
|
||||
for (var i = 0; i < length; i++) {
|
||||
current = elements[i];
|
||||
if (testClass.test(current.className)) {
|
||||
returnElements.push(current);
|
||||
}
|
||||
}
|
||||
return returnElements;
|
||||
}
|
||||
$('[data-toggle="popover"]').popover({
|
||||
trigger: 'focus',
|
||||
container: '.portlet-body'
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,524 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Company Settings</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style></head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<div class="page-wrapper">
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="page-header navbar navbar-fixed-top">
|
||||
<!-- BEGIN HEADER INNER -->
|
||||
<div class="page-header-inner ">
|
||||
<!-- BEGIN LOGO -->
|
||||
<div class="page-logo">
|
||||
<div class="menu-toggler sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END LOGO -->
|
||||
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
|
||||
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span></span>
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
|
||||
<span class="username username-hide-on-mobile"> Syed Amir </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-default">
|
||||
<li>
|
||||
<a href="profile.html">
|
||||
<i class="icon-user"></i> My Profile </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="icon-key"></i> Log Out </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
</div>
|
||||
<!-- END HEADER INNER -->
|
||||
</div>
|
||||
<!-- END HEADER -->
|
||||
<!-- BEGIN HEADER & CONTENT DIVIDER -->
|
||||
<div class="clearfix"> </div>
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<div class="page-sidebar navbar-collapse collapse">
|
||||
<!-- BEGIN SIDEBAR MENU -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
|
||||
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
|
||||
<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
|
||||
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
||||
<li class="sidebar-toggler-wrapper hide">
|
||||
<div class="sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
<!-- BEGIN PAGE BAR -->
|
||||
<div class="page-bar">
|
||||
<ul class="page-breadcrumb">
|
||||
<li>
|
||||
<a href="index.html">Home</a>
|
||||
<i class="fa fa-circle"></i>
|
||||
</li>
|
||||
<li>
|
||||
<span>Profile</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Company Settings
|
||||
</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<!-- BEGIN PROFILE SIDEBAR -->
|
||||
<div class="profile-sidebar">
|
||||
<!-- PORTLET MAIN -->
|
||||
<div class="portlet light profile-sidebar-portlet ">
|
||||
<!-- SIDEBAR USERPIC -->
|
||||
<div class="profile-userpic">
|
||||
<img src="../assets/pages/media/profile/profile_user.jpg" class="img-responsive" alt=""> </div>
|
||||
<!-- END SIDEBAR USERPIC -->
|
||||
<!-- SIDEBAR USER TITLE -->
|
||||
<div class="profile-usertitle">
|
||||
<div class="profile-usertitle-name"> Syed Amir </div>
|
||||
<div class="profile-usertitle-job"> Forwarder </div>
|
||||
</div>
|
||||
<!-- END SIDEBAR USER TITLE -->
|
||||
<!-- SIDEBAR MENU -->
|
||||
<div class="profile-usermenu">
|
||||
<ul class="nav">
|
||||
<li>
|
||||
<a href="profile2.html">
|
||||
<i class="icon-settings"></i> Profile </a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="company.html">
|
||||
<i class="icon-info"></i> Company </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END MENU -->
|
||||
</div>
|
||||
<!-- END PORTLET MAIN -->
|
||||
|
||||
</div>
|
||||
<!-- END BEGIN PROFILE SIDEBAR -->
|
||||
<!-- BEGIN PROFILE CONTENT -->
|
||||
<div class="profile-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light ">
|
||||
<div class="portlet-title tabbable-line">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="#tab_1_1" data-toggle="tab">Company Info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="tab-content">
|
||||
<!-- PERSONAL INFO TAB -->
|
||||
<div class="tab-pane active" id="tab_1_1">
|
||||
<form role="form" action="#">
|
||||
<div class="row">
|
||||
<div class="table-toolbar">
|
||||
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="table-scrollable">
|
||||
<table class="table table-hover dataTable" id="sample_1" role="grid" aria-describedby="sample_1_info">
|
||||
<tbody>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="team2.html">CIEF Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="#">ABC Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="#">DEF Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END PERSONAL INFO TAB -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PROFILE CONTENT -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<form role="form">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label>Company Name</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Company Name"> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Registration No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Registration No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Office No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Office No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label">Company Address</label>
|
||||
<textarea class="form-control" rows="3" placeholder="Company Address"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Company Staff</label>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="A" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="B" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="C" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="D" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="E" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn green">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
<!-- END CONTENT -->
|
||||
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
<!-- BEGIN QUICK SIDEBAR -->
|
||||
|
||||
<!-- END QUICK SIDEBAR -->
|
||||
</div>
|
||||
<!-- END CONTAINER -->
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="page-footer">
|
||||
<div class="page-footer-inner"> Copyright © 2017 IZYIM.COM
|
||||
<div class="scroll-to-top">
|
||||
<i class="icon-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,962 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Form Customization</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style></head>
|
||||
<!-- END HEAD -->
|
||||
<style>
|
||||
.form-horizontal .control-label {
|
||||
text-align:left;
|
||||
}
|
||||
.bootstrap-switch{
|
||||
border-radius: 25px!important;
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<div class="page-wrapper">
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="page-header navbar navbar-fixed-top">
|
||||
<!-- BEGIN HEADER INNER -->
|
||||
<div class="page-header-inner ">
|
||||
<!-- BEGIN LOGO -->
|
||||
<div class="page-logo">
|
||||
<div class="menu-toggler sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END LOGO -->
|
||||
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
|
||||
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span></span>
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
|
||||
<span class="username username-hide-on-mobile"> Syed Amir </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-default">
|
||||
<li>
|
||||
<a href="page_user_profile_1.html">
|
||||
<i class="icon-user"></i> My Profile </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="icon-key"></i> Log Out </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
|
||||
<!-- END QUICK SIDEBAR TOGGLER -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
</div>
|
||||
<!-- END HEADER INNER -->
|
||||
</div>
|
||||
<!-- END HEADER -->
|
||||
<!-- BEGIN HEADER & CONTENT DIVIDER -->
|
||||
<div class="clearfix"> </div>
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<div class="page-sidebar navbar-collapse collapse">
|
||||
<!-- BEGIN SIDEBAR MENU -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
|
||||
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
|
||||
<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
|
||||
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
||||
<li class="sidebar-toggler-wrapper hide">
|
||||
<div class="sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item open">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
<!-- BEGIN PAGE BAR -->
|
||||
<div class="page-bar">
|
||||
<ul class="page-breadcrumb">
|
||||
<li>
|
||||
<a href="index.html">Home</a>
|
||||
<i class="fa fa-circle"></i>
|
||||
</li>
|
||||
<li>
|
||||
<span>Form Customization</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<div class="row">
|
||||
<div class="col-md-offset-2 col-md-8">
|
||||
<!-- BEGIN PORTLET-->
|
||||
<div class="portlet light form-fit bordered">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="icon-settings font-blue"></i>
|
||||
<span class="caption-subject font-blue sbold uppercase">Form Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body form">
|
||||
<form action="#" class="form-horizontal form-bordered">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-4">Name</label>
|
||||
<div class="col-md-8">
|
||||
<input type="checkbox" checked class="make-switch" data-size="normal" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-4">Address</label>
|
||||
<div class="col-md-8">
|
||||
<input type="checkbox" checked class="make-switch" data-size="normal">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-4">Tel No.</label>
|
||||
<div class="col-md-8">
|
||||
<input type="checkbox" checked class="make-switch" data-size="normal">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-4">Registration No.</label>
|
||||
<div class="col-md-8">
|
||||
<input type="checkbox" checked class="make-switch" data-size="normal">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-4">Marking No.</label>
|
||||
<div class="col-md-8">
|
||||
<input type="checkbox" checked class="make-switch" data-size="normal">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<h4>
|
||||
Add your own
|
||||
</h4>
|
||||
|
||||
<div class="alert alert-add">
|
||||
<strong>
|
||||
<a href="javascript:;" class="btn btn-icon-only green">
|
||||
<i class="fa fa-plus">
|
||||
</i>
|
||||
</a>
|
||||
</strong>
|
||||
Choose your own
|
||||
</div>
|
||||
|
||||
<!-- END CONTENT -->
|
||||
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
<!-- BEGIN QUICK SIDEBAR -->
|
||||
<a href="javascript:;" class="page-quick-sidebar-toggler">
|
||||
<i class="icon-login"></i>
|
||||
</a>
|
||||
<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
|
||||
<div class="page-quick-sidebar">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
|
||||
<span class="badge badge-danger">2</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
|
||||
<span class="badge badge-success">7</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-bell"></i> Alerts </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-info"></i> Notifications </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-speech"></i> Activities </a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-settings"></i> Settings </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
|
||||
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
|
||||
<h3 class="list-heading">Staff</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-success">8</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Bob Nilson</h4>
|
||||
<div class="media-heading-sub"> Project Manager </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Nick Larson</h4>
|
||||
<div class="media-heading-sub"> Art Director </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-danger">3</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Deon Hubert</h4>
|
||||
<div class="media-heading-sub"> CTO </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Ella Wong</h4>
|
||||
<div class="media-heading-sub"> CEO </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 class="list-heading">Customers</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-warning">2</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lara Kunis</h4>
|
||||
<div class="media-heading-sub"> CEO, Loop Inc </div>
|
||||
<div class="media-heading-small"> Last seen 03:10 AM </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="label label-sm label-success">new</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Ernie Kyllonen</h4>
|
||||
<div class="media-heading-sub"> Project Manager,
|
||||
<br> SmartBizz PTL </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lisa Stone</h4>
|
||||
<div class="media-heading-sub"> CTO, Keort Inc </div>
|
||||
<div class="media-heading-small"> Last seen 13:10 PM </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-success">7</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Deon Portalatin</h4>
|
||||
<div class="media-heading-sub"> CFO, H&D LTD </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Irina Savikova</h4>
|
||||
<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-danger">4</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Maria Gomez</h4>
|
||||
<div class="media-heading-sub"> Manager, Infomatic Inc </div>
|
||||
<div class="media-heading-small"> Last seen 03:10 AM </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-item">
|
||||
<div class="page-quick-sidebar-chat-user">
|
||||
<div class="page-quick-sidebar-nav">
|
||||
<a href="javascript:;" class="page-quick-sidebar-back-to-list">
|
||||
<i class="icon-arrow-left"></i>Back</a>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-chat-user-messages">
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> When could you send me the report ? </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> Its almost done. I will be sending it shortly </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> Alright. Thanks! :) </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:16</span>
|
||||
<span class="body"> You are most welcome. Sorry for the delay. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> No probs. Just take your time :) </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:40</span>
|
||||
<span class="body"> Alright. I just emailed it to you. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> Great! Thanks. Will check it right away. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:40</span>
|
||||
<span class="body"> Please let me know if you have any comment. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-chat-user-form">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Type a message here...">
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn green">
|
||||
<i class="icon-paper-clip"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
|
||||
<div class="page-quick-sidebar-alerts-list">
|
||||
<h3 class="list-heading">General</h3>
|
||||
<ul class="feeds list-items">
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 4 pending tasks.
|
||||
<span class="label label-sm label-warning "> Take action
|
||||
<i class="fa fa-share"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> Just now </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-bar-chart-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Finance Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-danger">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> New order received with
|
||||
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 30 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Web server hardware needs to be upgraded.
|
||||
<span class="label label-sm label-warning"> Overdue </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 2 hours </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-default">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> IPO Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 class="list-heading">System</h3>
|
||||
<ul class="feeds list-items">
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 4 pending tasks.
|
||||
<span class="label label-sm label-warning "> Take action
|
||||
<i class="fa fa-share"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> Just now </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-danger">
|
||||
<i class="fa fa-bar-chart-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Finance Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-default">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> New order received with
|
||||
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 30 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Web server hardware needs to be upgraded.
|
||||
<span class="label label-sm label-default "> Overdue </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 2 hours </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> IPO Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
|
||||
<div class="page-quick-sidebar-settings-list">
|
||||
<h3 class="list-heading">General Settings</h3>
|
||||
<ul class="list-items borderless">
|
||||
<li> Enable Notifications
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Allow Tracking
|
||||
<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Log Errors
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Auto Sumbit Issues
|
||||
<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Enable SMS Alerts
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
</ul>
|
||||
<h3 class="list-heading">System Settings</h3>
|
||||
<ul class="list-items borderless">
|
||||
<li> Security Level
|
||||
<select class="form-control input-inline input-sm input-small">
|
||||
<option value="1">Normal</option>
|
||||
<option value="2" selected>Medium</option>
|
||||
<option value="e">High</option>
|
||||
</select>
|
||||
</li>
|
||||
<li> Failed Email Attempts
|
||||
<input class="form-control input-inline input-sm input-small" value="5" /> </li>
|
||||
<li> Secondary SMTP Port
|
||||
<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
|
||||
<li> Notify On System Error
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Notify On SMTP Error
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
</ul>
|
||||
<div class="inner-content">
|
||||
<button class="btn btn-success">
|
||||
<i class="icon-settings"></i> Save Changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END QUICK SIDEBAR -->
|
||||
</div>
|
||||
<!-- END CONTAINER -->
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="page-footer">
|
||||
<div class="page-footer-inner"> Copyright © 2017 IZYIM.COM
|
||||
<div class="scroll-to-top">
|
||||
<i class="icon-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,169 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Login</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for " name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL STYLES -->
|
||||
<link href="../assets/pages/css/login.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class=" login">
|
||||
<!-- BEGIN LOGIN -->
|
||||
<div class="content">
|
||||
<!-- BEGIN LOGIN FORM -->
|
||||
<form class="login-form" action="index.html" method="post">
|
||||
<h3 class="form-title font-green">Sign In</h3>
|
||||
<div class="alert alert-danger display-hide">
|
||||
<button class="close" data-close="alert"></button>
|
||||
<span> Enter any username and password. </span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
|
||||
<label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
|
||||
<input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Password</label>
|
||||
<input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" /> </div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn green uppercase">Login</button>
|
||||
<label class="rememberme check mt-checkbox mt-checkbox-outline">
|
||||
<input type="checkbox" name="remember" value="1" />Remember
|
||||
<span></span>
|
||||
</label>
|
||||
<a href="javascript:;" id="forget-password" class="forget-password">Forgot Password?</a>
|
||||
</div>
|
||||
<div class="create-account">
|
||||
<p>
|
||||
<a href="javascript:;" id="register-btn" class="uppercase">Create an account</a>
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
<!-- END LOGIN FORM -->
|
||||
<!-- BEGIN FORGOT PASSWORD FORM -->
|
||||
<form class="forget-form" action="index.html" method="post">
|
||||
<h3 class="font-green">Forget Password ?</h3>
|
||||
<p> Enter your e-mail address below to reset your password. </p>
|
||||
<div class="form-group">
|
||||
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email" /> </div>
|
||||
<div class="form-actions">
|
||||
<button type="button" id="back-btn" class="btn green btn-outline">Back</button>
|
||||
<button type="submit" class="btn btn-success uppercase pull-right">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
<!-- END FORGOT PASSWORD FORM -->
|
||||
<!-- BEGIN REGISTRATION FORM -->
|
||||
<form class="register-form" action="index.html" method="post">
|
||||
<h3 class="font-green">Sign Up</h3>
|
||||
<p class="hint"> Enter your account details below: </p>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
|
||||
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Password</label>
|
||||
<input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="Password" name="password" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label>
|
||||
<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Re-type Your Password" name="rpassword" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Verification No.</label>
|
||||
<div class="row">
|
||||
<div class="col-md-10">
|
||||
<input class="form-control placeholder-no-fix" style="width:95%" type="password" autocomplete="off" id="register_password" placeholder="Verification No" name="password" />
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button type="submit" id="register-submit-btn" style="line-height:2.0" class="btn btn-success uppercase pull-right">Send</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</br>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="button" id="register-back-btn" class="btn green btn-outline">Back</button>
|
||||
<button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
<!-- END REGISTRATION FORM -->
|
||||
</div>
|
||||
<div class="copyright"> Copyright © 2017 IZYIM.COM </div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/login.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,906 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Notice</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style></head>
|
||||
<!-- END HEAD -->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<div class="page-wrapper">
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="page-header navbar navbar-fixed-top">
|
||||
<!-- BEGIN HEADER INNER -->
|
||||
<div class="page-header-inner ">
|
||||
<!-- BEGIN LOGO -->
|
||||
<div class="page-logo">
|
||||
<div class="menu-toggler sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END LOGO -->
|
||||
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
|
||||
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span></span>
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
|
||||
<span class="username username-hide-on-mobile"> Syed Amir </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-default">
|
||||
<li>
|
||||
<a href="page_user_profile_1.html">
|
||||
<i class="icon-user"></i> My Profile </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="icon-key"></i> Log Out </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
</div>
|
||||
<!-- END HEADER INNER -->
|
||||
</div>
|
||||
<!-- END HEADER -->
|
||||
<!-- BEGIN HEADER & CONTENT DIVIDER -->
|
||||
<div class="clearfix"> </div>
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<div class="page-sidebar navbar-collapse collapse">
|
||||
<!-- BEGIN SIDEBAR MENU -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
|
||||
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
|
||||
<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
|
||||
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
||||
<li class="sidebar-toggler-wrapper hide">
|
||||
<div class="sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR --><!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
<!-- BEGIN PAGE BAR -->
|
||||
<div class="page-bar">
|
||||
<ul class="page-breadcrumb">
|
||||
<li>
|
||||
<a href="index.html">Home</a>
|
||||
<i class="fa fa-circle"></i>
|
||||
</li>
|
||||
<li>
|
||||
<span>Notice</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Notice
|
||||
</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="title">Title</label>
|
||||
<input id="title" type="text" class="form-control" value="" placeholder="Enter a title...">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="message">Message</label>
|
||||
<textarea class="form-control" id="message" rows="3" placeholder="Enter a message..."></textarea>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<button type="button" class="btn green" id="Sumbit">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
<!-- BEGIN QUICK SIDEBAR -->
|
||||
<a href="javascript:;" class="page-quick-sidebar-toggler">
|
||||
<i class="icon-login"></i>
|
||||
</a>
|
||||
<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
|
||||
<div class="page-quick-sidebar">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
|
||||
<span class="badge badge-danger">2</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
|
||||
<span class="badge badge-success">7</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-bell"></i> Alerts </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-info"></i> Notifications </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-speech"></i> Activities </a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-settings"></i> Settings </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
|
||||
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
|
||||
<h3 class="list-heading">Staff</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-success">8</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Bob Nilson</h4>
|
||||
<div class="media-heading-sub"> Project Manager </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Nick Larson</h4>
|
||||
<div class="media-heading-sub"> Art Director </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-danger">3</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Deon Hubert</h4>
|
||||
<div class="media-heading-sub"> CTO </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Ella Wong</h4>
|
||||
<div class="media-heading-sub"> CEO </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 class="list-heading">Customers</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-warning">2</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lara Kunis</h4>
|
||||
<div class="media-heading-sub"> CEO, Loop Inc </div>
|
||||
<div class="media-heading-small"> Last seen 03:10 AM </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="label label-sm label-success">new</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Ernie Kyllonen</h4>
|
||||
<div class="media-heading-sub"> Project Manager,
|
||||
<br> SmartBizz PTL </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lisa Stone</h4>
|
||||
<div class="media-heading-sub"> CTO, Keort Inc </div>
|
||||
<div class="media-heading-small"> Last seen 13:10 PM </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-success">7</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Deon Portalatin</h4>
|
||||
<div class="media-heading-sub"> CFO, H&D LTD </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Irina Savikova</h4>
|
||||
<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-danger">4</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Maria Gomez</h4>
|
||||
<div class="media-heading-sub"> Manager, Infomatic Inc </div>
|
||||
<div class="media-heading-small"> Last seen 03:10 AM </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-item">
|
||||
<div class="page-quick-sidebar-chat-user">
|
||||
<div class="page-quick-sidebar-nav">
|
||||
<a href="javascript:;" class="page-quick-sidebar-back-to-list">
|
||||
<i class="icon-arrow-left"></i>Back</a>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-chat-user-messages">
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> When could you send me the report ? </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> Its almost done. I will be sending it shortly </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> Alright. Thanks! :) </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:16</span>
|
||||
<span class="body"> You are most welcome. Sorry for the delay. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> No probs. Just take your time :) </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:40</span>
|
||||
<span class="body"> Alright. I just emailed it to you. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> Great! Thanks. Will check it right away. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:40</span>
|
||||
<span class="body"> Please let me know if you have any comment. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-chat-user-form">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Type a message here...">
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn green">
|
||||
<i class="icon-paper-clip"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
|
||||
<div class="page-quick-sidebar-alerts-list">
|
||||
<h3 class="list-heading">General</h3>
|
||||
<ul class="feeds list-items">
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 4 pending tasks.
|
||||
<span class="label label-sm label-warning "> Take action
|
||||
<i class="fa fa-share"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> Just now </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-bar-chart-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Finance Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-danger">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> New order received with
|
||||
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 30 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Web server hardware needs to be upgraded.
|
||||
<span class="label label-sm label-warning"> Overdue </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 2 hours </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-default">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> IPO Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 class="list-heading">System</h3>
|
||||
<ul class="feeds list-items">
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 4 pending tasks.
|
||||
<span class="label label-sm label-warning "> Take action
|
||||
<i class="fa fa-share"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> Just now </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-danger">
|
||||
<i class="fa fa-bar-chart-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Finance Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-default">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> New order received with
|
||||
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 30 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Web server hardware needs to be upgraded.
|
||||
<span class="label label-sm label-default "> Overdue </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 2 hours </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> IPO Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
|
||||
<div class="page-quick-sidebar-settings-list">
|
||||
<h3 class="list-heading">General Settings</h3>
|
||||
<ul class="list-items borderless">
|
||||
<li> Enable Notifications
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Allow Tracking
|
||||
<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Log Errors
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Auto Sumbit Issues
|
||||
<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Enable SMS Alerts
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
</ul>
|
||||
<h3 class="list-heading">System Settings</h3>
|
||||
<ul class="list-items borderless">
|
||||
<li> Security Level
|
||||
<select class="form-control input-inline input-sm input-small">
|
||||
<option value="1">Normal</option>
|
||||
<option value="2" selected>Medium</option>
|
||||
<option value="e">High</option>
|
||||
</select>
|
||||
</li>
|
||||
<li> Failed Email Attempts
|
||||
<input class="form-control input-inline input-sm input-small" value="5" /> </li>
|
||||
<li> Secondary SMTP Port
|
||||
<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
|
||||
<li> Notify On System Error
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Notify On SMTP Error
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
</ul>
|
||||
<div class="inner-content">
|
||||
<button class="btn btn-success">
|
||||
<i class="icon-settings"></i> Save Changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END QUICK SIDEBAR -->
|
||||
</div>
|
||||
<!-- END CONTAINER -->
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="page-footer">
|
||||
<div class="page-footer-inner"> Copyright © 2017 IZYIM.COM
|
||||
<div class="scroll-to-top">
|
||||
<i class="icon-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+1190
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,971 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Update Currency</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<div class="page-wrapper">
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="page-header navbar navbar-fixed-top">
|
||||
<!-- BEGIN HEADER INNER -->
|
||||
<div class="page-header-inner ">
|
||||
<!-- BEGIN LOGO -->
|
||||
<div class="page-logo">
|
||||
<div class="menu-toggler sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END LOGO -->
|
||||
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
|
||||
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span></span>
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
|
||||
<span class="username username-hide-on-mobile"> Syed Amir </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-default">
|
||||
<li>
|
||||
<a href="page_user_profile_1.html">
|
||||
<i class="icon-user"></i> My Profile </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="icon-key"></i> Log Out </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
</div>
|
||||
<!-- END HEADER INNER -->
|
||||
</div>
|
||||
<!-- END HEADER -->
|
||||
<!-- BEGIN HEADER & CONTENT DIVIDER -->
|
||||
<div class="clearfix"> </div>
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<div class="page-sidebar navbar-collapse collapse">
|
||||
<!-- BEGIN SIDEBAR MENU -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
|
||||
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
|
||||
<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
|
||||
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
||||
<li class="sidebar-toggler-wrapper hide">
|
||||
<div class="sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
</div>
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
<!-- BEGIN PAGE BAR -->
|
||||
<div class="page-bar">
|
||||
<ul class="page-breadcrumb">
|
||||
<li>
|
||||
<a href="index.html">Home</a>
|
||||
<i class="fa fa-circle"></i>
|
||||
</li>
|
||||
<li>
|
||||
<span>Update Currency</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Currency Update</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div align="center">
|
||||
<div class="portlet box blue ">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="fa fa-gift"></i> </div>
|
||||
|
||||
</div>
|
||||
<div class="portlet-body form">
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<br>
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Country</label>
|
||||
<div class="col-md-4">
|
||||
<select class="form-control">
|
||||
<option>China</option>
|
||||
<option>Hong Kong</option>
|
||||
<option>Thailand</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Rate (Sell)</label>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" > </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Rate (Buy)</label>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" > </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-md-offset-3 col-md-6">
|
||||
<h3>History</h3>
|
||||
<div class = "table-responsive">
|
||||
<table id="user" class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<th>Date</th>
|
||||
<th>Rate(Buy)</th>
|
||||
<th>Rate(Sell)</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>04/07/2017 </td>
|
||||
<td>1.6 </td>
|
||||
<td>1.605 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>03/07/2017 </td>
|
||||
<td>1.59 </td>
|
||||
<td>1.6 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>02/07/2017 </td>
|
||||
<td>1.59 </td>
|
||||
<td>1.6 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions right1">
|
||||
<button type="button" class="btn default">Cancel</button>
|
||||
<button type="submit" class="btn green">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
<!-- BEGIN QUICK SIDEBAR -->
|
||||
<a href="javascript:;" class="page-quick-sidebar-toggler">
|
||||
<i class="icon-login"></i>
|
||||
</a>
|
||||
<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
|
||||
<div class="page-quick-sidebar">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
|
||||
<span class="badge badge-danger">2</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
|
||||
<span class="badge badge-success">7</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-bell"></i> Alerts </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-info"></i> Notifications </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-speech"></i> Activities </a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
|
||||
<i class="icon-settings"></i> Settings </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
|
||||
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
|
||||
<h3 class="list-heading">Staff</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-success">8</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Bob Nilson</h4>
|
||||
<div class="media-heading-sub"> Project Manager </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Nick Larson</h4>
|
||||
<div class="media-heading-sub"> Art Director </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-danger">3</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Deon Hubert</h4>
|
||||
<div class="media-heading-sub"> CTO </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Ella Wong</h4>
|
||||
<div class="media-heading-sub"> CEO </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 class="list-heading">Customers</h3>
|
||||
<ul class="media-list list-items">
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-warning">2</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lara Kunis</h4>
|
||||
<div class="media-heading-sub"> CEO, Loop Inc </div>
|
||||
<div class="media-heading-small"> Last seen 03:10 AM </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="label label-sm label-success">new</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Ernie Kyllonen</h4>
|
||||
<div class="media-heading-sub"> Project Manager,
|
||||
<br> SmartBizz PTL </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Lisa Stone</h4>
|
||||
<div class="media-heading-sub"> CTO, Keort Inc </div>
|
||||
<div class="media-heading-small"> Last seen 13:10 PM </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-success">7</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Deon Portalatin</h4>
|
||||
<div class="media-heading-sub"> CFO, H&D LTD </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Irina Savikova</h4>
|
||||
<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-status">
|
||||
<span class="badge badge-danger">4</span>
|
||||
</div>
|
||||
<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
|
||||
<div class="media-body">
|
||||
<h4 class="media-heading">Maria Gomez</h4>
|
||||
<div class="media-heading-sub"> Manager, Infomatic Inc </div>
|
||||
<div class="media-heading-small"> Last seen 03:10 AM </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-item">
|
||||
<div class="page-quick-sidebar-chat-user">
|
||||
<div class="page-quick-sidebar-nav">
|
||||
<a href="javascript:;" class="page-quick-sidebar-back-to-list">
|
||||
<i class="icon-arrow-left"></i>Back</a>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-chat-user-messages">
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> When could you send me the report ? </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> Its almost done. I will be sending it shortly </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:15</span>
|
||||
<span class="body"> Alright. Thanks! :) </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:16</span>
|
||||
<span class="body"> You are most welcome. Sorry for the delay. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> No probs. Just take your time :) </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:40</span>
|
||||
<span class="body"> Alright. I just emailed it to you. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> Great! Thanks. Will check it right away. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post in">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Ella Wong</a>
|
||||
<span class="datetime">20:40</span>
|
||||
<span class="body"> Please let me know if you have any comment. </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post out">
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"></span>
|
||||
<a href="javascript:;" class="name">Bob Nilson</a>
|
||||
<span class="datetime">20:17</span>
|
||||
<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-quick-sidebar-chat-user-form">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Type a message here...">
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn green">
|
||||
<i class="icon-paper-clip"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
|
||||
<div class="page-quick-sidebar-alerts-list">
|
||||
<h3 class="list-heading">General</h3>
|
||||
<ul class="feeds list-items">
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 4 pending tasks.
|
||||
<span class="label label-sm label-warning "> Take action
|
||||
<i class="fa fa-share"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> Just now </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-bar-chart-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Finance Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-danger">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> New order received with
|
||||
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 30 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Web server hardware needs to be upgraded.
|
||||
<span class="label label-sm label-warning"> Overdue </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 2 hours </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-default">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> IPO Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 class="list-heading">System</h3>
|
||||
<ul class="feeds list-items">
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-check"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 4 pending tasks.
|
||||
<span class="label label-sm label-warning "> Take action
|
||||
<i class="fa fa-share"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> Just now </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-danger">
|
||||
<i class="fa fa-bar-chart-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Finance Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-default">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> New order received with
|
||||
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 30 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> Web server hardware needs to be upgraded.
|
||||
<span class="label label-sm label-default "> Overdue </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 2 hours </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> IPO Report for year 2013 has been released. </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
|
||||
<div class="page-quick-sidebar-settings-list">
|
||||
<h3 class="list-heading">General Settings</h3>
|
||||
<ul class="list-items borderless">
|
||||
<li> Enable Notifications
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Allow Tracking
|
||||
<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Log Errors
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Auto Sumbit Issues
|
||||
<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Enable SMS Alerts
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
</ul>
|
||||
<h3 class="list-heading">System Settings</h3>
|
||||
<ul class="list-items borderless">
|
||||
<li> Security Level
|
||||
<select class="form-control input-inline input-sm input-small">
|
||||
<option value="1">Normal</option>
|
||||
<option value="2" selected>Medium</option>
|
||||
<option value="e">High</option>
|
||||
</select>
|
||||
</li>
|
||||
<li> Failed Email Attempts
|
||||
<input class="form-control input-inline input-sm input-small" value="5" /> </li>
|
||||
<li> Secondary SMTP Port
|
||||
<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
|
||||
<li> Notify On System Error
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
<li> Notify On SMTP Error
|
||||
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
|
||||
</ul>
|
||||
<div class="inner-content">
|
||||
<button class="btn btn-success">
|
||||
<i class="icon-settings"></i> Save Changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END QUICK SIDEBAR -->
|
||||
</div>
|
||||
<!-- END CONTAINER -->
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="page-footer">
|
||||
<div class="page-footer-inner"> Copyright © 2017 IZYIM.COM
|
||||
<div class="scroll-to-top">
|
||||
<i class="icon-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+1276
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+1269
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,169 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Login</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for " name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL STYLES -->
|
||||
<link href="../assets/pages/css/login.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" /> </head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class=" login">
|
||||
<!-- BEGIN LOGIN -->
|
||||
<div class="content">
|
||||
<!-- BEGIN LOGIN FORM -->
|
||||
<form class="login-form" action="index.html" method="post">
|
||||
<h3 class="form-title font-green">Sign In</h3>
|
||||
<div class="alert alert-danger display-hide">
|
||||
<button class="close" data-close="alert"></button>
|
||||
<span> Enter any username and password. </span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
|
||||
<label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
|
||||
<input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Password</label>
|
||||
<input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" /> </div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn green uppercase">Login</button>
|
||||
<label class="rememberme check mt-checkbox mt-checkbox-outline">
|
||||
<input type="checkbox" name="remember" value="1" />Remember
|
||||
<span></span>
|
||||
</label>
|
||||
<a href="javascript:;" id="forget-password" class="forget-password">Forgot Password?</a>
|
||||
</div>
|
||||
<div class="create-account">
|
||||
<p>
|
||||
<a href="javascript:;" id="register-btn" class="uppercase">Create an account</a>
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
<!-- END LOGIN FORM -->
|
||||
<!-- BEGIN FORGOT PASSWORD FORM -->
|
||||
<form class="forget-form" action="index.html" method="post">
|
||||
<h3 class="font-green">Forget Password ?</h3>
|
||||
<p> Enter your e-mail address below to reset your password. </p>
|
||||
<div class="form-group">
|
||||
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email" /> </div>
|
||||
<div class="form-actions">
|
||||
<button type="button" id="back-btn" class="btn green btn-outline">Back</button>
|
||||
<button type="submit" class="btn btn-success uppercase pull-right">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
<!-- END FORGOT PASSWORD FORM -->
|
||||
<!-- BEGIN REGISTRATION FORM -->
|
||||
<form class="register-form" action="index.html" method="post">
|
||||
<h3 class="font-green">Sign Up</h3>
|
||||
<p class="hint"> Enter your account details below: </p>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Mobile No.</label>
|
||||
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Mobile No." name="username" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Password</label>
|
||||
<input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="Password" name="password" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label>
|
||||
<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Re-type Your Password" name="rpassword" /> </div>
|
||||
<div class="form-group">
|
||||
<label class="control-label visible-ie8 visible-ie9">Verification No.</label>
|
||||
<div class="row">
|
||||
<div class="col-md-10">
|
||||
<input class="form-control placeholder-no-fix" style="width:95%" type="password" autocomplete="off" id="register_password" placeholder="Verification No" name="password" />
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button type="submit" id="register-submit-btn" style="line-height:2.0" class="btn btn-success uppercase pull-right">Send</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</br>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="button" id="register-back-btn" class="btn green btn-outline">Back</button>
|
||||
<button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
<!-- END REGISTRATION FORM -->
|
||||
</div>
|
||||
<div class="copyright"> Copyright © 2017 IZYIM.COM </div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/login.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+1295
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,369 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/***
|
||||
Inbox Page
|
||||
***/
|
||||
.inbox {
|
||||
margin-bottom: 20px; }
|
||||
.inbox .compose-btn {
|
||||
padding: 8px 14px; }
|
||||
.inbox .inbox-content {
|
||||
min-height: 400px; }
|
||||
.inbox .inbox-nav {
|
||||
margin: 30px 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.inbox .inbox-nav > li {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.inbox .inbox-nav > li > a {
|
||||
text-decoration: none !important;
|
||||
display: block;
|
||||
padding: 8px 16px;
|
||||
border-left: 4px solid transparent; }
|
||||
.inbox .inbox-nav > li > a:hover {
|
||||
background: #f1f4f7; }
|
||||
.inbox .inbox-nav > li > a .badge {
|
||||
float: right;
|
||||
margin-top: 1px; }
|
||||
.inbox .inbox-nav > li.active > a {
|
||||
border-left: 4px solid #ed6b75; }
|
||||
.inbox .inbox-nav > li.divider {
|
||||
padding: 0;
|
||||
margin: 4px 16px;
|
||||
border-top: 1px solid #eef1f5; }
|
||||
.inbox .inbox-contacts {
|
||||
margin: 0 0 30px 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.inbox .inbox-contacts > li {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.inbox .inbox-contacts > li.divider {
|
||||
padding: 0;
|
||||
margin: 4px 16px;
|
||||
border-top: 1px solid #eef1f5; }
|
||||
.inbox .inbox-contacts > li > a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 8px 16px;
|
||||
color: #3f444a; }
|
||||
.inbox .inbox-contacts > li > a:hover {
|
||||
background: #f1f4f7;
|
||||
text-decoration: none; }
|
||||
.inbox .inbox-contacts > li > a .contact-name {
|
||||
display: inline-block;
|
||||
padding-left: 5px; }
|
||||
.inbox .inbox-contacts > li > a .contact-pic {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50% !important; }
|
||||
.inbox .inbox-contacts > li > a .contact-status {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50% !important;
|
||||
left: 38px;
|
||||
top: 30px; }
|
||||
.inbox .input-actions .btn {
|
||||
margin-left: 10px; }
|
||||
.inbox .inbox-view-info {
|
||||
color: #666;
|
||||
padding: 5px 0;
|
||||
border-top: solid 1px #eee;
|
||||
border-bottom: solid 1px #eee; }
|
||||
.inbox .inbox-view-info .inbox-author {
|
||||
border-radius: 50% !important;
|
||||
margin-right: 10px; }
|
||||
.inbox .inbox-view-info .inbox-info-btn .btn-group {
|
||||
float: right;
|
||||
margin-top: 5px; }
|
||||
.inbox .inbox-sidebar {
|
||||
padding: 20px;
|
||||
border: 1px solid #e7ecf1;
|
||||
border-radius: 4px; }
|
||||
.inbox .inbox-body {
|
||||
padding: 20px;
|
||||
border: 1px solid #e7ecf1;
|
||||
border-radius: 4px; }
|
||||
.page-container-bg-solid .inbox .inbox-sidebar {
|
||||
background: #ffffff;
|
||||
border: 0; }
|
||||
.page-container-bg-solid .inbox .inbox-body {
|
||||
background: #ffffff;
|
||||
border: 0; }
|
||||
|
||||
.inbox .inbox {
|
||||
margin-bottom: 0px; }
|
||||
|
||||
.inbox .tab-content {
|
||||
overflow: inherit; }
|
||||
|
||||
.inbox .inbox-loading {
|
||||
display: none;
|
||||
font-size: 22px;
|
||||
font-weight: 300; }
|
||||
|
||||
/*Inbox Content*/
|
||||
.inbox .inbox-header {
|
||||
overflow: hidden; }
|
||||
|
||||
.inbox .inbox-header h1 {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.inbox .pagination-control {
|
||||
text-align: right; }
|
||||
|
||||
.inbox .pagination-control .pagination-info {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 14px; }
|
||||
|
||||
.inbox tr {
|
||||
color: #777;
|
||||
font-size: 13px; }
|
||||
|
||||
.inbox tr label {
|
||||
display: inline-block; }
|
||||
|
||||
.inbox tr.unread td {
|
||||
font-weight: 600; }
|
||||
|
||||
.inbox td i.icon-paper-clip {
|
||||
top: 2px;
|
||||
color: #d8e0e5;
|
||||
font-size: 17px;
|
||||
position: relative; }
|
||||
|
||||
.inbox tr i.icon-star,
|
||||
.inbox tr i.icon-trash {
|
||||
cursor: pointer; }
|
||||
|
||||
.inbox tr i.icon-star {
|
||||
color: #eceef0; }
|
||||
|
||||
.inbox tr i.icon-star:hover {
|
||||
color: #fd7b12; }
|
||||
|
||||
.inbox tr i.inbox-started {
|
||||
color: #fd7b12; }
|
||||
|
||||
.inbox .table th,
|
||||
.inbox .table td {
|
||||
border: none; }
|
||||
|
||||
.inbox .table th {
|
||||
background: #eef4f7;
|
||||
border-bottom: solid 5px #fff; }
|
||||
|
||||
.inbox th.text-right {
|
||||
text-align: right; }
|
||||
|
||||
.inbox th label.inbox-select-all {
|
||||
color: #828f97;
|
||||
font-size: 13px;
|
||||
padding: 1px 4px 0; }
|
||||
|
||||
.inbox td.text-right {
|
||||
width: 100px;
|
||||
text-align: right; }
|
||||
|
||||
.inbox td.inbox-small-cells {
|
||||
width: 10px; }
|
||||
|
||||
.inbox .table-hover tbody tr:hover > td,
|
||||
.inbox .table-hover tbody tr:hover > th,
|
||||
.inbox .table-striped tbody > tr:nth-child(odd) > td,
|
||||
.inbox .table-striped tbody > tr:nth-child(odd) > th {
|
||||
background: #f8fbfd;
|
||||
cursor: pointer; }
|
||||
|
||||
.inbox .table-hover tbody tr:hover > td,
|
||||
.inbox .table-hover tbody tr:hover > th {
|
||||
background: #eef4f7; }
|
||||
|
||||
/*Inbox Drafts*/
|
||||
.inbox .inbox-drafts {
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
border-top: solid 1px #eee;
|
||||
border-bottom: solid 1px #eee; }
|
||||
|
||||
/*Inbox View*/
|
||||
.inbox-view-header {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.inbox-view-header h1 {
|
||||
color: #666;
|
||||
font-size: 22px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.inbox-view-header h1 a {
|
||||
top: -2px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
padding: 2px 7px;
|
||||
line-height: 16px;
|
||||
position: relative;
|
||||
background: #b0bcc4;
|
||||
display: inline-block; }
|
||||
|
||||
.inbox-view-header h1 a:hover {
|
||||
background: #aab5bc;
|
||||
text-decoration: none; }
|
||||
|
||||
.inbox-view-header i.icon-print {
|
||||
color: #94a4ab;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
padding: 6px 8px !important;
|
||||
background: #edf1f4 !important; }
|
||||
|
||||
.inbox-view-header i.icon-print:hover {
|
||||
background: #e7ebef !important; }
|
||||
|
||||
.inbox-view-info strong {
|
||||
color: #666;
|
||||
margin: 0 10px 0 5px; }
|
||||
|
||||
.inbox-view {
|
||||
color: #666;
|
||||
padding: 10px 0 0; }
|
||||
|
||||
.inbox-view a {
|
||||
color: #169ce9; }
|
||||
|
||||
.inbox-attached {
|
||||
line-height: 16px; }
|
||||
|
||||
.inbox-attached a {
|
||||
margin: 0 2px; }
|
||||
|
||||
.inbox-attached img {
|
||||
height: auto;
|
||||
max-width: 250px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
.inbox-attached span {
|
||||
margin-right: 3px; }
|
||||
|
||||
.inbox-attached strong {
|
||||
color: #555;
|
||||
display: block;
|
||||
font-size: 13px; }
|
||||
|
||||
.inbox-attached .margin-bottom-25 {
|
||||
margin-bottom: 25px; }
|
||||
|
||||
.inbox-attached .margin-bottom-15 {
|
||||
margin-bottom: 15px; }
|
||||
|
||||
/*Inbox Compose*/
|
||||
.inbox-compose {
|
||||
margin-top: 1px;
|
||||
border: solid 1px #eee; }
|
||||
|
||||
.inbox-compose-btn {
|
||||
padding: 12px 12px;
|
||||
background: #f0f6fa; }
|
||||
|
||||
.inbox-compose-attachment {
|
||||
padding: 8px 8px; }
|
||||
|
||||
.inbox-compose-attachment .btn {
|
||||
padding: 4px 10px; }
|
||||
|
||||
.inbox-compose .inbox-form-group {
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
border-bottom: solid 1px #eee; }
|
||||
|
||||
.inbox-compose .controls {
|
||||
margin-left: 85px; }
|
||||
|
||||
.inbox-compose .inbox-form-group > label {
|
||||
width: 80px;
|
||||
float: left;
|
||||
color: #979797;
|
||||
text-align: right; }
|
||||
|
||||
.inbox-compose .controls > input {
|
||||
border: none !important; }
|
||||
|
||||
.inbox-compose .controls-to {
|
||||
padding-right: 55px; }
|
||||
|
||||
.inbox-compose .controls-cc {
|
||||
padding-right: 20px; }
|
||||
|
||||
.inbox-compose .controls-bcc {
|
||||
padding-right: 20px; }
|
||||
|
||||
.inbox-compose .inbox-form-group a.close {
|
||||
top: 13px;
|
||||
right: 10px;
|
||||
position: absolute; }
|
||||
|
||||
.inbox-compose .mail-to .inbox-cc-bcc {
|
||||
display: inline-block;
|
||||
top: 7px;
|
||||
right: 10px;
|
||||
color: #979797;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
position: absolute; }
|
||||
|
||||
.inbox-compose .mail-to .inbox-bcc {
|
||||
margin-left: 5px; }
|
||||
|
||||
.inbox-compose .mail-to inbox-cc:hover,
|
||||
.inbox-compose .mail-to inbox-bcc:hover {
|
||||
color: #777; }
|
||||
|
||||
.inbox-compose .wysihtml5 {
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
border: 0 !important; }
|
||||
|
||||
.inbox-compose .wysihtml5-sandbox {
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
display: block !important;
|
||||
border: 0 !important;
|
||||
margin-top: 5px;
|
||||
width: 100% !important;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-color: #eee; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar > li {
|
||||
height: 34px;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar > li > a,
|
||||
.inbox-compose .wysihtml5-toolbar > li > div > a {
|
||||
background: #fff !important;
|
||||
border-color: #fff !important; }
|
||||
.inbox-compose .wysihtml5-toolbar > li > a:hover,
|
||||
.inbox-compose .wysihtml5-toolbar > li > div > a:hover {
|
||||
background: #f1f1f1 !important;
|
||||
border-color: #f1f1f1 !important;
|
||||
border-radius: 0; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle,
|
||||
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
|
||||
background: #eee !important; }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.inbox-compose .inbox-form-group > label {
|
||||
margin-top: 7px; } }
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,60 @@
|
||||
/***
|
||||
Ticket Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.app-ticket {
|
||||
overflow: hidden; }
|
||||
.app-ticket h3 {
|
||||
margin: 0 0 15px 0;
|
||||
font-size: 14px;
|
||||
font-weight: bold; }
|
||||
.app-ticket h3 i {
|
||||
color: #a1acb7;
|
||||
margin-right: 5px; }
|
||||
.app-ticket p {
|
||||
margin: 0; }
|
||||
|
||||
.app-ticket-details .portlet-body .row {
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px solid;
|
||||
border-color: #e7ecf1;
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-id,
|
||||
.app-ticket-details .ticket-title {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-right: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-cust a:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
.app-ticket-details .ticket-reply-msg {
|
||||
width: 100%;
|
||||
height: 7em;
|
||||
border-color: #e7ecf1;
|
||||
outline: none; }
|
||||
|
||||
.app-ticket-details .ticket-assign,
|
||||
.app-ticket-details .ticket-status {
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
border-color: #e7ecf1;
|
||||
outline: none; }
|
||||
|
||||
.app-ticket-config .ticket-counter {
|
||||
text-align: center; }
|
||||
.app-ticket-config .ticket-counter > h4 {
|
||||
font-size: 24px; }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.app-ticket-details .ticket-margin {
|
||||
margin-top: 30px; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.app-ticket-config .ticket-counter {
|
||||
margin-bottom: 30px; } }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.app-ticket{overflow:hidden}.app-ticket h3{margin:0 0 15px;font-size:14px;font-weight:700}.app-ticket h3 i{color:#a1acb7;margin-right:5px}.app-ticket p{margin:0}.app-ticket-details .portlet-body .row{margin-bottom:30px}.app-ticket-details .ticket-line{width:100%;height:1px;border-bottom:1px solid;border-color:#e7ecf1;margin-bottom:30px}.app-ticket-details .ticket-id,.app-ticket-details .ticket-title{display:inline-block;font-size:16px;margin-right:30px}.app-ticket-details .ticket-cust a:hover{text-decoration:none}.app-ticket-details .ticket-reply-msg{width:100%;height:7em;border-color:#e7ecf1;outline:0}.app-ticket-details .ticket-assign,.app-ticket-details .ticket-status{padding:5px;border:1px solid #e7ecf1;outline:0}.app-ticket-config .ticket-counter{text-align:center}.app-ticket-config .ticket-counter>h4{font-size:24px}@media (max-width:991px){.app-ticket-details .ticket-margin{margin-top:30px}}@media (max-width:480px){.app-ticket-config .ticket-counter{margin-bottom:30px}}
|
||||
@@ -0,0 +1,226 @@
|
||||
/***
|
||||
TODO Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.todo-sidebar {
|
||||
float: left;
|
||||
width: 230px;
|
||||
margin-right: 20px; }
|
||||
|
||||
.todo-content {
|
||||
overflow: hidden; }
|
||||
|
||||
.todo-tasklist-item-border-green {
|
||||
border-left: #3faba4 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-blue {
|
||||
border-left: #4c87b9 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-purple {
|
||||
border-left: #8877a9 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-red {
|
||||
border-left: #d05454 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-yellow {
|
||||
border-left: #d4ad38 2px solid; }
|
||||
|
||||
.padding-top-10px {
|
||||
padding-top: 15px; }
|
||||
|
||||
.todo-userpic {
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
border: 1px #cedae1 solid; }
|
||||
|
||||
.todo-text-color {
|
||||
color: #45535b; }
|
||||
|
||||
/* PROJECT LIST */
|
||||
.todo-projects-config {
|
||||
padding: 6px 9px 3px 9px !important; }
|
||||
.todo-projects-config > i {
|
||||
font-size: 14px !important; }
|
||||
|
||||
.todo-tasklist {
|
||||
padding: 0; }
|
||||
|
||||
.todo-project-list ul li a {
|
||||
font-size: 14px !important;
|
||||
padding: 8px 10px; }
|
||||
|
||||
.todo-project-list .nav li a .badge {
|
||||
float: right;
|
||||
margin-top: 1px !important; }
|
||||
|
||||
.todo-project-list .nav > li.active > a {
|
||||
color: #3f444a;
|
||||
background-color: #f1f4f7 !important; }
|
||||
|
||||
/* END PROJECT LIST */
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.todo-task-history > li {
|
||||
padding: 5px 0; }
|
||||
.todo-task-history > li > .todo-task-history-desc {
|
||||
overflow: hidden; }
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
width: 150px;
|
||||
margin-left: 10px;
|
||||
text-align: right;
|
||||
color: #999; }
|
||||
|
||||
/* TASKS LIST */
|
||||
.todo-tasklist-item {
|
||||
background: #f6fbfc;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden; }
|
||||
.todo-tasklist-item:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
div .todo-tasklist-item:hover {
|
||||
cursor: pointer;
|
||||
background-color: #edf7f9; }
|
||||
|
||||
.todo-tasklist-item img {
|
||||
margin: 0 10px 10px 0; }
|
||||
|
||||
.todo-tasklist-item-title {
|
||||
font-size: 15px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 13px; }
|
||||
|
||||
.todo-tasklist-item-text {
|
||||
font-size: 13px;
|
||||
color: #577688;
|
||||
padding-bottom: 5px; }
|
||||
|
||||
.todo-tasklist-item ul {
|
||||
margin: 5px 0 0 0px; }
|
||||
|
||||
.todo-tasklist-item li {
|
||||
color: #577688;
|
||||
font-size: 13px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 !important; }
|
||||
|
||||
.todo-tasklist-item li i {
|
||||
color: #b3bfcb;
|
||||
font-size: 15px; }
|
||||
|
||||
.todo-tasklist-controls {
|
||||
margin-top: 5px; }
|
||||
|
||||
.todo-tasklist-date {
|
||||
color: #637b89 !important;
|
||||
margin-right: 12px; }
|
||||
|
||||
.todo-tasklist-date i {
|
||||
color: #abbfca !important;
|
||||
margin-right: 5px; }
|
||||
|
||||
/* END TASKS LIST */
|
||||
/* TASK BODY */
|
||||
.todo-taskbody-tasktitle {
|
||||
font-size: 18px;
|
||||
color: #778d96; }
|
||||
|
||||
.todo-taskbody-taskdesc {
|
||||
font-size: 14px;
|
||||
color: #778d96; }
|
||||
|
||||
.todo-username {
|
||||
font-size: 16px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding: 15px 0 0 15px; }
|
||||
|
||||
.todo-comment-head {
|
||||
padding-top: 3px; }
|
||||
|
||||
.todo-comment {
|
||||
position: relative; }
|
||||
|
||||
.todo-comment:hover > .todo-comment-btn {
|
||||
display: block; }
|
||||
|
||||
.todo-comment-btn {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0px;
|
||||
font-size: 12px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5; }
|
||||
|
||||
.todo-comment-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2; }
|
||||
|
||||
.todo-comment-username {
|
||||
font-size: 14px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600; }
|
||||
|
||||
.todo-comment-date {
|
||||
font-size: 12px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 400; }
|
||||
|
||||
.todo-username-btn {
|
||||
margin: 14px 0 0 15px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5; }
|
||||
|
||||
.todo-username-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2; }
|
||||
|
||||
.form .form-actions.todo-form-actions {
|
||||
padding-top: 10px;
|
||||
border: 0;
|
||||
margin: 0 0 20px 0; }
|
||||
|
||||
/* END TASK BODY */
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.todo-sidebar {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0; }
|
||||
.todo-sidebar > .portlet {
|
||||
margin-bottom: 20px; }
|
||||
.todo-sidebar > .portlet .portlet-title .tools {
|
||||
margin-left: 5px; }
|
||||
.todo-content {
|
||||
overflow: visible; } }
|
||||
|
||||
.todo-tasklist-devider {
|
||||
display: none; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
/* 767px */
|
||||
.todo-tasklist-devider {
|
||||
display: block;
|
||||
height: 20px;
|
||||
margin: 20px -10px;
|
||||
background: #F1F3FA; }
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history > li {
|
||||
padding: 9px 0; }
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
width: 100px;
|
||||
font-size: 11px; } }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.todo-content,.todo-task-history>li>.todo-task-history-desc{overflow:hidden}.todo-sidebar{float:left;width:230px;margin-right:20px}.todo-tasklist-item-border-green{border-left:#3faba4 2px solid}.todo-tasklist-item-border-blue{border-left:#4c87b9 2px solid}.todo-tasklist-item-border-purple{border-left:#8877a9 2px solid}.todo-tasklist-item-border-red{border-left:#d05454 2px solid}.todo-tasklist-item-border-yellow{border-left:#d4ad38 2px solid}.padding-top-10px{padding-top:15px}.todo-userpic{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important;border:1px solid #cedae1}.todo-text-color{color:#45535b}.todo-projects-config{padding:6px 9px 3px!important}.todo-projects-config>i{font-size:14px!important}.todo-tasklist{padding:0}.todo-project-list ul li a{font-size:14px!important;padding:8px 10px}.todo-project-list .nav li a .badge{float:right;margin-top:1px!important}.todo-project-list .nav>li.active>a{color:#3f444a;background-color:#f1f4f7!important}.todo-task-history{padding:0;margin:0}.todo-task-history>li{padding:5px 0}.todo-task-history>li>.todo-task-history-date{font-size:12px;float:right;width:150px;margin-left:10px;text-align:right;color:#999}.todo-tasklist-item{background:#f6fbfc;padding:10px;margin-bottom:15px;overflow:hidden}.todo-tasklist-item:last-child{margin-bottom:0}div .todo-tasklist-item:hover{cursor:pointer;background-color:#edf7f9}.todo-tasklist-item img{margin:0 10px 10px 0}.todo-tasklist-item-title{font-size:15px;color:#2b4a5c;font-weight:600;padding-top:3px;padding-bottom:13px}.todo-tasklist-item-text{font-size:13px;color:#577688;padding-bottom:5px}.todo-tasklist-item ul{margin:5px 0 0}.todo-tasklist-item li{color:#577688;font-size:13px;margin-right:10px;margin-bottom:5px;padding:0!important}.todo-tasklist-item li i{color:#b3bfcb;font-size:15px}.todo-tasklist-controls{margin-top:5px}.todo-tasklist-date{color:#637b89!important;margin-right:12px}.todo-tasklist-date i{color:#abbfca!important;margin-right:5px}.todo-taskbody-tasktitle{font-size:18px;color:#778d96}.todo-taskbody-taskdesc{font-size:14px;color:#778d96}.todo-username{font-size:16px;color:#2b4a5c;font-weight:600;padding:15px 0 0 15px}.todo-comment-head{padding-top:3px}.todo-comment{position:relative}.todo-comment:hover>.todo-comment-btn{display:block}.todo-comment-btn{display:none;position:absolute;top:1px;right:0;font-size:12px;color:#566e7c;border-color:#a2aeb5}.todo-comment-btn:hover{color:#fff;background-color:#a1b6c2;border-color:#a1b6c2}.todo-comment-username{font-size:14px;color:#2b4a5c;font-weight:600}.todo-comment-date{font-size:12px;color:#2b4a5c;font-weight:400}.todo-username-btn{margin:14px 0 0 15px;color:#566e7c;border-color:#a2aeb5}.todo-username-btn:hover{color:#fff;background-color:#a1b6c2;border-color:#a1b6c2}.form .form-actions.todo-form-actions{padding-top:10px;border:0;margin:0 0 20px}@media (max-width:991px){.todo-sidebar{float:none;width:100%;margin:0}.todo-sidebar>.portlet{margin-bottom:20px}.todo-sidebar>.portlet .portlet-title .tools{margin-left:5px}.todo-content{overflow:visible}}.todo-tasklist-devider{display:none}@media (max-width:767px){.todo-tasklist-devider{display:block;height:20px;margin:20px -10px;background:#F1F3FA}.todo-task-history>li{padding:9px 0}.todo-task-history>li>.todo-task-history-date{width:100px;font-size:11px}}
|
||||
@@ -0,0 +1,286 @@
|
||||
@charset "UTF-8";
|
||||
/***
|
||||
NEW TODO Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.todo-main-header {
|
||||
margin-top: -20px; }
|
||||
.todo-main-header > h3 {
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
margin-right: 1em;
|
||||
display: inline-block;
|
||||
color: #3b464f; }
|
||||
.todo-main-header > .todo-breadcrumb {
|
||||
border-left: 1px solid;
|
||||
border-color: #dae3eb;
|
||||
padding: 0.5em 2em;
|
||||
display: inline-block;
|
||||
margin-top: 17px; }
|
||||
.todo-main-header > .todo-breadcrumb > li {
|
||||
display: inline-block;
|
||||
font-size: 11px; }
|
||||
.todo-main-header > .todo-breadcrumb > li > a {
|
||||
color: #77838d;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none; }
|
||||
.todo-main-header > .todo-breadcrumb > li > a:hover {
|
||||
color: #337ab7;
|
||||
text-decoration: none; }
|
||||
.todo-main-header > .todo-breadcrumb > li > .todo-active {
|
||||
color: #49a7fa; }
|
||||
.todo-main-header > .todo-breadcrumb > li:before {
|
||||
content: "•";
|
||||
color: #b6c1cb;
|
||||
margin: 0 1em; }
|
||||
.todo-main-header > .todo-breadcrumb > li:first-child:before {
|
||||
content: "";
|
||||
margin: 0; }
|
||||
|
||||
.todo-container .todo-projects-container,
|
||||
.todo-container .todo-tasks-container {
|
||||
background-color: #fff;
|
||||
border: 1px solid;
|
||||
border-color: #ebf0f5; }
|
||||
|
||||
.todo-container .todo-projects-container {
|
||||
padding: 0; }
|
||||
.todo-container .todo-projects-container > li {
|
||||
list-style: none;
|
||||
padding: 30px 20px; }
|
||||
|
||||
.todo-container .todo-projects-divider {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
background-color: #ebf0f5; }
|
||||
|
||||
.todo-container .todo-tasks-container {
|
||||
padding: 30px 20px; }
|
||||
|
||||
.todo-container .todo-head {
|
||||
border-bottom: 1px solid;
|
||||
border-color: #ebf0f5;
|
||||
padding-bottom: 20px; }
|
||||
.todo-container .todo-head > h3 {
|
||||
margin-top: 0;
|
||||
display: inline-block;
|
||||
color: #4db3a4;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
font-size: 15px; }
|
||||
.todo-container .todo-head > p {
|
||||
display: inline-block;
|
||||
color: #9eacb4;
|
||||
font-size: 12px;
|
||||
margin-left: 2em;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0; }
|
||||
.todo-container .todo-head > button {
|
||||
float: right;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.todo-container .todo-projects-content,
|
||||
.todo-container .todo-tasks-content {
|
||||
padding-left: 0; }
|
||||
|
||||
.todo-container .todo-projects-item,
|
||||
.todo-container .todo-tasks-item {
|
||||
list-style: none;
|
||||
margin-left: 0; }
|
||||
|
||||
.todo-container .todo-projects-item > h3 {
|
||||
font-size: 20px;
|
||||
color: #4e5a64;
|
||||
font-weight: 600;
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px; }
|
||||
|
||||
.todo-container .todo-projects-item p {
|
||||
color: #a0a9b4;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 0; }
|
||||
|
||||
.todo-container .todo-projects-item:last-child {
|
||||
border-bottom: none; }
|
||||
|
||||
.todo-container .todo-projects-item.todo-active {
|
||||
background-color: #fafbfc;
|
||||
position: relative; }
|
||||
.todo-container .todo-projects-item.todo-active > h3 {
|
||||
color: #49a7fa; }
|
||||
.todo-container .todo-projects-item.todo-active:after {
|
||||
content: " ";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 40px solid transparent;
|
||||
border-bottom: 40px solid transparent;
|
||||
border-left: 20px solid #fafbfc;
|
||||
position: absolute;
|
||||
right: -20px;
|
||||
top: 65px; }
|
||||
|
||||
.todo-container .todo-projects-item:hover {
|
||||
background-color: #fafbfc;
|
||||
cursor: pointer; }
|
||||
|
||||
.todo-container .todo-projects-item > .todo-project-item-foot {
|
||||
font-size: 12px; }
|
||||
|
||||
.todo-container .todo-tasks-item {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid;
|
||||
border-color: #ebf0f5; }
|
||||
.todo-container .todo-tasks-item > h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
line-height: 1.3em; }
|
||||
.todo-container .todo-tasks-item > h4 > a {
|
||||
color: #65717b; }
|
||||
.todo-container .todo-tasks-item > h4 > a:hover {
|
||||
color: #49a7fa;
|
||||
text-decoration: none; }
|
||||
.todo-container .todo-tasks-item > h4 > a:focus {
|
||||
color: #65717b;
|
||||
text-decoration: none; }
|
||||
.todo-container .todo-tasks-item > p {
|
||||
margin: 0;
|
||||
color: #9eacb4; }
|
||||
.todo-container .todo-tasks-item:last-child {
|
||||
border-bottom: none; }
|
||||
|
||||
.todo-add-button {
|
||||
border: 1px solid;
|
||||
border-color: #e0e6e9;
|
||||
background-color: #fff;
|
||||
color: #c1cbd1;
|
||||
text-decoration: none;
|
||||
padding: 0 0.4em;
|
||||
font-size: 20px;
|
||||
margin: -0.3em 0 0 0.5em;
|
||||
float: right; }
|
||||
.todo-add-button:hover {
|
||||
background-color: #4db3a4;
|
||||
color: #fff;
|
||||
text-decoration: none; }
|
||||
.todo-add-button:focus {
|
||||
color: #c1cbd1;
|
||||
text-decoration: none; }
|
||||
|
||||
#todo-members-modal > .modal-dialog {
|
||||
top: 20px; }
|
||||
|
||||
#todo-members-modal .select-height {
|
||||
height: 10em; }
|
||||
|
||||
#todo-task-modal > .modal-dialog {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 60%;
|
||||
margin: 0 auto; }
|
||||
#todo-task-modal > .modal-dialog .modal-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-modal-title {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin-left: 2em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-due {
|
||||
margin-left: 1em;
|
||||
font-weight: 600;
|
||||
color: #4db3a4;
|
||||
width: 150px !important; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-assign {
|
||||
margin-left: 1em;
|
||||
border: 1px solid;
|
||||
border-color: #ccc;
|
||||
padding: 6px 10px;
|
||||
font-weight: 600;
|
||||
color: #4db3a4;
|
||||
text-transform: uppercase; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-assign:hover, #todo-task-modal > .modal-dialog .modal-content .todo-task-assign:focus {
|
||||
text-decoration: none; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-modal-bg {
|
||||
background-color: #f7f9fa;
|
||||
padding: 20px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h3 {
|
||||
margin: 15px 0;
|
||||
font-size: 20px;
|
||||
color: #4e5a64;
|
||||
font-weight: 600; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > p {
|
||||
font-size: 15px;
|
||||
color: #8f9ea6;
|
||||
line-height: 24px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
color: #9eacb4;
|
||||
margin-top: 25px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 > .todo-add-button {
|
||||
float: none; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file {
|
||||
color: #49a7fa;
|
||||
font-size: 13px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > i {
|
||||
margin-right: 0.5em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file {
|
||||
color: #9eacb4;
|
||||
margin-left: 0.5em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file:hover {
|
||||
color: #4db3a4;
|
||||
cursor: pointer; }
|
||||
|
||||
.todo-inline {
|
||||
display: inline-block; }
|
||||
|
||||
.todo-float-r {
|
||||
float: right; }
|
||||
|
||||
.todo-bold {
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.todo-padding-b-0 {
|
||||
padding-bottom: 0 !important; }
|
||||
|
||||
.todo-grey {
|
||||
color: #9eacb4; }
|
||||
|
||||
.todo-red {
|
||||
color: #d39790 !important; }
|
||||
|
||||
.todo-green {
|
||||
color: #4db3a4; }
|
||||
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 1199px) {
|
||||
.todo-head > p {
|
||||
display: block;
|
||||
margin-left: 0 !important; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
#todo-task-modal > .modal-dialog {
|
||||
width: 95%; }
|
||||
.todo-active:after {
|
||||
border: none !important; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.todo-task-modal-title {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 1em;
|
||||
display: block !important; }
|
||||
.todo-tasks-container .todo-head > p {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 1em; } }
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,178 @@
|
||||
var AppCalendar = function() {
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
this.initCalendar();
|
||||
},
|
||||
|
||||
initCalendar: function() {
|
||||
|
||||
if (!jQuery().fullCalendar) {
|
||||
return;
|
||||
}
|
||||
|
||||
var date = new Date();
|
||||
var d = date.getDate();
|
||||
var m = date.getMonth();
|
||||
var y = date.getFullYear();
|
||||
|
||||
var h = {};
|
||||
|
||||
if (App.isRTL()) {
|
||||
if ($('#calendar').parents(".portlet").width() <= 720) {
|
||||
$('#calendar').addClass("mobile");
|
||||
h = {
|
||||
right: 'title, prev, next',
|
||||
center: '',
|
||||
left: 'agendaDay, agendaWeek, month, today'
|
||||
};
|
||||
} else {
|
||||
$('#calendar').removeClass("mobile");
|
||||
h = {
|
||||
right: 'title',
|
||||
center: '',
|
||||
left: 'agendaDay, agendaWeek, month, today, prev,next'
|
||||
};
|
||||
}
|
||||
} else {
|
||||
if ($('#calendar').parents(".portlet").width() <= 720) {
|
||||
$('#calendar').addClass("mobile");
|
||||
h = {
|
||||
left: 'title, prev, next',
|
||||
center: '',
|
||||
right: 'today,month,agendaWeek,agendaDay'
|
||||
};
|
||||
} else {
|
||||
$('#calendar').removeClass("mobile");
|
||||
h = {
|
||||
left: 'title',
|
||||
center: '',
|
||||
right: 'prev,next,today,month,agendaWeek,agendaDay'
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
var initDrag = function(el) {
|
||||
// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
|
||||
// it doesn't need to have a start or end
|
||||
var eventObject = {
|
||||
title: $.trim(el.text()) // use the element's text as the event title
|
||||
};
|
||||
// store the Event Object in the DOM element so we can get to it later
|
||||
el.data('eventObject', eventObject);
|
||||
// make the event draggable using jQuery UI
|
||||
el.draggable({
|
||||
zIndex: 999,
|
||||
revert: true, // will cause the event to go back to its
|
||||
revertDuration: 0 // original position after the drag
|
||||
});
|
||||
};
|
||||
|
||||
var addEvent = function(title) {
|
||||
title = title.length === 0 ? "Untitled Event" : title;
|
||||
var html = $('<div class="external-event label label-default">' + title + '</div>');
|
||||
jQuery('#event_box').append(html);
|
||||
initDrag(html);
|
||||
};
|
||||
|
||||
$('#external-events div.external-event').each(function() {
|
||||
initDrag($(this));
|
||||
});
|
||||
|
||||
$('#event_add').unbind('click').click(function() {
|
||||
var title = $('#event_title').val();
|
||||
addEvent(title);
|
||||
});
|
||||
|
||||
//predefined events
|
||||
$('#event_box').html("");
|
||||
addEvent("My Event 1");
|
||||
addEvent("My Event 2");
|
||||
addEvent("My Event 3");
|
||||
addEvent("My Event 4");
|
||||
addEvent("My Event 5");
|
||||
addEvent("My Event 6");
|
||||
|
||||
$('#calendar').fullCalendar('destroy'); // destroy the calendar
|
||||
$('#calendar').fullCalendar({ //re-initialize the calendar
|
||||
header: h,
|
||||
defaultView: 'month', // change default view with available options from http://arshaw.com/fullcalendar/docs/views/Available_Views/
|
||||
slotMinutes: 15,
|
||||
editable: true,
|
||||
droppable: true, // this allows things to be dropped onto the calendar !!!
|
||||
drop: function(date, allDay) { // this function is called when something is dropped
|
||||
|
||||
// retrieve the dropped element's stored Event Object
|
||||
var originalEventObject = $(this).data('eventObject');
|
||||
// we need to copy it, so that multiple events don't have a reference to the same object
|
||||
var copiedEventObject = $.extend({}, originalEventObject);
|
||||
|
||||
// assign it the date that was reported
|
||||
copiedEventObject.start = date;
|
||||
copiedEventObject.allDay = allDay;
|
||||
copiedEventObject.className = $(this).attr("data-class");
|
||||
|
||||
// render the event on the calendar
|
||||
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
|
||||
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
|
||||
|
||||
// is the "remove after drop" checkbox checked?
|
||||
if ($('#drop-remove').is(':checked')) {
|
||||
// if so, remove the element from the "Draggable Events" list
|
||||
$(this).remove();
|
||||
}
|
||||
},
|
||||
events: [{
|
||||
title: 'All Day Event',
|
||||
start: new Date(y, m, 1),
|
||||
backgroundColor: App.getBrandColor('yellow')
|
||||
}, {
|
||||
title: 'Long Event',
|
||||
start: new Date(y, m, d - 5),
|
||||
end: new Date(y, m, d - 2),
|
||||
backgroundColor: App.getBrandColor('green')
|
||||
}, {
|
||||
title: 'Repeating Event',
|
||||
start: new Date(y, m, d - 3, 16, 0),
|
||||
allDay: false,
|
||||
backgroundColor: App.getBrandColor('red')
|
||||
}, {
|
||||
title: 'Repeating Event',
|
||||
start: new Date(y, m, d + 4, 16, 0),
|
||||
allDay: false,
|
||||
backgroundColor: App.getBrandColor('green')
|
||||
}, {
|
||||
title: 'Meeting',
|
||||
start: new Date(y, m, d, 10, 30),
|
||||
allDay: false,
|
||||
}, {
|
||||
title: 'Lunch',
|
||||
start: new Date(y, m, d, 12, 0),
|
||||
end: new Date(y, m, d, 14, 0),
|
||||
backgroundColor: App.getBrandColor('grey'),
|
||||
allDay: false,
|
||||
}, {
|
||||
title: 'Birthday Party',
|
||||
start: new Date(y, m, d + 1, 19, 0),
|
||||
end: new Date(y, m, d + 1, 22, 30),
|
||||
backgroundColor: App.getBrandColor('purple'),
|
||||
allDay: false,
|
||||
}, {
|
||||
title: 'Click for Google',
|
||||
start: new Date(y, m, 28),
|
||||
end: new Date(y, m, 29),
|
||||
backgroundColor: App.getBrandColor('yellow'),
|
||||
url: 'http://google.com/',
|
||||
}]
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
AppCalendar.init();
|
||||
});
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
var AppCalendar=function(){return{init:function(){this.initCalendar()},initCalendar:function(){if(jQuery().fullCalendar){var e=new Date,t=e.getDate(),a=e.getMonth(),n=e.getFullYear(),r={};App.isRTL()?$("#calendar").parents(".portlet").width()<=720?($("#calendar").addClass("mobile"),r={right:"title, prev, next",center:"",left:"agendaDay, agendaWeek, month, today"}):($("#calendar").removeClass("mobile"),r={right:"title",center:"",left:"agendaDay, agendaWeek, month, today, prev,next"}):$("#calendar").parents(".portlet").width()<=720?($("#calendar").addClass("mobile"),r={left:"title, prev, next",center:"",right:"today,month,agendaWeek,agendaDay"}):($("#calendar").removeClass("mobile"),r={left:"title",center:"",right:"prev,next,today,month,agendaWeek,agendaDay"});var l=function(e){var t={title:$.trim(e.text())};e.data("eventObject",t),e.draggable({zIndex:999,revert:!0,revertDuration:0})},o=function(e){e=0===e.length?"Untitled Event":e;var t=$('<div class="external-event label label-default">'+e+"</div>");jQuery("#event_box").append(t),l(t)};$("#external-events div.external-event").each(function(){l($(this))}),$("#event_add").unbind("click").click(function(){var e=$("#event_title").val();o(e)}),$("#event_box").html(""),o("My Event 1"),o("My Event 2"),o("My Event 3"),o("My Event 4"),o("My Event 5"),o("My Event 6"),$("#calendar").fullCalendar("destroy"),$("#calendar").fullCalendar({header:r,defaultView:"month",slotMinutes:15,editable:!0,droppable:!0,drop:function(e,t){var a=$(this).data("eventObject"),n=$.extend({},a);n.start=e,n.allDay=t,n.className=$(this).attr("data-class"),$("#calendar").fullCalendar("renderEvent",n,!0),$("#drop-remove").is(":checked")&&$(this).remove()},events:[{title:"All Day Event",start:new Date(n,a,1),backgroundColor:App.getBrandColor("yellow")},{title:"Long Event",start:new Date(n,a,t-5),end:new Date(n,a,t-2),backgroundColor:App.getBrandColor("green")},{title:"Repeating Event",start:new Date(n,a,t-3,16,0),allDay:!1,backgroundColor:App.getBrandColor("red")},{title:"Repeating Event",start:new Date(n,a,t+4,16,0),allDay:!1,backgroundColor:App.getBrandColor("green")},{title:"Meeting",start:new Date(n,a,t,10,30),allDay:!1},{title:"Lunch",start:new Date(n,a,t,12,0),end:new Date(n,a,t,14,0),backgroundColor:App.getBrandColor("grey"),allDay:!1},{title:"Birthday Party",start:new Date(n,a,t+1,19,0),end:new Date(n,a,t+1,22,30),backgroundColor:App.getBrandColor("purple"),allDay:!1},{title:"Click for Google",start:new Date(n,a,28),end:new Date(n,a,29),backgroundColor:App.getBrandColor("yellow"),url:"http://google.com/"}]})}}}}();jQuery(document).ready(function(){AppCalendar.init()});
|
||||
@@ -0,0 +1,302 @@
|
||||
var AppInbox = function () {
|
||||
|
||||
var content = $('.inbox-content');
|
||||
var listListing = '';
|
||||
|
||||
var loadInbox = function (el, name) {
|
||||
var url = 'app_inbox_inbox.html';
|
||||
var title = el.attr('data-title');
|
||||
listListing = name;
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
success: function(res)
|
||||
{
|
||||
toggleButton(el);
|
||||
|
||||
App.unblockUI('.inbox-content');
|
||||
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
el.closest('li').addClass('active');
|
||||
$('.inbox-header > h1').text(title);
|
||||
|
||||
content.html(res);
|
||||
|
||||
if (Layout.fixContentHeight) {
|
||||
Layout.fixContentHeight();
|
||||
}
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
|
||||
// handle group checkbox:
|
||||
jQuery('body').on('change', '.mail-group-checkbox', function () {
|
||||
var set = jQuery('.mail-checkbox');
|
||||
var checked = jQuery(this).is(":checked");
|
||||
jQuery(set).each(function () {
|
||||
$(this).prop('checked', checked);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
var loadMessage = function (el, name, resetMenu) {
|
||||
var url = 'app_inbox_view.html';
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
var message_id = el.parent('tr').attr("data-messageid");
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
data: {'message_id': message_id},
|
||||
success: function(res)
|
||||
{
|
||||
App.unblockUI(content);
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
if (resetMenu) {
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
}
|
||||
$('.inbox-header > h1').text('View Message');
|
||||
|
||||
content.html(res);
|
||||
Layout.fixContentHeight();
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
}
|
||||
|
||||
var initWysihtml5 = function () {
|
||||
$('.inbox-wysihtml5').wysihtml5({
|
||||
"stylesheets": ["../assets/global/plugins/bootstrap-wysihtml5/wysiwyg-color.css"]
|
||||
});
|
||||
}
|
||||
|
||||
var initFileupload = function () {
|
||||
|
||||
$('#fileupload').fileupload({
|
||||
// Uncomment the following to send cross-domain cookies:
|
||||
//xhrFields: {withCredentials: true},
|
||||
url: '../assets/global/plugins/jquery-file-upload/server/php/',
|
||||
autoUpload: true
|
||||
});
|
||||
|
||||
// Upload server status check for browsers with CORS support:
|
||||
if ($.support.cors) {
|
||||
$.ajax({
|
||||
url: '../assets/global/plugins/jquery-file-upload/server/php/',
|
||||
type: 'HEAD'
|
||||
}).fail(function () {
|
||||
$('<span class="alert alert-error"/>')
|
||||
.text('Upload server currently unavailable - ' +
|
||||
new Date())
|
||||
.appendTo('#fileupload');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var loadCompose = function (el) {
|
||||
var url = 'app_inbox_compose.html';
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
// load the form via ajax
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
success: function(res)
|
||||
{
|
||||
App.unblockUI(content);
|
||||
toggleButton(el);
|
||||
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
$('.inbox-header > h1').text('Compose');
|
||||
|
||||
content.html(res);
|
||||
|
||||
initFileupload();
|
||||
initWysihtml5();
|
||||
|
||||
$('.inbox-wysihtml5').focus();
|
||||
Layout.fixContentHeight();
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
}
|
||||
|
||||
var loadReply = function (el) {
|
||||
var messageid = $(el).attr("data-messageid");
|
||||
var url = 'app_inbox_reply.html';
|
||||
|
||||
App.blockUI({
|
||||
target: content,
|
||||
overlayColor: 'none',
|
||||
animate: true
|
||||
});
|
||||
|
||||
toggleButton(el);
|
||||
|
||||
// load the form via ajax
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
cache: false,
|
||||
url: url,
|
||||
dataType: "html",
|
||||
success: function(res)
|
||||
{
|
||||
App.unblockUI(content);
|
||||
toggleButton(el);
|
||||
|
||||
$('.inbox-nav > li.active').removeClass('active');
|
||||
$('.inbox-header > h1').text('Reply');
|
||||
|
||||
content.html(res);
|
||||
$('[name="message"]').val($('#reply_email_content_body').html());
|
||||
|
||||
handleCCInput(); // init "CC" input field
|
||||
|
||||
initFileupload();
|
||||
initWysihtml5();
|
||||
Layout.fixContentHeight();
|
||||
},
|
||||
error: function(xhr, ajaxOptions, thrownError)
|
||||
{
|
||||
toggleButton(el);
|
||||
},
|
||||
async: false
|
||||
});
|
||||
}
|
||||
|
||||
var handleCCInput = function () {
|
||||
var the = $('.inbox-compose .mail-to .inbox-cc');
|
||||
var input = $('.inbox-compose .input-cc');
|
||||
the.hide();
|
||||
input.show();
|
||||
$('.close', input).click(function () {
|
||||
input.hide();
|
||||
the.show();
|
||||
});
|
||||
}
|
||||
|
||||
var handleBCCInput = function () {
|
||||
|
||||
var the = $('.inbox-compose .mail-to .inbox-bcc');
|
||||
var input = $('.inbox-compose .input-bcc');
|
||||
the.hide();
|
||||
input.show();
|
||||
$('.close', input).click(function () {
|
||||
input.hide();
|
||||
the.show();
|
||||
});
|
||||
}
|
||||
|
||||
var toggleButton = function(el) {
|
||||
if (typeof el == 'undefined') {
|
||||
return;
|
||||
}
|
||||
if (el.attr("disabled")) {
|
||||
el.attr("disabled", false);
|
||||
} else {
|
||||
el.attr("disabled", true);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
|
||||
// handle compose btn click
|
||||
$('.inbox').on('click', '.compose-btn', function () {
|
||||
loadCompose($(this));
|
||||
});
|
||||
|
||||
// handle discard btn
|
||||
$('.inbox').on('click', '.inbox-discard-btn', function(e) {
|
||||
e.preventDefault();
|
||||
loadInbox($(this), listListing);
|
||||
});
|
||||
|
||||
// handle reply and forward button click
|
||||
$('.inbox').on('click', '.reply-btn', function () {
|
||||
loadReply($(this));
|
||||
});
|
||||
|
||||
// handle view message
|
||||
$('.inbox').on('click', '.view-message', function () {
|
||||
loadMessage($(this));
|
||||
});
|
||||
|
||||
// handle inbox listing
|
||||
$('.inbox-nav > li > a').click(function () {
|
||||
loadInbox($(this), 'inbox');
|
||||
});
|
||||
|
||||
//handle compose/reply cc input toggle
|
||||
$('.inbox-content').on('click', '.mail-to .inbox-cc', function () {
|
||||
handleCCInput();
|
||||
});
|
||||
|
||||
//handle compose/reply bcc input toggle
|
||||
$('.inbox-content').on('click', '.mail-to .inbox-bcc', function () {
|
||||
handleBCCInput();
|
||||
});
|
||||
|
||||
//handle loading content based on URL parameter
|
||||
if (App.getURLParameter("a") === "view") {
|
||||
loadMessage();
|
||||
} else if (App.getURLParameter("a") === "compose") {
|
||||
loadCompose();
|
||||
} else {
|
||||
$('.inbox-nav > li:first > a').click();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
AppInbox.init();
|
||||
});
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
var AppInbox=function(){var t=$(".inbox-content"),e="",o=function(o,n){var i="app_inbox_inbox.html",a=o.attr("data-title");e=n,App.blockUI({target:t,overlayColor:"none",animate:!0}),p(o),$.ajax({type:"GET",cache:!1,url:i,dataType:"html",success:function(e){p(o),App.unblockUI(".inbox-content"),$(".inbox-nav > li.active").removeClass("active"),o.closest("li").addClass("active"),$(".inbox-header > h1").text(a),t.html(e),Layout.fixContentHeight&&Layout.fixContentHeight()},error:function(t,e,n){p(o)},async:!1}),jQuery("body").on("change",".mail-group-checkbox",function(){var t=jQuery(".mail-checkbox"),e=jQuery(this).is(":checked");jQuery(t).each(function(){$(this).prop("checked",e)})})},n=function(e,o,n){var i="app_inbox_view.html";App.blockUI({target:t,overlayColor:"none",animate:!0}),p(e);var a=e.parent("tr").attr("data-messageid");$.ajax({type:"GET",cache:!1,url:i,dataType:"html",data:{message_id:a},success:function(o){App.unblockUI(t),p(e),n&&$(".inbox-nav > li.active").removeClass("active"),$(".inbox-header > h1").text("View Message"),t.html(o),Layout.fixContentHeight()},error:function(t,o,n){p(e)},async:!1})},i=function(){$(".inbox-wysihtml5").wysihtml5({stylesheets:["../assets/global/plugins/bootstrap-wysihtml5/wysiwyg-color.css"]})},a=function(){$("#fileupload").fileupload({url:"../assets/global/plugins/jquery-file-upload/server/php/",autoUpload:!0}),$.support.cors&&$.ajax({url:"../assets/global/plugins/jquery-file-upload/server/php/",type:"HEAD"}).fail(function(){$('<span class="alert alert-error"/>').text("Upload server currently unavailable - "+new Date).appendTo("#fileupload")})},c=function(e){var o="app_inbox_compose.html";App.blockUI({target:t,overlayColor:"none",animate:!0}),p(e),$.ajax({type:"GET",cache:!1,url:o,dataType:"html",success:function(o){App.unblockUI(t),p(e),$(".inbox-nav > li.active").removeClass("active"),$(".inbox-header > h1").text("Compose"),t.html(o),a(),i(),$(".inbox-wysihtml5").focus(),Layout.fixContentHeight()},error:function(t,o,n){p(e)},async:!1})},l=function(e){var o=($(e).attr("data-messageid"),"app_inbox_reply.html");App.blockUI({target:t,overlayColor:"none",animate:!0}),p(e),$.ajax({type:"GET",cache:!1,url:o,dataType:"html",success:function(o){App.unblockUI(t),p(e),$(".inbox-nav > li.active").removeClass("active"),$(".inbox-header > h1").text("Reply"),t.html(o),$('[name="message"]').val($("#reply_email_content_body").html()),s(),a(),i(),Layout.fixContentHeight()},error:function(t,o,n){p(e)},async:!1})},s=function(){var t=$(".inbox-compose .mail-to .inbox-cc"),e=$(".inbox-compose .input-cc");t.hide(),e.show(),$(".close",e).click(function(){e.hide(),t.show()})},r=function(){var t=$(".inbox-compose .mail-to .inbox-bcc"),e=$(".inbox-compose .input-bcc");t.hide(),e.show(),$(".close",e).click(function(){e.hide(),t.show()})},p=function(t){"undefined"!=typeof t&&(t.attr("disabled")?t.attr("disabled",!1):t.attr("disabled",!0))};return{init:function(){$(".inbox").on("click",".compose-btn",function(){c($(this))}),$(".inbox").on("click",".inbox-discard-btn",function(t){t.preventDefault(),o($(this),e)}),$(".inbox").on("click",".reply-btn",function(){l($(this))}),$(".inbox").on("click",".view-message",function(){n($(this))}),$(".inbox-nav > li > a").click(function(){o($(this),"inbox")}),$(".inbox-content").on("click",".mail-to .inbox-cc",function(){s()}),$(".inbox-content").on("click",".mail-to .inbox-bcc",function(){r()}),"view"===App.getURLParameter("a")?n():"compose"===App.getURLParameter("a")?c():$(".inbox-nav > li:first > a").click()}}}();jQuery(document).ready(function(){AppInbox.init()});
|
||||
@@ -0,0 +1,52 @@
|
||||
/**
|
||||
Todo 2 Module
|
||||
**/
|
||||
var AppTodo2 = function () {
|
||||
|
||||
// private functions & variables
|
||||
|
||||
var _initComponents = function() {
|
||||
|
||||
// init datepicker
|
||||
$('.todo-taskbody-due').datepicker({
|
||||
rtl: App.isRTL(),
|
||||
orientation: "left",
|
||||
autoclose: true
|
||||
});
|
||||
|
||||
// init tags
|
||||
$(".todo-taskbody-tags").select2({
|
||||
placeholder: 'Status'
|
||||
});
|
||||
}
|
||||
|
||||
var _handleProjectListMenu = function() {
|
||||
if (App.getViewPort().width <= 992) {
|
||||
$('.todo-project-list-content').addClass("collapse");
|
||||
} else {
|
||||
$('.todo-project-list-content').removeClass("collapse").css("height", "auto");
|
||||
}
|
||||
}
|
||||
|
||||
// public functions
|
||||
return {
|
||||
|
||||
//main function
|
||||
init: function () {
|
||||
_initComponents();
|
||||
_handleProjectListMenu();
|
||||
|
||||
App.addResizeHandler(function(){
|
||||
_handleProjectListMenu();
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
if (App.isAngularJsApp() === false) {
|
||||
jQuery(document).ready(function() {
|
||||
AppTodo2.init();
|
||||
});
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
var AppTodo2=function(){var t=function(){$(".todo-taskbody-due").datepicker({rtl:App.isRTL(),orientation:"left",autoclose:!0}),$(".todo-taskbody-tags").select2({placeholder:"Status"})},o=function(){App.getViewPort().width<=992?$(".todo-project-list-content").addClass("collapse"):$(".todo-project-list-content").removeClass("collapse").css("height","auto")};return{init:function(){t(),o(),App.addResizeHandler(function(){o()})}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){AppTodo2.init()});
|
||||
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
Todo Module
|
||||
**/
|
||||
var AppTodo = function () {
|
||||
|
||||
// private functions & variables
|
||||
|
||||
var _initComponents = function() {
|
||||
|
||||
// init datepicker
|
||||
$('.todo-taskbody-due').datepicker({
|
||||
rtl: App.isRTL(),
|
||||
orientation: "left",
|
||||
autoclose: true
|
||||
});
|
||||
|
||||
// init tags
|
||||
$(".todo-taskbody-tags").select2({
|
||||
tags: ["Testing", "Important", "Info", "Pending", "Completed", "Requested", "Approved"]
|
||||
});
|
||||
}
|
||||
|
||||
var _handleProjectListMenu = function() {
|
||||
if (App.getViewPort().width <= 992) {
|
||||
$('.todo-project-list-content').addClass("collapse");
|
||||
} else {
|
||||
$('.todo-project-list-content').removeClass("collapse").css("height", "auto");
|
||||
}
|
||||
}
|
||||
|
||||
// public functions
|
||||
return {
|
||||
|
||||
//main function
|
||||
init: function () {
|
||||
_initComponents();
|
||||
_handleProjectListMenu();
|
||||
|
||||
App.addResizeHandler(function(){
|
||||
_handleProjectListMenu();
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
AppTodo.init();
|
||||
});
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
var AppTodo=function(){var t=function(){$(".todo-taskbody-due").datepicker({rtl:App.isRTL(),orientation:"left",autoclose:!0}),$(".todo-taskbody-tags").select2({tags:["Testing","Important","Info","Pending","Completed","Requested","Approved"]})},o=function(){App.getViewPort().width<=992?$(".todo-project-list-content").addClass("collapse"):$(".todo-project-list-content").removeClass("collapse").css("height","auto")};return{init:function(){t(),o(),App.addResizeHandler(function(){o()})}}}();jQuery(document).ready(function(){AppTodo.init()});
|
||||
File diff suppressed because it is too large
Load Diff
+1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+3
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+3
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 162 B |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 796 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 299 B |
Binary file not shown.
|
After Width: | Height: | Size: 643 B |
Binary file not shown.
|
After Width: | Height: | Size: 408 B |
Binary file not shown.
|
After Width: | Height: | Size: 604 B |
Binary file not shown.
|
After Width: | Height: | Size: 591 B |
Binary file not shown.
|
After Width: | Height: | Size: 643 B |
Binary file not shown.
|
After Width: | Height: | Size: 600 B |
Binary file not shown.
|
After Width: | Height: | Size: 497 B |
Binary file not shown.
|
After Width: | Height: | Size: 488 B |
Binary file not shown.
|
After Width: | Height: | Size: 428 B |
Binary file not shown.
|
After Width: | Height: | Size: 506 B |
Binary file not shown.
|
After Width: | Height: | Size: 647 B |
Binary file not shown.
|
After Width: | Height: | Size: 403 B |
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
Binary file not shown.
|
After Width: | Height: | Size: 524 B |
Binary file not shown.
|
After Width: | Height: | Size: 663 B |
Binary file not shown.
|
After Width: | Height: | Size: 589 B |
Binary file not shown.
|
After Width: | Height: | Size: 593 B |
Binary file not shown.
|
After Width: | Height: | Size: 585 B |
Binary file not shown.
|
After Width: | Height: | Size: 504 B |
Binary file not shown.
|
After Width: | Height: | Size: 449 B |
Binary file not shown.
|
After Width: | Height: | Size: 497 B |
Binary file not shown.
|
After Width: | Height: | Size: 462 B |
Binary file not shown.
|
After Width: | Height: | Size: 457 B |
Binary file not shown.
|
After Width: | Height: | Size: 675 B |
Binary file not shown.
|
After Width: | Height: | Size: 486 B |
Binary file not shown.
|
After Width: | Height: | Size: 611 B |
Binary file not shown.
|
After Width: | Height: | Size: 639 B |
Binary file not shown.
|
After Width: | Height: | Size: 500 B |
Binary file not shown.
|
After Width: | Height: | Size: 593 B |
Binary file not shown.
|
After Width: | Height: | Size: 526 B |
Binary file not shown.
|
After Width: | Height: | Size: 631 B |
Binary file not shown.
|
After Width: | Height: | Size: 512 B |
Binary file not shown.
|
After Width: | Height: | Size: 443 B |
Binary file not shown.
|
After Width: | Height: | Size: 514 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user