a transformer en components

2 years ago · a5ce114cc5
parent f5f2171b89
commit a5ce114cc5
1 changed files with 111 additions and 0 deletions
--- a/Web/client/src/components/Log/newPoste.html
+++ b/Web/client/src/components/Log/newPoste.html
@ -0,0 +1,111 @@
 <!DOCTYPE html>
 <html>
  <head>
    <title>Titre du document</title>
    <style>
      * {
        box-sizing: border-box;
      }
      body {
        font-family: Roboto, Helvetica, sans-serif;
      }
      .form-popup {
        background-color: white;
        display: none;
        position:fixed;
        margin-left:33%;
        margin-right: 33%;
        border: 2px solid #666;
        border-radius:10px;
        width: 33%;
      }
      /* Largeur complète pour les champs de saisie */
      .form-container input[name="lien"],
      .form-container textarea[name="description"],
      .form-container label{
        width: 80%;
        margin: 10px 10% 50px 10%;
      }
      textarea{
        resize: none;
        height: 100px;
       }
      input[name="lien"],
      textarea[name="description"]{
      	margin-left: 100px;
        border: none;
        background: #D9D9D9;
      }
      .input{
      	margin-top:20px;
      }
      #buttonForm{
      	margin-left:10%;
      	margin-right:10%;
      	margin-bottom:10px;
      	display:flex;
      	justify-content: space-between;
      }
    </style>
  </head>
  <body>
    <h2>Forme Popup</h2>
    <p>Cliquez sur le bouton "Ouvrir la forme" pour ouvrir la fdbjfndbfhbdbnfhdbfnbdhbfhbdhbfhdbfhdhbfhdbhfforme Popup.</p>
    <div class="open-btn">
      <button class="open-button" onclick="openForm()"><strong>Ouvrir la forme</strong></button>
    </div>
    <div>
      <div class="form-popup" id="popupFormulaireCreationPoste">
        <form action="/action_page.php" class="form-container">
          <div class="input">
          	<label for="lien">Lien:</label>
          	<input type="text" name="lien" required />
          </div>
          <div class="input">
          	<label for="description">Description:</label>
          	<textarea name="description" row =250></textarea>
          </div>
          <div id="buttonForm">
            <div>
          	<button type="button" class="btn cancel" onclick="closeForm()">retour</button>
            </div>
            <div>
          	<button type="submit" class="btn">Poster</button>
            </div>
          </div>
        </form>
      </div>
    </div>
    <script>
      function openForm() {
        document.getElementById("popupFormulaireCreationPoste").style.display = "block";
      }
      function closeForm() {
        document.getElementById("popupFormulaireCreationPoste").style.display = "none";
      }
    </script>
  </body>
 </html>