pharma4u Login Modal

Access Restricted Link

Links with the classes accessRestrictedLink or accessRestrictedNavLink open a Login Modal (selector id: #loginModal, see LoginModal.js). This is used on the pharma4u.de website and is still in use e.g. in plausi Eingabemaske.

• Based on: See Modal for a detailed description of all classes and options.

.accessRestrictedLink .accessRestrictedNavLink

Premium Login

Melden Sie sich für Ihren persönlichen Premium-Bereich auf pharma4u.de an.

Noch keinen Zugang? Jetzt registrieren

Benutzername:

Passwort:

Passwort vergessen?

Show Code

<div class="h-flex h-flex-column gap-s m-t-l">
    <a class="c-link -icon-right -icon-arrow accessRestrictedLink"
       aria-haspopup="dialog">
      .accessRestrictedLink
    </a>
    <a class="c-link -icon-right -icon-arrow accessRestrictedNavLink"
       aria-haspopup="dialog">
      .accessRestrictedNavLink
    </a>
</div>
<!-- start loginModal -->
<div id="loginModal"
     aria-labelledby="modal-headline-login"
     class="c-panel -is-modal -is-medium -has-close-btn -has-backdrop -close-backdrop">
  <div class="c-panel__inner">
    <div class="tx-felogin-pi1">
      <p class="c-headline h3 m-b-s" id="modal-headline-login">
        Premium Login
      </p>
      <p>
        Melden Sie sich für Ihren persönlichen Premium-Bereich auf pharma4u.de an.
      </p>
      <p class="m-b-s">
        Noch keinen Zugang?
        <a href="allgemein/benutzer/registrieren/" class="c-link">Jetzt registrieren</a>
      </p>
      <div class="tx-felogin-pi1">
        <form action="apotheker/plausi-check/login/" method="post" onsubmit="" id="loginModalForm">
          <fieldset>
            <div class="c-float-container">
              <label for="user2">Benutzername:</label>
              <input
                type="text"
                class="c-input c-float-input h-fullwidth"
                data-placeholder=""
                id="user2"
                name="user"
                value=""
              >
            </div>
            <div class="c-float-container">
              <label for="pass2">Passwort:</label>
              <input type="password" class="c-input c-float-input h-fullwidth" id="pass2" name="pass" value="">
            </div>
            <span class="login-forgot h-block m-t-m h-type-align-right">
              <a href="apotheker/plausi-check/login/?tx_felogin_pi1%5Bforgot%5D=1" class="link -tiny -secondary">Passwort vergessen?</a>
            </span>
            <button class="c-btn -small -secondary h-fullwidth m-t-s" type="submit" name="submit">
              Anmelden
            </button>
            <div class="felogin-hidden">
              <input type="hidden" name="logintype" value="login">
              <input type="hidden" name="pid" value="707">
              <input type="hidden" name="redirect_url" value="">
              <input type="hidden" name="tx_felogin_pi1[noredirect]" value="1">
            </div>
          </fieldset>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- end loginModal -->