Page History

HTML

<style>
 #main-content {
    background: var(--main-background);
	
	background-size: cover;
	background-position: bottom;
	min-height: 100vh;
}
.buttons-container{
	/*margin-bottom: 20px;*/
	flex-wrap: wrap;
}
div.custom-title {
    color: var(--secondary-color);
    font-size: 20px;
    margin-left: 30px;
    font-style: italic;
    font-weight: lighter;
    opacity: .7;
}

.header-small {
	font-family: var(--main-font-family);
	font-size: 22px !important;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	text-align: left;
	background: #ffffff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


@media only screen and (max-width: 480px) and (hover: none) {
	.title-search {
		display: flex;
		flex-direction: column !important;
		justify-content: center !important;
	}
	.dynamic-title { 
		margin-right: 0px!important;
		text-align: center !important;
	}
}

#list-members-specified-container-default-company-card .custom-card-container {
    margin: 5px;
}

/* taking out dynamic title styling from macro */
.dynamic-title{
  font-family: var(--main-font-family) !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: normal !important;
  text-align: left;
  margin-bottom: 15px;
  color: var(--secondary-font-color) !important;
  letter-spacing: normal !important;
}

@media only screen and (max-width: 600px) and (hover: none) {
  .dynamic-title{
    text-align: center;
  }
}
/* END taking out dynamic title styling from macro end */

.title-search {
	justify-content: space-between;
	height: fit-content !important;
}

div.title-search span.conf-macro {
	margin-bottom: 10px;
}
div.title-search.judging-rounds-container > span.conf-macro {
	margin-bottom: 0px;
}

div.title-search span.conf-macro:nth-child(3) {
/*	margin-bottom: 0px; */
}

.stepnum {
  font-size: var(--font-size-s);
  color: var(--primary-color);
  font-weight: 600;
  border: var(--border);
  border-radius: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  margin-left: 10px;
  width: 22px;
  height: 22px !important;
  min-width: 22px;
}

#country-title p#dynamictitlecompanytitle {
	margin-top: 0px;
	margin-right: 0px;
}
#application-title p#dynamictitleapplicationstitle {
	margin-top: 0px;
	margin-right: 0px;
}
#application-title p#dynamictitleadmintitle {
	margin-top: 0px;
	margin-right: 0px;
}
a.tutorial-link div.stepnum {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
}

a.tutorial-link div.stepnum:hover {
	text-decoration: none;
}


/* styling for judging banner */

.judging-banner {
    display: block;
    background-color: var(--main-background);
	margin: 100px auto 40px auto;
    border-radius: 20px;
	position: relative;
}

.judging-banner-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    width: 100%;
}

.judging-banner-left {
	display: flex;
	flex-wrap: wrap;
/*	flex-direction: column; */
	width: 67%;
	align-items: center;
/*	justify-content: center; */
	text-align: left;
	padding: 40px 20px 40px 50px;
}

.judging-banner-right {
	display: flex;
	width: 33%;
	align-items: center;
	justify-content: center;
	text-align: left;
	padding: 30px;
}

.judging-banner-right img {
	height: 250px;
	width: auto;
}

