Page History

<style>
.header{
	font-size: 35px;
	font-weight: bold!important;
}
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>

<style>
div.banner-segment.second-segment{
	background: url('https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/images/MSIA/application_banner.jpg')!important;
	background-size: cover!important;
	position: relative!important;
}

div.banner-segment.second-segment::after{
	position: absolute;
	bottom: 20px;
	left: 20px;
	content: "July 15, 2022  5 PM ET";
 	font-size: 18px;
	color: white;
	font-family: var(--main-font-family);
 	z-index: 100;
}

div.banner-segment.second-segment::before{
	position: absolute;
	bottom: 40px;
	left: 20px;
	content: "Application Deadline:";
	font-size: 22px;
	font-weight: bold!;
	color: white;
	font-family: var(--main-font-family);
	z-index: 100;
}

div div#announcements-wrapper{
	margin-top: 20px!important;
}
 p.header{
	margin-bottom: 30px!important
}
.announcementcard .confirmationButton, .dash-banner .bottom-content a {
	text-transform: uppercase;
	font-weight: bold !important;
}
#key-dates-list {
    font-size: 16px;
    padding-left: 15px;
    margin-top: 5px;
}
#key-dates-headertext {
	height: max-content !important;
}
</style>

<link rel="stylesheet" href="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/stylesheets/MS+SBA/home.css?v=1">

<!-- Redirect msia judges/admins -->

<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&&display=swap" rel="stylesheet">

<script>
window.addEventListener("load", showDynamicApplicationBanner(AJS.params.pageTitle.toLowerCase(), 'LBNL Issue Type'), false);
</script>

<div class="dash-banner">
  <div class='banner-segment' style="display: flex; flex-direction: column; justify-content: center;">
    <div class="top-content">
      <p class="content-head">Thank you for submitting your application for the Innovation Awards.</p>
      <p class="content-text">We will update you as to the status of your application by January 2023.</p>
    </div>
    <div class="bottom-content">
      <a href="/display/MSIAP">View your Application</a>    
    </div>
  </div>
  <div class='banner-segment second-segment dash-banner-image'> </div>
</div>

<div class="dash-banner">
	<div class='banner-segment' style="display: flex; flex-direction: column; justify-content: center;">
      <div class="top-content">
        <p class="content-head">You're almost there!</p>
        <p class="content-text">Continue your application for the Morgan Stanley Innovation Awards.</p>
      </div>
      <div class="bottom-content">
        <a href="/display/MSIAP">Continue your Application</a>    
      </div>
	</div>
    <div class='banner-segment second-segment dash-banner-image'> </div>
</div>

<div class="dash-banner">
<div class='banner-segment' style="display: flex; flex-direction: column; justify-content: center;">
  <div class="top-content">
    <p class="content-head">The Innovation Awards Application is Now Open</p>
    <p class="content-text">Click below get started.</p>
  </div>
  <div class="bottom-content">
    <a href="/display/MSIAP">Apply Now</a>
  </div>
</div><div class='banner-segment second-segment dash-banner-image'> </div>
</div>

<!-- Start id=announcementcontainer section -->

<!-- Start admin section -->

<!-- End admin section -->

<!-- End id=announcementcontainer section -->

<div>
<p class="header">About the Alliance for Children’s Mental Health</p>
</div>

<div style="width: 100%; height: 400px; display: flex; background: white;  box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.1);">
	<div style="box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; padding: 40px;">
		<p style="margin-bottom: 20px; color: #187aba; font-size: 20px;">The Morgan Stanley Alliance for Children’s Mental Health combines the resources and reach of Morgan Stanley with the knowledge and experience of our distinguished nonprofit member organizations to help deliver positive, tangible impact on the critical challenges of stress, anxiety and depression in children, adolescents and young people.</p>
		<button class="aui-button aui-button-primary" style="width: 280px; height: 50px; font-size: 16px; border-radius: 5px; font-weight: normal;" onclick="window.open('https://www.morganstanley.com/about-us/giving-back/alliance-childrens-mental-health')">LEARN MORE ABOUT THE ALLIANCE</button>
	</div>
 	<img style="box-sizing: border-box; width: 50%; object-fit: contain; padding: 0 5%;" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/images/MSIA/childrens_health_announcement.png"/>
</div>

</div>

<script>
var checkExist = setInterval(function() {
   if ($('.topic-select-group label').length) {  
$('.topic-select-group label')[0].innerHTML =`Topic:<sup data-v-62c157d1="" class="fullSite">*</sup>`
      clearInterval(checkExist);
   }
}, 100);

/*
window.onload = function(){
	$('.editor')[0].append($('.microblog-header-container')[0]);
};
*/

</script>

<script>
$( ".announcementcard a" ).each(function( index ) {
  console.log( index + ": " + $( this ).attr("href") );
  if($( this ).attr("href").includes("//h")){
    $( this ).attr("href", $( this ).attr("href").replace("//http", "http"))
  }
});
</script>

<style>
.benefits-container a {
	text-decoration: unset;
	margin: 0px;
    background: none;
    color: var(--primary-color) !important;
    padding: 0px;
}
.benefits-container a:hover {
	text-decoration: underline;
}
</style>