Project

General

Profile

Plugin Tutorial » History » Revision 98

Revision 97 (@ go2null, 2015-01-15 00:15) → Revision 98/119 (Denis Savitskiy, 2015-01-22 19:01)

h1. Plugin Tutorial 

 This tutorial is based on Redmine 2.x. You can view a previous version of this tutorial for Redmine 1.x "here":/projects/redmine/wiki/Plugin_Tutorial?version=66. 
 It assumes that you're familiar with the Ruby on Rails framework. 

 {{>toc}} 

 h2. Creating a new Plugin 
 
 You may need to set the RAILS_ENV variable in order to use the command below: 

 <pre> 
 $ export RAILS_ENV="production" 
 </pre> 

 On windows: 

 <pre> 
 $ set RAILS_ENV=production 
 </pre> 

 Creating a new plugin can be done using the Redmine plugin generator. 
 Syntax for this generator is: 

 <pre>ruby script/rails generate redmine_plugin <plugin_name></pre> 

 So open up a command prompt and "cd" to your redmine directory, then execute the following command: 

 <pre> 
 $ ruby script/rails generate redmine_plugin Polls 
       create    plugins/polls/app 
       create    plugins/polls/app/controllers 
       create    plugins/polls/app/helpers 
       create    plugins/polls/app/models 
       create    plugins/polls/app/views 
       create    plugins/polls/db/migrate 
       create    plugins/polls/lib/tasks 
       create    plugins/polls/assets/images 
       create    plugins/polls/assets/javascripts 
       create    plugins/polls/assets/stylesheets 
       create    plugins/polls/config/locales 
       create    plugins/polls/test 
       create    plugins/polls/README.rdoc 
       create    plugins/polls/init.rb 
       create    plugins/polls/config/routes.rb 
       create    plugins/polls/config/locales/en.yml 
       create    plugins/polls/test/test_helper.rb 
 </pre> 

 The plugin structure is created in @plugins/polls@. Edit @plugins/polls/init.rb@ to adjust plugin information (name, author, description and version): 

 <pre><code class="ruby"> 
 Redmine::Plugin.register :polls do 
   name 'Polls plugin' 
   author 'John Smith' 
   description 'A plugin for managing polls' 
   version '0.0.1' 
 end 
 </code></pre> 

 Then restart the application and point your browser to http://localhost:3000/admin/plugins. 
 After logging in, you should see your new plugin in the plugins list: 

 p=. !plugins_list1.png! 

 Note: any change to the @init.rb@ file of your plugin requires to restart the application as it is not reloaded on each request. 

 h2. Generating a model 

 For now plugin doesn't store anything. Let's create a simple Poll model for our plugin. Syntax is: 

 <pre> 
    ruby script/rails generate redmine_plugin_model <plugin_name> <model_name> [field[:type][:index] field[:type][:index] ...] 
 </pre> 

 So, go to the command prompt and run: 

 <pre> 
 $ ruby script/rails generate redmine_plugin_model polls poll question:string yes:integer no:integer 
       create    plugins/polls/app/models/poll.rb 
       create    plugins/polls/test/unit/poll_test.rb 
       create    plugins/polls/db/migrate/001_create_polls.rb 
 </pre> 

 This creates the Poll model and the corresponding migration file @001_create_polls.rb@ in @plugins/polls/db/migrate@: 

 <pre><code class="ruby"> 
 class CreatePolls < ActiveRecord::Migration 
   def change 
     create_table :polls do |t| 
       t.string :question 
       t.integer :yes, :default => 0 
       t.integer :no, :default => 0 
     end 
   end 
 end 
 </code></pre> 

 You can adjust your migration file (eg. default values...) then migrate the database using the following command: 

 <pre> 
 $ rake redmine:plugins:migrate 

 Migrating polls (Polls plugin)... 
 ==    CreatePolls: migrating ==================================================== 
 -- create_table(:polls) 
    -> 0.0410s 
 ==    CreatePolls: migrated (0.0420s) =========================================== 
 </pre> 

 Note that each plugin has its own set of migrations. 

 Lets add some Polls in the console so we have something to work with.    The console is where you can interactively work and examine the Redmine environment and is very informative to play around in.    But for now we just need create two Poll objects 

 <pre> 
 ruby script/rails console 
 [rails 3] rails console 
 >> Poll.create(:question => "Can you see this poll") 
 >> Poll.create(:question => "And can you see this other poll") 
 >> exit 
 </pre> 

 Edit @plugins/polls/app/models/poll.rb@ in your plugin directory to add a #vote method that will be invoked from our controller: 

 <pre><code class="ruby"> 
 class Poll < ActiveRecord::Base 
   def vote(answer) 
     increment(answer == 'yes' ? :yes : :no) 
   end 
 end 
 </code></pre> 

 h2. Generating a controller 

 For now, the plugin doesn't do anything. So let's create a controller for our plugin. 
 We can use the plugin controller generator for that. Syntax is: 

 <pre>ruby script/rails generate redmine_plugin_controller <plugin_name> <controller_name> [<actions>]</pre> 

 So go back to the command prompt and run: 

 <pre> 
 $ ruby script/rails generate redmine_plugin_controller Polls polls index vote 
       create    plugins/polls/app/controllers/polls_controller.rb 
       create    plugins/polls/app/helpers/polls_helper.rb 
       create    plugins/polls/test/functional/polls_controller_test.rb 
       create    plugins/polls/app/views/polls/index.html.erb 
       create    plugins/polls/app/views/polls/vote.html.erb 
 </pre> 

 A controller @PollsController@ with 2 actions (@#index@ and @#vote@) is created. 

 Edit @plugins/polls/app/controllers/polls_controller.rb@ to implement these 2 actions. 

 <pre><code class="ruby"> 
 class PollsController < ApplicationController 
   unloadable 

   def index 
     @polls = Poll.all 
   end 

   def vote 
     poll = Poll.find(params[:id]) 
     poll.vote(params[:answer]) 
     if poll.save 
       flash[:notice] = 'Vote saved.' 
     end 
     redirect_to :action => 'index' 
   end 
 end 
 </code></pre> 

 Then edit @plugins/polls/app/views/polls/index.html.erb@ that will display existing polls: 

 <pre><code class="erb"> 
 <h2>Polls</h2> 

 <% @polls.each do |poll| %> 
   <p> 
   <%= poll.question %>? 
   <%= link_to 'Yes', { :action => 'vote', :id => poll[:id], :answer => 'yes' }, :method => :post %> (<%= poll.yes %>) / 
   <%= link_to 'No', { :action => 'vote', :id => poll[:id], :answer => 'no' }, :method => :post %> (<%= poll.no %>) 
   </p> 
 <% end %> 
 </code></pre> 

 You can remove @plugins/polls/app/views/polls/vote.html.erb@ since no rendering is done by the @#vote@ action. 

 h3. Adding routes 

 Redmine does not provide the default wildcard route (@':controller/:action/:id'@). Plugins have to declare the routes they need in their proper @config/routes.rb@ file. So edit @plugins/polls/config/routes.rb@ to add the 2 routes for the 2 actions: 

 <pre><code class="ruby"> 
 get 'polls', :to => 'polls#index' 
 post 'post/:id/vote', :to => 'polls#vote' 
 </code></pre> 

 You can find more information about Rails routes here: http://guides.rubyonrails.org/routing.html. 

 Now, restart the application and point your browser to http://localhost:3000/polls. 
 You should see the 2 polls and you should be able to vote for them: 

 p=. !pools1.png! 

 h2. Internationalization 

 The translation files must be stored in config/locales, eg. @plugins/polls/config/locales/@. 

 h2. Extending menus 

 Our controller works fine but users have to know the url to see the polls. Using the Redmine plugin API, you can extend standard menus. 
 So let's add a new item to the application menu. 

 h3. Extending the application menu 

 Edit @plugins/polls/init.rb@ at the root of your plugin directory to add the following line at the end of the plugin registration block: 

 <pre><code class="ruby"> 
 Redmine::Plugin.register :redmine_polls do 
   [...] 
  
   menu :application_menu, :polls, { :controller => 'polls', :action => 'index' }, :caption => 'Polls' 
 end 
 </code></pre> 

 Syntax is: 

   menu(menu_name, item_name, url, options={}) 

 There are five menus that you can extend: 

 * @:top_menu@ - the top left menu 
 * @:account_menu@ - the top right menu with sign in/sign out links 
 * @:application_menu@ - the main menu displayed when the user is not inside a project 
 * @:project_menu@ - the main menu displayed when the user is inside a project 
 * @:admin_menu@ - the menu displayed on the Administration page (can only insert after Settings, before Plugins) 

 Available options are: 

 * @:param@ - the parameter key that is used for the project id (default is @:id@) 
 * @:if@ - a Proc that is called before rendering the item, the item is displayed only if it returns true 
 * @:caption@ - the menu caption that can be: 

   * a localized string Symbol 
   * a String 
   * a Proc that can take the project as argument 

 * @:before@, @:after@ - specify where the menu item should be inserted (eg. @:after => :activity@) 
 * @:first@, @:last@ - if set to true, the item will stay at the beginning/end of the menu (eg. @:last => true@) 
 * @:html@ - a hash of html options that are passed to @link_to@ when rendering the menu item 

 In our example, we've added an item to the application menu which is emtpy by default. 
 Restart the application and go to http://localhost:3000: 

 p=. !application_menu.png! 

 Now you can access the polls by clicking the Polls tab from the welcome screen. 

 h3. Extending the project menu 

 Now, let's consider that the polls are defined at project level (even if it's not the case in our example poll model). So we would like to add the Polls tab to the project menu instead. 
 Open @init.rb@ and replace the line that was added just before with these 2 lines: 

 <pre><code class="ruby"> 
 Redmine::Plugin.register :redmine_polls do 
   [...] 

   permission :polls, { :polls => [:index, :vote] }, :public => true 
   menu :project_menu, :polls, { :controller => 'polls', :action => 'index' }, :caption => 'Polls', :after => :activity, :param => :project_id 
 end 
 </code></pre> 

 The second line adds our Polls tab to the project menu, just after the activity tab. The first line is required and declares that our 2 actions from @PollsController@ are public. We'll come back later to explain this with more details. Restart the application again and go to one of your projects: 

 p=. !project_menu.png! 

 If you click the Polls tab (in 3rd position), you should notice that the project menu is no longer displayed. 
 To make the project menu visible, you have to initialize the controller's instance variable @@project@. 

 Edit your PollsController to do so: 

 <pre><code class="ruby"> 
 def index 
   @project = Project.find(params[:project_id]) 
   @polls = Poll.find(:all) # @project.polls 
 end 
 </code></pre> 

 The project id is available in the @:project_id@ param because of the @:param => :project_id@ option in the menu item declaration above. 

 Now, you should see the project menu when viewing the polls: 

 p=. !project_menu_pools.png! 

 h2. Adding new permissions 

 For now, anyone can vote for polls. Let's make it more configurable by changing the permission declaration. 
 We're going to declare 2 project based permissions, one for viewing the polls and an other one for voting. These permissions are no longer public (@:public => true@ option is removed). 

 Edit @plugins/polls/init.rb@ to replace the previous permission declaration with these 2 lines: 

 <pre><code class="ruby"> 
   permission :view_polls, :polls => :index 
   permission :vote_polls, :polls => :vote 
 </code></pre> 

 Restart the application and go to http://localhost:3000/roles/permissions: 

 p=. !permissions1.png! 

 You're now able to give these permissions to your existing roles. 

 Of course, some code needs to be added to the PollsController so that actions are actually protected according to the permissions of the current user. For this, we just need to append the @:authorize@ filter and make sure that the @project instance variable is properly set before calling this filter. 

 Here is how it would look like for the @#index@ action: 

 <pre><code class="ruby"> 
 class PollsController < ApplicationController 
   unloadable 
  
   before_filter :find_project, :authorize, :only => :index 

   [...] 
  
   def index 
     @polls = Poll.find(:all) # @project.polls 
   end 

   [...] 
  
   private 
  
   def find_project 
     # @project variable must be set before calling the authorize filter 
     @project = Project.find(params[:project_id]) 
   end 
 end 
 </code></pre> 

 Retrieving the current project before the @#vote@ action could be done using a similar way. 
 After this, viewing and voting polls will be only available to admin users or users that have the appropriate role on the project. 

 If you want to display the symbols of your permissions in a multilangual way, you need to add the necessary text labels in a language file. 
 Simply create an *.yml (eg. @en.yml@) file in @plugins/polls/config/locales@ and fill it with labels like this: 

 <pre><code class="yaml"> 
 "en": 
   permission_view_polls: View Polls 
   permission_vote_polls: Vote Polls 
 </code></pre> 

 In this example the created file is known as @en.yml@, but all other supported language files are also possible too. 
 As you can see on the example above, the labels consists of the permission symbols @:view_polls@ and @:vote_polls@ with an additional @permission_@ added at the front.  

 Restart your application and point the permission section. 

 h2. Creating a project module 

 For now, the poll functionality is added to all your projects. But you may want to enable polls for some projects only. 
 So, let's create a 'Polls' project module. This is done by wrapping the permissions declaration inside a call to @#project_module@. 

 Edit @init.rb@ and change the permissions declaration: 

 <pre><code class="ruby"> 
   project_module :polls do 
     permission :view_polls, :polls => :index 
     permission :vote_polls, :polls => :vote 
   end 
 </code></pre> 

 Restart the application and go to one of your project settings. 
 Click on the Modules tab. You should see the Polls module at the end of the modules list (disabled by default): 

 p=. !modules.png! 

 You can now enable/disable polls at project level. 

 h2. Improving the plugin views 

 h3. Adding stylesheets 

 Let's start by adding a stylesheet to our plugin views. 
 Create a file named @voting.css@ in the @plugins/polls/assets/stylesheets@ directory: 

 <pre><code class="css"> 
 a.vote { font-size: 120%; } 
 a.vote.yes { color: green; } 
 a.vote.no    { color: red; } 
 </code></pre> 

 When starting the application, plugin assets are automatically copied to @public/plugin_assets/polls/@ to make them available through your web server. So any change to your plugin stylesheets or javascripts needs an application restart. 

 The introduced classes need to be used by the links. So change in file @plugins/polls/app/views/polls/index.html.erb@ the link declarations to: 

 <pre><code class="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 %>) 
 </code></pre> 

 Then, append the following lines at the end of @index.html.erb@ so that your stylesheet get included in the page header by Redmine: 

 <pre><code class="erb"> 
 <% content_for :header_tags do %> 
     <%= stylesheet_link_tag 'voting', :plugin => 'polls' %> 
 <% end %> 
 </code></pre> 

 Note that the @:plugin => 'polls'@ option is required when calling the @stylesheet_link_tag@ helper. 

 Javascripts can be included in plugin views using the @javascript_include_tag@ helper in the same way. 

 h3. Setting page title 

 You can set the HTML title from inside your views by using the @html_title@ helper. 
 Example: 

 <pre><code class="erb"> 
   <% html_title "Polls" %> 
 </code></pre> 

 h2. Using hooks 

 h3. Hooks in views 

 Hooks in Redmine views lets you insert custom content to regular Redmine views. For example, looking at source:tags/2.0.0/app/views/projects/show.html.erb#L52 shows that there are 2 hooks available: one named @:view_projects_show_left@ for adding content to the left part and one named @:view_projects_show_right@ for adding content to the right part of the view. 

 To use one or more hooks in views, you need to create a class that inherits from @Redmine::Hook::ViewListener@ and implement methods named with the hook(s) you want to use. To append some content to the project overview, add a class to your plugin and require it in your @init.rb@, then implement methods whose name match the hook names. 

 For our plugin create a file @plugins/polls/lib/polls_hook_listener.rb@ with this content: 

 <pre><code class="ruby"> 
 class PollsHookListener < Redmine::Hook::ViewListener 
   def view_projects_show_left(context = {}) 
     return content_tag("p", "Custom content added to the left") 
   end 

   def view_projects_show_right(context = {}) 
     return content_tag("p", "Custom content added to the right") 
   end 
 end 
 </code></pre> 

 Prepend this line to @plugins/polls/init.rb@: 

 <pre><code class="ruby"> 
 require_dependency 'polls_hook_listener' 
 </code></pre> 

 Restart Redmine and have a look into the overview tab of a project. You should see the strings on the left and the right side in the overview. 

 You can also use the @render_on@ helper to render a partial. In our plugin you have to replace the just created content in @plugins/polls/lib/polls_hook_listener.rb@ with: 

 <pre><code class="ruby"> 
 class PollsHookListener < Redmine::Hook::ViewListener 
   render_on :view_projects_show_left, :partial => "polls/project_overview" 
 end 
 </code></pre> 

 Add the partial to your plugin by creating the file @app/views/polls/_project_overview.html.erb@. Its content (use some text like 'Message from Hook!') will be appended to the left part of the project overview. Don't forget to restart Redmine. 

 h3. Hooks in controllers 

 TODO 

 

 h2. Making your plugin configurable 

 Each plugin registered with Redmine is displayed on the admin/plugins page. Support for a basic configuration mechanism is supplied by the Settings controller. This feature is enabled by adding the "settings" method to the plugin registration block in a plugin's init.rb file. 

 <pre><code class="ruby"> 
 Redmine::Plugin.register :redmine_polls do 
   [ ... ] 

   settings :default => {'empty' => true}, :partial => 'settings/poll_settings' 
 end 
 </code></pre> 

 Adding this will accomplish two things. First, it will add a "Configure" link to the description block for the plugin in the admin/plugins list. Following this link will cause a common plugin configuration template view to be loaded which will in turn render the partial view referenced by :partial. Calling the settings method will also add support in the Setting module for the plugin. The Setting model will store and retrieve a serialized hash based on the plugin name. This hash is accessed using the Setting method name in the form plugin_<plugin name>. For this example, the hash can be accessed by calling Setting.plugin_redmine_polls. 

 p=. !plugin_with_config.png! 

 The view referenced by the :partial hash key passed to the settings method will be loaded as a partial within the plugin configuration view. The basic page layout is constrained by the plugin configuration view: a form is declared and the submit button is generated. The partial is pulled into the view inside a table div inside the form. Configuration settings for the plugin will be displayed and can be modified via standard HTML form elements. 

 p=. !plugin_config_view.png! 

 *NB* : if two plugins have the same partial name for settings, the first will override the second's settings page. So be sure you give a unique name to your settings partial. 

 When the page is submitted, the settings_controller will take the parameter hash referenced by 'settings' and store it directly in a serialized format in Setting.plugin_redmine_polls. Each time the page is generated the current value of Setting.plugin_redmine_polls will be assigned to the local variable settings. 

 <pre><code class="erb"> 
 <table> 
   <tbody> 
     <tr> 
       <th>Notification Default Address</th> 
       <td> 
         <input <td><input type="text" id="settings_notification_default" 
                            
		              value="<%= settings['notification_default'] %>" 
	                        
	          name="settings[notification_default]" > 
       </td> 
     </tr> 
   </tbody> 
 </table> 
 </code></pre> 

 In the example above, the configuration form was not created using Rails form helpers. This is because there is no @settings model but only the setting hash. Form helpers will attempt to access attributes using model accessor methods which do not exist. For example, a call to @settings.notification_default will fail. The value set by this form is accessed as Setting.plugin_redmine_polls['notification_default']. 

 Finally, the :default in the settings method call is to register a value that will be returned from the Setting.plugin_redmine_polls call if nothing has been stored in the settings table for this plugin. 

 

 h2. Testing your plugin 

 h3. test/test_helper.rb 

 Here are the contents of my test helper file: 

 <pre> 
 require File.expand_path(File.dirname(__FILE__) + '/../../../test/test_helper') 
 </pre> 

 h3. Sample test 

 Contents of @polls_controller_test.rb@: 

 <pre><code class="ruby"> 
 require File.expand_path('../../test_helper', __FILE__) 

 class PollsControllerTest < ActionController::TestCase 
   fixtures :projects 

   def test_index 
     get :index, :project_id => 1 

     assert_response :success 
     assert_template 'index' 
   end 
 end 
 </code></pre> 

 h3. Running test 

 Initialize the test database if necessary: 

 <pre> 
 $ rake db:drop db:create db:migrate redmine:plugins:migrate redmine:load_default_data RAILS_ENV=test 
 </pre> 

 To execute the polls_controller_test.rb: 

 <pre> 
 $ ruby plugins\polls\test\functionals\polls_controller_test.rb 
 </pre> 

 h3. Testing with permissions 

 If your plugin requires membership to a project, add the following to the beginning of your functional tests: 

 <pre><code class="ruby"> 
 def test_index 
   @request.session[:user_id] = 2 
   ... 
 end 
 </code></pre> 

 If your plugin requires a specific permission, you can add that to a user role like so (lookup which role is appropriate for the user in the fixtures): 

 <pre><code class="ruby"> 
 def test_index 
   Role.find(1).add_permission! :my_permission 
   ... 
 end 
 </code></pre> 


 You may enable/disable a specific module like so: 

 <pre><code class="ruby"> 
 def test_index 
   Project.find(1).enabled_module_names = [:mymodule] 
   ... 
 end 
 </code></pre> 

 h3. Reference file hierarchy 

 Here is a simple list of all the files and directories mentioned in this Tutorial and [[Hooks]].    This is useful to ensure standard paths are used and also useful for newbies to know here files should go. 

 <pre> 
 plugins/PLUGIN/README.rdoc 
 plugins/PLUGIN/init.rb 
 plugins/PLUGIN/app/ 
 plugins/PLUGIN/app/controllers/ 
 plugins/PLUGIN/app/controllers/CONTROLLER_controller.rb 
 plugins/PLUGIN/app/helpers/ 
 plugins/PLUGIN/app/helpers/CONTROLLER_helper.rb 
 plugins/PLUGIN/app/models/ 
 plugins/PLUGIN/app/models/MODEL.rb 
 plugins/PLUGIN/app/views/ 
 plugins/PLUGIN/app/views/CONTROLLER/ 
 plugins/PLUGIN/app/views/CONTROLLER/_PARTIAL.html.erb 
 plugins/PLUGIN/app/views/CONTROLLER/CONTROLLER-ACTION.html.erb 
 plugins/PLUGIN/app/views/hooks/ 
 plugins/PLUGIN/app/views/hooks/_HOOK.html.erb 
 plugins/PLUGIN/app/views/settings/ 
 plugins/PLUGIN/app/views/settings/_MODEL_settings.html.erb 
 plugins/PLUGIN/assets/ 
 plugins/PLUGIN/assets/images/ 
 plugins/PLUGIN/assets/javascripts/ 
 plugins/PLUGIN/assets/stylesheets/ 
 plugins/PLUGIN/assets/stylesheets/voting.css 
 plugins/PLUGIN/config/ 
 plugins/PLUGIN/config/locales/ 
 plugins/PLUGIN/config/locales/en.yml 
 plugins/PLUGIN/config/routes.rb 
 plugins/PLUGIN/db/ 
 plugins/PLUGIN/db/migrate/ 
 plugins/PLUGIN/db/migrate/001_create_MODELs.rb 
 plugins/PLUGIN/lib/ 
 plugins/PLUGIN/lib/PLUGIN_hook_listener.rb 
 plugins/PLUGIN/lib/PLUGIN/ 
 plugins/PLUGIN/lib/PLUGIN/hooks.rb 
 plugins/PLUGIN/lib/PLUGIN/MODEL_patch.rb 
 plugins/PLUGIN/lib/tasks/ 
 plugins/PLUGIN/test/ 
 plugins/PLUGIN/test/test_helper.rb 
 plugins/PLUGIN/test/functional/ 
 plugins/PLUGIN/test/functional/CONTROLLER_controller_test.rb 
 plugins/PLUGIN/test/unit/ 
 plugins/PLUGIN/test/unit/MODEL_test.rb 
 </pre>