PageRenderTime 21ms CodeModel.GetById 19ms app.highlight 1ms RepoModel.GetById 0ms app.codeStats 0ms

/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
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>