Добавьте $ рядом с вводом цены пользователем - PullRequest
Новая
       8

Добавьте $ рядом с вводом цены пользователем

0 голосов
/ 30 сентября 2018

У меня есть сайт рецептов, сделанный с рельсами и немного хамла на c9.io.На странице показа я хотел бы отобразить цену, введенную пользователем, в простой форме со знаком доллара рядом с ним.Я попытался использовать тег <p>, однако знак доллара появляется в другой строке.

Вот мой файл show.html.haml: 

#post_show
%h1= @post.title
%p.username
    Shared by
    = @post.user.name
    about
    = time_ago_in_words(@post.created_at)
.clearfix
    .post_image_description
        = image_tag @post.image.url(:medium)
        .description= simple_format(@post.description)
        %h6 Notes:
        .notes= simple_format(@post.notes)
        %h6 Price:
        %p
        .price= (@post.price) 


    .post_data
        = link_to "Visit Link", @post.link, class: "button", target: "_blank"
        = link_to like_post_path(@post), method: :get, class: "data" do
            %i.fa.fa-thumbs-o-up
            = pluralize(@post.get_upvotes.size, "Like")
        = link_to dislike_post_path(@post), method: :get, class: "data" do
            %i.fa.fa-thumbs-o-down
            = pluralize(@post.get_downvotes.size, "Dislike")
        %p.data
            %i.fa.fa-comments-o
            = pluralize(@post.comments.count, "Comment")
        - if @post.user == current_user
            = link_to "Edit", edit_post_path(@post), class: "data"
            = link_to "Delete", post_path(@post), method: :delete, data: { confirm: "Are you sure?" }, class: "data"
    #random_post
        %h3 Check this out
        .post   
            .post_image 
                = link_to (image_tag @random_post.image.url(:small)), post_path(@random_post)
                .post_content
                    .title
                        %h2= link_to @random_post.title, post_path(@random_post)

                    .data.clearfix
                        %p.username
                            Share by
                            = @random_post.user.name
                        %p.buttons
                            %span
                                %i.fa.fa-comments-o
                                = @random_post.comments.count
                            %span
                                %i.fa.fa-thumbs-o-up
                                = @random_post.get_likes.size
 #comments
    %h2.comment_count= pluralize(@post.comments.count, "Comment")
        - @comments.each do |comment|
            .comment
                %p.username= comment.user.name
                %p.content= comment.content
        %h2 Share your opinion:
        = render "comments/form"

А вот форма моих сообщений.html.haml: 

    %div.container
  = simple_form_for @post do |f|
    = f.input :image
    = f.input :title
    = f.input :link
    = f.input :description
    = f.input :notes
    = f.input :price
    %br
    = f.button :submit, class: "btn btn-info"

Помощь будет принята с благодарностью.

РЕДАКТИРОВАТЬ: Итак, я добавил следующее: 

%span .input-group-addon $ .price= (@post.price)

Однако долларзнак находится в верхней строке, а цена - в нижней.

Ответы [ 2 ]

0 голосов
/ 30 сентября 2018

Ввод Haml с предшествующим знаком доллара просто включите в свой код так, как вы хотите: Или просто используйте классы: 

.input-group
  %span.input-group-addon $
  %input.form-control{:placeholder => "Price", :type => "text"}/

Похоже: http://jsfiddle.net/s6Xu6/1/

0 голосов
/ 30 сентября 2018

p - это содержимое блока, поэтому по умолчанию в html появится новая строка.Вы можете справиться с этим с помощью CSS или использовать что-то встроенное, например, тег span

...