nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

can we use rest api in Atlassian webitem

Sarika_6wdasu

I have Created a addon button in the view issue screen using Webitemn ,Now on clicking this Button the issue must create as a Jira project, Using the rest api,kindly answer in this case

Accepted answers

DPKJ

@SarikaWelcome to the community!

You can use Javascript and call Jira's Rest API using 'web-resource-module' by adding it to view-issue page context, and listing to click event of your button.

You can learn about Web Resource Module here - https://developer.atlassian.com/server/jira/platform/web-resource/

All comments

DPKJ

@SarikaWelcome to the community!

You can use Javascript and call Jira's Rest API using 'web-resource-module' by adding it to view-issue page context, and listing to click event of your button.

You can learn about Web Resource Module here - https://developer.atlassian.com/server/jira/platform/web-resource/

Sarika_6wdasu

Thank you DPK J

Sarika_6wdasu

This is my web resource and webitem

<web-resource key="JiraPluginbutton-resources" name="JiraPluginbutton Web Resources">
<dependency>com.atlassian.auiplugin:ajs</dependency>

<context>atl.general</context>

<context>atl.admin</context>

<context>jira.view.issue</context>

<context>jira.userprofile</context>

</web-resource>

<web-item name="JiraProject" i18n-name-key="jira-project.name" key="jira-project" section="operations-top-level" weight="1">
<description key="jira-project.description">The JiraProject Plugin</description>
<label key="jira-project.label"></label>
<link linkId="jira-project-link"/>
</web-item>
</atlassian-plugin>

This is my Java Script file

JiraPluginbutton.js

AJS.$(document).ready(function() {
AJS.toInit(function() {
AJS.$('#jira-project-link').click(function(e) {
e.preventDefault();
alert("A new jira project gets created ")
});
});
});

As i am very new to Atlassian SDk, here where i need to call rest api

inside the javaScript

and where to set the location view-issue page context

DPKJ

@SarikaYou are on right track,

Simply call API using various functions provided by '$' i.e. JQuery. For example,

AJS.toInit(function () {
var API_BASE_URL = contextPath + "rest/api/2";

    AJS.$("#integration-button-link").click(function(eve) {
        eve.preventDefault();

//Get projects list
        AJS.$.getJSON(API_BASE_URL + "/project", function(data) {
            console.log(data);
        });

//Create new project
        var data = JSON.stringify({
"key": "SAM",
"name": "Sample Project"
            // Add more params as defined in API reference
        });
        AJS.$.ajax({
            url: API_BASE_URL + "/project",
            type: 'POST',
            dataType: 'json',
            contentType: 'application/json',
            data: data,
            success: function (response) {
                console.log(response);
            }
        });

return false;
    });
});

API reference for creating project - https://docs.atlassian.com/software/jira/docs/api/REST/8.5.3/#api/2/project-createProject