rails 4 — flash avis

Je travaille toujours sur mes rails 4 site de démo, et je vois une chose étrange. Dans le contrôleur, il a une ligne comme ceci:

format.html { redirect_to @widget, notice: 'Widget was successfully created.' }

Ce qui rend un message flash dans la redirection de la page, ce qui est prévu. Cependant, la classe css joint au message div est alert alert-notice plutôt qu'un valide Bootstrap alerte de classe, comme alert-info.

Où est la classe de ce flash, et comment puis-je le personnaliser?

Aussi, si je suis la suppression d'un enregistrement via ajax, il est un moyen d'accéder à la base de flash conteneur pour afficher le message via js, ou dois-je afficher /masquer mon propre message flash div juste pour les requêtes ajax?

EDIT: mon Michael Hartl inspiré layouts/application.html.erb:

<div class="container">
  <% flash.each do |key, value| %>
    <div class="alert alert-<%= key %>"><%= value %></div>
  <% end %>
  <%= yield %>
</div>

Merci!

EDIT 2:

Peut-être que je n'ai pas été assez clair dans ma question initiale. Je comprends exactement comment la classe est définie dans l'objet flash dans ce cas. Je suis intéressé à apprendre comment utiliser et personnaliser le notice: dans le format.html bloc. Il semble qu'il devrait être un moyen de passer d'une classe par le biais de cette avis? Ou n'est-ce pas un core Rails de chemin de faire les choses?

  • Cela dépend de votre point de vue. Regardez votre views/layouts/application.html.* fichier et de voir où il est rendu le flash de contenu.
  • Mais l'alerte alerte-avis EST valide classe de bootstrap. Vous pouvez toujours flash [:yourchoiceofalert] avant l'action de redirection
  • Vous pouvez avoir besoin de supprimer un échafaudage.css de vos biens, car il brouille certaines classes de bootstrap
  • getbootstrap.com/components/#alerts -- je ne vois pas d'alerte de l'avis en tant que classe valide. Ai-je raté quelque chose? Aussi, il n'y a pas d'échafaudage.css à mon actif. Merci!
  • Ouais, désolé, le préavis n'est pas un cas, ce que je voulais souligner, c'est que vous avez besoin d'avoir le mot d'alerte comme "alert alert- "classe"". Désolé pour trompeuses, devrais-je l'ai fait.
InformationsquelleAutor user101289 | 2014-03-21
  1. 39

    Dans application.html.erb, vous seriez de l'affichage de la flash messages.

    Mise à jour de ce code comme ci-dessous

      <% flash.each do |name, msg| %>
    <%= content_tag :div, msg, class: "alert alert-info" %>
  <% end %>

    Vous pouvez ajouter les classes que vous souhaitez appliquer au message flash dans la class option.

    MODIFIER

    La classe est la configuration que alert alert-notice en raison de alert alert-<%= key %> dans votre code.
    Lorsque vous appelez redirect_to @widget, notice: 'Widget was successfully created.

    Un message flash serait ajouté dans flash de hachage avec clé comme notice et de la valeur que Widget was successfully created., c'est à dire,

    flash[:notice] = "Widget was successfully created."

    EDIT #2

    format.html { redirect_to @widget, notice: 'Widget was successfully created.' }

    notice: 'Widget was successfully created.' est un argument transmis à redirect_to méthode. Il est ajouté à flash de hachage dans cette méthode.

    • merci, je me rends compte que c'est pourquoi la classe est appliquée. Je suppose que je me demande comment que notice: travaille dans le format bloc, et comment il est accessible et transformée en une flash plutôt que de passer un flash objet.
    • format bloc? Je ne suis pas vous.
    • Permet de discuter sur le chat chat.stackoverflow.com/rooms/48530/ror
    • Désolé, je voulais simplement dire la format.html bloc-- comment est-ce que notice: élément interprété, et où? Comment pouvez-vous définir une classe personnalisée pour le flash?
    • Voir l'EDIT #2 de l'article pour le notice: element get interpreted, question.
    • Si vous avez plus de questions, vous devriez poster une nouvelle question. Laissez les commentaires de discussion sur la question en cours, c'est à dire, Where is the class being set for this flash, and how do I customize it?

    InformationsquelleAutor Kirti Thorat
  2. 30

    Ajouter à

    app/controllers/application_controller.rb

    class ApplicationController
  add_flash_types :success, :warning, :danger, :info
end

    et puis vous pouvez le faire dans votre contrôleurs

    format.html { redirect_to @widget, success: 'Widget was successfully created.' }

    à condition que vous avez cela dans vos mises en page

    <div class="container">
  <% flash.each do |key, value| %>
    <div class="alert alert-<%= key %>"><%= value %></div>
  <% end %>
  <%= yield %>
</div>
    InformationsquelleAutor Sachin Mour
  3. 1

    Si vous ne voulez pas gâcher avec votre ApplicationController comme @Sachin Mour indiqué, vous pouvez simplement ajouter un peu plus d'CSS clases, en conséquence:

    dans app/assets/stylesheets/custom.scss:

    /*flash*/
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    text-align: left;
 }

.alert-alert {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    text-align: left;
 }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    text-align: left;
 }

.alert-notice {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    text-align: left;
 }

    Étape par étape tutoriel, comment aborder les messages flash avec de concevoir et de bootstrap, vous pouvez trouver ici

    InformationsquelleAutor w1t3k