레일스가 정수 값 대신 진행 막대를 그립니다.

이제 Rails 웹 사이트의 관리 패널로 ActiveAdmin을 사용하고 있습니다. 팀의 인덱스 페이지에서 팀 점수를 정수로 표시합니다.레일스가 정수 값 대신 진행 막대를 그립니다.

Scores are shown as integer

대신 정수를 보여주는 정적 진행률 표시 줄을 표시 할 수있는 방법은 (100)의 규모가?

영어 불쌍한 학생들에게 죄송합니다. 당신의 도움을 주셔서 감사합니다.

2017-04-18 Pig and Cat

해결했습니다. 그래서 여기에 내가 무슨 짓을 :

내 Gemfile

gem 'bootstrap', '~> 4.0.0.alpha6'

서버를 다시 시작에 부트 스트랩 보석을 포함하고 지금

@import "bootstrap";

을 수행 할 수 있습니다 /app/assets/active_admin.scss하는 부트 스트랩을 가져 진행률 표시 줄이나 다른 구성 요소를 ActiveAdmin의 모든 페이지에 추가하십시오. 예를 들어 대시 보드 페이지의 경우 /app/admin/dashboard.rb에 다음 코드를 추가하십시오.

render html: "<div class='progress'><div class='progress-bar' role='progressbar' style='width: 25%;' aria-valuenow='25' aria-valuemax='100' aria-valuemin='0'>25%</div></div>".html_safe

출처

2017-04-19 02:23:58

정적 정수를 추가하면 진행률 막대가 동적으로 표시됩니다.

는 또한 루프가

<div class="progress"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="70" 
    aria-valuemin="0" aria-valuemax="100" style="width:70%"> 
    <span class="sr-only">"#{score}"</span> 
    </div> 
</div>

부트 스트랩 당신은이를 확인하실 수 있습니다

https://v4-alpha.getbootstrap.com/components/progress/

basic progress bar

진행 바의 몇 가지 유형을 제공,이 같은 같은 비트 무언가를 정의 할 필요가 맞춤 설정 : http://jasontruluck.org/blog/bootstrap/refile/images/ui/2015/04/07/Adding-Bootstrap-Progress-Bars-for-Refile.html

출처

2017-04-18 06:04:57

위 코드를 포함하도록 HTML 파일을 만들어야합니까? –

보기를 사용자 정의했습니다. https://github.com/activeadmin/activeadmin/tree/master/app –

레일스가 정수 값 대신 진행 막대를 그립니다.

답변

관련 문제