Просмотр архива WAP История войны

<? $this->layout('app', ['title' => 'Атаковать
«'.$mob->name.'»']) ?>

<? $this->start('container')
?>
			
		
    	 <!-- preloader -->
    <style
type="text/css">
        .preloader_bg { position: fixed;
background: #29241e; width: 100%; height: 100%; top: 0; left: 0; z-index:
200; }
        .preloader_content { position: fixed; left: 50%; top: 50%;
transform: translate(-50%,-50%); z-index: 201; font-size: 14px; }
       
.preloader_content span { display: block; margin: auto; text-align: center;
text-transform: uppercase; color: rgba(225,225,225,1);}
    </style>

   <script type="text/javascript">
    $(function(){
      
 $('.preloader_bg, .preloader_content').fadeIn(0);
       
$(window).load(function(){
           
$('.preloader_bg').delay(250).fadeOut(1500);
           
$('.preloader_content').delay(250).fadeOut(750);
        });
    });
   
</script>
    <div class="preloader_bg"></div>

   <div class="preloader_content">
       
<span><img
src="/public/assets/images/preloader.gif">
        <br>

           <br>
        Идет загрузка
боя...<br>Подождите...</span>
    </div>
   
<noscript>
        <style>
            html, body { opacity: 1
!important; }
            .preloader_bg, .preloader_content { display: none
!important; }
        </style>
    </noscript>
    <!--
/preloader -->
			
			
			<style>
			
		    .hp_mob {
		    width:
320px;
		    padding-top: 8%;
		    background-color: #000;
		    margin:
auto;
		    }
			
			.width300 {
			
			width: 300px;
			margin:
auto;
			}
			
			.progress-bar {
    background-color: #d9534f;
   
}
			</style>
			 <script>
		
	    var audio = new Audio();
   
    audio.src = '/public/assets/sounds/fight.mp3';
        
		function
reload(){
		
		$("#hpmob").load(location.href+"
#hpmob>*","");
       
$("#rolls").load(location.href+"
#rolls>*","");
       
$("#logs").load(location.href+"
#logs>*","");
        
        }
			 
		
		
        
setInterval(function() {
        
        
       
$.getJSON('/json/mob?id=<?=$mob->id;?>&mob_attack&r=<?=$r;?>',
function(data) {
        if(data.text == 1){
        audio.src =
'/public/assets/sounds/mob_fight.mp3';
        audio.play();
       
audio.stop();
        }
        });
        reload();
        
}, 10000);


         
  
		

        
        
        
        function attack(){
  
     audio.play();
       
$("#submit").attr("disabled", true);
       
document.getElementById("submit").innerHTML='Идет
атака...';
       
$.getJSON('/json/mob?id=<?=$mob->id;?>&attack&r=<?=$r;?>',
function(data) {
       
////document.getElementById("result_mob").innerHTML=data.text;
  
     ////$("#hidd").show("slow");
       
$("#submit").attr("disabled", false);
       
document.getElementById("submit").innerHTML='Атаковать
на <span id="time">0</span>%';
       
audio.stop();
        });
        reload();
        

          }
         

            
          
          	document.onkeydown = function(e) {
   
if (e.keyCode == 'A'.charCodeAt()) {
        attack();
    }
}
		
         

            
        
    function time(){
    $.ajax({
        url:
'/json/hp?r=<?=$r;?>',
        dataType: 'json',
        success:
function(data) {
          $('#time').html(data.time);
          var time =
data.time;
          if(time < 40){
         
$("#submit").attr("disabled", true);
          }else{
 
        $("#submit").attr("disabled", false);
         
      }
           }
    });
}

     setInterval(time, 100);
     
     
  
 

    </script>	
    
    	 
<div class="box">
   
<div class="list-group">
        <div
class="list-group-item">
            <h4
class="text-center inf-us">
		       
<?=$mob->name;?> 
		    </h4>
		
        <br>
       
<div style="display:none;" id="hidd"
class="list-group">
        <div
class="list-group-item">
        <button type=
"button" class= "close"
onclick="hidd_notif()" >&times; </button>
       
<div id="result_mob"></div>
        </div>
    
   </div>
        <div class="text-center">
        

       <div class="hp_mob">
        <div
class="width300">
        <div id="hpmob">
	  
 <div class="progress">
  <div class="progress-bar
progress-bar-danger" role="progressbar"
aria-valuenow="<?=hp_pr($hp,$mob->hp);?>"
aria-valuemin="0" aria-valuemax="100"
style="width: <?=hp_pr($hp,$mob->hp);?>%">
  
<?=$hp;?> HP (<?=hp_pr($hp,$mob->hp);?>%)
            
</div>
        </div>
   </div>
</div>
 
       
<img
src="/public/assets/images/mobs/<?=$mob->name;?>.jpg"
width="220"> 
        </div>
        </div>
      
 
        
        <br>
       
       
        <div
class="text-center">
       <a
href="javascript://" onclick="attack()" class="btn
btn-success btn-lg btn-block" id="submit"
title="Нажмите атаковать или A на
клавиатуре для атаки"> 
      
<?=button_name($hp,$mob->hp,$mob->name);?> на <span
id="time">100</span>%
       
       </a>
      
<br>
        <div class="hidden-xs hidden-sm">
      
 
        <p><small>Нажмите
"Атаковать" или "A" на
клавиатуре для атаки</small></p>
       
</div>
        
        <?php if(count($rolls) > 0){?>
     
  	
        	
        	<div id="rolls">
		
		<div
class="scrolls text-center">
		    <table>
			   
<tr>
			    <?php foreach($rolls as $res): ?>
			    
			   
<script>
			    function rolls<?=$res['id'];?>(){
       
$.getJSON('/json/mob?id=<?=$mob->id;?>&rolls=<?=$res['id'];?>&attack&r=<?=$r;?>',
function(data) {
       
document.getElementById("result_mob").innerHTML=data.text;
      
 document.getElementById("hidd").style.display='block';
       
});

          }
          </script>
				    <td
class="scrolls-img">
					    <a
href="javascript://"
onclick="rolls<?=$res['id'];?>()"><img
src="/public/assets/images/shop/<?=$res['type'];?>/<?=$res['img'];?>.png"
alt="<?=$res['name'];?>"
title="<?=$res['name'];?>"></a>
					</td>
					
						<?php
endforeach;
?>
					
				</tr>
			</table>
		</div>
	</div>

		<?php
} ?>
		
        
        </div>
       <div
id="logs">
       <?php if(count($_SESSION['logs']) >
0){?>
       <div class="list-bord">
         <div
class="scroll_logs" style="hight: 140px;">
        
<?php foreach(array_reverse($_SESSION['logs']) as $res): ?>
        
<?=$res;?><br>
         <?php endforeach; ?>
        
</div>
        </div>
        <?php } ?>
	</div>
  
     
       	</div>	
        
        <div
class="list-group-item">
        <div
class="scrolls">
		    <table>
			    <tr>
			

			
                    	
                    	
                   
	<td>
                    	<h4>Параметры:</h4>
 
      <label>Сила:</label> <span class="label
label-default"><?=$mob->force;?></span>
       
<br>
        <label>Ловкость:</label> <span
class="label
label-default"><?=$mob->dex;?></span>
       
<br>
        <label>Здоровье:</label> <span
class="label
label-default"><?=$mob->hp;?></span>
       
<br>
        <label>Защита:</label> <span
class="label
label-default"><?=$mob->def;?></span>
        
     
              	</td>
                   
			
				</tr>
			</table>
		</div>
                    	

                   	
  
	    	</div>			
	   
</div>
	</div>										
</div>		

<? $this->stop()
?>