.title-font {
	font-size: 26px; 
	font-weight: 600; 
	text-align: left; 
/*	margin-bottom: 20px;  */
	font-family: var(--header-font-family); 
	font-style: normal; 
	font-stretch: normal; 
	line-height: 1.5; 
	letter-spacing: 3.1px; 
/*	padding-bottom: 15px;  */
	background: var(--header-font); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.content-font {
	font-size: 18px; 
	font-weight: 200; 
	text-align: left; 
	font-family: var(--header-font-family);
	font-style: normal; 
	font-stretch: normal; 
	line-height: 2; 
	letter-spacing: 3.1px; 
	background: var(--header-font); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

/* judge view round styling */

.display-none {
	display: none !important;
}

/* BUTTON STYLING */
.my-button {
    border: var(--border) !important;
    height: 36.5px !important;
    font-size: 14px !important;
    color: var(--secondary-color) !important;
    margin: 10px !important;
    outline: none !important;
    padding: 0px 40px !important;
    width: auto !important;
    text-transform: uppercase !important;
    border-radius: var(--border-radius) !important;
	transition: 0.3s;
	font-family: var(--main-font-family);
}

.my-button:hover {
	opacity: 0.9;
	transition: 0.3s;
}

.modal-button {
    border: var(--border) !important;
    height: 36.5px !important;
    font-size: 14px !important;
    color: var(--secondary-color) !important;
    margin: 10px !important;
    outline: none !important;
    padding: 0px 40px !important;
    width: auto !important;
    text-transform: uppercase !important;
    border-radius: var(--border-radius) !important;
    background-color: var(--primary-color) !important;
}
/* END BUTTON STYLING */

/* COUNTRY CARD STYLING */
.profilecard .image-container {
	border-radius: var(--border-radius) !important;
}
/* END COUNTRY CARD STYLING */

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) and (hover: none) {
	#page .rw_content_spaces_white2.rw_content_menu_solid .rw_content_section {
		padding-top: 0px;
    	padding-bottom: 50px;
	}

	.judging-banner {
		width: 85% !important;
		margin: 100px auto 40px auto;
		padding: 40px 20px !important;
	}

	.judging-banner-container {
		display: inline-block;
	}

	.judging-banner-left {
		margin: 0px auto;
		width: 85%;
		padding: 0px 20px;
	}

	.intercom-admin-tutorial-icon,
	.intercom-judge-tutorial-icon {
		margin: 0px auto;
	}

	.intercom-admin-tutorial-icon .tutorial-icon,
	.intercom-judge-tutorial-icon .tutorial-icon {
		margin: unset;
	}

	.judging-banner-right {
		/* margin-top: 40px; */
		/* width: auto; */
		display: none;
	}

	.title-font {
		font-size: 24px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.content-font {
		font-size: 20px;
		text-align: left;
	}

	.screening-title-container {
		display: flex !important;
		flex-direction: row !important;
	}
}

</style>

<script>
// show judge controls if param "view" exist and view is judge & specific user if judge exists
var viewType = getQueryVariableFromUrl("view").toLowerCase(); 
var judgeEmail = getQueryVariableFromUrl("judge").toLowerCase(); 
</script>

<!-- DASHBOARD BANNER STYLING -->
<style>
.dash-banner{
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: top center;
}

.dash-banner .content-head{
  font-size: 28px;
  color: #ffffff;
}

.dash-banner .top-content{
  display: flex;
  flex-direction: column;
  width: 65%;
  padding: 0 0 0 0px;
}

.dash-banner .top-content p{
  margin-top: 20px;
}

.dash-banner .top-content .smith-logo-banner {
  width: 40%;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}

.dash-banner .content-text,.content-text{
  font-size: 16px;
  width: 100%;
  line-height: 1.75;
  color: #ffffff;
}

.dash-banner .bottom-content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 40px;
}

.dash-banner .bottom-content img{
  width: 430px;
  height: 138px;
  /*margin-right: 20px;*/
  padding-top: 10em;
}

.dash-banner .bottom-content a{
  /*width: 134px;
  height: 47px;*/
  text-decoration: none;
  color: #b60e58;
  background: #f6fdf3;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px;
  padding: 0.75em 2em;
  height: fit-content;
}

@media only screen and (max-width: 1500px) and (hover: none) {
  .dash-banner .bottom-content img{
    padding-top: 7em;
  }
}

@media only screen and (max-width: 1370px) and (hover: none) {
  .dash-banner .bottom-content img{
    padding-top: 3em;
  }
}


@media only screen and (max-width: 920px) and (min-width: 320px) and (hover: none) {
  .dash-banner{ 
    background-size: cover;
	background-position: top center;
    padding: 0 0 20px 0;
  }
  
  .dash-banner .top-content{
    /*margin-left: 20px*/;
	width: 100%;
	padding: unset;
	margin: auto;    
  }

  .dash-banner .content-text {
	width: 100%;
  }
  
  .dash-banner .bottom-content{
    align-items: center;
/*     background: yellow; */
    margin: auto;
    flex-direction: column-reverse;
    padding: 0;
	width: 80%;
  }
  
  .dash-banner .bottom-content img{
    margin-right: unset;
    margin-top: unset;
    object-fit: contain;
    width: auto;
}
  .dash-banner .bottom-content a{
    margin-bottom: 20px;    
  }
  
}

@media only screen and (max-width: 480px) and (min-width: 320px) and (hover: none) {
  .dash-banner .top-content .smith-logo-banner {
	width: 100%;
  }

  .dash-banner .bottom-content img{
    width: 100%; 
    padding-top: 0;
  }
}

</style>

<style>

div#announcements-wrapper {
    margin-top: 50px !important;
}

div#announcements-wrapper .header {
  font-size: 23px;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.52;
  color: #b60e58;
}

div#announcements-wrapper .card-title {
  font-size: 22px;
  line-height: 1.45;
  color: #ffffff;
}

div#announcements-wrapper .card-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 2.3;
  color: #ffffff;
}

</style>
<!-- END DASHBOARD BANNER STYLING -->

<style>

/* style for expand button */ 
.expand-button:hover{
	cursor: pointer;
}
.expand-button,
.expand-button-locked {
    border: 2px solid white;
    border-radius: var(--border-radius);
    font-size: 14px;
    color: white;
    margin: 10px;
    outline: none;
    padding: 0.5em 1em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    opacity: 0.5;
    transition: 0.3s;
    height: auto !important;
}
.active-button {
	opacity: 1;
	transition: 0.3s;
}

