Fetch the repository succeeded.
Fork this repository
Loading
Sync repository?
This action will force synchronization from 程度/monitor, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
Clone/Download
Prompt
To download the code, please copy the following command and execute it in the terminal
To ensure that your submitted code identity is correctly recognized by Gitee, please execute the following command.
When using the SSH protocol for the first time to clone or push code, follow the prompts below to complete the SSH configuration.
1
Generate RSA keys.
2
Obtain the content of the RSA public key and configure it in SSH Public Keys
To use SVN on Gitee, please visit the usage guide
When using the HTTPS protocol, the command line will prompt for account and password verification as follows. For security reasons, Gitee recommends configure and use personal access tokens instead of login passwords for cloning, pushing, and other operations.
Username for 'https://gitee.com': userName
Password for 'https://userName@gitee.com':
#
Private Token
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718
<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="format-detection" content="telephone=no">
<meta charset="UTF-8">
<meta name="description" content="Violate Responsive Admin Template">
<meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">
<title>Super Admin Responsive Template</title>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
<link href="css/animate.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
<link href="css/form.css" rel="stylesheet">
<link href="css/calendar.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/icons.css" rel="stylesheet">
<link href="css/generics.css" rel="stylesheet">
</head>
<body id="skin-blur-violate">
<header id="header" class="media">
<a href="" id="menu-toggle"></a>
<a class="logo pull-left" href="index.html">SUPER ADMIN 1.0</a>
<div class="media-body">
<div class="media" id="top-menu">
<div class="pull-left tm-icon">
<a data-drawer="messages" class="drawer-toggle" href="">
<i class="sa-top-message"></i>
<i class="n-count animated">5</i>
<span>Messages</span>
</a>
</div>
<div class="pull-left tm-icon">
<a data-drawer="notifications" class="drawer-toggle" href="">
<i class="sa-top-updates"></i>
<i class="n-count animated">9</i>
<span>Updates</span>
</a>
</div>
<div id="time" class="pull-right">
<span id="hours"></span>
:
<span id="min"></span>
:
<span id="sec"></span>
</div>
<div class="media-body">
<input type="text" class="main-search">
</div>
</div>
</div>
</header>
<div class="clearfix"></div>
<section id="main" class="p-relative" role="main">
<!-- Sidebar -->
<aside id="sidebar">
<!-- Sidbar Widgets -->
<div class="side-widgets overflow">
<!-- Profile Menu -->
<div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
<a href="" data-toggle="dropdown">
<img class="profile-pic animated" src="img/profile-pic.jpg" alt="">
</a>
<ul class="dropdown-menu profile-menu">
<li><a href="">My Profile</a> <i class="icon left"></i><i class="icon right"></i></li>
<li><a href="">Messages</a> <i class="icon left"></i><i class="icon right"></i></li>
<li><a href="">Settings</a> <i class="icon left"></i><i class="icon right"></i></li>
<li><a href="">Sign Out</a> <i class="icon left"></i><i class="icon right"></i></li>
</ul>
<h4 class="m-0">Malinda Hollaway</h4>
@malinda-h
</div>
<div class="s-widgets">
<div class="m-5">
<a href="#compose-message" data-toggle="modal" class="btn btn-sm btn-block">Compose Message</a>
</div>
<div class="list-group m-t-10 list-group-flat">
<a href="#" class="list-group-item active">Inbox<span class="badge badge-trp">23</span></a>
<a href="#" class="list-group-item">Important<span class="badge badge-trp">12</span></a>
<a href="#" class="list-group-item">Starred<span class="badge badge-trp">02</span></a>
<a href="#" class="list-group-item">Drafts<span class="badge badge-trp">05</span></a>
<a href="#" class="list-group-item">Sent Mail</a>
<a href="#" class="list-group-item">Spam<span class="badge badge-trp">85</span></a>
</div>
<div class="list-group list-group-flat m-t-15">
<a href="#" class="list-group-item"><span class="message-tag progress-bar-warning"></span>Work</a>
<a href="#" class="list-group-item"><span class="message-tag progress-bar-danger"></span>Personal</a>
<a href="#" class="list-group-item"><span class="message-tag progress-bar-info"></span>Promotions</a>
<a href="#" class="list-group-item"><span class="message-tag progress-bar-success"></span>Clients</a>
</div>
</div>
</div>
<!-- Side Menu -->
<ul class="list-unstyled side-menu">
<li>
<a class="sa-side-home" href="index.html">
<span class="menu-item">Dashboard</span>
</a>
</li>
<li>
<a class="sa-side-typography" href="typography.html">
<span class="menu-item">Typography</span>
</a>
</li>
<li>
<a class="sa-side-widget" href="content-widgets.html">
<span class="menu-item">Widgets</span>
</a>
</li>
<li>
<a class="sa-side-table" href="tables.html">
<span class="menu-item">Tables</span>
</a>
</li>
<li class="dropdown">
<a class="sa-side-form" href="">
<span class="menu-item">Form</span>
</a>
<ul class="list-unstyled menu-item">
<li><a href="form-elements.html">Basic Form Elements</a></li>
<li><a href="form-components.html">Form Components</a></li>
<li><a href="form-examples.html">Form Examples</a></li>
<li><a href="form-validation.html">Form Validation</a></li>
</ul>
</li>
<li class="dropdown">
<a class="sa-side-ui" href="">
<span class="menu-item">User Interface</span>
</a>
<ul class="list-unstyled menu-item">
<li><a href="buttons.html">Buttons</a></li>
<li><a href="labels.html">Labels</a></li>
<li><a href="images-icons.html">Images & Icons</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="components.html">Components</a></li>
<li><a href="other-components.html">Others</a></li>
</ul>
</li>
<li>
<a class="sa-side-chart" href="charts.html">
<span class="menu-item">Charts</span>
</a>
</li>
<li>
<a class="sa-side-folder" href="file-manager.html">
<span class="menu-item">File Manager</span>
</a>
</li>
<li>
<a class="sa-side-calendar" href="calendar.html">
<span class="menu-item">Calendar</span>
</a>
</li>
<li class="dropdown active">
<a class="sa-side-page" href="">
<span class="menu-item">Pages</span>
</a>
<ul class="list-unstyled menu-item">
<li><a href="list-view.html">List View</a></li>
<li><a href="profile-page.html">Profile Page</a></li>
<li><a class="active" href="messages.html">Messages</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="404.html">404 Error</a></li>
</ul>
</li>
</ul>
</aside>
<!-- Content -->
<section id="content" class="container">
<!-- Messages Drawer -->
<div id="messages" class="tile drawer animated">
<div class="listview narrow">
<div class="media">
<a href="">Send a New Message</a>
<span class="drawer-close">×</span>
</div>
<div class="overflow" style="height: 254px">
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/1.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
<a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/2.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">David Villa - 5 Hours ago</small><br>
<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/3.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Harris worgon - On 15/12/2013</small><br>
<a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/4.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
<a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/1.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
<a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/2.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">David Villa - On 16/12/2013</small><br>
<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/3.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Harris worgon - On 17/12/2013</small><br>
<a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/4.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>
<a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/5.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>
<a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>
</div>
</div>
</div>
<div class="media text-center whiter l-100">
<a href=""><small>VIEW ALL</small></a>
</div>
</div>
</div>
<!-- Notification Drawer -->
<div id="notifications" class="tile drawer animated">
<div class="listview narrow">
<div class="media">
<a href="">Notification Settings</a>
<span class="drawer-close">×</span>
</div>
<div class="overflow" style="height: 254px">
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/1.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
<a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/2.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">David Villa - 5 Hours ago</small><br>
<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/3.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Harris worgon - On 15/12/2013</small><br>
<a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/4.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
<a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/1.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
<a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
</div>
</div>
<div class="media">
<div class="pull-left">
<img width="40" src="img/profile-pics/2.jpg" alt="">
</div>
<div class="media-body">
<small class="text-muted">David Villa - On 16/12/2013</small><br>
<a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
</div>
</div>
</div>
<div class="media text-center whiter l-100">
<a href=""><small>VIEW ALL</small></a>
</div>
</div>
</div>
<!-- Breadcrumb -->
<ol class="breadcrumb hidden-xs">
<li><a href="#">Home</a></li>
<li><a href="#">Library</a></li>
<li class="active">Data</li>
</ol>
<h4 class="page-title b-0">Messages</h4>
<div class="message-list list-container">
<header class="listview-header media">
<input type="checkbox" class="pull-left list-parent-check" value="">
<ul class="list-inline pull-right m-t-5 m-b-0">
<li class="pagin-value hidden-xs">35-70</li>
<li>
<a href="" title="Previous" class="tooltips">
<i class="sa-list-back"></i>
</a>
</li>
<li>
<a href="" title="Next" class="tooltips">
<i class="sa-list-forwad"></i>
</a>
</li>
</ul>
<ul class="list-inline list-mass-actions pull-left">
<li>
<a data-toggle="modal" href="#compose-message" title="Add" class="tooltips">
<i class="sa-list-add"></i>
</a>
</li>
<li>
<a href="" title="Refresh" class="tooltips">
<i class="sa-list-refresh"></i>
</a>
</li>
<li class="show-on" style="display: none;">
<a href="" title="Move" class="tooltips">
<i class="sa-list-move"></i>
</a>
</li>
<li class="show-on" style="display: none;">
<a href="" title="Delete" class="tooltips">
<i class="sa-list-delete"></i>
</a>
</li>
</ul>
<input class="input-sm col-md-4 pull-right message-search" type="text" placeholder="Search....">
<div class="clearfix"></div>
</header>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow f-bold">Christian Bale</span>
</div>
<div class="pull-right list-date">9.46 am</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Per an error perpetua, fierent fastidii recteque ad pro. Mei id brute intellegam</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow f-bold">Angel Norton Junior</span>
</div>
<div class="pull-right list-date">7.56 am</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sem ligula, vulputate et</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Stirling Sheard</span>
</div>
<div class="pull-right list-date">Feb 1</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Nullam adipiscing tempus ornare. Sed varius nisl ac feugiat feugiat. Nam rhoncus nibh a eros ullamcorper pulvinar</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Reginald Horace</span>
</div>
<div class="pull-right list-date">Jan 31</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Sed varius nisl ac feugiat feugiat. Nam rhoncus nibh a eros ullamcorper pulvinar</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Jeremy Robbins</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Mark Henry</span>
</div>
<div class="pull-right list-date">Jan 28</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Li Europan lingues es membres del sam familie. Lor separat existentie es</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">David Mirage Paul</span>
</div>
<div class="pull-right list-date">Jan 27</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Suscipit lorem. Cras felis nunc, semper ac tristique ac, tincidunt ac odio. Nulla semper scelerisque </span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Thomus Alva Edition</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Alexandar Ven Dixxin</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Nunc porta metus quis quam bibendum, ac egestas mauris feugiat.</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Jeremy Robbins</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Quisque placerat turpis elementum, lobortis neque ut, consequat lorem.</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Vin Diesel</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Morbi varius ipsum faucibus, sodales dolor eu, tempus massa.</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Hendrick Wotkinson</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Donec dapibus porta nunc a lacinia. Praesent non odio sed elit posuere venenatis eget ut massa. Nullam convallis commodo </span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">James Anderon</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Dnunc, faucibus tempus quam ultrices vitae. Nullam eget elit posuere mi aliquam vehicula. Suspendisse potenti.</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Steve Saphires</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Quisque tristique pellentesque lacus ac aliquet. Maecenas condimentum aliquam ligula tincidunt commodo</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Mendes Carolina</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Sed pretium nulla et lacus cursus porttitor. Morbi pellentesque mauris vitae magna facilisis facilisis</span>
</div>
</a>
</div>
<div class="media">
<input type="checkbox" class="pull-left list-check">
<a class="media-body" href="message-detail.html">
<div class="pull-left list-title">
<span class="t-overflow">Paul Ven Deck</span>
</div>
<div class="pull-right list-date">Jan 30</div>
<div class="media-body hidden-xs">
<span class="t-overflow">Ut tristique suscipit lorem. Cras felis nunc, semper ac tristique ac, tincidunt ac odio. Nulla semper scelerisque </span>
</div>
</a>
</div>
</div>
<!-- Compose -->
<div class="modal fade" id="compose-message">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">NEW MESSAGE</h4>
</div>
<div class="modal-header p-0">
<input type="text" class="form-control input-sm input-transparent" placeholder="To...">
</div>
<div class="modal-header p-0">
<input type="text" class="form-control input-sm input-transparent" placeholder="Subject...">
</div>
<div class="p-relative">
<div class="message-options">
<img src="img/icon/tile-actions.png" alt="">
</div>
<textarea class="message-editor" placeholder="Message..."></textarea>
</div>
<div class="modal-footer m-0">
<button class="btn">Send</button>
<button class="btn">Save</button>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- Javascript Libraries -->
<!-- jQuery -->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <!-- jQuery Library -->
<!-- Bootstrap -->
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<!-- Form Related -->
<script src="js/icheck.js"></script> <!-- Custom Checkbox + Radio -->
<!-- Text Editor -->
<script src="js/editor.min.js"></script> <!-- WYSIWYG Editor -->
<!-- UX -->
<script src="js/scroll.min.js"></script> <!-- Custom Scrollbar -->
<!-- Other -->
<script src="js/calendar.min.js"></script> <!-- Calendar -->
<script src="js/feeds.min.js"></script> <!-- News Feeds -->
<!-- All JS functions -->
<script src="js/functions.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Editor
$('.message-editor').summernote({
toolbar: [
//['style', ['style']], // no style button
['style', ['bold', 'italic', 'underline', 'clear']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
//['height', ['height']],
['insert', ['picture', 'link']], // no insert buttons
//['table', ['table']], // no table button
//['help', ['help']] //no help button
],
height: 200,
resizable: false
});
$('.message-options').click(function(){
$(this).closest('.modal').find('.note-toolbar').toggle();
});
});
</script>
</body>
</html>
Loading...
Report
Please fill in the reason for the report carefully. Provide as detailed a description as possible.
Please select a report type
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化