FM / exchange

/var/www/doncode.com.ua/www/views/exchange/

/var/www/doncode.com.ua/www/views/exchange

Name	Size	Mode	Actions
online.php	7383	0644	edit dl rm
settings.php	24003	0644	edit dl rm

Edit: /var/www/doncode.com.ua/www/views/exchange/online.php (7383B)

<div id="disconnected" class="row">
    <div class="col-xs-12">
	<div class="alert alert-danger">Ошибка связи! Выполняется переподключение...</div>
    </div>
</div>

<div id="connecting" class="row">
    <div class="col-xs-12">
	<div class="alert alert-success">Подключение...</div>
    </div>
</div>

<div id="connected" class="row">
    <div class="col-xs-4">
        <ul class="nav nav-pills" style="margin-top: 4px;">
            <li class="active"><a href="#online" data-toggle="tab">Онлайн <span id="count_orders" class="badge">0</span></a></li>
            <li><a href="#myorders" data-toggle="tab">В работе <span class="badge">0</span></a></li>
            <li class="pull-right"><a href="#server" data-toggle="tab"><span class="glyphicon glyphicon-comment"></span> Чат</a></li>
        </ul>
        <div class="tab-content" style="margin-top: 4px;">
            <div class="tab-pane fade in active" id="online" style="margin-left: 0px;">
                <div id="exchange_orders" class="list-group">
                </div>
            </div>
            <div class="tab-pane fade in" id="myorders" style="margin-left: 0px;">
                <div id="work_orders" class="list-group">
                </div>
            </div>
            <div class="tab-pane fade in" id="server" style="margin-left: 0px;">
                <div id="chat" style="height: 400px; border-radius: 4px; overflow-y:auto; padding: 5px; margin-bottom: 5px; border: solid 1px #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, .075);"></div>
		<div class="input-group">
		    <input onsubmit="send_chat();" type="text" style="width:100%;" class="form-control" id="chatInput" placeholder="Сообщение">
		    <span class="input-group-btn">
			<a href="#" onclick="send_chat();" class="btn btn-default">Оправить</a>
			<a href="#" onclick="sendGetOnline();" class="btn btn-default">Кто в сети?</a>
		    </span>
		</div>
		<div class="panel panel-default" style=" margin-top: 5px;padding: 10px; ">
		    
		    <span id="cnt_oper">0</span>
		</div>
            </div>
        </div>

</div>
    <div class="col-xs-8">
        <ul class="nav nav-pills" style="margin-top: 4px;">
            <li><a href="#addorder" data-toggle="tab"><span class="glyphicon glyphicon-plus"></span> Создать заказ</a></li>
            <li class="active"><a href="#maps" data-toggle="tab">Карта</a></li>
            <li class="pull-right"><a href="#status" data-toggle="tab"><b><span id="info_taxi"></span></b> <span class="glyphicon glyphicon-time"></span> 18:50</a></li>
        </ul>
        <div class="tab-content" style="margin-top: 4px;">
            <div class="tab-pane fade in active" id="maps" style="margin-left: 0px;">
		<div id="map" class="col-xs-12 img-thumbnail" style="height: 800px;"></div>
	    </div>
	    <div class="tab-pane fade in" id="status" style="margin-left: 0px;">
	    </div>
	</div>
    </div>
</div>

function no_error(){
        $('#disconnected').hide();
        $('#connected').hide();
    }
    no_error();

ymaps.ready(init);
    function init () {
        init_map();
	web_socket_init('<?php echo session_id();?>');
    }
    
    function search_coords(){
        geo_query('<?php echo $this->city['country'].', '.$this->city['region'].', '.$this->city['city'];?>',true);
    }
    
    function callback_zoom(zoom){
        $('#zoom').val(zoom);
    }
    
    function callback_onopen(){
        $('#chat').append('<p class="label label-success">Соединение установлено</p><br>');
	$('#connected').hide();
	$('#disconnected').hide();
	$('#connecting').show();
    }

function callback_onclose(){
        $('#chat').append('<p class="label label-danger">Соединение разорвано!</p><br>');
	$('#connected').hide();
	$('#connecting').hide();
	$('#disconnected').show();
    }

</script>

cmd: