It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

I cannot use jquery in my js when page is rendered from soy Edited

I am writing a plugin that needs to call a rest api

I started with a soy template example. The script executes, but fails when I switch the toggle with $ undefined.

Can someone help?

my atlassian-plugin.xml

 <?xml version="1.0" encoding="UTF-8"?>

<atlassian-plugin key="${atlassian.plugin.key}" 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>
<!-- Servlets -->
<servlet name="Repository Servlet" key="repository-servlet" class="com.kns.corp.bitbucket.servlet.RepositoryServlet">
<description key="repository-servlet.description">The Repository Servlet Plugin</description>
<url-pattern>/sprint/*</url-pattern>
</servlet>

<web-resource key="resources" name="Web Resources">
<resource type="download" name="images" location="/images/" />;
</web-resource>

<web-resource key="sss-resources" name="Web Resources">
<resource type="download" name="enablesss.js" location="/js/enablesss.js" />
<resource type="download" name="voorbeeld.css" location="/css/voorbeeld.css" />;
<resource type="download" name="images" location="/images/" />;
<dependency>com.atlassian.bitbucket.server.bitbucket-web-api:aui</dependency>
<dependency>com.atlassian.bitbucket.server.bitbucket-web-api:amd</dependency>
<dependency>com.atlassian.bitbucket.server.bitbucket-web-api:jquery</dependency>
<context>sss</context>
</web-resource>

<!-- Client web resources -->
<client-resource key="example-soy" name="Example Soy Templates">
<directory location="/templates/"/>
<dependency>com.atlassian.auiplugin:ajs</dependency>
<dependency>com.atlassian.bitbucket.server.bitbucket-web-api:aui</dependency>
<dependency>com.atlassian.bitbucket.server.bitbucket-web-api:amd</dependency>
<dependency>com.atlassian.bitbucket.server.bitbucket-web-api:client-soy</dependency>
</client-resource>
<!-- Web items -->
<web-item key="repository-plugin-tab" name="Repository navigation tab" section="bitbucket.web.repository.header.buttons" weight="500">
<label>Stop/Start sprint</label>
<link>/plugins/servlet/sprint/${repository.project.key}/${repository.slug}</link>
<!-- optional style for the icon: see https://design.atlassian.com/2.0/product/foundations/iconography for a list of available images -->
<param name="iconClass" value="aui-icon-small aui-iconfont-devtools-repository-locked"/>
<conditions type="AND">
<condition class="com.kns.corp.bitbucket.components.sprintmgmtEnabled">
<param name="sprintmgmt" value="true"/>
</condition>
</conditions>
</web-item>
<web-item key="repository-settings-plugin-tab" name="Repository settings navigation tab" section="bitbucket.repository.settings.panel/repository-settings-section" weight="500">
<label>Stop/Start sprint</label>
<link>/plugins/servlet/sprint/${repository.project.key}/${repository.slug}/settings</link>
</web-item>
<resource type="i18n" name="i18n" location="${atlassian.plugin.key}"/>
<rest name="Enable Sprint Mgr" i18n-name-key="enable-sprint-mgr.name" key="enable-sprint-mgr" path="/enablesprintmgr" version="1.0">
<description key="enable-sprint-mgr.description">The Enable Sprint Mgr Plugin</description>
</rest>
</atlassian-plugin>

 

my soy template

{namespace plugin.example}

/**
* @param repository Repository object
*/
{template .repository}
<html>
<head>
<meta name="decorator" content="bitbucket.repository.general">
<meta name="projectKey" content="{$repository.project.key}">
<meta name="repositorySlug" content="{$repository.slug}">
<meta name="activeTab" content="repository-plugin-tab">
<title>{$repository.slug} / Example Tab</title>
</head>
<body>
<h3>Repository: {$repository.slug}</h3>
<p>Welcome to my plugin tab in the repository page.</p>
</body>
</html>
{/template}

/**
* @param repository Repository object
*/
{template .repositorySettings}
<html>
<head>
<meta name="decorator" content="bitbucket.repository.settings">
<meta name="projectKey" content="{$repository.project.key}">
<meta name="repositorySlug" content="{$repository.slug}">
<meta name="activeTab" content="repository-settings-plugin-tab">
{webResourceManager_requireResource('com.kns.corp.bitbucket.SprintStarter:sss-resources')}
<title>{$repository.slug} / Example Tab</title>
</head>
<body>
<h3>Repository: {$repository.slug}</h3>
<p>
<table cellpadding="10">
<tr>
<td><aui-label for="start-stop-sprint">Enable Start/Stop Sprint functionality for repository</aui-label></td>
<td><aui-toggle id="start-stop-sprint" label="Enable Start/Stop Sprint functionality"></aui-toggle></td>
</tr>
</table>
</p>
<div class="image-class">
</div>
</body>
</html>
{/template}

 

and my javascript

AJS.toInit(function (){
var toggle = document.querySelector('#start-stop-sprint');
toggle.addEventListener('change', function(e) {
var isChecked = toggle.checked;
toggle.busy = true;
$.post('set/my/variable', { value: isChecked })
.done(function () {
console.log('success');
})
.fail(function () {
toggle.checked = !isChecked;
console.error('display an error message');
})
.always(function () {
toggle.busy = false;
});
});
});

 

 does anyone know how to do this? 

0 answers

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Bitbucket

Atlassian supported Jenkins integration for Bitbucket Server

We’ve been building a plugin to integrate Bitbucket Server and Jenkins CI, and I’m excited to announce that our alpha is ready to download and install. It lets you seamlessly configure a Jenkins job ...

455 views 0 10
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you