API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 1st, 2015
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. <meta name="product" content="Metro UI CSS Framework">
  8. <meta name="description" content="Simple responsive css framework">
  9. <meta name="author" content="Sergey S. Pimenov, Ukraine, Kiev">
  10.  
  11. <link href="css/metro-bootstrap.css" rel="stylesheet">
  12. <link href="css/metro-bootstrap-responsive.css" rel="stylesheet">
  13. <link href="css/iconFont.css" rel="stylesheet">
  14. <link href="css/docs.css" rel="stylesheet">
  15. <link href="js/prettify/prettify.css" rel="stylesheet">
  16.  
  17. <!-- Load JavaScript Libraries -->
  18. <script src="js/jquery/jquery.min.js"></script>
  19. <script src="js/jquery/jquery.widget.min.js"></script>
  20. <script src="js/jquery/jquery.mousewheel.js"></script>
  21. <script src="js/prettify/prettify.js"></script>
  22.  
  23. <!-- Metro UI CSS JavaScript plugins -->
  24. <script src="js/load-metro.js"></script>
  25.  
  26. <!-- Local JavaScript -->
  27. <script src="js/docs.js"></script>
  28. <script src="js/github.info.js"></script>
  29.  
  30. <title>Metro UI CSS : Metro Bootstrap CSS Library</title>
  31. </head>
  32.  
  33. <body class="metro">
  34.  
  35. <div class="container">
  36.  
  37.  
  38. <div class="grid">
  39. <div class="row">
  40. <div class="span3 no-tablet-portrait">
  41.  
  42. <nav class="navigation-bar purple fixed-top">
  43. <div class="navigation-bar-content">
  44. <a href="index.html" class="element purple-hover"><span class="icon-grid-view"></span>&nbsp;CUHC</a>
  45. <span class="element-divider"></span>
  46.  
  47. <a class="pull-menu" href="#"></a>
  48.  
  49.  
  50. <div class="no-tablet-portrait">
  51. <!--span class="element-divider"></span>
  52. <a class="element brand" href="#"><span class="icon-spin"></span></a>
  53. <a class="element brand" href="#"><span class="icon-printer"></span></a-->
  54. <span class="element-divider"></span>
  55. <div class="element place-right">
  56. <a class="dropdown-toggle" href="#">
  57. <span class="icon-cog"></span>
  58. </a>
  59. <ul class="dropdown-menu place-right" data-role="dropdown">
  60. <li><a href="#">Sign Out</a>
  61. </li>
  62. <!--li><a href="#">Download</a></li>
  63. <li><a href="#">Support</a></li>
  64. <li><a href="#">Buy Now</a></li-->
  65. </ul>
  66. </div>
  67. <span class="element-divider place-right"></span>
  68. <button class="element image-button image-left place-right">
  69. Oluwaseyi Erogbogbo
  70. <img src="images/me.jpg" />
  71. </button>
  72. </div>
  73. </div>
  74. </nav>
  75. <br>
  76. <br>
  77. <h2> COVENANT<br>HOSPITALMESSAGINGPLATFORM </h2>
  78. <!-- <ul class="side-menu">
  79. <li><a href="#_checkbox">Checkboxes</a></li>
  80. <li><a href="#_radio">Radio buttons</a></li>
  81. <li><a href="#_switch">Switch control</a></li>
  82. <li><a href="#_input">Input controls</a></li>
  83. <li><a href="#_validation">Validation states</a></li>
  84. <li><a href="#_search">Search form</a></li>
  85. <li><a href="#_plugin">Input control plugin</a></li>
  86. <li><a href="#_transform">Input Transform</a></li>
  87. </ul>
  88. </div> -->
  89. <div class="span12">
  90. <br>
  91. <br>
  92. <br>
  93. </p>
  94. <div class="example">
  95. <div class="input-control checkbox margin10" data-role="input-control">
  96. <label>
  97. <input data-contact-group="0" class="contact_group" type="checkbox" />
  98. <span class="check"></span> Maternity Contacts
  99. </label>
  100. </div>
  101. <div class="input-control checkbox margin10" data-role="input-control">
  102. <label>
  103. <input data-contact-group="1" class="contact_group" type="checkbox"/>
  104. <span class="check"></span>
  105. staff
  106. </label>
  107. </div>
  108. <div class="input-control checkbox margin10" data-role="input-control">
  109. <label>
  110. <input data-contact-group="2" class="contact_group" type="checkbox" />
  111. <span class="check"></span>
  112. Doctor
  113. </label>
  114. </div>
  115. <div class="input-control checkbox margin10" data-role="input-control">
  116. <label>
  117. <input data-contact-group="3" class="contact_group" type="checkbox" />
  118. <span class="check"></span>
  119. Admission
  120. </label>
  121. </div>
  122. <div class="input-control checkbox margin10" data-role="input-control">
  123. <label>
  124. All Contacts
  125. <input id="all_contacts" type="checkbox" />
  126. <span class="check"></span>
  127. </label>
  128. </div>
  129. <br>
  130. <br>
  131. <div class="input-control text" data-role="input-control">
  132. <input id="sender_name" type="text" placeholder="Senders Name"> </input>
  133. </div>
  134. <div class="metro">
  135. <h3>Enter message </h3>
  136. <div class="input-control textarea" data-role="input-control">
  137. <textarea id="message_body"></textarea>
  138. </div>
  139. </div>
  140. <button class="button default"> SEND SMS </button>
  141. <button id="send_mail" class="button primary"> SEND MAIL </button>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147.  
  148. <script>
  149. $(document).ready(function () {
  150. $("#send_mail").bind("click", function () {
  151. var send_case = "send_mail";
  152. var message_body = $("#message_body").val();
  153. var sender_name = $("#sender_name").val();
  154. var data = {"send_case":send_case,"message_body":message_body,"sender_name":sender_name};
  155. data.contact_groups = [];
  156. $('.contact_group').each(function(x,y){
  157. var $y = $(y);
  158. if ($y.is(':checked')) {
  159. // the checkbox was checked
  160. data.contact_groups.push($y[0].dataset.contactGroup);
  161. }
  162. });
  163. $.post( "messaging.php", data) //SEYI REPLACE url.php !!!
  164. .done(function( ret_data ) {
  165. console.log(ret_data);
  166. });
  167. });
  168. $("#send_sms").bind("click", function () {
  169. var send_case = "send_sms";
  170. var message_body = $("#message_body").val();
  171. var sender_name = $("#sender_name").val();
  172. var data = {"send_case":send_case,"message_body":message_body,"sender_name":sender_name};
  173. data.contact_groups = [];
  174. $('.contact_group').each(function(x,y){
  175. var $y = $(y);
  176. if ($y.is(':checked')) {
  177. // the checkbox was checked
  178. data.contact_groups.push($y[0].dataset.contactGroup);
  179. }
  180. });
  181. $.post( "messaging.php", data) //SEYI REPLACE url.php !!!
  182. .done(function( ret_data ) {
  183. console.log(ret_data);
  184. });
  185. });
  186. $("#all_contacts").click(function(){
  187. var $this = $(this);
  188. // $this will contain a reference to the checkbox
  189. if ($this.is(':checked')) {
  190. // the checkbox was checked
  191. $('.contact_group').prop('checked', true);
  192. } else {
  193. // the checkbox was unchecked
  194. $('.contact_group').prop('checked', false);
  195. }
  196. });
  197.  
  198. });
  199. </script>
  200.  
  201. </body>
  202.  
  203. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!