[RUBY] Flash-Nachricht mit Gerät

Beschreibung mit haml

Beim Anmelden oder Abmelden wird eine Meldung wie "Angemeldet" angezeigt. "Abgemeldet". Kann oben auf dem Bildschirm angezeigt werden. Wenn Sie devise verwenden, wird die Nachricht, die beim Anmelden usw. angezeigt werden soll, automatisch im "Flash-Objekt" gespeichert.

Innerhalb des Flash-Objekts werden mehrere Nachrichten in den Formaten "Schlüssel" und "Wert" wie Hashes gespeichert.

① Bereiten Sie eine Ansicht für die Nachricht vor

Platzieren Sie die Ansichtsdatei _notifications.html.haml für Flash-Nachrichten in Ansichten / Layouts und laden Sie sie mit render in den Hauptteil von application.html.haml.

ruby:_notifications.html.haml


.Notification
  - flash.each do |key, value|
    = content_tag :div, value, class: key

ruby:application.html.haml


%body
    = render 'layouts/notifications'
    = yield

② Styling der Flash-Nachricht

Standardmäßig erstellt Flash zwei Tasten: "Hinweis" und "Alarm". Wenden Sie Stil auf jeden an

stylesheets/modules/_flash.scss


.Notification {
  .notice {
    background-color: #38AEF0;
    color: #fff;
    text-align: center;
  }

  .alert {
    background-color: #F35500;
    color: #fff;
    text-align: center;
  }
}

Bearbeiten Sie abschließend application.scss und laden Sie die erstellte Konfigurationsdatei

app/assets/stylesheets/application.scss


@import "modules/flash";

③ Japanische Lokalisierung der Nachricht

Erstellen Sie zunächst eine Datei für die japanische Lokalisierung Erstellen Sie neue Dateien mit den Namen "devise.ja.yml" und "ja.yml" im Ordner "config / locales".

Die Beschreibung wird auf der folgenden Website veröffentlicht. Kopieren Sie den gesamten Inhalt, fügen Sie ihn ein und speichern Sie ihn. devise.ja.yml ja.yml

Als nächstes bearbeiten wir application.rb und ändern die Spracheinstellung.

config/application.rb


  class Application < Rails::Application
    #~ Abkürzung ~
    config.i18n.default_locale = :ja
  end
end

Recommended Posts

Flash-Nachricht mit Gerät
Rails Flash-Nachricht
Überall versuchten Freeter, Geräte zu benutzen.
Implementieren Sie Benutzerverwaltungsfunktionen mit Devise
[Schienen] Verwalten Sie mehrere Modelle mit einem Edelstein
Implementierung der Benutzerauthentifizierungsfunktion mit devise (2)
Implementierung der Benutzerauthentifizierungsfunktion mit devise (1)
Implementierung der Benutzerauthentifizierungsfunktion mit devise (3)
Erhalten Sie eine Fehlermeldung mit einer beliebigen Methode