%PDF-
%PDF-
Mini Shell
Mini Shell
<h2 class="email-open-header">
Reply to > Re: Timelogs of last client <span class="label txt-color-white">inbox</span>
<a href="javascript:void(0);" rel="tooltip" data-placement="left" data-original-title="Print" class="txt-color-darken pull-right"><i class="fa fa-print"></i></a>
</h2>
<form enctype="multipart/form-data" action="dummy.php" method="POST" class="form-horizontal">
<div class="inbox-info-bar no-padding">
<div class="row">
<div class="form-group">
<label class="control-label col-md-1"><strong>To</strong></label>
<div class="col-md-11">
<select multiple style="width:100%" class="select2" data-select-search="true">
<option value="sunny.orlaf@smartadmin.com" selected="selected">sunny.orlaf@smartadmin.com</option>
<option value="rachael.hawi@smartadmin.com">rachael.hawi@smartadmin.com</option>
<option value="michael.safiel@smartadmin.com">michael.safiel@smartadmin.com</option>
<option value="alex.jones@infowars.com">alex.jones@infowars.com</option>
<option value="oruf.matalla@gmail.com">oruf.matalla@gmail.com</option>
<option value="hr@smartadmin.com">hr@smartadmin.com</option>
<option value="IT@smartadmin.com">IT@smartadmin.com</option>
</select>
<em><a href="javascript:void(0);" class="show-next" rel="tooltip" data-placement="bottom" data-original-title="Carbon Copy">CC</a></em>
</div>
</div>
</div>
</div>
<div class="inbox-info-bar no-padding hidden">
<div class="row">
<div class="form-group">
<label class="control-label col-md-1"><strong>CC</strong></label>
<div class="col-md-11">
<select multiple style="width:100%" class="select2" data-select-search="true">
<option value="sunny.orlaf@smartadmin.com">sunny.orlaf@smartadmin.com</option>
<option value="rachael.hawi@smartadmin.com">rachael.hawi@smartadmin.com</option>
<option value="michael.safiel@smartadmin.com">michael.safiel@smartadmin.com</option>
<option value="alex.jones@infowars.com">alex.jones@infowars.com</option>
<option value="oruf.matalla@gmail.com">oruf.matalla@gmail.com</option>
<option value="hr@smartadmin.com">hr@smartadmin.com</option>
<option value="IT@smartadmin.com">IT@smartadmin.com</option>
</select>
<em><a href="javascript:void(0);" class="show-next" rel="tooltip" data-placement="bottom" data-original-title="Blind Carbon Copy">BCC</a></em>
</div>
</div>
</div>
</div>
<div class="inbox-info-bar no-padding hidden">
<div class="row">
<div class="form-group">
<label class="control-label col-md-1"><strong>BCC</strong></label>
<div class="col-md-11">
<select multiple style="width:100%" class="select2" data-select-search="true">
<option value="sunny.orlaf@smartadmin.com">sunny.orlaf@smartadmin.com</option>
<option value="rachael.hawi@smartadmin.com">rachael.hawi@smartadmin.com</option>
<option value="michael.safiel@smartadmin.com">michael.safiel@smartadmin.com</option>
<option value="alex.jones@infowars.com">alex.jones@infowars.com</option>
<option value="oruf.matalla@gmail.com">oruf.matalla@gmail.com</option>
<option value="hr@smartadmin.com">hr@smartadmin.com</option>
<option value="IT@smartadmin.com">IT@smartadmin.com</option>
</select>
</div>
</div>
</div>
</div>
<div class="inbox-info-bar no-padding">
<div class="row">
<div class="form-group">
<label class="control-label col-md-1"><strong>Subject</strong></label>
<div class="col-md-11">
<input class="form-control" placeholder="Email Subject" type="text" value="Re: Timelogs of last client">
<em><a href="javascript:void(0);" class="show-next" rel="tooltip" data-placement="bottom" data-original-title="Attachments"><i class="fa fa-paperclip fa-lg"></i></a></em>
</div>
</div>
</div>
</div>
<div class="inbox-info-bar no-padding hidden">
<div class="row">
<div class="form-group">
<label class="control-label col-md-1"><strong>Attachments</strong></label>
<div class="col-md-11">
<input class="form-control fileinput" type="file" multiple="multiple">
</div>
</div>
</div>
</div>
<div class="inbox-message no-padding">
<div id="emailbody">
<br><br>Thanks,<br><strong>John Doe</strong><br><br>
<div class="email-reply-text">
<p>
Sadi Orlaf <span class="text-primary"><sadi.orlaf@smartadmin.com></span> to me on 12:10AM, 12 March 2013
</p>
<div>
<p>
Hey James,
</p>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
<p>
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. <i class="fa fa-smile-o"></i>
</p>
<br>
<br>
Thanks,<br>
<strong>Sadi Orlaf</strong>
<br>
<br>
<small>
General Manager - Finance Department <br>
231 Ajax Rd, Detroit MI - 48212, USA
<br>
<i class="fa fa-phone"> (313) 647 6471</i>
</small>
<br>
<img src="img/logo-blacknwhite.png" height="20" width="auto" style="margin-top:7px; padding-right:9px; border-right:1px dotted #9B9B9B;">
</div>
</div>
</div>
</div>
<div class="inbox-compose-footer">
<button class="btn btn-danger" type="button">
Disregard
</button>
<button class="btn btn-info" type="button">
Draft
</button>
<button data-loading-text="<i class='fa fa-refresh fa-spin'></i> Sending..." class="btn btn-primary pull-right" type="button" id="send">
Send <i class="fa fa-arrow-circle-right fa-lg"></i>
</button>
</div>
</form>
<div class="email-infobox">
<div class="well well-sm well-light">
<h5>Related Invoice</h5>
<ul class="list-unstyled">
<li>
<i class="fa fa-file fa-fw text-success"></i><a href="javascript:void(0);"> #4831 - Paid</a>
</li>
<li>
<i class="fa fa-file fa-fw text-danger"></i><a href="javascript:void(0);"><strong> #4835 - Unpaid</strong></a>
</li>
</ul>
</div>
<div class="well well-sm well-light">
<h5>Upcoming Meetings</h5>
<p>
<span class="label label-success"><i class="fa fa-check"></i> <strike>Agenda Review @ 10 AM</strike> </span>
</p>
<p>
<span class="label label-primary"><i class="fa fa-clock-o"></i> Client Meeting @ 2:30 PM</span>
</p>
<p>
<span class="label label-warning"><i class="fa fa-clock-o"></i> Salary Review @ 4:00 PM</span>
</p>
</div>
<ul class="list-inline">
<li><img src="img/avatars/5.png" alt="me" width="30px"></li>
<li><img src="img/avatars/3.png" alt="me" width="30px"></li>
<li><img src="img/avatars/sunny.png" alt="me" width="30px"></li>
<li><a href="javascript:void(0);">1 more</a></li>
</ul>
</div>
<script type="text/javascript">
/* DO NOT REMOVE : GLOBAL FUNCTIONS!
*
* pageSetUp(); WILL CALL THE FOLLOWING FUNCTIONS
*
* // activate tooltips
* $("[rel=tooltip]").tooltip();
*
* // activate popovers
* $("[rel=popover]").popover();
*
* // activate popovers with hover states
* $("[rel=popover-hover]").popover({ trigger: "hover" });
*
* // activate inline charts
* runAllCharts();
*
* // setup widgets
* setup_widgets_desktop();
*
* // run form elements
* runAllForms();
*
********************************
*
* pageSetUp() is needed whenever you load a page.
* It initializes and checks for all basic elements of the page
* and makes rendering easier.
*
*/
//pageSetUp();
//Here we only run
runAllForms();
// PAGE RELATED SCRIPTS
$(".table-wrap [rel=tooltip]").tooltip();
/*
* SUMMERNOTE EDITOR
*/
loadScript("js/plugin/summernote/summernote.min.js", iniEmailBody);
function iniEmailBody() {
$('#emailbody').summernote({
height : '100%',
focus : true,
tabsize : 2
});
}
$(".show-next").click(function(){
$this = $(this);
$this.hide();
$this.parent().parent().parent().parent().parent().next().removeClass("hidden");
})
$("#send").click(function(){
var $btn = $(this);
$btn.button('loading');
// wait for animation to finish and execute send script
setTimeout(function (){
//Insert send script here
// Load inbox once send is complete
loadURL("ajax/email/email-list.html", $('#inbox-content > .table-wrap'))
}, 1000); // how long do you want the delay to be?
});
</script>
Zerion Mini Shell 1.0