Create a new plugin / add-on in JIRA to set custom CSS and Javascript / JS in all pages

Creating our first JIRA plugin “Hello World”:

1. enter in C:\atlastutorial
2. atlas-create-jira-plugin
3. Enter 1 for JIRA 5
4. groupId: com.atlassian.tutorial
5. artifactId: helloworld
6. version: 1.0-SNAPSHOT
7. package: com.atlassian.tutorial.helloworld
8. Press Y to continue

Browse to and open the atlastutorial/helloworld/src/main/resources/atlassian-plugin.xml file

<atlassian-plugin key="${project.groupId}.${project.artifactId}" name="${project.name}" plugins-version="2">
 <plugin-info>
 <description>${project.description}</description>
 <version>${project.version}</version>
 <vendor name="${project.organization.name}" url="${project.organization.url}" />
 <param name="plugin-icon">images/pluginIcon.png</param>
 <param name="plugin-logo">images/pluginLogo.png</param>
 </plugin-info>
 <!-- add our i18n resource -->
 <resource type="i18n" name="i18n" location="helloworld"/>
 
 <!-- add our web resources -->
 <web-resource key="helloworld-resources" name="helloworld Web Resources">
 <dependency>com.atlassian.auiplugin:ajs</dependency>
 
 <resource type="download" name="helloworld.css" location="/css/helloworld.css"/>
 <resource type="download" name="helloworld.js" location="/js/helloworld.js"/>
 <resource type="download" name="images/" location="/images"/>
 <context>helloworld</context>
 </web-resource>
 
 <!-- publish our component -->
 <component key="myPluginComponent" class="com.atlassian.tutorial.helloworld.MyPluginComponentImpl" public="true">
 <interface>com.atlassian.tutorial.helloworld.MyPluginComponent</interface>
 </component>
 
 <!-- import from the product container -->
 <component-import key="applicationProperties" interface="com.atlassian.sal.api.ApplicationProperties" />
 
</atlassian-plugin>

Modify helloworld.js and add inside a piece of code like this: “alert(“Hola!”)”

Modify the tag <context> to active the Javascript in all pages <context>atl.general</context>

To finish: atlas-run

That’s all!

Web Resource Contexts in JIRA

Sample:

<web-resource name="Resources" key="resources">
<resource name="foo.js" type="download" location="resources/foo.js">
</resource>
<context>jira.userprofile</context>
<context>jira.view.issue</context>
</web-resource>

See more in Atlassian