레드마인(Redmine) 플러그인 개발 가이드 - 8. 플러그인 뷰 꾸미기

by Tom posted Dec 30, 2015
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
이 문서는 Redmine 2.x 기반의 플러그인 개발 가이드입니다. 그리고 이 문서는 redmine.org의 플러그인 개발 가이드를 번역하였습니다. 

8. 플러그인 뷰 꾸미기

8.1 스타일시트 추가하기

플러그인에 스타일시트를 추가함으로써 플러그인의 뷰를 이쁘게 꾸밀 수 있습니다. 
먼저 voting.css 파일을 하나 생성합니다. 그리고 plugins/polls/assets/stylesheets 폴더에 이 파일을 위치 시킵니다. 
스타일시트의 예제는 다음과 같습니다. 

a.vote { font-size: 120%; }
a.vote.yes { color: green; }
a.vote.no  { color: red; }

레드마인의 어플리케이션이 시작되면, 플러그인 자원들은 자동적으로 public/plugin_assets/polls/로 복사되어 웹서버를 통해 이를 사용할 수 있게 됩니다. 스타일시트 혹은 자바스크립트가 변경되면 어플리케이션은 재시작해야 합니다. 

링크에의해 사용되어지기 때문에, plugins/polls/app/views/polls/index.html.erb 에 링크 선언을 해주어야 합니다. 

<%= link_to 'Yes', {:action => 'vote', :id => poll[:id], :answer => 'yes' }, :method => :post, :class => 'vote yes' %> (<%= poll.yes %>)
<%= link_to 'No', {:action => 'vote', :id => poll[:id], :answer => 'no' }, :method => :post, :class => 'vote no' %> (<%= poll.no %>)

그다음, index.html.erb 파일의 마지막에 다음 라인을 추가합니다. 다음 라인을 통해 레드마인의 페이지 헤더에 이 스타일시트가 포함될 수 있습니다. 

<% content_for :header_tags do %>
    <%= stylesheet_link_tag 'voting', :plugin => 'polls' %>
<% end %>

stylesheet_link_tag helper가 호출될때 :plugin => 'polls' 옵션이 필요하다는 것을 나타냅니다. 
자바스크립트는 javascript_include_tag helper가 호출될때 동일한 방법으로 include할 수 있습니다. 

8.2 페이지 타이틀 설정

html_title helper를 사용하면 HTML 타이틀을 설정할 수 있습니다. 예제는 다음과 같습니다.

  <% html_title "Polls" %>