<style>
.onlineUser {
    /* margin: 5px; */
    /* padding: 5px; */
    /* color: #fff; */
    /* background: #171717; */
    border-radius: 0px; 
    /* border-top: 1px solid #454545; */
    box-shadow: none; 
}
</style>
<script>
    ws.subscribe('updateUserPresence', null, function(data) {
        $('#onlineUser_' + data.id).monitorItem(data);
    });
</script>
<ul data-role='listview' class="onlineUser" style="height: 100%">
<?php
cs()->registerScriptFile(Yii::app()->baseUrl . '/js/plMonitorItem.js', CClientScript::POS_HEAD);
foreach($users as $key =>$user){
    
    $this->render(
        'user',
        array(
            'user'=>$user
        )
    );
}
?>
</ul>