Zertifikats-Assistent

INFO

The Zertifikats-Assistent is used in: Ausgangsstoffprüfung

Zertifikats-Assistent

Zertifikat von Herstellerseite laden

Laden Sie Prüfzertifikate von Caesar & Loretz GmbH direkt von der Herstellerseite.

Wir stehen in Kontakt mit weiteren Herstellern um diese Funktion zu erweitern.

Hersteller

Hersteller-Chargenbezeichnung

Vorhandenes Zertifikat hochladen

Sie haben bereits ein Prüfzertifikat auf Ihrem Rechner? Laden Sie es hier hoch.

Das Prüfzertifikat konnte nicht geladen werden.

Bitte prüfen Sie Ihre Eingabe auf Tippfehler.

Der gewählte Hersteller bietet momentan noch keinen Zertifikatsservice an.

Laden Sie bitte ein bestehendes Zertifikat über den Uploader auf der rechten Seite hoch.

Das Prüfzertifikat von Caelo (1256006565-H6T) wurde erfolgreich hochgeladen:

Hersteller-Zertifikat.pdf

Show Code

<div id="certificate-assistant" class="c-panel -is-extra-large -is-modal -has-backdrop -has-close-btn -close-js-abort">
  <div class="c-panel__inner">
    <h2 class="c-headline m-b-s">
      <span class="far fa-file-certificate m-r-s" aria-hidden="true"></span>
      Zertifikats-Assistent
    </h2>
    <div class="h-flex h-flex-divider h-flex-row h-equal-sizing h-screen-md-flex-column h-cell">
      <div id="certificate-manufacturer-upload" class="h-flex-item m-b-l p-r-xl">
        <h5 class="c-headline">
          Zertifikat von Herstellerseite laden
        </h5>
        <p>Laden Sie Prüfzertifikate von Caesar & Loretz GmbH direkt von der Herstellerseite.</p>
        <div class="h-flex h-flex-row h-vertical-center m-b-s">
          <span class="fa fa-info-circle m-r-s h-color-notice" ></span>
          <p class="h-type-emphasize small m-b-reset">
            Wir stehen in Kontakt mit weiteren Herstellern um diese Funktion zu erweitern.
          </p>
        </div>
        <form class="c-form m-t-reset">
          <fieldset class="m-t-reset">
            <div class="c-float-container m-t-s -has-autocomplete -has-icon">
              <div class="c-float-container__icon">
                <span class="far fa-search" ></span>
              </div>
              <label class="c-label" for="certificate-manufacturer-select">Hersteller</label>
              <input class="c-input -autocomplete" data-bind="hersteller" id="certificate-manufacturer-select" name="manufacturer" required>
              <div class="autocomplete-container" ></div>
            </div>
            <div class="c-float-container -has-input">
              <label class="c-label" for="certificate-manufacturer-charge">Hersteller-Chargenbezeichnung</label>
              <input
                type="text"
                class="c-input"
                data-placeholder="Hersteller-Chargenbezeichnung"
                id="certificate-manufacturer-charge"
                name="chargenbezeichnung"
                value=""
                min="2"
                required="required"
              >
            </div>
            <button type="button" id="certificate-manufacturer-search" class="c-btn -redesign -primary -small -icon-left m-t-s h-fullwidth" data-spinner disabled>
              <span class="fas fa-download" ></span>
              Hersteller-Zertifikat laden
            </button>
          </fieldset>
        </form>
      </div>
      <div class="m-b-l p-l-xl h-flex-item" id="ap-pruefzertifikat">
        <h5 class="c-headline">
          Vorhandenes Zertifikat hochladen
        </h5>
        <p>Sie haben bereits ein Prüfzertifikat auf Ihrem Rechner? Laden Sie es hier hoch.</p>
        <!-- Fine Uploader Gallery template (excluded here) -->
        <!-- Fine Uploader DOM Element -->
        <div id="certificate-upload" class="c-file-upload m-t-l" ></div>
      </div>
    </div>
    <div class="m-t-s h-hide" id="certificate-upload-error">
      <div class="c-alert -redesign -error">
        <strong>Das Prüfzertifikat konnte nicht geladen werden.</strong>
        <p>Bitte prüfen Sie Ihre Eingabe auf Tippfehler.</p>
      </div>
    </div>
    <div class="m-t-s h-hide" id="certificate-manufacturer-error">
      <div class="c-alert -redesign -error">
        <strong>Der gewählte Hersteller bietet momentan noch keinen Zertifikatsservice an.</strong>
        <p>Laden Sie bitte ein bestehendes Zertifikat über den Uploader auf der rechten Seite hoch.</p>
      </div>
    </div>
    <div class="m-t-s h-show" id="certificate-show-upload">
      <div class="c-alert -redesign -success">
        <div class="h-flex h-space-between">
          <div>
            <p class="m-b-s">
              <span id="certificate-sentence">Das Prüfzertifikat von Caelo (1256006565-H6T) wurde erfolgreich hochgeladen:</span>
            </p>
            <p><a href="/attachment.pdf" target="_blank" class="c-link -download -icon-left -is-block" id="certificate-link"><span id="certificate-name">Hersteller-Zertifikat.pdf</span></a></p>
          </div>
        </div>
      </div>
    </div>
    <div class="c-panel__inner__bottom h-bg-color">
      <button type="button" data-dismiss="modal" class="c-btn -redesign -secondary -icon-left js-abort">
        <span class="fas fa-times" ></span> Abbrechen
      </button>
      <button type="button" id="certificate-submit" class="c-btn -redesign -primary -icon-left" disabled data-spinner>
        <span class="fas fa-check" ></span> Zertifikat speichern
      </button>
    </div>
  </div>
</div>