Haml syntaxe: diviser une ligne pour un couple de lignes

- Je utiliser HAML dans mon rails de projet pour mes modèles html.
Je voudrais savoir si ses possible de diviser une ligne très longue et en faire un couple de lignes:

%a.open-service{href: '#', data: {
  service_name: service.description,
  balance_type: "coinsurance",
  total: service.a_total_billed - service.a_rejected - service.a_not_covered, 
  discount: service} }

Comme vous pouvez le voir, je veux juste avoir un point d'ancrage avec le href et certains attributs data -, et d'en faire une ligne de ne pas être un peu de code.
Mais quand je le fais comme ci-dessus, j'obtiens une erreur: "Déséquilibré entre parenthèses."

toute aide?

InformationsquelleAutor benams | 2012-12-18
  1. 30

    Nouvelles lignes peuvent être placés après les virgules, selon le Haml documentation. Alors, peut-être quelque chose comme la suivante devrait fonctionner:

    %a.open-service{href: '#', 
                data: { service_name: service.description,
                        balance_type: "coinsurance",
                        total: service.a_total_billed - service.a_rejected - service.a_not_covered, 
                        discount: service} }
    InformationsquelleAutor Paul Fioravanti
  2. 8

    Je crois que vous pouvez y parvenir avec l'aide de |. Vous pouvez lire à ce sujet dans le haml documentation ici.

    • Son intentionnelle akward, mais la seule façon de briser les attributs de tous les temps. C'est à dire. la première ligne contient le premier attribut avant la virgule qui est déjà trop long pour un linter etc.
    InformationsquelleAutor Mikhail Nikalyukin
  3. 3

    Vous pouvez toujours casser votre ligne après les virgules. Donc, si vous avez eu ce:

    %div.panel
  .panel-body
    = column_chart @consumptions.filter_by_meter(params[:meter]).filter_by_appliance(params[:appliance]).where('start > ?', Time.now - 1.month).group_by_day(:start, format: '%d').sum(:power), colors: ["#7FC564"], title: 'Últimos 30 dias', library: { chartArea: { left: 60, top: 20, width: '95%', height: '85%' }, hAxis: { textPosition: 'bottom', textStyle: { fontSize: 12 }, minTextSpacing: 2 }, vAxis: { textPosition: 'left', format: '# kWh' } }

    Vous pouvez, tout d'abord, les lignes de cassure sur chaque virgule pour entrer dans cette:

    %div.panel
  .panel-body
    = column_chart @consumptions.filter_by_meter(params[:meter]).filter_by_appliance(params[:appliance]).where('start > ?', Time.now - 1.month).group_by_day(:start, format: '%d').sum(:power),
      colors: ["#7FC564"],
      title: 'Últimos 30 dias',
      library: { chartArea: { left: 60, top: 20, width: '95%', height: '85%' },
      hAxis: { textPosition: 'bottom', textStyle: { fontSize: 12 }, minTextSpacing: 2 },
      vAxis: { textPosition: 'left', format: '# kWh' } |

    Encore, la première ligne est trop grand! Pas de problème. Le caractère peut désigner une multiligne chaîne.

    Il est placé à la fin d'une ligne (d'après certains espaces) et signifie que toutes les lignes suivantes à la fin avec | seront évalués comme s'ils étaient sur la même ligne. Donc, si vous voulez obtenir enfin:

    %div.panel
  .panel-body
    = column_chart @consumptions.filter_by_meter(params[:meter]) |
      .filter_by_appliance(params[:appliance]) |
      .where('start > ?', Time.now - 1.month) |
      .group_by_day(:start, format: '%d') |
      .sum(:power), |
      colors: ["#7FC456"],
      title: 'Últimos 30 dias',
      library: { chartArea: { left: 60, top: 20, width: '95%', height: '85%' },
      hAxis: { textPosition: 'bottom', textStyle: { fontSize: 12 }, minTextSpacing: 2 },
      vAxis: { textPosition: 'left', format: '# kWh' } |

    Noter que, même à la dernière ligne dans le multiligne bloc doit se terminer par |.

    Espère que cela aide!

    InformationsquelleAutor Flavio Wuensche
  4. 2

    Je viens de tombé sur cette question, j'ai eu le même problème mais que la réponse ne m'aide pas. Je suis juste en appuyant sur Mikhail réponse. Si vous avez de très longue attributs qui ne sont pas séparés par des virgules (dire que vous êtes en utilisant quelque chose comme angularjs), vous pouvez le diviser sur plusieurs lignes en ajoutant + | à la fin de chaque ligne (y compris la dernière ligne de ce multiligne bloc, qui est la partie la plus délicate).

    Comme cela :

    %select{ ng: { model: "my_model_name",
             options: "myitem as myitem.formattedName for myitem in container.item_list() | " + |
                      "without: another_list.item_list()" }}                                    |

    Vous pouvez lire à ce sujet en HAML documentation.

    InformationsquelleAutor Pierre-Adrien Buisson
  5. 1

    Parfois Multiligne dans HAML peut avoir à peu près rien à voir avec l'ajout de rails de code, car certains éléments ont besoin d'avoir beaucoup d'attributs, tels que la Bootstrap Barre De Progression, et il suffit de regarder hideux sur une seule ligne.

    Cela me donnait mal à la tête:

    .progress
  .progress-bar.progress-bar-striped.progress-bar-success{ |
                  role: "progressbar",                     |
                  aria: {                                  |
                    valuenow: "#{@percent}",               |
                    valuemin: "0",                         |
                    valuemax: "100",                       |
                  },                                       |
                  style: "width: #{@percent}%;" }          |
    = "#{@percent}%"

    Et voilà la solution à mon problème:

    .progress
  .progress-bar { class: "progress-bar-striped progress-bar-success",
                  role: "progressbar",
                  aria: { valuenow: "#{@percent}",
                          valuemin: "0",
                          valuemax: "100", 
                  },
                  style: "width: #{@percent}%;" }
    = "#{@percent}%"

    Veuillez noter que, même sans le pipebar lignes, tant que la ligne précédente terminée par une virgule, et pas de ligne est terminée par un crochet ouvert,

    InformationsquelleAutor Okomikeruko