Smopp_v2/locations.php

<?php
//echo "<h3>Локации</h3>";
?>
<!--
<div style="display:block; float:left;margin:0px; width: 500px;">
    <input type='button' id='add_loc_dialog' value='Создать'>
</div>
<div id="result"></div>
<div id="cont" style="display:none; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0">Создать новую локацию<br>
        <form method='post'  action='' id="ajax_form">
            <div id="cp_desc" style="color: green"></div>
            <p>
                <h4>Название</h4>
                <input id="loc_name" class="form-input content__main__form__goal" type="text" value=""><br>
                <h4>Описание</h4>
                <input id="loc_desc" class="form-input content__main__form__goal" type="text" value=""><br>
                <input type='button' id='add_location' value='Создать'>
                <input type='button' id='close' value='Закрыть'>
            </p>
        </form>
    </p>
</div>

<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0"><b>Сотрудники</b><br>
        <div id="location_users"></div>
    </p>
</div>
<canvas id="canvas" style="margin: 20px" width="500" height="600"></canvas>
<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0"><b>Маяки</b><br>
    <div id="location_beacons"></div>
    </p>
</div>

<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; padding: 15px">
    <p style="margin-bottom: 0">Локации<br>
        <div id="location_div"></div>
        <input type='button' id='del_loc' value='Удалить'>
    </p>
</div>
-->

<?php
echo "<h3>Локации</h3>";

if ( isset($new) && $new == 1 ){
    $check = can_upload($_FILES['file']);
    if($check === true){
            
        $locationsEntity = \app\models\entity\Locations::findOne($depo_loc);
        
        $fileName = make_upload($_FILES['file']);
        
        $locationsEntity->img = $fileName;
        //var_dump($fileName);
        //var_dump($locationsEntity->img);
        $sdf = $locationsEntity->save();
        //var_dump($sdf);
        $form_resp =  "<strong>Файл успешно загружен!</strong>";
      } else {
        $form_resp =  "<strong>$check</strong>";  
      }
}
?>
<div style="display:block; float:left;margin:0px; width: 500px;">
    <input type='button' id='add_loc_dialog' value='Создать'>
</div>
<div id="result"></div>
<div id="cont" style="display:none; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0">Создать новую локацию<br>
        <form method='post'  action='' id="ajax_form">
            <div id="cp_desc" style="color: green"></div>
            <p>
                <h4>Название</h4>
                <input id="loc_name" class="form-input content__main__form__goal" type="text" value=""><br>
                <h4>Описание</h4>
                <input id="loc_desc" class="form-input content__main__form__goal" type="text" value=""><br>
                <input type='button' id='add_location' value='Создать'>
                <input type='button' id='close' value='Закрыть'>
            </p>
        </form>
    </p>
</div>

<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0"><b>Сотрудники</b><br>
        <div id="location_users"></div>
    </p>
</div>
<canvas id="canvas" style="margin: 20px" width="500" height="600"></canvas>
<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0"><b>Маяки</b><br>
    <div id="location_beacons"></div>
    </p>
</div>

<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0">Локации<br>
        <div id="location_div"></div>
        <input type='button' id='del_loc' value='Удалить'>
    </p>
</div>
<?php $entityLocations = \app\models\entity\Locations::find()->all();?>
<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
    <p style="margin-bottom: 0">Загрузить фото локации<br><br>
    <?php echo ( isset($form_resp) && null != $form_resp) ? '<p style="margin-bottom: 0">' . $form_resp . '<br><br>': '' ; ?>
        <form id="add_photo_depo" action="index.php?act=locations" method="post" enctype="multipart/form-data">
            <select name="depo_loc" class="form-input content__main__form__series" style="width: 400px" >
                <option value="0"><Выберите локацию из списка></option>
            <? foreach($entityLocations as $item):?>
                <option value="<?php echo $item->id;?>"><?php echo $item->name;?></option>
            <? endforeach;?>
            </select>
            <br>
            <input type="file" name="file"><br>
            <input type='hidden' name='new' value='1'>
            <input type='submit' new='1' value='Загрузить'>
        </form>
    </p>
</div>
<div id="" style="display:block; float:left;border: solid; width: 500px; border-width: 1px; border-color: #9cb2c4; border-radius: 15px; margin:20px; margin-right:550px; padding: 15px">
<div style="float:left;">
<?php $entityAccounts = \app\models\entity\Accounts::find()->all();?>
<select id="users_position_loc" class="select_positions">
    <option value="0"><Выберите сотрудника></option>
    <? foreach($entityAccounts as $item):?>
        <option value="<? echo $item->id;?>"><? echo $item->name;?></option>
    <? endforeach;?>
    
</select>
    <div id = 'tasks_сont' style="display: none;">
        <select id="tasks_select" class="select_positions">
            <option value="0"><Выберите Задачу></option>
        </select>
    </div>
<!--<select id="time_position_loc" class="select_positions">
    <option value="300">5 мин</option>
    <option value="600">10 мин</option>
    <option value="1800">30 мин</option>
    <option value="3200">1 час</option>
    <option value="432000">1 день</option>
    <option value="604800">1 неделя</option>
    <option value="2419200">1 месяц</option>
</select>-->
<?php $entityLocations = \app\models\entity\Locations::find()->all();?>
<select id="depo_position_loc" class="select_positions">
    <option value="0">Локации</option>
    <? foreach($entityLocations as $item):?>
        <option value="<? echo $item->id; ?>"><? echo $item->name; ?></option>
    <? endforeach;?>
</select>
Начало <input id="date_timepicker_start" value="start" type="text" class="select_positions">
Конец <input id="date_timepicker_end" value="stop" type="text" class="select_positions"><br>

