Your IP : 216.73.216.65
<?php
session_start();
//DEBUG
//echo "<pre>";
//print_r($_SESSION);
//print_r($_POST);
//print_r($_GET);
//echo "</pre>";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="css/style2.css" rel="stylesheet" type="text/css">
<script src="https://unpkg.com/feather-icons"></script>
<!--<script type="module" src="maps.js"></script>-->
<title>FORMULAIRE SOL ACI</title>
</head>
<body>
<div class="containerPage">
<form method="post" action="check.php">
<!--Titre formulaire-->
<div class="containerTitre">
<span class="align-middle">VISITE TECHNIQUE PV ACI</span>
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"><span class="sr-only">75% Complete</span></div>
</div>
</div>
<!--FORMULAIRE PAGE INTRODUCTION-->
<fieldset id="field-1">
<div class="containerSection">
<span class="align-middle">INTRODUCTION FORMULAIRE</span>
</div>
<div class="container1">
<div class="row">
<div class="col-md-6">
<img src="../IMG/Trina.jpg" alt="ISO" width=75% class="img-responsive" />
</div>
<div class="col-md-6">
<h4>Formulaire Solaire Photovoltaique</h4>
<p>1-Emplacement</p>
<p>2-Caracteristiques de l'existant</p>
<p>3-Préconisations</p>
<p>4-Relevé de masque</p>
</div>
</div>
</div>
<!--Bouton formulaire Intro-->
<div class="row" >
<div class="col-md-3" >
<img src="../../Outils/required/ATA_logo_horiz.jpg" alt="ISO" width=auto class="img-responsive" />
</div>
<div class="col-md-6" >
<p class="text-center">Formulaire Propulsé par</p>
<p class="text-center">ATA-ENRgies 2024</p>
</div>
<div class="col-md-3" >
<a class="btn btn-warning" href="../../../../index.php/hcom">Menu</a>
<input type="button" onclick="TOchantier1()" class="next btn-lg btn-primary" value="Suivant" />
</div>
</div>
</fieldset>
<fieldset id="field-2">
<!--FORMULAIRE PAGE 1-->
<div class="containerSection">
<span class="align-middle">EMPLACEMENT DE LA CENTRALE</span>
</div>
<div class="container1">
<div class="row">
<div class="col-md-12">
<?php require "PV.php"; ?>
<input type="hidden" name="Longitude" id="lng1" value="" />
<input type="hidden" name="Latitude" id="lat1" value="" />
</div>
</div>
</div>
<!--Bouton formulaire N°1-->
<div class="row" >
<div class="col-md-3" >
<img src="../../Outils/required/ATA_logo_horiz.jpg" alt="ISO" width=100% class="img-responsive" />
</div>
<div class="col-md-6" >
<p class="text-center">Formulaire Propulsé par</p>
<p class="text-center">ATA-ENRgies 2024</p>
</div>
<div class="col-md-3" >
<input type="button" onclick="RETURNintro()" class="previous btn-lg btn-default" value="Revenir" />
<input type="button" onclick="TOchantier2()" class="next btn-lg btn-primary" value="Suivant" />
</div>
</div>
</fieldset>
<!--FORMULAIRE PAGE 2-->
<fieldset id="field-3">
<div class="container1">
<div class="row">
<div class="col-md-12">
<!-- test camera en live -->
<div class="display-cover">
<video autoplay></video>
<canvas class="d-none"></canvas>
<div class="controls">
<button class="btn btn-danger play" title="Play"><i data-feather="play-circle"></i></button>
<button class="btn btn-info pause d-none" title="Pause"><i data-feather="pause"></i></button>
</div>
</div>
<!--Récupération des valeurs du masque-->
<table>
<tr>
<td>Orientation : </td>
<td id="alpha"></td>
</tr>
<tr>
<td>Inclinaison : </td>
<td id="beta"></td>
</tr>
<tr>
<td>Rotation : </td>
<td id="gamma"></td>
</tr>
</table>
</div>
</div>
<!--Bouton formulaire N°3-->
<div class="row" >
<div class="col-md-3" >
<img src="../../Outils/required/ATA_logo_horiz.jpg" alt="ISO" width=100% class="img-responsive" />
</div>
<div class="col-md-6" >
<p class="text-center">Formulaire Propulsé par</p>
<p class="text-center">ATA-ENRgies 2024</p>
</div>
<div class="col-md-3" >
<input type="button" onclick="RETURNchantier1()" class="previous btn-lg btn-default" value="Revenir" />
<input type="button" onclick="TOchantier3()" class="next btn-lg btn-primary" value="Suivant" />
</div>
</div>
</div>
</fieldset>
<fieldset id="field-4">
<!--FORMULAIRE PAGE 2-->
<div class="containerSection">
<span class="align-middle">INFORMATIONS CHANTIERS - DIAGNOSTIQUE TECHNIQUE 1/2</span>
</div>
<div class="container1">
<div class="row">
<div class="col-md-6">
<div class="display-cover">
<video autoplay></video>
<canvas class="d-none"></canvas>
<div class="video-options">
<select name="" id="" class="custom-select">
<option value="">Select camera</option>
</select>
</div>
</div>
<!-- Place dans un local tech pour PAC en Bouton radio -->
<p>Présence d'un local technique ? : <select name="PLT" class="form-control">
<option selected>Oui</option><option>Non</option></select>
<!-- Chauffage centrale existant -->
<p>Chauffage Centrale existant : <select name="ChaufC" class="form-control">
<option selected>Oui</option><option>Non</option></select>
<!-- Producteur Chauffage existant -->
<p>Système de Chauffage Existant ? : </label>
<select name="ProdChaufE" id="ProdChaufE" onchange="updateList(this.value)" class="form-control">
<option value="">-- Selectionner --</option>
<option value="CG">Chaudière Gaz</option>
<option value="CGC">Chaudière Gaz Condensation</option>
<option value="CF">Chaudière Fioul</option>
<option value="CFC">Chaudière Fioul Condensation</option>
<option value="CE">Chaudière électrique</option>
<option value="CC">Chaudière Charbon</option>
</select>
<!-- Producteur Chauffage existant -->
<p>Système de production ECS Existant ? : <select required name="ProdEcsE" id="ProdEcsE" onchange="updateList1(this.value)" class="form-control">
<option value="">-- Selectionner --</option> </select>
<!-- Emmetteurs chauffage existant -->
<p>Emetteurs de chauffage existants :<select name="Emetteurs" class="form-control">
<option value="RF">Radiateurs en Fonte</option>
<option value="RAA">Radiateurs en acier anciens</option>
<option value="RAR">Radiateurs en acier récents</option>
<option value="RBT">Radiateurs basse température</option>
<option value="PC">Plancher Chauffant</option>
<option value="PCR">Plancher Chauffant + Radiateurs</option>
</select>
</div>
<div class="col-md-6">
<a>Espace réservé au système de chauffage. D'une surface minimale de 2m² avec au moins 1 mur disponible.</a>
<br><br>
<a>Vérifier le regroupement de toutes les liaisons de chauffage hydraulique en 1 point.</a>
<br><br>
<a>Chauffage Existant : Quel est le système de chauffage en place.</a>
<br><br>
<a>Quel est le système de production d'eau chaude sanitaire en place. </a>
<br><br>
<a>Technologie principale des émetteurs de chaleur dans l'habitation. Permettant de valider le régime de température de l'eau de chauffage.</a>
</div>
</div>
</div>
<!--Bouton formulaire N°3-->
<div class="row" >
<div class="col-md-3" >
<img src="../../Outils/required/ATA_logo_horiz.jpg" alt="ISO" width=100% class="img-responsive" />
</div>
<div class="col-md-6" >
<p class="text-center">Formulaire Propulsé par</p>
<p class="text-center">ATA-ENRgies 2023</p>
</div>
<div class="col-md-3" >
<input type="button" onclick="RETURNchantier2()" class="previous btn-lg btn-default" value="Revenir" />
<input type="button" onclick="TOchantier4()" class="next btn-lg btn-primary" value="Suivant" />
</div>
</div>
</fieldset>
<fieldset id="field-5">
<!--FORMULAIRE PAGE 5-->
<div class="containerSection">
<span class="align-middle">INFORMATIONS CHANTIERS - DIAGNOSTIQUE TECHNIQUE 2/2</span>
</div>
<div class="container1">
<div class="row">
<div class="col-md-6">
<a>Sélectionner le nouveau système de production d'eau chaude sanitaire.</a>
<br><br>
<a>Mesurer les distances en mètre en prenant en compte la mise en place de goulottes techniques.</a>
<br><br>
<a>Si l'habitation le permet, les liaisons et cables d'alimentation seront passés en vide de construction.</a>
<br><br>
</div>
<div class="col-md-6">
<!-- Producteur Chauffage existant -->
<p>Système de production ECS Projet ? : <select required name="EcsNew" id="EcsNew" class="form-control" onchange="updateList4(this.value)" >
<option value="">-- Selectionner --</option></select>
<!-- Distance UE Tableau -->
<p> Distance Tableau General / Unité Extérieure : </label><input type="text" name="DeUe" required placeholder="En ML" class="form-control" minlength="1" maxlength="2" pattern="[0-9]{1,2}"/>
<!-- Distance UE Tableau -->
<p> Distance Tableau General / Unité Intérieure : </label><input type="text" name="DeUi" required placeholder="En ML" class="form-control" minlength="1" maxlength="2" pattern="[0-9]{1,2}"/>
<!-- Distance UE Ui -->
<p> Distance Unité Intérieur / Extérieure : </label><input type="text" name="DeUeUi" required placeholder="En ML" class="form-control" minlength="1" maxlength="2" pattern="[0-9]{1,2}"/>
</div>
</div>
</div>
<!--Bouton formulaire N°5-->
<div class="row" >
<div class="col-md-3" >
<img src="../../Outils/required/ATA_logo_horiz.jpg" alt="ISO" width=100% class="img-responsive" />
</div>
<div class="col-md-6" >
<p class="text-center">Formulaire Propulsé par</p>
<p class="text-center">ATA-ENRgies 2023</p>
</div>
<div class="col-md-3" >
<input type="button" onclick="RETURNchantier3()" class="previous btn-lg btn-default" value="Revenir" />
<input type="button" onclick="TOchantier5()" class="next btn-lg btn-primary" value="Suivant" />
</div>
</div>
</fieldset>
<!--FORMULAIRE PAGE 6-->
<fieldset id="field-6">
<div class="containerSection">
<span class="align-middle">INFORMATIONS CHANTIERS - CONFORMITE ELECTRIQUE</span>
</div>
<div class="container1">
<div class="row">
<div class="col-md-4">
<h4>ELECTRICITE BASE</h4>
<!-- Section enedis -->
<p>Section cable ENEDIS en mm² : <select name="enedis" class="form-control">
<option>10</option>
<option selected>16</option>
<option>20</option>
<option>24</option>
</select>
<!-- Abonnement electrique Existant -->
<p>Abonnement électrique en cours : <select name="AboElec" class="form-control">
<option>Monophase 6KVA</option><option selected>Monophase 9KVA</option><option>Monophase 12KVA</option><option>Triphase 18KVA</option><option>Triphase 24KVA</option><option>Triphase 36KVA</option>
</select>
<!-- Mise a la terre -->
<p>Presence Mise à la terre : <select name="Terre" class="form-control">
<option selected>Oui</option><option>Non</option>
</select>
</div>
<div class="col-md-4">
<h4>ELECTRICITE SPECIFIQUE</h4>
<!-- Mise a la terre -->
<!-- Etat du tableau Electrique Général -->
<p>Etat du Tableau principal : <select name="TabElec" class="form-control">
<option>Mauvais</option><option>Correct</option><option selected>Aux normes</option></select>
<p>Installation électrique PAC: <select name="Elec" class="form-control" required>
<option value="1" selected>6 Emplacements disponibles dans le tableau existant</option>
<option value="2">Nouveau tableau existant sous tableau général</option>
<option value="3">Nouveau tableau en local technique + Alimentation</option>
</select>
</div>
<div class="col-md-4">
<!-- Presence Consommateurs Electrique -->
<div class="form-group" >
<h4>Consommateurs électriques :</h4>
<p>Borne Véhicule Electrique :
<input type="hidden" name="BorVei" value="Non" />
<input type="checkbox" value="Oui" name="BorVei"></p>
<p>Plaques de cuison Electriques :
<input type="hidden" name="PlaCuiss" value="Non" />
<input type="checkbox" value="Oui" name="PlaCuiss"></p>
<p>Ballon ECS Supplémentaire :
<input type="hidden" name="BalEcsS" value="Non" />
<input type="checkbox" value="Oui" name="BalEcsS"></p>
<p>Ballon ECS de + de 150L :
<input type="hidden" name="BalEcsP" value="Non" />
<input type="checkbox" value="Oui" name="BalEcsP"></p>
</div>
</div>
</div>
</div>
<!--Bouton formulaire N°6-->
<div class="row" >
<div class="col-md-3" >
<img src="../../Outils/required/ATA_logo_horiz.jpg" alt="ISO" width=100% class="img-responsive" />
</div>
<div class="col-md-6" >
<p class="text-center">Formulaire Propulsé par</p>
<p class="text-center">ATA-ENRgies 2023</p>
</div>
<div class="col-md-3" >
<input type="button" onclick="RETURNchantier4()" class="previous btn-lg btn-default" value="Revenir" />
<input type="button" onclick="TOchantier6()" class="next btn-lg btn-primary" value="Suivant" />
</div>
</div>
</fieldset>
<!--FORMULAIRE PAGE 7-->
<fieldset id="field-7">
<div class="containerSection">
<span class="align-middle">INFORMATIONS CHANTIERS - CONFORMITE HYDRAULIQUE</span>
</div>
<div class="container1">
<div class="row">
<div class="col-md-4">
<h4>PLOMBERIE GENERALE</h4>
<!-- Etat de la distribution hydraulique -->
<p>Etat général Hydraulique : <select name="PlombG" class="form-control">
<option>Mauvais</option><option >Correct</option><option selected>Aux normes</option>
</select>
<!-- Matériaux -->
<p>Type de tuyauterie : <select name="PlombM" class="form-control">
<option disabled selected>Choisir</option><option>Acier</option><option >Cuivre</option><option>PER</option><option>Multicouche</option>
</select>
<!-- Hauteur altimetrique -->
<p> Hauteur max installation : <input class="form-control" type="number" min="1.00" max="9.99" step="0.01" required name="altimetrie" id="altimetrie" placeholder="En M" pattern="([0-9]?)+(\,[0-9][0-9]?)?"/>
<!-- Place dans un local tech pour PAC en Bouton radio -->
<p>Nombre de Zone de chauffage : <select name="zone" class="form-control">
<option selected>1</option><option>2</option></select>
</div>
<div class="col-md-4">
<div class="form-group" >
<h4>POINTER LES ACCESSOIRES PRESENTS :</h4>
<p>Ballon tampon :
<input type="hidden" name="BalTamp" value="Non" />
<input type="checkbox" value="Oui" name="BalTamp"></p>
<p>Vase d'expansion :
<input type="hidden" name="VaseExp" value="Non" />
<input type="checkbox" value="Oui" name="VaseExp"></p>
<p>Circulateur externe :
<input type="hidden" name="Circu" value="Non" />
<input type="checkbox" value="Oui" name="Circu"></p>
<p>Disconnecteur :
<input type="hidden" name="Disco" value="Non" />
<input type="checkbox" value="Oui" name="Disco"></p>
<p>Filtre à boue :
<input type="hidden" name="Filtre" value="Non" />
<input type="checkbox" value="Oui" name="Filtre"></p>
<p>Régulateur de pression :
<input type="hidden" name="RegulP" value="Non" />
<input type="checkbox" value="Oui" name="RegulP"></p>
<p>Clapet de sécurité :
<input type="hidden" name="Clapet" value="Non" />
<input type="checkbox" value="Oui" name="Clapet"></p>
</div>
</div>
<div class="col-md-4">
<h4>ACCESSIBILITE DU CHANTIER :</h4>
<!-- Place dans un local tech pour PAC en Bouton radio -->
<p>Type de pose de l'unite Exterieur : <select name="TypePose" class="form-control">
<option selected>Au Sol sur pieds</option><option>Au Mur sur chaise</option></select>
<!-- Accessibilité Chantier UE-->
<p>Accessibilité UE : <select name="AccessUe" class="form-control">
<option selected>Simple</option><option >Correct</option><option>Difficile</option>
</select>
<!-- Accessibilité Chantier UI-->
<p>Accessibilité UI : <select name="AccessUi" class="form-control">
<option selected>Simple</option><option >Correct</option><option>Difficile</option>
</select>
</div>
</div>
</div>
<!--Bouton formulaire N°7-->
<div class="row" >
<div class="col-md-3" >
<img src="../../Outils/required/ATA_logo_horiz.jpg" alt="ISO" width=100% class="img-responsive" />
</div>
<div class="col-md-6" >
<p class="text-center">Formulaire Propulsé par</p>
<p class="text-center">ATA-ENRgies 2023</p>
</div>
<div class="col-md-3" >
<input type="button" onclick="RETURNchantier5()" class="previous btn-lg btn-default" value="Revenir" />
<input class="next btn-lg btn-info" type="submit" name="check" value="Vérifier">
</div>
</div>
</fieldset>
</form>
</div>
</body>
</html>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBJK0GVBASHQUIFbE3NudYEWFtodD9bM_s&callback=initMap"></script>
<script>
window.addEventListener('deviceorientation', function(evenement) {
document.getElementById("alpha").innerHTML = Math.round( evenement.alpha );
document.getElementById("beta").innerHTML = Math.round( evenement.beta );
document.getElementById("gamma").innerHTML = Math.round( evenement.gamma );
}, false);
</script>
<script>
type="text/javascript">
$(document).ready(function(){
var current = 1,current_step,next_step,steps;
steps = $("fieldset").length;
$(".next").click(function(){
setProgressBar(++current);
});
$(".previous").click(function(){
setProgressBar(--current);
});
setProgressBar(current);
// Change progress bar action
function setProgressBar(curStep){
var percent = parseFloat(100 / steps) * curStep;
percent = percent.toFixed();
$(".progress-bar")
.css("width",percent+"%")
.html(percent+"%");
}
});
</script>
<script>
function RETURNintro() {
$("#field-7").hide();
$("#field-6").hide();
$("#field-5").hide();
$("#field-4").hide();
$("#field-3").hide();
$("#field-2").hide();
$("#field-1").show();
console.log("Calling show");
return true;
}
function RETURNchantier1() {
$("#field-7").hide();
$("#field-6").hide();
$("#field-5").hide();
$("#field-4").hide();
$("#field-3").hide();
$("#field-2").show();
$("#field-1").hide();
}
function RETURNchantier2() {
$("#field-7").hide();
$("#field-6").hide();
$("#field-5").hide();
$("#field-4").hide();
$("#field-3").show();
$("#field-2").hide();
$("#field-1").hide();
}
function RETURNchantier3() {
$("#field-7").hide();
$("#field-6").hide();
$("#field-5").hide();
$("#field-4").show();
$("#field-3").hide();
$("#field-2").hide();
$("#field-1").hide();
}
function RETURNchantier4() {
$("#field-7").hide();
$("#field-6").hide();
$("#field-5").show();
$("#field-4").hide();
$("#field-3").hide();
$("#field-2").hide();
$("#field-1").hide();
}
function RETURNchantier5() {
$("#field-7").hide();
$("#field-6").show();
$("#field-5").hide();
$("#field-4").hide();
$("#field-3").hide();
$("#field-2").hide();
$("#field-1").hide();
}
function TOchantier1() {
$("#field-1").hide();
$("#field-2").show();
$("#field-3").hide();
$("#field-4").hide();
$("#field-5").hide();
$("#field-6").hide();
$("#field-7").hide();
}
function TOchantier2() {
$("#field-1").hide();
$("#field-2").hide();
$("#field-3").show();
$("#field-4").hide();
$("#field-5").hide();
$("#field-6").hide();
}
function TOchantier3() {
$("#field-1").hide();
$("#field-2").hide();
$("#field-3").hide();
$("#field-4").show();
$("#field-5").hide();
$("#field-6").hide();
$("#field-7").hide();
}
function TOchantier4() {
$("#field-1").hide();
$("#field-2").hide();
$("#field-3").hide();
$("#field-4").hide();
$("#field-5").show();
$("#field-6").hide();
$("#field-7").hide();
}
function TOchantier5() {
$("#field-1").hide();
$("#field-2").hide();
$("#field-3").hide();
$("#field-4").hide();
$("#field-5").hide();
$("#field-6").show();
$("#field-7").hide();
}
function TOchantier6() {
$("#field-1").hide();
$("#field-2").hide();
$("#field-3").hide();
$("#field-4").hide();
$("#field-5").hide();
$("#field-6").hide();
$("#field-7").show();
}
</script>
<script type="text/javascript">
document.getElementById("champ_cache").style.display = "none";
document.getElementById("champ_cache1").style.display = "none";
document.getElementById("champ_cache2").style.display = "none";
function afficher(){
document.getElementById("champ_cache").style.display = "block";
document.getElementById("champ_cache1").style.display = "block";
document.getElementById("champ_cache2").style.display = "block";
}
function cacher(){
document.getElementById("champ_cache").style.display = "none";
document.getElementById("champ_cache1").style.display = "none";
document.getElementById("champ_cache2").style.display = "none";
}
</script>
<script>
feather.replace();
const controls = document.querySelector('.controls');
const cameraOptions = document.querySelector('.video-options>select');
const video = document.querySelector('video');
const canvas = document.querySelector('canvas');
const screenshotImage = document.querySelector('img');
const buttons = [...controls.querySelectorAll('button')];
let streamStarted = false;
const [play, pause, screenshot] = buttons;
const constraints = {
video: {
width: {
min: 1280,
ideal: 1920,
max: 2560,
},
facingMode: {
exact: 'environment'
},
height: {
min: 720,
ideal: 1080,
max: 1440,
},
},
};
const getCameraSelection = async () => {
const devices = await navigator.mediaDevices.enumerateDevices();
const videoDevices = devices.filter(device => device.kind === 'videoinput');
const options = videoDevices.map(videoDevice => {
return `<option value="${videoDevice.deviceId}">${videoDevice.label}</option>`;
});
cameraOptions.innerHTML = options.join('');
};
play.onclick = () => {
if (streamStarted) {
video.play();
play.classList.add('d-none');
pause.classList.remove('d-none');
return;
}
if ('mediaDevices' in navigator && navigator.mediaDevices.getUserMedia) {
const updatedConstraints = {
...constraints,
deviceId: {
exact: cameraOptions.value
}
};
startStream(updatedConstraints);
}
};
const startStream = async (constraints) => {
const stream = await navigator.mediaDevices.getUserMedia(constraints);
handleStream(stream);
};
const handleStream = (stream) => {
video.srcObject = stream;
play.classList.add('d-none');
pause.classList.remove('d-none');
screenshot.classList.remove('d-none');
streamStarted = true;
};
getCameraSelection();
cameraOptions.onchange = () => {
const updatedConstraints = {
...constraints,
deviceId: {
exact: cameraOptions.value
}
};
startStream(updatedConstraints);
};
const pauseStream = () => {
video.pause();
play.classList.remove('d-none');
pause.classList.add('d-none');
};
pause.onclick = pauseStream;
</script>