Как правильно создать прогресс в процентах для чего либо?

Question

[lavezzi1]

Допустим нужно посчитать, сколько страниц было прочитано в процентах и вывести ввиде progress bar.
Мои мысли:
1.Добавляем в модель Book.rb колонку progress:integer и pages:integer
2. Допустим, создаем книгу и пишем 700 страниц.
3. Выводим прогресс во вьюху так:

<% @progress = @user.progress.count/pages.count * 100 %>

Подскажите, пожалуйста, как это реализовать.

Answer 1

[Андрей Никифоров]

Book.rb

def percentage
  (progress.to_f / pages * 100).round
end

В случае, если User has_one :book

<progress value="<%= @user.book.percentage %>" max="100"></progress>

В случае, если User has_many :books

<progress value="<%= @user.books.first.percentage %>" max="100"></progress>

Вместо books.first нужно правильное условие, по которому выбрать конкретную книгу.

Comments

[lavezzi1]

Спасибо. Ничего не использую. Всем сам верстаю. Но есть ли какие нибудь примеры\наработки для подобного? С JS плохо..

[lavezzi1]

И как в модели этот код написать? как вывести во вьюху потом?

[Андрей Никифоров]

lavezzi1: htmlbook.ru/blog/sozdanie-i-stilizaciya-indikatora...

[Андрей Никифоров]

lavezzi1: Ну как, как. В модели определяете метод какой-нибудь там read_percentage, в вьюхе дергаете его: @user. read_percentage. В прогресс-бар подставляете значение в нужное поле.

[lavezzi1]

Хорошо. Добавил
def percentage
@percentage = @book.progress.count.to_f/@book.pages.count.to_f * 100
end

В вьюху

< strong > My progress :< / strong >
< % @ percentage % >

[lavezzi1]

Андрей Никифоров: Поле пустое. не работает. В чем может быть дело?

[Андрей Никифоров]

lavezzi1: Посмотрите ответ, обновил.

[lavezzi1]

Андрей Никифоров: В Book (belongs_ to :user), в User (has_many :books)

[lavezzi1]

Андрей Никифоров: Посмотрел, спасибо. Попробовал второй вариант, в моем случае. Ошибка undefined method `books' for nil:NilClass

[lavezzi1]

Попробовал так - та же ошибка
def current_book
@current_book = Book.find(params[:id])
end

[Андрей Никифоров]

lavezzi1: так вы @user-то загрузите. Как вы его получаете?

[lavezzi1]

Андрей Никифоров: Куда?

[lavezzi1]

Для пользователей у меня Devise. Как все же вывести всю эту информацию? Подскажите, пожалуйста

[Андрей Никифоров]

lavezzi1: Покажите action для вьюхи, в которую вы хотите вывести porgress bar.

[Андрей Никифоров]

lavezzi1: В таком случае используйте @book.percentage во вьюхе. Вы передаете во вьюху только переменную @book/@books для index, вот ее и используйте. В случае index у вас скорее всего @books.each, так что в each-блоке дергайте book.percentage, вот и все. HTML-код я привел в ответе, просто подставьте нужный метод в value.

Из вашего вопроса это было совсем неочевидно, поэтому я потратил столько времени, чтобы понять проблему.

[lavezzi1]

Андрей Никифоров: Спасибо, работает! НО вылезла проблема. Если у книги не указано кол-во страниц и прогресс, то вот такая ошибка "nil can't be coerced into Float". Как обойти?

[lavezzi1]

Андрей Никифоров: Можно конечно валидацию сделать, чтобы поле пустое не оставляли...наверное это единственный метод. Дефолтные значения тоже не подставишь...верно?

[Андрей Никифоров]

lavezzi1: Попробуйте в метод percentage первой строчкой добавить return 0 unless pages || pages == 0 , это должно помочь. Правда это логический костыль, по хорошему нужно проверять, что у каждой книги должно быть проставлено количество страниц и что оно больше 0.

[lavezzi1]

Андрей Никифоров: Да, работает. Благодарю вас!