/system/application/views/display_view.php
PHP | 239 lines | 236 code | 2 blank | 1 comment | 3 complexity | aab5619fcd3c09aaa2663cba89183031 MD5 | raw file
Possible License(s): Unlicense
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 71 width: 200px; 72 height: 100px; 73 margin: 0 auto 15px auto; 74 padding: 10px; 75 font-weight: bold; 76 color: #fff; 77 text-align: center; 78 background: url(<?php echo base_url(); ?>images/bg-queue.png); 79 -moz-box-shadow: 3px 3px 4px #666; 80 -webkit-box-shadow: 3px 3px 4px #666; 81 box-shadow: 3px 3px 4px #666; 82 } 83 div.numb{ 84 font-size: 40px; 85 } 86 div.coun{ 87 color: #ccc; 88 font-size: 30px; 89 } 90 div.queue div.num { 91 font-size: 4em; 92 } 93 div.push { 94 clear: both; 95 height: 50px; 96 } 97 div#ticker ul li { 98 width: 100%; 99 } 100 div#auth { 101 display: none; 102 font-size: 0.7em; 103 } 104 button { 105 vertical-align: middle; 106 cursor: pointer; 107 } 108 object, embed { 109 margin: 0px; 110 padding: 0px; 111 } 112 img { 113 vertical-align: bottom; 114 } 115 </style> 116 <!--[if lte IE 7]> 117 <style type="text/css"> 118 #ie-cell { 119 position: relative; 120 float: left; 121 top: 50% 122 } 123 </style> 124 <![endif]--> 125 <script type="text/javascript" src="<?php echo site_url('js/jquery-1.4.4.min.js');?>"></script> 126 <script type="text/javascript" src="<?php echo site_url('js/jquery-ui-1.8.7.custom.min.js');?>"></script> 127 <script type="text/javascript" src="<?php echo site_url('js/jcarousellite_1.0.1.min.js');?>"></script> 128 <script type="text/javascript" src="<?php echo site_url('js/jquery.easing.1.1.js');?>"></script> 129 <script type="text/javascript" src="<?php echo site_url('js/jquery.pngFix.js');?>"></script> 130 <script type="text/javascript"> 131 base_url = '<?php echo base_url(); ?>'; 132 a = ''; 133 $(document).ready( 134 function() 135 { 136 function getQueueNumber() 137 { 138 $.post(base_url + "ajax/get_latest_numbers", 139 function(data) 140 { 141 for(i = 0; i < data.queue_number.length; i++) 142 { 143 $(".sn" + i).html(data.queue_number[i]); 144 $(".sc" + i).html(data.counter[i]); 145 } 146 }, "json" 147 ); 148 } 149 setInterval(getQueueNumber, 1000); 150 $(document).pngFix(); 151 $("#auth").dialog({ autoOpen: false, resizable: false, height: 90, modal: true }); 152 queues = $("#services").html(); 153 $(window).resize( 154 function() 155 { 156 $("#sidebar").css('height', $(window).height() - $("#footer").height() - 23); 157 visible = Math.round($("#sidebar").height() / ($("div.queue").height() + parseInt($("div.queue").css("marginBottom").replace("px", "")) + (parseInt($("div.queue").css("paddingTop").replace("px", "")) * 2))); 158 $("#services").html(queues); 159 $("#ads").css('width', $(window).width() - $("#sidebar").width()); 160 $("#ads").css('height', $(window).height() - $("#footer").height()); 161 if(<?php echo count($services); ?> > visible) 162 { 163 circular = true; 164 } 165 else 166 { 167 circular = false; 168 } 169 170 $("#services").jCarouselLite({ visible: visible, auto: 1, speed: 4000, circular: circular, vertical: true }); 171 } 172 ); 173 $(".container, #footer").click( 174 function() 175 { 176 $("#auth").dialog('open'); 177 } 178 ); 179 $("#ticker").jCarouselLite({ visible: 1, auto: 1, speed: 7000, circular: true }); 180 $(window).resize(); 181 $("#player").width('100%'); 182 } 183 ); 184 </script> 185</head> 186<body> 187 <div class="container"> 188 <div class="content"> 189 <div id="ads"> 190 <script type="text/javascript" src="<?php echo base_url(); ?>player/swfobject.js"></script> 191 <div id="flashcontent"></div> 192 <script type="text/javascript"> 193 var so = new SWFObject('<?php echo base_url(); ?>player/mwplayer.swf','player', $(window).width() - $("#sidebar").width() , $(window).height() - $("#footer").height() ,'9','#000000'); 194 so.addParam('wmode','opaque'); 195 so.addParam('quality','high'); 196 so.addParam('allowfullscreen','true'); 197 so.addParam('allowscriptaccess','always'); 198 so.write("flashcontent"); 199 </script> 200 </div> 201 <div id="sidebar"> 202 <div id="services"> 203 <ul> 204 <?php 205 for($i = 0; $i < count($services); $i++) { 206 ?> 207 <li> 208 <div class="queue"> 209 <?php 210 echo $services[$i]['title']; 211 ?> 212 <div class="numb"> 213 <div class="<?php echo 'sn' . $i; ?>">N/A</div> 214 </div> 215 <div class="coun"> 216 <div class="<?php echo 'sc' . $i; ?>">...</div> 217 </div> 218 </div> 219 </li> 220 <?php 221 } 222 ?> 223 </ul> 224 </div> 225 </div> 226 </div> 227 <div class="push"></div> 228 </div> 229 <div id="footer"> 230 <div id="ticker"> 231 <div class="ie-cell"> 232 <ul> 233 <li>Ticker</li> 234 </ul> 235 </div> 236 </div> 237 </div> 238</body> 239</html>