fix
This commit is contained in:
@@ -4,85 +4,81 @@ defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
|
||||
class Auth extends Start_Controller {
|
||||
|
||||
|
||||
public function index() {
|
||||
|
||||
|
||||
$data = array();
|
||||
$username='';
|
||||
$password='';
|
||||
$error_message='';
|
||||
$valid_entry=false;
|
||||
$valid_login=false;
|
||||
$this->testLoginInput($username, $password, $error_message, $valid_entry);
|
||||
|
||||
if ( true == $valid_entry )
|
||||
{
|
||||
if ($username!='' && $password !=''){
|
||||
|
||||
$data["page_title"] = "";
|
||||
$data["username"] = $username; //"auxsupport";
|
||||
$data["password"] = $password;
|
||||
$out = [];
|
||||
$this->jubabox_webapi(USER_LOGIN, $data, $out);
|
||||
//print_r( $data );
|
||||
//print_r( $out );
|
||||
if ( count($out) > 0 && isset($out["session"]) ){
|
||||
print_r( $out );
|
||||
//$this->getSessionData($out[0], $session_data); // just for testing
|
||||
|
||||
$this->buildUserSession(PHP_API_OK,$out);
|
||||
$valid_login = true;
|
||||
$this->session->set_flashdata('in',$out);
|
||||
redirect("page/index");
|
||||
}
|
||||
else
|
||||
{
|
||||
$error_message ="Invalid Username/Password";
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
$data = array();
|
||||
$username = '';
|
||||
$password = '';
|
||||
$error_message = '';
|
||||
$valid_entry = false;
|
||||
$valid_login = false;
|
||||
$this->testLoginInput($username, $password, $error_message, $valid_entry);
|
||||
|
||||
if (true == $valid_entry) {
|
||||
if ($username != '' && $password != '') {
|
||||
|
||||
$data["page_title"] = "";
|
||||
$data["username"] = $username; //"auxsupport";
|
||||
$data["password"] = $password;
|
||||
$out = [];
|
||||
$this->jubabox_webapi(USER_LOGIN, $data, $out);
|
||||
//print_r( $data );
|
||||
//print_r( $out );
|
||||
if (count($out) > 0 && isset($out["session"])) {
|
||||
print_r($out);
|
||||
//$this->getSessionData($out[0], $session_data); // just for testing
|
||||
|
||||
$this->buildUserSession(PHP_API_OK, $out);
|
||||
$valid_login = true;
|
||||
$this->session->set_flashdata('in', $out);
|
||||
redirect("page/index");
|
||||
} else {
|
||||
$error_message = "Invalid Username/Password";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
$this->load->view('home/view_login');
|
||||
}
|
||||
|
||||
/*
|
||||
.916 SQL [12418]: Found rows: 0
|
||||
- 18:20:16.916 SQL [12418]: Found rows: 0
|
||||
- 18:20:16.916 INFO [12418]: RET: added=2019-10-10 10:43:55.26967
|
||||
- 18:20:16.916 INFO [12418]: RET: created=
|
||||
- 18:20:16.916 INFO [12418]: RET: email=ameye@chiefsoft.com
|
||||
- 18:20:16.916 INFO [12418]: RET: firstname=Olu
|
||||
- 18:20:16.916 INFO [12418]: RET: id=
|
||||
- 18:20:16.916 INFO [12418]: RET: last_login=2019-10-10 17:55:23.835444
|
||||
- 18:20:16.916 INFO [12418]: RET: lastname=Amey
|
||||
- 18:20:16.916 INFO [12418]: RET: loc=
|
||||
- 18:20:16.916 INFO [12418]: RET: member_id=1
|
||||
- 18:20:16.916 INFO [12418]: RET: member_profile_id=
|
||||
- 18:20:16.916 INFO [12418]: RET: mypage=oluamey
|
||||
- 18:20:16.916 INFO [12418]: RET: password=8ef852e9c900de50c6e9d004f3463686
|
||||
- 18:20:16.916 INFO [12418]: RET: phone=
|
||||
- 18:20:16.916 INFO [12418]: RET: result=ECHO BACKEND
|
||||
- 18:20:16.916 INFO [12418]: RET: session=2AB29AC8698D9F9F7EBCB28A1FE41568
|
||||
- 18:20:16.916 INFO [12418]: RET: sessionid=2AB29AC8698D9F9F7EBCB28A1FE41568
|
||||
- 18:20:16.916 INFO [12418]: RET: status=1
|
||||
- 18:20:16.916 INFO [12418]: RET: stauts=OK
|
||||
- 18:20:16.916 INFO [12418]: RET: updated=
|
||||
- 18:20:16.916 INFO [12418]: RET: username=ameye@chiefsoft.com
|
||||
- 18:20:16.918 INFO [12418]: JUBABOX is stopping...
|
||||
- 18:20:16.918 DEBUG [12418]: Closing database connection
|
||||
- 18:20:16.918 SQL [12418]: pgsql_close()
|
||||
*/
|
||||
|
||||
/*
|
||||
.916 SQL [12418]: Found rows: 0
|
||||
- 18:20:16.916 SQL [12418]: Found rows: 0
|
||||
- 18:20:16.916 INFO [12418]: RET: added=2019-10-10 10:43:55.26967
|
||||
- 18:20:16.916 INFO [12418]: RET: created=
|
||||
- 18:20:16.916 INFO [12418]: RET: email=ameye@chiefsoft.com
|
||||
- 18:20:16.916 INFO [12418]: RET: firstname=Olu
|
||||
- 18:20:16.916 INFO [12418]: RET: id=
|
||||
- 18:20:16.916 INFO [12418]: RET: last_login=2019-10-10 17:55:23.835444
|
||||
- 18:20:16.916 INFO [12418]: RET: lastname=Amey
|
||||
- 18:20:16.916 INFO [12418]: RET: loc=
|
||||
- 18:20:16.916 INFO [12418]: RET: member_id=1
|
||||
- 18:20:16.916 INFO [12418]: RET: member_profile_id=
|
||||
- 18:20:16.916 INFO [12418]: RET: mypage=oluamey
|
||||
- 18:20:16.916 INFO [12418]: RET: password=8ef852e9c900de50c6e9d004f3463686
|
||||
- 18:20:16.916 INFO [12418]: RET: phone=
|
||||
- 18:20:16.916 INFO [12418]: RET: result=ECHO BACKEND
|
||||
- 18:20:16.916 INFO [12418]: RET: session=2AB29AC8698D9F9F7EBCB28A1FE41568
|
||||
- 18:20:16.916 INFO [12418]: RET: sessionid=2AB29AC8698D9F9F7EBCB28A1FE41568
|
||||
- 18:20:16.916 INFO [12418]: RET: status=1
|
||||
- 18:20:16.916 INFO [12418]: RET: stauts=OK
|
||||
- 18:20:16.916 INFO [12418]: RET: updated=
|
||||
- 18:20:16.916 INFO [12418]: RET: username=ameye@chiefsoft.com
|
||||
- 18:20:16.918 INFO [12418]: JUBABOX is stopping...
|
||||
- 18:20:16.918 DEBUG [12418]: Closing database connection
|
||||
- 18:20:16.918 SQL [12418]: pgsql_close()
|
||||
*/
|
||||
|
||||
public function forgotpass() {
|
||||
$this->index();
|
||||
//$this->index();
|
||||
$this->load->view('home/view_reset_password');
|
||||
}
|
||||
|
||||
public function register() {
|
||||
$this->index();
|
||||
$this->registerAccount();
|
||||
}
|
||||
|
||||
public function logout() {
|
||||
@@ -93,4 +89,8 @@ class Auth extends Start_Controller {
|
||||
$this->index();
|
||||
}
|
||||
|
||||
|
||||
private function registerAccount(){
|
||||
$this->load->view('home/view_register');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
|
||||
|
||||
class Startwww extends CI_Controller {
|
||||
|
||||
/**
|
||||
@@ -21,7 +20,7 @@ class Startwww extends CI_Controller {
|
||||
* @see https://codeigniter.com/user_guide/general/urls.html
|
||||
*/
|
||||
public function index() {
|
||||
// echo "lslslsls";
|
||||
// echo "lslslsls";
|
||||
$this->load->view('home/view_home');
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,139 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="loading" lang="en" data-textdirection="ltr">
|
||||
<!-- BEGIN: Head-->
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||||
<meta name="description" content="Vuexy admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities.">
|
||||
<meta name="keywords" content="admin template, Vuexy admin template, dashboard template, flat admin template, responsive admin template, web app">
|
||||
<meta name="author" content="PIXINVENT">
|
||||
<title>Register Page - Vuexy - Bootstrap HTML admin template</title>
|
||||
<link rel="apple-touch-icon" href="../../../app-assets/images/ico/apple-icon-120.png">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="../../../app-assets/images/ico/favicon.ico">
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet">
|
||||
|
||||
<!-- BEGIN: Vendor CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/vendors.min.css">
|
||||
<!-- END: Vendor CSS-->
|
||||
|
||||
<!-- BEGIN: Theme CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap-extended.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/components.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/dark-layout.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/semi-dark-layout.css">
|
||||
|
||||
<!-- BEGIN: Page CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/core/menu/menu-types/vertical-menu.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/core/colors/palette-gradient.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/pages/authentication.css">
|
||||
<!-- END: Page CSS-->
|
||||
|
||||
<!-- BEGIN: Custom CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">
|
||||
<!-- END: Custom CSS-->
|
||||
|
||||
</head>
|
||||
<!-- END: Head-->
|
||||
|
||||
<!-- BEGIN: Body-->
|
||||
|
||||
<body class="vertical-layout vertical-menu-modern 1-column navbar-floating footer-static bg-full-screen-image blank-page blank-page" data-open="click" data-menu="vertical-menu-modern" data-col="1-column">
|
||||
<!-- BEGIN: Content-->
|
||||
<div class="app-content content">
|
||||
<div class="content-overlay"></div>
|
||||
<div class="header-navbar-shadow"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content-header row">
|
||||
</div>
|
||||
<div class="content-body">
|
||||
<section class="row flexbox-container">
|
||||
<div class="col-xl-8 col-10 d-flex justify-content-center">
|
||||
<div class="card bg-authentication rounded-0 mb-0">
|
||||
<div class="row m-0">
|
||||
<div class="col-lg-6 d-lg-block d-none text-center align-self-center pl-0 pr-3 py-0">
|
||||
<img src="../../../app-assets/images/pages/register.jpg" alt="branding logo">
|
||||
</div>
|
||||
<div class="col-lg-6 col-12 p-0">
|
||||
<div class="card rounded-0 mb-0 p-2">
|
||||
<div class="card-header pt-50 pb-1">
|
||||
<div class="card-title">
|
||||
<h4 class="mb-0">Create Account</h4>
|
||||
</div>
|
||||
</div>
|
||||
<p class="px-2">Fill the below form to create a new account.</p>
|
||||
<div class="card-content">
|
||||
<div class="card-body pt-0">
|
||||
<form action="index.html">
|
||||
<div class="form-label-group">
|
||||
<input type="text" id="inputName" class="form-control" placeholder="Name" required>
|
||||
<label for="inputName">Name</label>
|
||||
</div>
|
||||
<div class="form-label-group">
|
||||
<input type="email" id="inputEmail" class="form-control" placeholder="Email" required>
|
||||
<label for="inputEmail">Email</label>
|
||||
</div>
|
||||
<div class="form-label-group">
|
||||
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
|
||||
<label for="inputPassword">Password</label>
|
||||
</div>
|
||||
<div class="form-label-group">
|
||||
<input type="password" id="inputConfPassword" class="form-control" placeholder="Confirm Password" required>
|
||||
<label for="inputConfPassword">Confirm Password</label>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-12">
|
||||
<fieldset class="checkbox">
|
||||
<div class="vs-checkbox-con vs-checkbox-primary">
|
||||
<input type="checkbox" checked>
|
||||
<span class="vs-checkbox">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
<span class=""> I accept the terms & conditions.</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/auth/login" class="btn btn-outline-primary float-left btn-inline mb-50">Login</a>
|
||||
<button type="submit" class="btn btn-primary float-right btn-inline mb-50">Register</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Content-->
|
||||
|
||||
|
||||
<!-- BEGIN: Vendor JS-->
|
||||
<script src="../../../app-assets/vendors/js/vendors.min.js"></script>
|
||||
<!-- BEGIN Vendor JS-->
|
||||
|
||||
<!-- BEGIN: Page Vendor JS-->
|
||||
<!-- END: Page Vendor JS-->
|
||||
|
||||
<!-- BEGIN: Theme JS-->
|
||||
<script src="../../../app-assets/js/core/app-menu.js"></script>
|
||||
<script src="../../../app-assets/js/core/app.js"></script>
|
||||
<script src="../../../app-assets/js/scripts/components.js"></script>
|
||||
<!-- END: Theme JS-->
|
||||
|
||||
<!-- BEGIN: Page JS-->
|
||||
<!-- END: Page JS-->
|
||||
|
||||
</body>
|
||||
<!-- END: Body-->
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="loading" lang="en" data-textdirection="ltr">
|
||||
<!-- BEGIN: Head-->
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||||
<meta name="description" content="Vuexy admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities.">
|
||||
<meta name="keywords" content="admin template, Vuexy admin template, dashboard template, flat admin template, responsive admin template, web app">
|
||||
<meta name="author" content="PIXINVENT">
|
||||
<title>Forgot Password - Vuexy - Bootstrap HTML admin template</title>
|
||||
<link rel="apple-touch-icon" href="../../../app-assets/images/ico/apple-icon-120.png">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="../../../app-assets/images/ico/favicon.ico">
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet">
|
||||
|
||||
<!-- BEGIN: Vendor CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/vendors.min.css">
|
||||
<!-- END: Vendor CSS-->
|
||||
|
||||
<!-- BEGIN: Theme CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap-extended.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/components.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/dark-layout.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/semi-dark-layout.css">
|
||||
|
||||
<!-- BEGIN: Page CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/core/menu/menu-types/vertical-menu.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/core/colors/palette-gradient.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/pages/authentication.css">
|
||||
<!-- END: Page CSS-->
|
||||
|
||||
<!-- BEGIN: Custom CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">
|
||||
<!-- END: Custom CSS-->
|
||||
|
||||
</head>
|
||||
<!-- END: Head-->
|
||||
|
||||
<!-- BEGIN: Body-->
|
||||
|
||||
<body class="vertical-layout vertical-menu-modern 1-column navbar-floating footer-static bg-full-screen-image blank-page blank-page" data-open="click" data-menu="vertical-menu-modern" data-col="1-column">
|
||||
<!-- BEGIN: Content-->
|
||||
<div class="app-content content">
|
||||
<div class="content-overlay"></div>
|
||||
<div class="header-navbar-shadow"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content-header row">
|
||||
</div>
|
||||
<div class="content-body">
|
||||
<section class="row flexbox-container">
|
||||
<div class="col-xl-7 col-md-9 col-10 d-flex justify-content-center px-0">
|
||||
<div class="card bg-authentication rounded-0 mb-0">
|
||||
<div class="row m-0">
|
||||
<div class="col-lg-6 d-lg-block d-none text-center align-self-center">
|
||||
<img src="../../../app-assets/images/pages/forgot-password.png" alt="branding logo">
|
||||
</div>
|
||||
<div class="col-lg-6 col-12 p-0">
|
||||
<div class="card rounded-0 mb-0 px-2 py-1">
|
||||
<div class="card-header pb-1">
|
||||
<div class="card-title">
|
||||
<h4 class="mb-0">Recover your password</h4>
|
||||
</div>
|
||||
</div>
|
||||
<p class="px-2 mb-0">Please enter your email address and we'll send you instructions on how to reset your password.</p>
|
||||
<div class="card-content">
|
||||
<div class="card-body">
|
||||
<form action="index.html">
|
||||
<div class="form-label-group">
|
||||
<input type="email" id="inputEmail" class="form-control" placeholder="Email">
|
||||
<label for="inputEmail">Email</label>
|
||||
</div>
|
||||
</form>
|
||||
<div class="float-md-left d-block mb-1">
|
||||
<a href="auth-login.html" class="btn btn-outline-primary btn-block px-75">Back to Login</a>
|
||||
</div>
|
||||
<div class="float-md-right d-block mb-1">
|
||||
<a href="#" class="btn btn-primary btn-block px-75">Recover Password</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Content-->
|
||||
|
||||
|
||||
<!-- BEGIN: Vendor JS-->
|
||||
<script src="../../../app-assets/vendors/js/vendors.min.js"></script>
|
||||
<!-- BEGIN Vendor JS-->
|
||||
|
||||
<!-- BEGIN: Page Vendor JS-->
|
||||
<!-- END: Page Vendor JS-->
|
||||
|
||||
<!-- BEGIN: Theme JS-->
|
||||
<script src="../../../app-assets/js/core/app-menu.js"></script>
|
||||
<script src="../../../app-assets/js/core/app.js"></script>
|
||||
<script src="../../../app-assets/js/scripts/components.js"></script>
|
||||
<!-- END: Theme JS-->
|
||||
|
||||
<!-- BEGIN: Page JS-->
|
||||
<!-- END: Page JS-->
|
||||
|
||||
</body>
|
||||
<!-- END: Body-->
|
||||
|
||||
</html>
|
||||
@@ -1 +1,688 @@
|
||||
Email
|
||||
|
||||
<div class="content-area-wrapper">
|
||||
<div class="sidebar-left">
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-content email-app-sidebar d-flex">
|
||||
<span class="sidebar-close-icon">
|
||||
<i class="feather icon-x"></i>
|
||||
</span>
|
||||
<div class="email-app-menu">
|
||||
<div class="form-group form-group-compose text-center compose-btn">
|
||||
<button type="button" class="btn btn-primary btn-block my-2" data-toggle="modal" data-target="#composeForm"><i class="feather icon-edit"></i> Compose</button>
|
||||
</div>
|
||||
<div class="sidebar-menu-list">
|
||||
<div class="list-group list-group-messages font-medium-1">
|
||||
<a href="#" class="list-group-item list-group-item-action border-0 pt-0 active">
|
||||
<i class="font-medium-5 feather icon-mail mr-50"></i> Inbox <span class="badge badge-primary badge-pill float-right">3</span>
|
||||
</a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0"><i class="font-medium-5 fa fa-paper-plane-o mr-50"></i> Sent</a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0"><i class="font-medium-5 feather icon-edit-2 mr-50"></i> Draft <span class="badge badge-warning badge-pill float-right">4</span> </a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0"><i class="font-medium-5 feather icon-star mr-50"></i>
|
||||
Starred</a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0"><i class="font-medium-5 feather icon-info mr-50"></i>
|
||||
Spam <span class="badge badge-danger badge-pill float-right">3</span> </a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0"><i class="font-medium-5 feather icon-trash mr-50"></i>
|
||||
Trash</a>
|
||||
</div>
|
||||
<hr>
|
||||
<h5 class="my-2 pt-25">Labels</h5>
|
||||
<div class="list-group list-group-labels font-medium-1">
|
||||
<a href="#" class="list-group-item list-group-item-action border-0 d-flex align-items-center"><span class="bullet bullet-success mr-1"></span> Personal</a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0 d-flex align-items-center"><span class="bullet bullet-primary mr-1"></span> Company</a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0 d-flex align-items-center"><span class="bullet bullet-warning mr-1"></span> Important</a>
|
||||
<a href="#" class="list-group-item list-group-item-action border-0 d-flex align-items-center"><span class="bullet bullet-danger mr-1"></span> Private</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade text-left" id="composeForm" tabindex="-1" role="dialog" aria-labelledby="emailCompose" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title text-text-bold-600" id="emailCompose">New Message</h3>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body pt-1">
|
||||
<div class="form-label-group mt-1">
|
||||
<input type="text" id="emailTo" class="form-control" placeholder="To" name="fname-floating">
|
||||
<label for="emailTo">To</label>
|
||||
</div>
|
||||
<div class="form-label-group">
|
||||
<input type="text" id="emailSubject" class="form-control" placeholder="Subject" name="fname-floating">
|
||||
<label for="emailSubject">Subject</label>
|
||||
</div>
|
||||
<div class="form-label-group">
|
||||
<input type="text" id="emailCC" class="form-control" placeholder="CC" name="fname-floating">
|
||||
<label for="emailCC">CC</label>
|
||||
</div>
|
||||
<div class="form-label-group">
|
||||
<input type="text" id="emailBCC" class="form-control" placeholder="BCC" name="fname-floating">
|
||||
<label for="emailBCC">BCC</label>
|
||||
</div>
|
||||
<div id="email-container">
|
||||
<div class="editor" data-placeholder="Message">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mt-2">
|
||||
<div class="custom-file">
|
||||
<input type="file" class="custom-file-input" id="emailAttach">
|
||||
<label class="custom-file-label" for="emailAttach">Attach file</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<input type="submit" value="Send" class="btn btn-primary">
|
||||
<input type="Reset" value="Cancel" class="btn btn-white" data-dismiss="modal">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-right">
|
||||
<div class="content-wrapper">
|
||||
<div class="content-header row">
|
||||
</div>
|
||||
<div class="content-body">
|
||||
<div class="app-content-overlay"></div>
|
||||
<div class="email-app-area">
|
||||
<!-- Email list Area -->
|
||||
<div class="email-app-list-wrapper">
|
||||
<div class="email-app-list">
|
||||
<div class="app-fixed-search">
|
||||
<div class="sidebar-toggle d-block d-lg-none"><i class="feather icon-menu"></i></div>
|
||||
<fieldset class="form-group position-relative has-icon-left m-0">
|
||||
<input type="text" class="form-control" id="email-search" placeholder="Search email">
|
||||
<div class="form-control-position">
|
||||
<i class="feather icon-search"></i>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="app-action">
|
||||
<div class="action-left">
|
||||
<div class="vs-checkbox-con selectAll">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-minus"></i>
|
||||
</span>
|
||||
</span>
|
||||
<span>Select All</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="action-right">
|
||||
<ul class="list-inline m-0">
|
||||
<li class="list-inline-item">
|
||||
<div class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" id="folder" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="feather icon-folder"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="folder">
|
||||
<a class="dropdown-item d-flex font-medium-1" href="#"><i class="font-medium-3 feather icon-edit-2 mr-50"></i> Draft</a>
|
||||
<a class="dropdown-item d-flex font-medium-1" href="#"><i class="font-medium-3 feather icon-info mr-50"></i> Spam</a>
|
||||
<a class="dropdown-item d-flex font-medium-1" href="#"><i class="font-medium-3 feather icon-trash mr-50"></i> Trash</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<div class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" id="tag" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="feather icon-tag"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="tag">
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-success bullet-sm"></span> Personal</a>
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-primary bullet-sm"></span> Company</a>
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-warning bullet-sm"></span> Important</a>
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-danger bullet-sm"></span> Private</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-inline-item mail-unread"><span class="action-icon"><i class="feather icon-mail"></i></span></li>
|
||||
<li class="list-inline-item mail-delete"><span class="action-icon"><i class="feather icon-trash"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="email-user-list list-group">
|
||||
<ul class="users-list-wrapper media-list">
|
||||
<li class="media mail-read">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img src="../../../app-assets/images/portrait/small/avatar-s-20.png" alt="avtar img holder">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Tonny Deep</h5>
|
||||
<span class="list-group-item-text text-truncate">Focused impactful open system</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mr-1 bullet bullet-success bullet-sm"></span><span class="mail-date">4:14 AM</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text truncate mb-0">Hey John, bah kivu decrete epanorthotic unnotched Argyroneta nonius veratrine preimaginary saunders demidolmen Chaldaic allusiveness lorriker unworshipping ribaldish tableman hendiadys outwrest unendeavored fulfillment scientifical Pianokoto CheloniaFreudian sperate unchary hyperneurotic phlogiston duodecahedron unflown Paguridea catena disrelishable Stygian paleopsychology cantoris phosphoritic disconcord fruited inblow somewhatly ilioperoneal forrard palfrey Satyrinae outfreeman melebiose</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-17.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Louis Welch </h5>
|
||||
<span class="list-group-item-text text-truncate">Thanks, Let's do it.</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mr-1 bullet bullet-danger bullet-sm"></span> <span class="mail-date">2:15 AM</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hi, Can we connect today? Cheesecake croissant jelly beans. Cake caramels pie chocolate. Muffin jujubes dragée carrot cake candy icing bonbon. Danish caramels topping oat cake sweet roll liquorice tootsie roll halvah.Chocolate bar jujubes jelly-o tart tiramisu croissant dragée cupcake jelly. </p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media mail-read">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-7.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Envato Market</h5>
|
||||
<span class="list-group-item-text text-truncate">You have new comment...</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mr-1 bullet bullet-success bullet-sm"></span> <span class="mail-date">2:15 AM</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hi There, Cotton candy jujubes ice cream candy. Oat cake jelly jelly brownie danish marzipan gummi bears. Cupcake sweet bonbon tart. Sweet croissant jelly beans dragée chocolate cake gingerbread topping chocolate bar lemon drops.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media mail-read">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-5.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Sarah Montgomery </h5>
|
||||
<span class="list-group-item-text text-truncate">Your New UI.</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mr-1 bullet bullet-warning bullet-sm"></span><span class="mail-date">Yesterday</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text text-truncate mb-0">Hello, Everything looks good. Pastry marshmallow sugar plum. Gingerbread bonbon fruitcake gummi bears wafer chocolate cake gummies tart ice cream. Danish topping biscuit dessert donut dessert. Chocolate jelly-o topping marzipan fruitcake.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-3.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Ardis Balderson</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Focused impactful open system</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<i class="fa-paperclip fa"></i> <span class="mx-1 bullet bullet-warning bullet-sm"></span> <span class="mail-date">15 July</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hey John, bah kivu decrete epanorthotic unnotched Argyroneta nonius veratrine preimaginary saunders demidolmen Chaldaic allusiveness lorriker unworshipping ribaldish tableman hendiadys outwrest unendeavored fulfillment scientifical Pianokoto CheloniaFreudian sperate unchary hyperneurotic phlogiston duodecahedron unflown Paguridea catena disrelishable Stygian paleopsychology cantoris phosphoritic disconcord fruited inblow somewhatly ilioperoneal forrard palfrey</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-8.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Modestine Spat</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Profound systemic alliance 🎉</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mx-1 bullet bullet-info bullet-sm"></span> <span class="mail-date">11 July</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hey John, Parthenopean logeion chipwood tonsilitic cockleshell substance Stilbum dismayed tape Alderamin Phororhacos bridewain zoonomia lujaurite printline extraction weanedness charterless splitmouth bindoree unfit philological Pythonissa scintillescentcinchonism sabbaton thyrocricoid dissuasively schematograph immerse pristane stimulability unreligion uncomplemental uteritis nef bavenite Hachiman teleutosorus anterolateral infirmate Nahani Hyla barile farthing</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media mail-read">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-11.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Eb Begg</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Organized value-added model</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mx-1 bullet bullet-success bullet-sm"></span> <span class="mail-date">1 July</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hello Sir, Lituola restrengthen bathofloric manciple decaffeinize Debby aciliated eatage proscribe prejurisdiction buttle quacky hyposecretion indemonstrableness schelling lymphopathy consumptivity nonappointment filminess spumiform erotogenicity equestrianize boneflower interlardationallocate ponzite cote guilder tuff strind blamefully cocaine monstrously apocalyptically sublanate cherubimical oligoplasmia Miltonian hydrazyl unbeset statured Unami Cordeau strouthiocamelian geitjie</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media mail-read">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-10.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Waldemar Mannering</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Quality-focused methodical flexibility</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mx-1 bullet bullet-danger bullet-sm"></span> <span class="mail-date">19 Jun</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hi John, wartproof ketoheptose incomplicate hyomental organal supermaterial monogene sophister nizamate rightle multifilament phloroglucic overvehement boatloading derelictly probudgeting archantiquary unknighted pallograph Volcanalia Jacobitiana ethyl neth Jugataenoumenalize irredential energeia phlebotomist galp dactylitis unparticipated solepiece demure metarhyolite toboggan unpleased perilaryngeal binoxalate rabbitry atomic duali dihexahedron Pseudogryphus boomboat obelisk</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media mail-read">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-6.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Louetta Esses</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Company Report</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mx-1 bullet bullet-info bullet-sm"></span> <span class="mail-date">2 Jun</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hi John,Biscuit lemon drops marshmallow. Cotton candy marshmallow bear claw. Dragée tiramisu cookie cotton candy. Carrot cake sweet roll I love macaroon wafer jelly soufflé I love dragée. Jujubes jelly I love carrot cake topping I love. Sweet candy I love</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-9.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Tressa Gass</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Theme Update</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mx-1 bullet bullet-info bullet-sm"></span> <span class="mail-date">29 May</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate"> Hello John,Chocolate bar chupa chups sweet roll chocolate muffin macaroon liquorice tart. Carrot cake topping jelly-o cupcake sweet apple pie jelly I love. Chocolate cake I love dessert carrot cake tootsie roll chocolate I love. Tootsie roll pie marzipan sesame snaps.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-20.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Tommy Sicilia</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Thanks, Let's do it.</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mx-1 bullet bullet-warning bullet-sm"></span> <span class="mail-date">17 May</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hi John,Biscuit lemon drops marshmallow. Cotton candy marshmallow bear claw. Dragée tiramisu cookie cotton candy. Carrot cake sweet roll I love macaroon wafer jelly soufflé I love dragée. Jujubes jelly I love carrot cake topping I love. Sweet candy I love.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media mail-read">
|
||||
<div class="media-left pr-50">
|
||||
<div class="avatar">
|
||||
<img class="media-object rounded-circle" src="../../../app-assets/images/portrait/small/avatar-s-17.png" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="user-action">
|
||||
<div class="vs-checkbox-con">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox vs-checkbox-sm">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<span class="favorite"><i class="feather icon-star"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<div class="user-details">
|
||||
<div class="mail-items">
|
||||
<h5 class="list-group-item-heading text-bold-600 mb-25">Heather Howell</h5>
|
||||
<span class="list-group-item-text text-truncate mb-0">Thanks, Let's do it.</span>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<span class="float-right">
|
||||
<span class="mx-1 bullet bullet-warning bullet-sm"></span> <span class="mail-date">21 Mar</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-message">
|
||||
<p class="list-group-item-text mb-0 truncate">Hi John,Biscuit lemon drops marshmallow. Marzipan carrot cake soufflé. Toffee tiramisu pudding cotton candy powder jujubes pie. Topping danish sweet croissant liquorice lemon drops cake oat cake brownie. Cupcake liquorice tart tootsie roll sugar plum chocolate bar oat cake sweet roll.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="no-results">
|
||||
<h5>No Items Found</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Email list Area -->
|
||||
<!-- Detailed Email View -->
|
||||
<div class="email-app-details">
|
||||
<div class="email-detail-header">
|
||||
<div class="email-header-left d-flex align-items-center mb-1">
|
||||
<span class="go-back mr-1"><i class="feather icon-arrow-left font-medium-4"></i></span>
|
||||
<h3>Focused impactful open system 📷 😃</h3>
|
||||
</div>
|
||||
<div class="email-header-right mb-1 ml-2 pl-1">
|
||||
<ul class="list-inline m-0">
|
||||
<li class="list-inline-item"><span class="action-icon favorite"><i class="feather icon-star font-medium-5"></i></span></li>
|
||||
<li class="list-inline-item">
|
||||
<div class="dropdown no-arrow">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="feather icon-folder font-medium-5"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="folder">
|
||||
<a class="dropdown-item d-flex font-medium-1" href="#"><i class="font-medium-3 feather icon-edit-2 mr-50"></i> Draft</a>
|
||||
<a class="dropdown-item d-flex font-medium-1" href="#"><i class="font-medium-3 feather icon-info mr-50"></i> Spam</a>
|
||||
<a class="dropdown-item d-flex font-medium-1" href="#"><i class="font-medium-3 feather icon-trash mr-50"></i> Trash</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<div class="dropdown no-arrow">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="feather icon-tag font-medium-5"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="tag">
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-success bullet-sm"></span> Personal</a>
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-primary bullet-sm"></span> Company</a>
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-warning bullet-sm"></span> Important</a>
|
||||
<a href="#" class="dropdown-item font-medium-1"><span class="mr-1 bullet bullet-danger bullet-sm"></span> Private</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-inline-item"><span class="action-icon"><i class="feather icon-mail font-medium-5"></i></span></li>
|
||||
<li class="list-inline-item"><span class="action-icon"><i class="feather icon-trash font-medium-5"></i></span></li>
|
||||
<li class="list-inline-item email-prev"><span class="action-icon"><i class="feather icon-chevrons-left font-medium-5"></i></span></li>
|
||||
<li class="list-inline-item email-next"><span class="action-icon"><i class="feather icon-chevrons-right font-medium-5"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="email-scroll-area">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="email-label ml-2 my-2 pl-1">
|
||||
<span class="mr-1 bullet bullet-primary bullet-sm"></span><small class="mail-label">Company</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card px-1">
|
||||
<div class="card-header email-detail-head ml-75">
|
||||
<div class="user-details d-flex justify-content-between align-items-center flex-wrap">
|
||||
<div class="avatar mr-75">
|
||||
<img src="../../../app-assets/images/portrait/small/avatar-s-18.png" alt="avtar img holder" width="61" height="61">
|
||||
</div>
|
||||
<div class="mail-items">
|
||||
<h4 class="list-group-item-heading mb-0">Ardis Balderson</h4>
|
||||
<div class="email-info-dropup dropdown">
|
||||
<span class="dropdown-toggle font-small-3" id="dropdownMenuButton200" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
abaldersong@utexas.edu
|
||||
</span>
|
||||
<div class="dropdown-menu dropdown-menu-right p-50" aria-labelledby="dropdownMenuButton200">
|
||||
<div class="px-25 dropdown-item">From: <strong> abaldersong@utexas.edu </strong></div>
|
||||
<div class="px-25 dropdown-item">To: <strong> johndoe@ow.ly </strong></div>
|
||||
<div class="px-25 dropdown-item">Date: <strong> 4:25 AM 13 Jan 2018 </strong></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-meta-item">
|
||||
<div class="mail-time mb-1">4:14 AM</div>
|
||||
<div class="mail-date">17 May 2018</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body mail-message-wrapper pt-2 mb-0">
|
||||
<div class="mail-message">
|
||||
<p>Hey John,</p>
|
||||
<p>bah kivu decrete epanorthotic unnotched Argyroneta nonius veratrine preimaginary saunders demidolmen Chaldaic allusiveness lorriker unworshipping ribaldish tableman hendiadys outwrest unendeavored fulfillment scientifical Pianokoto Chelonia</p>
|
||||
<p>Freudian sperate unchary hyperneurotic phlogiston duodecahedron unflown Paguridea catena disrelishable Stygian paleopsychology cantoris phosphoritic disconcord fruited inblow somewhatly ilioperoneal forrard palfrey Satyrinae outfreeman melebiose</p>
|
||||
</div>
|
||||
<div class="mail-attachements d-flex">
|
||||
<i class="feather icon-paperclip font-medium-5 mr-50"></i>
|
||||
<span>Attachments</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-files py-2">
|
||||
<div class="chip chip-primary">
|
||||
<div class="chip-body py-50">
|
||||
<span class="chip-text">interdum.docx</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<span class="font-medium-1">Click here to <span class="primary cursor-pointer"><strong>Reply</strong></span> or <span class="primary cursor-pointer"><strong>Forward</strong></span></span>
|
||||
<i class="feather icon-paperclip font-medium-5 mr-50"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Detailed Email View -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -50,6 +50,11 @@
|
||||
<script src="../../../app-assets/js/scripts/pages/dashboard-analytics.js"></script>
|
||||
<script src="../../../app-assets/js/scripts/extensions/fullcalendar.js"></script>
|
||||
<!-- END: Page JS-->
|
||||
|
||||
<!-- BEGIN: Page JS-->
|
||||
<script src="../../../app-assets/js/scripts/pages/app-email.js"></script>
|
||||
<!-- END: Page JS-->
|
||||
|
||||
|
||||
</body>
|
||||
<!-- END: Body-->
|
||||
|
||||
@@ -48,6 +48,7 @@
|
||||
|
||||
<!-- BEGIN: Page CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/plugins/calendars/fullcalendar.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/pages/app-email.css">
|
||||
<!-- END: Page CSS-->
|
||||
|
||||
<!-- BEGIN: Custom CSS-->
|
||||
|
||||
Reference in New Issue
Block a user