<input type="button" id="button_beacons_draw"  value="Отрисовать карту" >
<input type="button" id="button_beacons_clear"  value="Очистить карту" >
<input type="button" id="button_beacons_add" name="chk" value="Маяки" >
<input type="button" id="button_zones_add" name="chk" value="Нарисовать зоны" data="0">

<form id="add_beacon_depo" action="index.php?act=locations" method="post" enctype="multipart/form-data" style="display:none">
    <p id="beacon_errors"></p>
    <p id="beacon_success"></p>
    <label for="chk2">uid маяка</label>
    <input id="uid_beacon" type="text" name="uid" placeholder="Введите uid маяка" size="50"><br>
    
    
    <input type='hidden' id="toggle_val_add" name='new' value='0'>
    <input type='submit' id="upload_button_beacon" new='1'  value='Сохранить'>
</form>
<div id="add_zone_depo" style="display:none" >
    Отметить зоны
</div> 

<input type="button" class="btn btn-success" id="open" value="О сотруднике" >



<div id="dialog-form" title="Create new user">
  <p class="validateTips">Заведите название зоны</p>
 
  <form>
    <fieldset>
      <label for="name">Название</label>
      <input type="text" name="zone" id="name" value="" class="text ui-widget-content ui-corner-all">
      <!-- Allow form submission with keyboard without duplicating the dialog button -->
      <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
    </fieldset>
  </form>
</div>
 

<button id="create-user">Сохранить зону</button>


<script>

    $( "#open" ).on( "click", function() {
      $( "#dialog" ).dialog();
    });

    
    
  $( function() {
    var dialog, form,
 
      // From http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state-%28type=email%29
      emailRegex = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,
      name = $( "#name" ),
      email = $( "#email" ),
      password = $( "#password" ),
      allFields = $( [] ).add( name ).add( email ).add( password ),
      tips = $( ".validateTips" );
 
    function updateTips( t ) {
      tips
        .text( t )
        .addClass( "ui-state-highlight" );
      setTimeout(function() {
        tips.removeClass( "ui-state-highlight", 1500 );
      }, 500 );
    }
 
    function checkLength( o, n, min, max ) {
      if ( o.val().length > max || o.val().length < min ) {
        o.addClass( "ui-state-error" );
        updateTips( "Length of " + n + " must be between " +
          min + " and " + max + "." );
        return false;
      } else {
        return true;
      }
    }
 
    function checkRegexp( o, regexp, n ) {
      if ( !( regexp.test( o.val() ) ) ) {
        o.addClass( "ui-state-error" );
        updateTips( n );
        return false;
      } else {
        return true;
      }
    }
 
    function addUser() {
      var valid = true;
      allFields.removeClass( "ui-state-error" );
      valid = valid && checkLength( name, "username", 3, 80 );
      valid = valid && checkRegexp( name, /^[a-z]([0-9a-z_\s])+$/i, "Username may consist of a-z, 0-9, underscores, spaces and must begin with a letter." );
 
 
      if ( valid ) {
        $( "#users tbody" ).append( "<tr>" +
          "<td>" + name.val() + "</td>" +
        "</tr>" );
        depo_zones = {depo_name: name.val(),depo_zone:points_zone_all,depo_num:document.getElementById('depo_position_loc').value}; 
        sendAjax('location_users_', depo_zones, null);
        dialog.dialog( "close" )
        
      }
      return valid;
    }
 
    dialog = $( "#dialog-form" ).dialog({
      
      autoOpen: false,
      height: 400,
      width: 365,
      modal: true,
      buttons: {
        "Сохранить": addUser,
        Отмена: function() {
          dialog.dialog( "close" );
        }
      },
      close: function() {
        form[ 0 ].reset();
        allFields.removeClass( "ui-state-error" );
      }
    });
 
    form = dialog.find( "form" ).on( "submit", function( event ) {
      event.preventDefault();
      addUser();
    });
 
    $( "#create-user" ).button().on( "click", function() {
      dialog.dialog( "open" );
    });
  } );    
    
    
</script>
<script>
 jQuery(function(){
 jQuery('#date_timepicker_start').datetimepicker({
   format:'Y-m-d H:i:s',
   
    lang:'ru',
  onShow:function( ct ){
   this.setOptions({
    maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false
   })
  },
  
 });
 jQuery('#date_timepicker_end').datetimepicker({
   format:'Y-m-d H:i:s',
   
    lang:'ru',
  onShow:function( ct ){
   this.setOptions({
   // minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false
   })
  },
  
 });
});
</script>

</div>
<canvas id="canvasa" style="margin: 20px;background-image: url(images/depo_img/<?php // ?>)" width="400" height="500" class="ballon_test"></canvas>
</div>
<div id="dialog" style="display:none">
 <p>Имя: Петр Петров</p>
 <p>Логин: Login</p>
</div>
<?
function make_upload($file){
	// формируем уникальное имя картинки: случайное число и name
	$name = mt_rand(0, 10000) . $file['name'];
	copy($file['tmp_name'], 'images/depo_img/' . $name);
	return $name;
  }
  
function can_upload($file){
	// если имя пустое, значит файл не выбран
    if($file['name'] == '')
		return 'Вы не выбрали файл.';
	
	/* если размер файла 0, значит его не пропустили настройки 
	сервера из-за того, что он слишком большой */
	if($file['size'] == 0)
		return 'Файл слишком большой.';
	
	// разбиваем имя файла по точке и получаем массив
	$getMime = explode('.', $file['name']);
	// нас интересует последний элемент массива - расширение
	$mime = strtolower(end($getMime));
	// объявим массив допустимых расширений
	$types = array('jpg', 'png', 'gif', 'bmp', 'jpeg');
	
	// если расширение не входит в список допустимых - return
	if(!in_array($mime, $types))
		return 'Недопустимый тип файла.';
	
	return true;
  }  

?>