Bug report modal

  • Nahlásit chybu 
  •         {% include "@Components/link/link.twig" with {
  props : {
    title: "Nahlásit chybu",
    href: "javascript:void(0)",
    color: "light-gray",
    extraClass: "js-send-bug-report",
    attributes: [
      'data-target="bugReportModalLg"',
      'data-toggle="modal"'
    ]
  }
} %}

{% include "@Components/sections/bug-report-modal/bug-report-modal.twig" with {
  props : {
    project: 43,
    bug_script_url: "/bug/"
  }
} %}

      
  •             <a class="link --light-gray    js-send-bug-report" href="javascript:void(0)" data-target="bugReportModalLg" data-toggle="modal">
      <span class="link__title">
      <span class="link__title-wrap">Nahlásit chybu</span>
    </span>
    </a>


  

<div data-modal tabindex="-1" role="dialog" aria-labelledby="Nahlásit chybu" aria-hidden="true" class="base-modal" id="bugReportModalLg">
      <div class="base-modal__close-out" data-modal-close="bugReportModalLg">
      <div class="base-modal__close-out-image">
        <span class="icon --white">
      <img src="images/svg/cross.svg" alt="Zavřít" loading="lazy">
  
  </span>
      </div>
      <div class="base-modal__close-out-text">
        Zavřít
      </div>
    </div>
    <div class="base-modal__box ">
        <div class="base-modal__content">
          <div class="m-2">
      <div><strong>Formulář k nahlášení chyby či připomínky</strong></div>
      <form name="f-bugreport" method="POST" class="d-flex flex-column gap-2"
            data-submitted-by="bugreport" data-project="43" data-bug-script-url="/bug/" data-modal-id="bugReportModalLg"
      >
        <div class="f-wrap ">
            <label class="f-label --required" for="bug-report-name">
  <span class="f-label__title">Jméno</span>
</label>
        <span class="f-input__wrapper --with-icon">
            <input class="f-base" type="text" id="bug-report-name" placeholder="Vložte své jméno">
                    <span class="input__icon">
          <span class="icon">
      <img src="images/svg/user.svg"  loading="lazy">
  
  </span>
        </span>
          </span>
  </div>

        <div class="f-wrap ">
            <label class="f-label" for="bug-report-email">
  <span class="f-label__title">E-mail</span>
</label>
        <span class="f-input__wrapper --with-icon">
            <input class="f-base" type="email" id="bug-report-email" placeholder="Vložte svůj email">
                    <span class="input__icon">
          <span class="icon">
      <img src="images/svg/email.svg"  loading="lazy">
  
  </span>
        </span>
          </span>
  </div>

        <div class="f-wrap ">
            <label class="f-label --required" for="bug-report-description">
  <span class="f-label__title">Popis chyby</span>
</label>
    
    <textarea class="f-base textarea" rows="5" id="bug-report-description" placeholder="Vložte popis chyby"></textarea>
  </div>

        <button class="btn --conversion" type="submit">    <span class="btn__title ">Pokračovat</span>
      </button>

      </form>
      <div id="bugreport__error_messages"></div>
    </div>
      </div>
  </div>
</div>

Schema 

    {
  "props": {
    "project": {
      "type": "number",
      "description": "Mantis bugtracker project id"
    },
    "bug_script_url":{
      "type": "string",
      "description": "Mantis bug soap endpoint url"
    }
  }
}