.trackapp-container {
	margin-top: 20px;
}

</style>

HTML

<style>

#main-content {
    background: white !important;
}
.judging-dash-section {
    background: var(--main-background) !important;
}

.dash-banner .content-head {
    font-size: var(--font-size-xl);
    color: black;
	margin-top: 0px !important;
}
.dash-banner .content-text, .content-text {
	color: black;
}

.dash-banner-image {
    display: block !important;
}
.dashboard-welcome-banner {
    position: absolute;
    margin-bottom: 0px !important;
    bottom: 0px;
    line-height: normal;
    padding-top: 0px !important;
    height: 30% !important;
}
.title-search {
    position: relative;
	/* margin-bottom: 30px; */
	    max-height: 450px;
    overflow: hidden;
}
#adminjudgingcontrols {
    overflow: hidden;
	max-width: 1100px;
}
.dashboard-welcome-banner {
    position: absolute;
    margin-bottom: 0px !important;
    bottom: 0px;
    line-height: normal;
}

@media screen and (max-width: 950px) {
	.dash-banner .content-head {
		font-size: var(--font-size-l);
	}
}
@media screen and (max-width: 750px) {
	.dash-banner-image {
    	display: none !important;
	}
	.dashboard-welcome-banner {
		position: relative;
    	padding: 30px !important;
	}
	
}

</style>

Custom section

CustomCSS	padding-top: 50px; padding-bottom:50px; width: 80%; margin: 0px auto 40px auto; position: relative; flex-direction: column;
ContainerID	adminjudgingcontrols
DisableAutoHeight	true
Class	companiesCustomSection

Custom section

CustomCSS	flex-direction:column;
Class	title-search

HTML
<img class="dash-banner-image" style="display:none;" src="https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/msDashBanner.jpg" />

Custom section

