update
This commit is contained in:
274
smartadmroot/inbox.php
Normal file
274
smartadmroot/inbox.php
Normal file
@ -0,0 +1,274 @@
|
||||
<?php
|
||||
|
||||
//initilize the page
|
||||
require_once 'init.web.php';
|
||||
|
||||
/*---------------- PHP Custom Scripts ---------
|
||||
|
||||
YOU CAN SET CONFIGURATION VARIABLES HERE BEFORE IT GOES TO NAV, RIBBON, ETC.
|
||||
E.G. $page_title = "Custom Title" */
|
||||
|
||||
$page_title = "Inbox";
|
||||
|
||||
/* ---------------- END PHP Custom Scripts ------------- */
|
||||
|
||||
//include header
|
||||
//you can add your custom css in $page_css array.
|
||||
//Note: all css files are inside css/ folder
|
||||
$page_css[] = "your_style.css";
|
||||
include("inc/header.php");
|
||||
|
||||
//include left panel (navigation)
|
||||
//follow the tree in inc/config.ui.php
|
||||
$page_nav["outlook"]["active"] = true;
|
||||
include("inc/nav.php");
|
||||
|
||||
?>
|
||||
<!-- ==========================CONTENT STARTS HERE ========================== -->
|
||||
<!-- MAIN PANEL -->
|
||||
<div id="main" role="main">
|
||||
<?php
|
||||
//configure ribbon (breadcrumbs) array("name"=>"url"), leave url empty if no url
|
||||
//$breadcrumbs["New Crumb"] => "http://url.com"
|
||||
include("inc/ribbon.php");
|
||||
?>
|
||||
|
||||
<!-- MAIN CONTENT -->
|
||||
<div id="content">
|
||||
|
||||
<div class="inbox-nav-bar no-content-padding">
|
||||
|
||||
<h1 class="page-title txt-color-blueDark hidden-tablet"><i class="fa fa-fw fa-inbox"></i> Inbox
|
||||
<div class="btn-group">
|
||||
<a href="#" data-toggle="dropdown" class="btn btn-default btn-xs dropdown-toggle"><span class="caret single"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="#">Action</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Another action</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Something else here</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="#">Separated link</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div></h1>
|
||||
|
||||
<div class="btn-group hidden-desktop visible-tablet">
|
||||
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
Inbox <i class="fa fa-caret-down"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu pull-left">
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="inbox-load">Inbox <i class="fa fa-check"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Sent</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Trash</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Spam</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="inbox-checkbox-triggered">
|
||||
|
||||
<div class="btn-group">
|
||||
<a href="javascript:void(0);" rel="tooltip" title="" data-placement="bottom" data-original-title="Mark Important" class="btn btn-default"><strong><i class="fa fa-exclamation fa-lg text-danger"></i></strong></a>
|
||||
<a href="javascript:void(0);" rel="tooltip" title="" data-placement="bottom" data-original-title="Move to folder" class="btn btn-default"><strong><i class="fa fa-folder-open fa-lg"></i></strong></a>
|
||||
<a href="javascript:void(0);" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete" class="deletebutton btn btn-default"><strong><i class="fa fa-trash-o fa-lg"></i></strong></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0);" id="compose-mail-mini" class="btn btn-primary pull-right hidden-desktop visible-tablet"> <strong><i class="fa fa-file fa-lg"></i></strong> </a>
|
||||
|
||||
<div class="btn-group pull-right inbox-paging">
|
||||
<a href="javascript:void(0);" class="btn btn-default btn-sm"><strong><i class="fa fa-chevron-left"></i></strong></a>
|
||||
<a href="javascript:void(0);" class="btn btn-default btn-sm"><strong><i class="fa fa-chevron-right"></i></strong></a>
|
||||
</div>
|
||||
<span class="pull-right"><strong>1-30</strong> of <strong>3,452</strong></span>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="inbox-content" class="inbox-body no-content-padding">
|
||||
|
||||
<div class="inbox-side-bar">
|
||||
|
||||
<a href="javascript:void(0);" id="compose-mail" class="btn btn-primary btn-block"> <strong>Compose</strong> </a>
|
||||
|
||||
<h6> Folder <a href="javascript:void(0);" rel="tooltip" title="" data-placement="right" data-original-title="Refresh" class="pull-right txt-color-darken"><i class="fa fa-refresh"></i></a></h6>
|
||||
|
||||
<ul class="inbox-menu-lg">
|
||||
<li class="active">
|
||||
<a class="inbox-load" href="javascript:void(0);"> Inbox (14) </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Sent</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Draft</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Trash</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h6> Quick Access <a href="javascript:void(0);" rel="tooltip" title="" data-placement="right" data-original-title="Add Another" class="pull-right txt-color-darken"><i class="fa fa-plus"></i></a></h6>
|
||||
|
||||
<ul class="inbox-menu-sm">
|
||||
<li>
|
||||
<a href="javascript:void(0);"> Images (476)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Documents (4)</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="air air-bottom inbox-space">
|
||||
|
||||
3.5GB of <strong>10GB</strong><a href="javascript:void(0);" rel="tooltip" title="" data-placement="top" data-original-title="Empty Spam" class="pull-right txt-color-darken"><i class="fa fa-trash-o fa-lg"></i></a>
|
||||
|
||||
<div class="progress progress-micro">
|
||||
<div class="progress-bar progress-primary" style="width: 34%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="table-wrap custom-scroll animated fast fadeInRight">
|
||||
<!-- ajax will fill this area -->
|
||||
LOADING...
|
||||
|
||||
</div>
|
||||
|
||||
<div class="inbox-footer">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-6 col-sm-1">
|
||||
|
||||
<div class="txt-color-white hidden-desktop visible-mobile">
|
||||
3.5GB of <strong>10GB</strong>
|
||||
|
||||
<div class="progress progress-micro">
|
||||
<div class="progress-bar progress-primary" style="width: 34%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-6 col-sm-11 text-right">
|
||||
<div class="txt-color-white inline-block">
|
||||
<i class="txt-color-blueLight hidden-mobile">Last account activity <i class="fa fa-clock-o"></i> 52 mins ago |</i> Displaying <strong>44 of 259</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- END MAIN CONTENT -->
|
||||
|
||||
</div>
|
||||
<!-- END MAIN PANEL -->
|
||||
<!-- ==========================CONTENT ENDS HERE ========================== -->
|
||||
|
||||
<?php
|
||||
// include page footer
|
||||
include("inc/footer.php");
|
||||
?>
|
||||
|
||||
<?php
|
||||
//include required scripts
|
||||
include("inc/scripts.php");
|
||||
?>
|
||||
|
||||
<!-- PAGE RELATED PLUGIN(S) -->
|
||||
|
||||
<script src="<?php echo ASSETS_URL; ?>/js/plugin/delete-table-row/delete-table-row.min.js"></script>
|
||||
|
||||
<script src="<?php echo ASSETS_URL; ?>/js/plugin/summernote/summernote.min.js"></script>
|
||||
|
||||
<script src="<?php echo ASSETS_URL; ?>/js/plugin/select2/select2.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
// PAGE RELATED SCRIPTS
|
||||
|
||||
/*
|
||||
* Fixed table height
|
||||
*/
|
||||
tableHeightSize();
|
||||
|
||||
$(window).resize(function() {
|
||||
tableHeightSize()
|
||||
})
|
||||
function tableHeightSize() {
|
||||
|
||||
if ($('body').hasClass('menu-on-top')) {
|
||||
var menuHeight = 68;
|
||||
// nav height
|
||||
|
||||
var tableHeight = ($(window).height() - 224) - menuHeight;
|
||||
if (tableHeight < (320 - menuHeight)) {
|
||||
$('.table-wrap').css('height', (320 - menuHeight) + 'px');
|
||||
} else {
|
||||
$('.table-wrap').css('height', tableHeight + 'px');
|
||||
}
|
||||
|
||||
} else {
|
||||
var tableHeight = $(window).height() - 224;
|
||||
if (tableHeight < 320) {
|
||||
$('.table-wrap').css('height', 320 + 'px');
|
||||
} else {
|
||||
$('.table-wrap').css('height', tableHeight + 'px');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
* LOAD INBOX MESSAGES
|
||||
*/
|
||||
loadInbox();
|
||||
function loadInbox() {
|
||||
loadURL("<?php echo APP_URL; ?>/ajax/email/email-list.php", $('#inbox-content > .table-wrap'))
|
||||
}
|
||||
|
||||
/*
|
||||
* Buttons (compose mail and inbox load)
|
||||
*/
|
||||
$(".inbox-load").click(function() {
|
||||
loadInbox();
|
||||
});
|
||||
|
||||
// compose email
|
||||
$("#compose-mail").click(function() {
|
||||
loadURL("<?php echo APP_URL; ?>/ajax/email-compose.php", $('#inbox-content > .table-wrap'));
|
||||
})
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<?php
|
||||
//include footer
|
||||
include("inc/google-analytics.php");
|
||||
?>
|
||||
Reference in New Issue
Block a user