thetool/Layout/default/Building/Form.php

<?php include(realpath(dirname(__FILE__)."/../")."/header.php"); ?>

<div class="wrapper">
  <div class="container-fluid">

    <!-- start page title -->
    <div class="row">
      <div class="col-12">
        <div class="page-title-box">
          <div class="page-title-right">
            <ol class="breadcrumb m-0">
              <li class="breadcrumb-item"><a href="<?=self::getUrl("Dashboard")?>">the-tool</a></li>
              <li class="breadcrumb-item"><a href="<?=self::getUrl("Building")?>">Objekte</a></li>
              <li class="breadcrumb-item active"><?=($building->id) ? "bearbeiten" : "Neu" ?></li>
            </ol>
          </div>
          <h4 class="page-title">Objekte</h4>
        </div>
      </div>
    </div>
    <!-- end page title -->
    
    <div class="row">
      <div class="col-lg-12">
        
        <div class="card">
          <div class="card-body">
            <h4 class="header-title mb-2"><?=($building->id) ? "Objekt bearbeiten" : "Neues Objekt"?></h4>
            
            <form class="form-horizontal" method="post" action="<?=self::getUrl("Building", "save")?>">
              <div class="card">
                <div class="card-body">
                  
                  <input type="hidden" name="id" value="<?=$building->id?>" />
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="network_id">Netzgebiet *</label>
                    <div class="col-lg-10">
                      <select class="select2 form-control " name="network_id" id="network_id">
                        <option></option>
                        <?php foreach($networks as $network): ?>
                          <option value="<?=$network->id?>" <?=($building->network_id == $network->id) ? "selected='selected'" : ""?>><?=($network->name)?></option>
                        <?php endforeach; ?>
                      </select>
                    </div>
                  </div>
                  
                  
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="type_id">Objekttyp *</label>
                    <div class="col-lg-10">
                      <select class="select2 form-control " name="type_id" id="type_id">
                        <option></option>
                        <?php foreach($types as $type): ?>
                          <option value="<?=$type->id?>" <?=($building->type_id == $type->id) ? "selected='selected'" : ""?>><?=($type->name)?></option>
                        <?php endforeach; ?>
                      </select>
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="units">Wohneinheiten *</label>
                    <div class="col-lg-10">
                      <input type="number" class="form-control" name="units" id="units" value="<?=$building->units?>" />
                    </div>
                  </div>

                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="street">Straße *</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="street" id="street" value="<?=$building->street?>" />
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="zip">PLZ *</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="zip" id="zip" value="<?=$building->zip?>" />
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="city">Ort *</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="city" id="city" value="<?=$building->city?>" />
                    </div>
                  </div>
                  
                  <div class="form-group row" id="gps-again" style="display:none;">
                    <div class="col-lg-2"></div>
                    <div class="col-lg-10">
                      <label class="text-pink"><input type="checkbox" name="gps_again" value="1" /> GPS-Koordinaten erneut berechnen</label>
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="code">Objekt ID</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="code" id="code" value="<?=$building->code?>" readonly="readonly" />
                    </div>
                  </div>


                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="oan_id">OAN ID</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="oan_id" id="oan_id" value="<?=$building->oan_id?>" />
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="pop_id">POP</label>
                    <div class="col-lg-10">
                      <select class="select2 form-control " name="pop_id" id="pop_id">
                        <option></option>
                        <?php foreach($networks as $network): ?>
                          <?php foreach($network->pops as $pop): ?>
                            <option value="<?=$pop->id?>" <?=($building->pop_id == $pop->id) ? "selected='selected'" : ""?>><?=$network->name?> - <?=($pop->name)?></option>
                          <?php endforeach; ?>
                        <?php endforeach; ?>
                      </select>
                    </div>
                  </div>
                  
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="form-group row">
                        <label class="col-lg-4 col-form-label" for="gps_lat">GPS Länge (N)</label>
                        <div class="col-lg-8">
                          <input type="text" class="form-control" name="gps_lat" id="gps_lat" value="<?=$building->gps_lat?>" <?=($building->gps_lat) ? "readonly='readonly'" : ""?> />
                        </div>
                      </div>

                      <div class="form-group row">
                        <label class="col-lg-4 col-form-label" for="gps_long">GPS Breite (E)</label>
                        <div class="col-lg-8">
                          <input type="text" class="form-control" name="gps_long" id="gps_long" value="<?=$building->gps_long?>" <?=($building->gps_lat) ? "readonly='readonly'" : ""?> />
                        </div>
                      </div>
                      
                      <?php if($building->gps_lat && $building->gps_long): ?>
                      <div class="form-group row">
                        <div class="col-lg-4"></div>
                        <div class="col-lg-8">
                          <button type="button" id="edit-gps" class="btn btn-sm btn-outline-pink"><i class="fas fa-edit"></i> GPS-Koordinaten bearbeiten</button>
                        </div>
                      </div>
                      <?php endif; ?>

                    </div>
                    <?php if($building->gps_lat && $building->gps_long): ?>
                      <div class="col-lg-6">
                        <div id="building-map" style="height:420px;width:100%"></div>
                      </div>
                    <?php endif; ?>
                  </div>
                  
                  <?php if($building->gps_lat && $building->gps_long): ?>
                  <div class="row mb-3">
                    <div class="col-lg-2">
                    </div>
                    <div class="col-lg-10">
                      <a href="https://www.google.com/maps/search/?api=1&query=<?=$building->gps_lat?>,<?=$building->gps_long?>" target="_blank"><i class="fas fa-external-link-alt"></i> Auf Google Maps öffnen</a>
                    </div>
                  </div>

                  <?php endif; ?>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="laea">LAEA Koordinaten</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="laea" id="laea" value="<?=$building->laea?>" readonly='readonly' />
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="contact">Kontakt</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="contact" id="contact" value="<?=$building->contact?>" />
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="phone">Telefon</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="phone" id="phone" value="<?=$building->phone?>" />
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="email">Email</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" name="email" id="email" value="<?=$building->email?>" />
                    </div>
                  </div>
                  
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="networksection_id">Bauabschnitt</label>
                    <div class="col-lg-10">
                      <select class="select2 form-control " name="networksection_id" id="networksection_id">
                        <option></option>
                        <?php foreach($networksections as $section): ?>
                          <option value="<?=$section->id?>" <?=($building->networksection_id == $section->id) ? "selected='selected'" : ""?>><?=($section->network->name)?> - <?=($section->name)?></option>
                        <?php endforeach; ?>
                      </select>
                    </div>
                  </div>
                  
                  <!--
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="description">Bauabschnitt</label>
                    <div class="col-lg-10">
                      <textarea id="description" class="form-control" name="description" rows="5"><?=$building->description?></textarea>
                    </div>
                  </div>
                  -->
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="status_id">Status</label>
                    <div class="col-lg-10">
                      <select class="select2 form-control " name="status_id" id="status_id" <?=(!$me->is("Admin")) ? "disabled='disabled'" : ""?>>
                        <option></option>
                        <?php foreach($statuses as $status): ?>
                          <option value="<?=$status->id?>" <?=($building->status_id == $status->id) ? "selected='selected'" : ""?>><?=__($status->name)?></option>
                        <?php endforeach; ?>
                      </select>
                    </div>
                  </div>
                  
                </div>
              </div>
              
              <h4 class="header-title mb-2">Berechtigungen</h4>
              <div class="card">
                <div class="card-body">
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="pipeworker_id">Tiefbau *</label>
                    <div class="col-lg-10">
                      <select class="select2 form-control " name="pipeworker_id" id="pipeworker_id" >
                        <option></option>
                        <?php foreach($pipeworkers as $pw): ?>
                          <option value="<?=$pw->id?>" <?=($building->pipeworker_id == $pw->id) ? "selected='selected'" : ""?>><?=$pw->getCompanyOrName()?></option>
                        <?php endforeach; ?>
                      </select>
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="lineworker_id">Kabelbau *</label>
                    <div class="col-lg-10">
                      <select class="select2 form-control " name="lineworker_id" id="lineworker_id" <?=(!$me->is("Admin")) ? "disabled='disabled'" : ""?>>
                        <option></option>
                        <?php foreach($lineworkers as $lw): ?>
                          <option value="<?=$lw->id?>" <?=($building->lineworker_id == $lw->id) ? "selected='selected'" : ""?>><?=$lw->getCompanyOrName()?></option>
                        <?php endforeach; ?>
                      </select>
                    </div>
                  </div>
                
                </div>
              
              </div>
              
              <div class="card">
                <div class="card-body">
                  <div class="form-group row">
                    <label class="col-lg-2 col-form-label" for="note">Interne Notiz</label>
                    <div class="col-lg-10">
                      <textarea id="note" class="form-control" name="note" rows="5"><?=$building->note?></textarea>
                    </div>
                  </div>
                </div>
              </div>
              
              <div class="form-group row">
                <label class="col-lg-2"></label>
                <div class="col-lg-10">
                  <button type="submit" class="btn btn-primary">Speichern</button>
                </div>
              </div>
              
              
              
            </form>
          </div>
        </div>
        
      </div>
    </div>

  </div> <!-- end container-fluid -->
