Modul Passwort Klartext mit Passwort-Eye

Weißt Du, ob das auch abwärtskompatibel für evt. 4.4. geht?

 

funktioniert auch mit 4.4.
TOP! danke dir für dieses kleine modul, was sicher einigen (kund*innen) hilft.

 

sehr cool, lieben dank ;-)

 

Wir haben es auch eingebunden, herzlichen Dank
I-Tüpfelchen wäre jetzt, wenn das auch beim normalen Kundenlogin greifen würde... aber das ist vermutlich eine komplett andere Baustelle?

 

Schade, dass man solche tolle Sachen in der Cloud nicht hat.

 

Gib noch "hidden-xs" bei <a class= ein, Es gibt Probleme in der Mobilen Ansicht. Das Eye-Button ist dort nicht klickbar.

Code:

<a role="button" class="passwort-eye-button hidden-xs"

Code:

<!-- Login Passwort -->

                    {block name="box_login_dropdown_form_password"}
                    <div class="passwort-eye-behaelter">
                        <div class="form-group">
                            <input autocomplete="current-password" type="password" id="box-login-dropdown-login-password" class="passwort-eye-feld form-control" placeholder="{$txt.text_pwd}" name="{$content_data.FIELD_PWD_NAME}" />
                            <a role="button" class="passwort-eye-button hidden-xs"
                            onclick="passwortSichtbarkeitUmschalten('box-login-dropdown-login-password')">
                            <i class="fa fa-eye passwort-eye-anzeigen-icon"></i>
                            <i class="fa fa-eye-slash passwort-eye-verstecken-icon"></i>
                            </a>
                        </div>
                    </div>

<script type="text/javascript">
function passwortSichtbarkeitUmschalten(eingabefeldId) {
    const passwortFeld = document.getElementById(eingabefeldId);
    if(passwortFeld.type === "password") {
        passwortFeld.type = "text";
    } else {
        passwortFeld.type = "password";
    }
}
</script>
                    {/block}

Und in der CSS-Datei würde ich noch unten

Code:

::-ms-reveal {
    display: none;
}

einfügen. Damit unterbindest du die Edge eigene Eye-Button-Anzeige. Sonst sehen Besucher, die Edge nutzen und diese Funktion aktiviert haben, zwei "Augen".


Hier noch die Codes für "account_change_password.html", "box_login.html" und "login.html":

 

Hoffe ich auch. Besonders für die mit Cloud-Shop.

 

Ihr seid mega - super, das hat mich schon lang gestört, dass wir "Gambianer" kein Auge hatten - vielen herzlichen Dank euch beiden!

 

Moin, also das erste für die Accounterstellung funktioniert bei mir, die anderen leider nicht, woran kann es liegen?
Danke ;-)

 

Du hast die anderen auch in den Ordner hingeschoben, wo die Datei für die Accounterstellung liegt? Also in "GXModules\EigeneModule\Passwort-Eye\Shop\Themes\All" oder ähnlich. Hast du Cache gelöscht? Ach so, für "account_change_password.html" habe ich noch die Css etwas angepasst, lade bitte noch die erweiterte Css-Datei in den Css-Ordner vom Modul und ersetze dort diese. In "account_change_password.html" würde das Auge ansonsten zu sehr am Rand liegen.

 

@Marias Einkaufsparadies
Ja hab ich

 

Ich habe mal alle Dateien hier zusammengestellt und eine ZIP-Datei für GXModules und eine ZIP-Datei für Themes erstellt. Die GXModules-Version ist als einfaches Modul gedacht, die Themes-Version kann direkt ins eigene Themes eingebunden werden und ist somit auch für, die fast immer vernachlässigten, Cloud-Shops geeignet.

Bei der Zusammfassung habe ich dann auch eine externe Javascript-Datei erstellt, so dass die Funktion nur noch einmal vorhanden ist und nicht in jeder HTML-Datei, teilweise mehrfach, drin ist.

Gestest habe ich das auf einem 4.7.1.0 und einen ganz frischen Cloud-Shop. Sicherheitshalber aber immer eine Sicherung machen und Benutzung auf eigene Gefahr.

Edit: Dateien ausgetauscht nach Fehlerbehebung

 

Hallo Kai, vielen Dank für die Mühe. Verzeih die Frage eines "Nicht-Programmierers" Das Ziel von GXModules ist klar, wo muss der Ordner Themes hin, wenn ich "Themes-Honeygrid" nutze?

 

@Kai Stejuhn Erst einmal vielen Dank für deine Verbesserung und Zusammenfassung. Kannst du bitte nur noch, wie oben beschrieben, in der "box_login_dropdown.html" "<a role="button" class="passwort-eye-button hidden-xs"..." einfügen. Wie gesagt, Mobil ist das "Auge" da nicht klickbar. Es sei denn, du weist wie man das Problem löst.

 

Wenn Du das Original Honeygrid-Themes hast, dann musst Du in der Verzeichnisstruktur der ZIP-Datei "DeinThemes" mit "Honeygrid" ersetzen.

Die ZIP-Dateien geben immer die Struktur ab dem Server-Hauptverzeichnis an. Da die Themes, gerade bei angepassten und vorher kopierten Themes, unterschiedliche Namen haben, muss man hier den Teil "DienThemes" immer mit den Namen des Themes-Ordners austauschen.

 

@Marias Einkaufsparadies Ich schau mir das Morgen nochmal an.