【Rails】 학습 앱의 진행 상황을 progress bar로 표현
실현하고 싶은 것
학습 앱 작성에 있어서 사용자의 개인 페이지(user_controller의 show 액션)에 일주일, 얼마나 학습을 실시했는지를 html의 progress 태그로 보이게 한다.
이번에는 answer 모델에 각각의 학습 내용이 보존되어 있어 answer의 작성수를 카운트하고, 그것을 학습량의 산출 기준으로 한다.
이미지도(아래)
구현 흐름
①user에 붙인 answer모델로부터 일주일분의 데이터를 배열로서 꺼낸다.
②①에서 꺼낸 데이터로부터 한번 더 요일만을 배열로 꺼낸다.
③ show.html.erb 내의 progress 태그, value 속성의 값에 ②의 배열의 수를 대입한다.
실제 코드
def show
@wdays = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
@contributions = @user.answers.where(created_at: Time.current.all_week)
@contributions = @contributions.map{|days| days.created_at.strftime('%a')}
end
@wdays 에 요일을 배열로 저장.
where(created_at: Time.current.all_week)로 일주일 이내의 날에 포함되는 created_at를 가지는 데이터를 검색할 수 있다.
created_at.strftime('%a')에서 요일만 검색할 수 있습니다.
show.html.erb<% @wdays.each do |day| %>
<section>
<span><%= day %></span><progress value=<%="#{@contributions.count{|i| i == day}}" %> max="30"></progress>
<span><%="#{@contributions.count{|i| i == day}}" %></span></section>
<% end %>
progress 태그의 value 속성에 answer의 몇 분의 요일이 포함되어 있습니다 @contributions .
Reference
이 문제에 관하여(【Rails】 학습 앱의 진행 상황을 progress bar로 표현), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Yuya-hs/items/5f97280146532f901e6b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
①user에 붙인 answer모델로부터 일주일분의 데이터를 배열로서 꺼낸다.
②①에서 꺼낸 데이터로부터 한번 더 요일만을 배열로 꺼낸다.
③ show.html.erb 내의 progress 태그, value 속성의 값에 ②의 배열의 수를 대입한다.
실제 코드
def show
@wdays = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
@contributions = @user.answers.where(created_at: Time.current.all_week)
@contributions = @contributions.map{|days| days.created_at.strftime('%a')}
end
@wdays 에 요일을 배열로 저장.
where(created_at: Time.current.all_week)로 일주일 이내의 날에 포함되는 created_at를 가지는 데이터를 검색할 수 있다.
created_at.strftime('%a')에서 요일만 검색할 수 있습니다.
show.html.erb<% @wdays.each do |day| %>
<section>
<span><%= day %></span><progress value=<%="#{@contributions.count{|i| i == day}}" %> max="30"></progress>
<span><%="#{@contributions.count{|i| i == day}}" %></span></section>
<% end %>
progress 태그의 value 속성에 answer의 몇 분의 요일이 포함되어 있습니다 @contributions .
Reference
이 문제에 관하여(【Rails】 학습 앱의 진행 상황을 progress bar로 표현), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Yuya-hs/items/5f97280146532f901e6b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
def show
@wdays = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
@contributions = @user.answers.where(created_at: Time.current.all_week)
@contributions = @contributions.map{|days| days.created_at.strftime('%a')}
end
<% @wdays.each do |day| %>
<section>
<span><%= day %></span><progress value=<%="#{@contributions.count{|i| i == day}}" %> max="30"></progress>
<span><%="#{@contributions.count{|i| i == day}}" %></span></section>
<% end %>
Reference
이 문제에 관하여(【Rails】 학습 앱의 진행 상황을 progress bar로 표현), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Yuya-hs/items/5f97280146532f901e6b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)