</div>
<!-- end wrapper -->

<script type="text/javascript">
  $("#network_id").select2({placeholder: ""});
  $("#pop_id").select2({placeholder: "", allowClear: true,});
  $("#type_id").select2({placeholder: ""});
  
  // disable mousewheel on input number field when in focus
  $('form').on('focus', 'input[type=number]', function (e) {
    $(this).on('wheel.disableScroll', function (e) {
      e.preventDefault();
    })
  });
  $('form').on('blur', 'input[type=number]', function (e) {
    $(this).off('wheel.disableScroll');
  });
  
  function updatePops() {
    var network_id = $("#network_id").val();
    if(!network_id) {
      return true;
    }
    // get new pops
    $.get("<?=self::getUrl("Pop","Api")?>",
      {
        "do": "getPops",
        network_id: network_id
      },
      function(success) {
        if(success.status == "OK") {
          //console.log(success);
          pops = success.result.pops;
          if(typeof pops !== 'object' || pops === null) {
            return true;
          }
          $("#pop_id option:gt(0)").remove();
          for(var pop_id in pops) {
            $("#pop_id").append($("<option></option>").attr("value", pop_id).text(pops[pop_id]));
          }
        }
      },
      'json'
    );
  }
  
  function updateSections() {
    var network_id = $("#network_id").val();
    if(!network_id) {
      return true;
    }
    
    $.get("<?=self::getUrl("Networksection","Api")?>",
      {
        "do": "getSections",
        network_id: network_id
      },
      function(success) {
        if(success.status == "OK") {
          sections = success.result.sections;
          if(typeof sections !== 'object' || sections === null) {
            return true;
          }
          $("#networksection_id option:gt(0)").remove();
          for(var section_id in sections) {
            $("#networksection_id").append($("<option></option>").attr("value", pop_id).text(sections[section_id]));
          }
        }
      },
      'json'
    );
  }
  
  function updatePermissions() {
    var network_id = $("#network_id").val();
    if(!network_id) {
      return true;
    }
    
    var types = ["lineworker", "pipeworker"];
    
    $.get("<?=self::getUrl("Network","Api")?>",
      {
        "do": "getPermissions",
        network_id: network_id,
        types: types.join('|')
      },
      function(success) {
        if(success.status == "OK") {
          var perms = success.result.permissions;
          if(typeof perms !== 'object' || perms === null) {
            return true;
          }
          types.forEach(function(type) {
            $("#" + type + "_id").empty();
            $("#" + type + "_id").append($("<option></option>"));
            for(var perm_id in perms[type]) {
              $("#" + type + "_id").append($("<option></option>").attr("value", perm_id).text(perms[type][perm_id]));
            }
          });
        }
      },
      'json'
    );
  }
  
  function enableGpsInputs() {
    $("#gps_lat").removeAttr("readonly");
    $("#gps_long").removeAttr("readonly");
    $("#edit-gps").remove();
  }
  
  function showGpsAgain() {
    $("#gps-again").show();
    $("#gps-again input[type=checkbox").prop("checked", true);
  }
  
  
  <?php if($building->gps_lat && $building->gps_long): ?>
    ////////////
    // Map
    ////////////
    var gpslat = <?=($building->gps_lat) ? $building->gps_lat : 0?>;
    var gpslong = <?=($building->gps_long) ? $building->gps_long : 0?>;
    console.log(gpslat + "," + gpslong);

    // Building Map
    var buildingMap = L.map('building-map').setView([gpslat, gpslong], 18);

    L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    //L.tileLayer('<?=self::getResourcePath()?>assets/map/{id}/{z}/{x}/{y}.png', {
      attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
      minZoom: 12,
      maxZoom: 22,
      //id: 'OSMPublicTransport',
      //id: 'mapbox.streets',
      id: 'mapbox/streets-v11',
      //id: 'mapbox.pirates',
      accessToken: '<?=TT_MAPBOX_TILE_API_TOKEN?>'
    }).addTo(buildingMap);

    var marker = L.marker([gpslat, gpslong]).addTo(buildingMap);
  <?php endif; ?>
  
  
  $("#street, #zip, #city").change(function() {
    showGpsAgain();
  });
  
  $("#edit-gps").click( function() {
    enableGpsInputs();
  });
  
  $("#network_id").change(function() {
    updatePops();
    updatePermissions();
    updateSections();
  });

  $( document ).ready(function() {
    updatePops();
    updatePermissions();
    updateSections();
  });
  
  
</script>

<?php include(realpath(dirname(__FILE__)."/../")."/footer.php"); ?>