gistfile1.txt

<% @wall.lists.order(:order).where(archived: false).each do |list| %>
                <div>
                    <div class="bc-snow bw-1 bs-solid borderColor-silver br-m js-ListOutline">
                        <div class="bc-snow pt-xxs pb-xxs pl-xs pr-xs br-m">
                            <h4 class="fs-l ls-s fw-5 os-none js-ListTitle js-PreventLineBreak js-SelectAll js-FluidLeading" contenteditable="true" placeholder="List title..." spellcheck="false"><%= list.name %></h4>
                        </div>
                        <div class="oy-auto js-ListScrollContainer">
                            <div class="pl-xs pr-xs">
                                <ul class="height-100 mt-fc js-CardsContainer js-Sortable margin-0 padding-0 lst-none">
                                    <% list.cards.order(:order).where(archived: false).each do |card| %>
                                        <li class="mt-xxxs js-CardContainer">
                                            <%= link_to card, class: 'position-relative display-block bc-white br-s padding-xs cursor-pointer os-none td-none color-charcoal bs-bevel bs-lightBlue--hover js-Card', :data => { :id => card.id, :order => card.order }, remote: true do %>
                                                <div class="position-absolute pinTL pl-xs">
                                                    <div class="inline ml-fc">
                                                        <% card.labels.each do |label| %>
                                                            <div class="ml-xxxs">
                                                                <div class="width-UIm bc-<%= label.color %>" title="<%= label.name %>" style="height: 3px;"></div>
                                                            </div>
                                                        <% end %>
                                                    </div>
                                                </div>
                                                <span class="fs-s ww-breakWord js-CardTitle js-FluidLeading"><%= card.title %></span>
                                            <% end %>
                                        </li>
                                    <% end %>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <%= link_to new_card_path, :method => :get, remote: true, class: 'display-block pt-xxs pb-xxs pl-xs pr-xs us-none width-100 bc-none ta-left bw-0 td-none color-steel color-blue--hover cursor-pointer os-none js-AddCardButton js-NewCardButtonContainer' do %>
                                <div class="display-tableCell va-middle pr-xxxs">
                                    <svg class="fill-steel" width="25" height="25" viewBox="0 0 25 25">
                                        <path d="M20 12h-7V5h-1v7H5v1h7v7h1v-7h7" fill-rule="evenodd"></path>
                                    </svg>
                                </div>
                                <div class="display-tableCell va-middle">
                                    <span class="fw-5 fs-s">Add card</span>
                                </div>
                            <% end %>
                        </div>
                    </div>
                </div>
            <% end %>