/system/application/views/display_view.php

http://bitstopdev-hostedqueuesys.googlecode.com/ · PHP · 239 lines · 236 code · 2 blank · 1 comment · 3 complexity · aab5619fcd3c09aaa2663cba89183031 MD5 · raw file

  1. <?php
  2. echo doctype();
  3. ?>
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>
  8. <?php
  9. echo $this->lang->line('manager_title_display');
  10. ?>
  11. </title>
  12. <style type="text/css">
  13. * {
  14. margin: 0;
  15. }
  16. html, body {
  17. width: 100%;
  18. height: 100%;
  19. margin: 0;
  20. padding: 0;
  21. font-family: Tahoma, Geneva, sans-serif;
  22. overflow: hidden;
  23. }
  24. div.container {
  25. width: 100%;
  26. min-height: 100%;
  27. height: auto;
  28. height: 100%;
  29. margin: 0 auto -50px;
  30. }
  31. div.content {
  32. width: 100%;
  33. z-index: 20;
  34. }
  35. div#ads {
  36. background: #000;
  37. }
  38. div#sidebar {
  39. position: fixed;
  40. right: 0;
  41. top: 0;
  42. width: 250px;
  43. height: 100%;
  44. background-image: url(<?php echo base_url(); ?>images/bg-sidebar.png);
  45. z-index: 50;
  46. padding-top: 15px;
  47. }
  48. div#footer {
  49. position: fixed;
  50. bottom: 0;
  51. width: auto;
  52. background: url(<?php echo base_url(); ?>images/bg-ticker.png);
  53. font-size: 1.9em;
  54. color: #FFFFFF;
  55. padding: 4px;
  56. height: 50px;
  57. z-index: 50;
  58. white-space: nowrap;
  59. display: table;
  60. }
  61. div#ticker {
  62. display: table-cell;
  63. vertical-align: middle;
  64. }
  65. div#ticker ul li {
  66. font-size: 0px;
  67. padding-right: 100px;
  68. }
  69. div.queue {
  70. width: 200px;
  71. height: 100px;
  72. margin: 0 auto 15px auto;
  73. padding: 10px;
  74. font-weight: bold;
  75. color: #fff;
  76. text-align: center;
  77. background: url(<?php echo base_url(); ?>images/bg-queue.png);
  78. -moz-box-shadow: 3px 3px 4px #666;
  79. -webkit-box-shadow: 3px 3px 4px #666;
  80. box-shadow: 3px 3px 4px #666;
  81. }
  82. div.numb{
  83. font-size: 40px;
  84. }
  85. div.coun{
  86. color: #ccc;
  87. font-size: 30px;
  88. }
  89. div.queue div.num {
  90. font-size: 4em;
  91. }
  92. div.push {
  93. clear: both;
  94. height: 50px;
  95. }
  96. div#ticker ul li {
  97. width: 100%;
  98. }
  99. div#auth {
  100. display: none;
  101. font-size: 0.7em;
  102. }
  103. button {
  104. vertical-align: middle;
  105. cursor: pointer;
  106. }
  107. object, embed {
  108. margin: 0px;
  109. padding: 0px;
  110. }
  111. img {
  112. vertical-align: bottom;
  113. }
  114. </style>
  115. <!--[if lte IE 7]>
  116. <style type="text/css">
  117. #ie-cell {
  118. position: relative;
  119. float: left;
  120. top: 50%
  121. }
  122. </style>
  123. <![endif]-->
  124. <script type="text/javascript" src="<?php echo site_url('js/jquery-1.4.4.min.js');?>"></script>
  125. <script type="text/javascript" src="<?php echo site_url('js/jquery-ui-1.8.7.custom.min.js');?>"></script>
  126. <script type="text/javascript" src="<?php echo site_url('js/jcarousellite_1.0.1.min.js');?>"></script>
  127. <script type="text/javascript" src="<?php echo site_url('js/jquery.easing.1.1.js');?>"></script>
  128. <script type="text/javascript" src="<?php echo site_url('js/jquery.pngFix.js');?>"></script>
  129. <script type="text/javascript">
  130. base_url = '<?php echo base_url(); ?>';
  131. a = '';
  132. $(document).ready(
  133. function()
  134. {
  135. function getQueueNumber()
  136. {
  137. $.post(base_url + "ajax/get_latest_numbers",
  138. function(data)
  139. {
  140. for(i = 0; i < data.queue_number.length; i++)
  141. {
  142. $(".sn" + i).html(data.queue_number[i]);
  143. $(".sc" + i).html(data.counter[i]);
  144. }
  145. }, "json"
  146. );
  147. }
  148. setInterval(getQueueNumber, 1000);
  149. $(document).pngFix();
  150. $("#auth").dialog({ autoOpen: false, resizable: false, height: 90, modal: true });
  151. queues = $("#services").html();
  152. $(window).resize(
  153. function()
  154. {
  155. $("#sidebar").css('height', $(window).height() - $("#footer").height() - 23);
  156. visible = Math.round($("#sidebar").height() / ($("div.queue").height() + parseInt($("div.queue").css("marginBottom").replace("px", "")) + (parseInt($("div.queue").css("paddingTop").replace("px", "")) * 2)));
  157. $("#services").html(queues);
  158. $("#ads").css('width', $(window).width() - $("#sidebar").width());
  159. $("#ads").css('height', $(window).height() - $("#footer").height());
  160. if(<?php echo count($services); ?> > visible)
  161. {
  162. circular = true;
  163. }
  164. else
  165. {
  166. circular = false;
  167. }
  168. $("#services").jCarouselLite({ visible: visible, auto: 1, speed: 4000, circular: circular, vertical: true });
  169. }
  170. );
  171. $(".container, #footer").click(
  172. function()
  173. {
  174. $("#auth").dialog('open');
  175. }
  176. );
  177. $("#ticker").jCarouselLite({ visible: 1, auto: 1, speed: 7000, circular: true });
  178. $(window).resize();
  179. $("#player").width('100%');
  180. }
  181. );
  182. </script>
  183. </head>
  184. <body>
  185. <div class="container">
  186. <div class="content">
  187. <div id="ads">
  188. <script type="text/javascript" src="<?php echo base_url(); ?>player/swfobject.js"></script>
  189. <div id="flashcontent"></div>
  190. <script type="text/javascript">
  191. var so = new SWFObject('<?php echo base_url(); ?>player/mwplayer.swf','player', $(window).width() - $("#sidebar").width() , $(window).height() - $("#footer").height() ,'9','#000000');
  192. so.addParam('wmode','opaque');
  193. so.addParam('quality','high');
  194. so.addParam('allowfullscreen','true');
  195. so.addParam('allowscriptaccess','always');
  196. so.write("flashcontent");
  197. </script>
  198. </div>
  199. <div id="sidebar">
  200. <div id="services">
  201. <ul>
  202. <?php
  203. for($i = 0; $i < count($services); $i++) {
  204. ?>
  205. <li>
  206. <div class="queue">
  207. <?php
  208. echo $services[$i]['title'];
  209. ?>
  210. <div class="numb">
  211. <div class="<?php echo 'sn' . $i; ?>">N/A</div>
  212. </div>
  213. <div class="coun">
  214. <div class="<?php echo 'sc' . $i; ?>">...</div>
  215. </div>
  216. </div>
  217. </li>
  218. <?php
  219. }
  220. ?>
  221. </ul>
  222. </div>
  223. </div>
  224. </div>
  225. <div class="push"></div>
  226. </div>
  227. <div id="footer">
  228. <div id="ticker">
  229. <div class="ie-cell">
  230. <ul>
  231. <li>Ticker</li>
  232. </ul>
  233. </div>
  234. </div>
  235. </div>
  236. </body>
  237. </html>