x x x
x

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.




HTML
<style>
.header{
	font-size: 35px;
}
div#admin-panel{
	display: flex;
	flex-direction: row;
}
div#admin-panel * {
    font-weight: bold!important;
}

.applicationBannerNotStarted, .applicationBannerStarted, .applicationBannerSubmitted{
	display: none;
}

.dash-banner{
	height: fit-content!important;
}

.dash-banner .banner-segment:nth-child(1){
	padding: 40px 0!important;
	height: fit-content!important;
}

.dash-banner .banner-segment:nth-child(2){
	height: unset!important;
}
</style>
<script>

const searchJiraApplicationsForUser = async (issueType) => {
  let jiraRes = await jQuery.ajax({
    url: "/rest/scriptrunner/latest/custom/searchJiraTickets",
    headers: {
      'X-Atlassian-Token' : 'nocheck',
      'Content-type' : 'application/json'
    },
    type: "POST",
    processData: false,
    contentType: false,
    data: JSON.stringify({
      jql: `issuetype = "${issueType}" AND ('Confluence User Key' ~ '${AJS.params.remoteUserKey}') ORDER BY updated DESC`
    }),
	success: W=>{
		console.log(W)
	},
	error: L=>{
		console.log(L)
	}
  }).then(res => res);
  return jiraRes;
}

const showDynamicApplicationBanner = async (pageTitle, issueType, applicationDeadlinePassed = false) => {
  var bannerApplicationSubmitted = false;
  var bannerApplicationComplete = false;
  var bannerApplicationStarted = false;

  if (applicationDeadlinePassed) {
    $(".applicationBannerDeadlinePassed").waitUntilExists(() => {
      $('.applicationBannerLoading').remove();
      $(".applicationBannerDeadlinePassed").show();
    });

    return;
  }

  await searchJiraApplicationsForUser(issueType).then((appsCheck) => {
    if (appsCheck.issues.length !== 0) {
      bannerApplicationStarted = true;
      if (appsCheck.issues[0].fields.customfield_10631) {
        bannerApplicationSubmitted = true;
      }
    }

    if (bannerApplicationSubmitted) {
      // show submitted banner
      $(".applicationBannerSubmitted").waitUntilExists(() => {
        $('.applicationBannerLoading').remove();
        $(".applicationBannerSubmitted").show();
      });
    } else if (bannerApplicationStarted) {
      // show started banner
      $(".applicationBannerStarted").waitUntilExists(() => {
        $('.applicationBannerLoading').remove();
        $(".applicationBannerStarted").show();
      });
    } else {
      // show get started banner
      $(".applicationBannerNotStarted").waitUntilExists(() => {
        $('.applicationBannerLoading').remove();
        $(".applicationBannerNotStarted").show();
      });
    }
  })
}

</script>

...

HTML
<style>
.table-wrap p {
    color: white;
    text-align: left;
    font-size: 14px;
}

.table-wrap span {
    margin-bottom: 15px;
}

input#i_image {
    margin-top: 10px;
}

.carousel-container {
    display: flex;
    align-items: center;
}

span.carousel-arrow.carousel-next {
    margin-left: 5px;
    }

span.carousel-arrow.carousel-previous {
    margin-right: 5px;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid white;
    z-index: 12;
    margin: 25px 0 0 -24px;
    transform: rotate(180deg);
}

</style>

<p<h1 class="header"> Announcements </p>h1>
<div class="carousel-container"> 
<span class="carousel-arrow carousel-previous">◀</span>

...