Как использовать soy, requirejs, backbone js в плагинах для Atlassian Jira04.07.2018 18:17

package ru.matveev.alexey.jira.tutorial.webworkui.api;

public interface PluginSettingService {
    String getConfigJson();
    void setConfigJson(String json);
}

package ru.matveev.alexey.jira.tutorial.webworkui.impl;

import com.atlassian.plugin.spring.scanner.annotation.imports.ComponentImport;
import com.atlassian.sal.api.pluginsettings.PluginSettings;
import com.atlassian.sal.api.pluginsettings.PluginSettingsFactory;
import ru.matveev.alexey.jira.tutorial.webworkui.api.PluginSettingService;

import javax.inject.Inject;
import javax.inject.Named;

@Named
public class PluginSettingServiceImpl implements PluginSettingService {

    public final PluginSettings pluginSettings;
    private static final String PLUGIN_STORAGE_KEY = "ru.matveev.alexey.jira.tutorial.webworkui.";
    private static final String CONFIG_JSON = "configjson";


    @Inject
    public PluginSettingServiceImpl(@ComponentImport PluginSettingsFactory pluginSettingsFactory) {
        this.pluginSettings = pluginSettingsFactory.createGlobalSettings();

    }

    private void setSettingValue(String settingKey, String settingValue) {
            this.pluginSettings.put(PLUGIN_STORAGE_KEY + settingKey, settingValue != null?settingValue:"");
    }

    private String getSettingValue(String settingKey) {
            return pluginSettings.get(PLUGIN_STORAGE_KEY + settingKey) != null?pluginSettings.get(PLUGIN_STORAGE_KEY + settingKey).toString():"";
    }

    @Override
    public String getConfigJson() {
        return getSettingValue(CONFIG_JSON);
    }

    @Override
    public void setConfigJson(String json) {
        setSettingValue(CONFIG_JSON, json);
    }
}

package ru.matveev.alexey.jira.tutorial.webworkui.jira.webwork;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import com.atlassian.jira.web.action.JiraWebActionSupport;
import ru.matveev.alexey.jira.tutorial.webworkui.api.PluginSettingService;

import javax.inject.Inject;

public class ConfigWebwork extends JiraWebActionSupport
{
    private static final Logger log = LoggerFactory.getLogger(ConfigWebwork.class);
    private final PluginSettingService pluginSettingService;
    private String configJson;

    @Inject
    public ConfigWebwork(PluginSettingService pluginSettingService) {
        this.pluginSettingService = pluginSettingService;
    }

    @Override
    public String execute() throws Exception {
        super.execute();
        return SUCCESS;
    }

    public void doSave() {
        pluginSettingService.setConfigJson(configJson);
    }

 @ActionViewData
 public String getConfigJson() {
   return pluginSettingService.getConfigJson().isEmpty()?"{}":pluginSettingService.getConfigJson();
  }

 public void setConfigJson(String json) {
 this.configJson = json;
 }

}

{namespace webwork.config}
/**
 * This template is needed for drawing the formview.
 */
{template .formview}
   {@param configJson: string}
   {webResourceManager_requireResource('ru.matveev.alexey.jira.tutorial.webworkui.webwork-soy-require-backbone:webwork-soy-require-backbone-resources')}
     
     
           
           
           
           
           
      
     
        

            

                 

                     Json
                     
                     
the configJson Parameter
                 
                 

                     

                        
                        Cancel
                     
                 
             
         
     











     
{/template}

},
// функция, которая работает по кнопке Save. Сохраняет параметры с экрана в модель и преобразует параметры в json формат
saveConfig: function (){
this.model.set («parameter3», $(»#parameter3»).val ());
this.model.set («parameter4», $(»#parameter4»).val ());
$(»#configJson»).val (JSON.stringify (this.model));
},
// функция, которая работает по кнопке Next на первом экране. Сохраняет параметры с первого экрана в модель и рисует второй экран
nextButton: function (){
this.model.set («parameter1», $(»#parameter1»).val ());
this.model.set («parameter2», $(»#parameter2»).val ());
var template = webwork.config.page2({configJson:$(»#configJson»).val (), parameter3: this.model.get ('parameter3'), parameter4: this.model.get ('parameter4')});
$(»#container»).replaceWith (template);
$(»#configJson»).val (JSON.stringify (this.model));
},
// функция, которая работает по кнопке Back на втором экране. Сохраняет параметры со второго экрана в модель и рисует первый экран
prevButton: function (){
this.model.set («parameter3», $(»#parameter3»).val ());
this.model.set («parameter4», $(»#parameter4»).val ());
var template = webwork.config.page1({configJson:$(»#configJson»).val (), parameter1: this.model.get ('parameter1'), parameter2: this.model.get ('parameter2')});
$(»#container»).replaceWith (template);
$(»#configJson»).val (JSON.stringify (this.model));
},
initialize: function (){
this.render ();
},
render: function (){
var template = webwork.config.page1({configJson:$(»#configJson»).val (), parameter1: this.model.get ('parameter1'), parameter2: this.model.get ('parameter2')});
$(»#container»).replaceWith (template);
},
// это ссылка на главный контейнер. Вью будет ловить все события от элементов ниже этого элемента
el: '#maincontainer'
});
return {
View: AppView
};
})

})

{namespace webwork.config}
/**
 *  Этот шаблон запускается сразу из webwork. Здесь выводится json параметр. Далее этот шаблон сразу перерисовывается шаблоном page1. Шаблон нужен для того, чтобы получить json параметр и заполнить backbone model.
 */
{template .formview}
   {@param configJson: string}
   {webResourceManager_requireResource('ru.matveev.alexey.jira.tutorial.webworkui.webwork-soy-require-backbone:webwork-soy-require-backbone-resources')}
     
     
           
           
           
           
           
      
     
        

          

                   
          
        
     
     
{/template}
/**
 * Это шаблон первого экрана. Он содержит parameter1 и parameter2.
 */
{template .page1}
   {@param configJson: string}
   {@param parameter1: string}
   {@param parameter2: string}
    

            

                

                     Parameter 1
                     
                     
Value of Parameter 1
                 
                 

                                      Parameter 2
                                      
                                      
Value of Parameter 2
                 
                 

                        
                 
                 

                     

                        Cancel
                        
                     
                 
            
    
{/template}
/**
 * Это шаблон второго экрана. Он содержит parameter3 и parameter4.
 */
{template .page2}
   {@param configJson: string}
   {@param parameter3: string}
   {@param parameter4: string}
    

      

                 

                                     Parameter 3
                                     
                                     
Value of Parameter 3
                                 
                 

                                     Parameter 4
                                     
                                     
Value of Parameter 4
                 
                 

                                     
                 
                 

                     

                        
                        

                     
                 
       
     

{/template}