Rails 4 Devise Login als POPUP-Fenster

8

Hallo ich benutze Gerät für meine Authentifizierung des Benutzers

Ich habe die verschiedenen Tutorials verfolgt, um den Login in einem Popup-Fenster zu bekommen, aber ich bin nicht erfolgreich, kann jemand freundlich erzählen, wie es im Detail geht. Ich habe verschiedene Tutorials ausprobiert, aber nichts funktioniert, alles wird wieder auf eine Login-Seite umgeleitet.

Ich bin ein Neuling in Schienen Bitte helfen Sie dies.

Ich kann die Anmeldung nicht auf derselben Seite abrufen

Hier ist mein new.html.erb

%Vor%

Dies ist meine Kopfzeilenseite

%Vor%     
user3144005 30.12.2013, 21:50
quelle

1 Antwort

21

Erstens, wollen Sie ein Pop-up oder Pop-over ?

Pop-ups sind neue Windows und erinnern an 90er-Anzeigen, während Pop-Overs (manchmal Modal genannt) integrierte Elemente in der Benutzeroberfläche sind und im Grunde nur ein div auf einem dunklen Hintergrund sind

Alle Web 2.0-Seiten verwenden Pop-Overs, um die Benutzerfreundlichkeit zu verbessern, während Pop-ups die Erfahrung beeinträchtigen:)

Pop-Overs

Wir haben die von Ihnen gewünschte Funktionalität implementiert (klicken Sie oben auf dieser Entwicklungssite auf "Anmelden"

)

Es gibt mehrere Dinge, die Sie richtig machen müssen, damit dies funktioniert - ich werde sie hier für Sie genau beschreiben:

Routen

%Vor%

In einem ersten Schritt werden Ihre Routen sortiert.

Obwohl Devise über gute Routing-Dokumentation verfügt, müssen Sie Ihre Routen so anpassen, dass sie benutzerdefinierte session /% enthalten. co_de% Controller, sowie alle benutzerdefinierten Pfade, die Sie möchten

Der wichtigste Teil der Routen ist (Sie benötigen benutzerdefinierte Controller!):

%Vor%

Controller

Als Nächstes müssen Sie den Controllern registration und sessions eine Ajax-Antwortfunktionalität hinzufügen. Obwohl Devise diese Controller bei jeder Installation hinzufügt, bleiben sie verborgen, und wenn Sie Funktionalität hinzufügen möchten, müssen Sie sie erweitern

Hier sind unsere Sessions & amp; Registrierungs-Controller (LOTS dieses Codes können entfernt werden, aber es funktioniert jetzt für uns):

Sitzung

%Vor%

Registrierung

%Vor%

Formulare

Sobald Sie die Backend-Funktionalität hinzugefügt haben, müssen Sie Ihre Formulare AJAX-aktiviert machen. Das ist ziemlich einfach:

Anmeldung

%Vor%

Registrieren

%Vor%

JavaScript

Schließlich müssen Sie nur die Antworten von Ajax verarbeiten können:

Anmeldung

%Vor%

Registrieren

%Vor%     
Richard Peck 31.12.2013 09:48
quelle