Page History

<style>
th p{
	color: white!important;
}

tr a{
	color: var(--primary-color)!important;
	font-weight: bold!important;
}

.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;
}

.rw_page_left_section{
	background: unset!important;
	border: unset!important;
	padding: unset!important;
	margin: unset!important;
}
.announcementsTable{
	display: none;
}
</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 -->

titleTitletexttrue

imageImageimage/*filetrue

cardLinkExternal Linkfalse[events=Event|mentor=Mentor|resources=Resource|]This link set where the button button redirects to. Used to set external links for announcements.text

descriptionDescriptionDescription must be less than 244 characters.false[events=Event|mentor=Mentor|resources=Resource|]textareatrue

linkStyleLink Style (IGNORE)text

cardButtonTextButton TextText that displays on button. This is the button that will take user to external link set above.texttrue

!cardLink:[empty]Reset valuecardLink

!cardLink:[empty]linkStyle=inactivelinkSet valuetruecardLink

<!-- Start id=announcements-wrapper section -->

<p class="header">About the Innovation Awards</p>
<div class="carousel-container"> 
<span class="carousel-arrow carousel-previous">◀</span>

<span class="carousel-arrow carousel-next">▶</span>
</div>
<script>
let anouncementNo = document.getElementsByClassName("announcementcard").length
if(anouncementNo < 2){
	$('.carousel-next').hide()
	$('.carousel-previous').hide()
}

$('.carousel-previous').click(function() {
if(slideIndex -1 === 0){
        currentSlide(anouncementNo)
    }
    else{
    currentSlide(slideIndex - 1)    
}  

});

$('.carousel-next').click(function() {
  if(slideIndex + 1 > anouncementNo){
        currentSlide(1)
    }
    else{
    currentSlide(slideIndex + 1)    
}
});
let div = document.getElementsByClassName('carousel-container')[0]
div.addEventListener('touchstart', handleTouchStart, false); 
div.addEventListener('touchmove', handleTouchMove, false);

var xDown = null; 
var yDown = null;

function getTouches(evt) {
return evt.touches || // browser API
evt.originalEvent.touches; // jQuery
} 

function handleTouchStart(evt) {
console.log('touched')
const firstTouch = getTouches(evt)[0]; 
xDown = firstTouch.clientX; 
yDown = firstTouch.clientY; 
}; 

function handleTouchMove(evt) {
if ( ! xDown || ! yDown ) {
return;
}

var xUp = evt.touches[0].clientX; 
var yUp = evt.touches[0].clientY;

var xDiff = xDown - xUp;
var yDiff = yDown - yUp;

if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {/*most significant*/
if ( xDiff > 0 ) {
/* left swipe */ 
console.log('swiped left')
if(slideIndex + 1 > anouncementNo){
currentSlide(1)
}
else{
currentSlide(slideIndex + 1) 
}
} else {
/* right swipe */
console.log('swiped right')
if(slideIndex -1 === 0){
currentSlide(anouncementNo)
}
else{
currentSlide(slideIndex - 1) 
} 
} 
} else {
if ( yDiff > 0 ) {
/* up swipe */ 
console.log('swiped up')
} else { 
/* down swipe */
console.log('swiped down')
} 
}
/* reset values */
xDown = null;
yDown = null; 
};</script>

<!-- End id=announcements-wrapper 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>

<style>
@media only screen and (max-width: 580px) {
	div.dates-container {
		width: 100% !important;
	}
	#key-dates-headertext {
		text-align: left;
	}
}
</style><div ov-include-files="{{PLATFORM_JS_ASSET_PATH}}/User+Dashboard/html/mainStructure.html"> </div>
<script>
includeFiles().then(() => {
	includeJSFiles().then();
});
</script>