CustomCSS	padding: 40px 30px; width: 95%; flex-direction: column; /background: var(--primary-color);/ background: linear-gradient(90deg, #1c60aa, #81adde); border-radius: 0px; margin-bottom: 30px;
Class	dashboard-welcome-banner judging-dash-section

HTML

<div class="dash-banner">
  <div class="top-content">
    <p class="content-head">Morgan Stanley Small Business Academy Judging Dashboard</p>
    <p class="content-text"><span id="user_name"> </span></p>
  </div>
</div>

Custom section

CustomCSS	display:none;
ContainerID	jira-buttons-container
Class	buttons-container

Show If

special	@anonymous

Custom button

CustomCSS	border: var(--border); height: 36.5px; font-size: 14px; color: #ffffff; margin: 10px; outline: none; padding: 0px 40px; width: auto; text-transform: uppercase;
Type	custom-button
ButtonClass	app-button
Text	Tutorials Homepage
Url	/display/SMT

Custom section

CustomCSS	padding: 40px 30px;padding-top:0px; width: 95%; flex-direction: column; /background: var(--primary-color);/ background: linear-gradient(90deg, #1c60aa, #81adde); border-radius: 0px; margin-bottom: 30px;
ContainerID	help-text
DisableAutoHeight	true
Class	judging-dash-section

HTML

<p class="content-text"> Welcome to the Morgan Stanley SBA Judging Dashboard! Below, you'll see the various rounds that you've been assigned for judging. Select the "Pending" button to view all applications requiring your judging attention. Select the "Judged" button to view all your previously judged applications.</p>

<p class="content-text">Within the application viewer, you will be able to see your list of applications on the left panel. Select any of the applications from this panel to view, and judge them. You may view application details by scrolling down on the right panel. After you've finished reviewing, select the "Rate Application" button to show the judging controls.  Select a response from the drop-downs for each criteria, and add an optional comment. Select the "Submit Rating" button to save your responses. </p>

<p class="content-text">You may return to any application to update your previous rating by selecting the "Judged" filter, and selecting the "Rate Application" button again.</p>

Custom section

CustomCSS	display:none; padding: 40px 30px; width: 95%; flex-direction: column; /background: var(--primary-color);/ background: linear-gradient(90deg, #1c60aa, #81adde); border-radius: 0px; margin-bottom: 30px;
ContainerID	round1
DisableAutoHeight	true
Class	judging-dash-section

HTML
<p class="dynamic-title">Round 1</p>

Custom section

ContainerID	jira-buttons-container
Class	buttons-container

Custom button

CustomCSS	border: 1px solid var(--secondary-color) !important; height: 36.5px; font-size: 14px; color: var(--secondary-color) !important; margin: 10px; outline: none; padding: 0px 40px; width: auto; text-transform: uppercase; background-color: var(--primary-color);
Type	custom-button
ButtonClass	app-button
Text	Pending
Url	/display/MSSJ/Applications%20Judge%20View?judginground=eoijudging&judgingstatus=Judging%20Incomplete

Custom button

CustomCSS	border: 1px solid var(--secondary-color) !important; height: 36.5px; font-size: 14px; color: var(--secondary-color) !important; margin: 10px; outline: none; padding: 0px 40px; width: auto; text-transform: uppercase; background-color: var(--primary-color);
Type	custom-button
ButtonClass	app-button
Text	Judged
Url	/display/MSSJ/Applications%20Judge%20View?judginground=eoijudging&judgingstatus=Judging%20Completed

HTML

<script>
// show right block based on groups 
let judge_username = getQueryVariableFromUrl("user") 
let is_viewing_judge = judge_username !== "notfound" ? true : false; 
var judge_group_mapping = {"mssba-round1-judges" : "#round1"};  // mapping of group name with container css selector 
const DEADLINE_FIELD = "customfield_10677";
var is_any_valid_judge = false;

const getConfig = async () => { 
   let res = await jQuery.ajax({
   url: "/rest/scriptrunner/latest/custom/getApplicationConfig?project=SEA",
   type: "get",
   dataType: 'json',
   headers: {
     "X-Atlassian-Token": "nocheck",
     "Content-type": "application/json",
   },
   async: true
    }).then(res => res);
   return res; 
}

const getGroups = async (username) => { 
   let res = await jQuery.ajax({
   url: "/rest/api/user/memberof?username=" + username,
   type: "get",
   dataType: 'json',
   headers: {
     "X-Atlassian-Token": "nocheck",
     "Content-type": "application/json",
   },
   async: true
    }).then(res => res);
   res = res.results;
   let group_arr = []; 
   for (var i = 0; i < res.length; i++) {
    group_arr.push(res[i].name)
   }
   return group_arr; 
}

  const getJudgeInfo = async (username) => { 
    let res = await jQuery.ajax({
    url: "/rest/api/user?username=" + username,
    type: "get",
    dataType: 'json',
    headers: {
      "X-Atlassian-Token": "nocheck",
      "Content-type": "application/json",
    },
    async: true
      }).then(res => res);
    return res; 
  }

if(!is_viewing_judge){

/* 
// TEMP COMMENTED
getConfig().then(deadline_obj => {
  var right_now = new Date(deadline_obj["date"]);
	round_deadline_obj = {"screening" : "Sept 30 2022 23:59:59 PST"}
  if(deadline_obj.issues.length){
   round_deadline_obj = JSON.parse(deadline_obj.issues[0].fields[DEADLINE_FIELD]);
  }
  getGroups(AJS.params.remoteUser).then(curr_judge_groups => {
    for(var group in judge_group_mapping) {
      var deadline = new Date(round_deadline_obj[group])
      var is_deadline_passed = right_now > deadline; 
      if(curr_judge_groups.includes(group) && !is_deadline_passed){
        $(judge_group_mapping[group]).show(); 
        is_any_valid_judge = true;
      } else if (curr_judge_groups.includes(group) && is_deadline_passed) {
        $(judge_group_mapping[group] + "deadlinepassed").show(); 

      }
    }
  })
}); 
*/  
  getGroups(AJS.params.remoteUser).then(curr_judge_groups => {
    for(var group in judge_group_mapping) {
		console.log("curr_judge_groups", curr_judge_groups)
		console.log("group", group)

      if(curr_judge_groups.includes(group)){
        $(judge_group_mapping[group]).show(); 
        is_any_valid_judge = true;
      } else if (curr_judge_groups.includes(group) && is_deadline_passed) {
        $(judge_group_mapping[group] + "deadlinepassed").show(); 

      }
	  if(curr_judge_groups.includes("morganstanley-icvideo-judges") && !curr_judge_groups.includes("confluence-administrators") && !curr_judge_groups.includes("morganstanley-admins")){
	 	$("head").append(`<style>
				li#rw_category_key_add {
    				display: none !important;
				}

 				li#rw_category_key_map {
     				display: none !important;
 				}

 				li#rw_category_key_msset {
     				display: none !important;
 				}
			</style>`);
	  }
     }
  });


    getJudgeInfo(AJS.params.remoteUser).then(judge => {
	  $("#user_name").text("Hi " +judge.displayName + "!");
    })

}
</script>
<script type="text/javascript" src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/js/MS+Sustainability/Judging/showJudgeDashboard.js"> </script>

Content

Space Tools

Versions Compared

Old Version 1

New Version 2

Key

Content

Space Tools

Breadcrumbs

Page History

Versions Compared

Old Version 1

New Version 2

Key