Page History
| HTML |
|---|
<!-- LOADING SPINNER -->
<div id="cover"><div class="loader"></div></div>
<script>
AJS.$("#full-height-container").css("overflow", "hidden");
AJS.$(window).on('load', function() {
AJS.$("#full-height-container").css("overflow", "unset");
$("#cover").hide();
});
</script>
<style>
#main-content > p {
display: none;
}
.general-sidebar-content .general-image-wrapper{
width: 200px!important;
height: 200px!important;
}
.general-sidebar-content .general-image-wrapper img{
object-fit: contain;
}
#cover {
position: fixed;
height: calc(100% - 100px);
width: 100%;
top:61px; left: 0;
background: var(--secondary-color);
z-index:9999;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 100px;
}
.loader {
border: 5px solid #f3f3f3;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
border-top: 5px solid #555;
border-radius: 50%;
width: 50px;
height: 50px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style> |
| HTML |
|---|
<script>
AJS.toInit(function(){
let searchIcon = $('.lipifo-search')[0];
$('.aui-button.search')[0].innerHTML = "";
$('.aui-button.search')[0].append(searchIcon);
$("form.aui.custom-user-search-form").on("submit", function(){
var checkExist = setInterval(function() {
if ($('.inside-table-cell.field-value a').length) {
// change href attr to be this site's mentor prof link
$("#custom-user-search-results-table a").each(function() {
if (this.href.includes("/~")) {
let email = this.href.split("/~").pop();
console.log(email);
this.href = "/display/MSCOM/Company+Page?company=" + email;
}
});
clearInterval(checkExist);
}
console.log("does not exist");
}, 100); // check every 100ms
});
});
</script> |
| HTML |
|---|
<style>
/* New user search styling */
.aui-button.search{
width: 50px;
min-width: 50px;
max-width: 50px;
}
#prev-listcompanies, #next-listcompanies{
border-radius: 4px;
background-color: white;
border-color: var(--primary-color);
color: #767676;
height: 50px;
}
#custom-user-search-results-dialog{
width: 60%!important;
}
.inside-table-cell{
font-size: 15px!important;
}
.inside-table-cell a{
font-size: 15px!important;
}
button#dialog-close-button {
border-radius: 4px;
background-color: white;
color: var(--primary-color);
}
div.contentSection, div.contentSection1{
margin: 0 100px!important;
width: calc(100% - 200px)!important;
}
input.searchInput{
border-radius: 4px!important;
height: 50px!important;
font-size: 16px!important;
color: #767676!important;
text-indent: 10px!important;
}
form.aui.custom-user-search-form{
margin: 0 100px!important;
padding: 0 15px!important;
}
button.aui-button.search{
height: 50px;
width: 100px;
background-color: white;
color: #767676;
border-radius: 4px;
}
#myCards-listcompanies{
justify-content: flex-start!important;
width: calc(100% + 80px)!important;
}
.custom-card-container .image-container img {
object-fit: contain;
width: 200px!important;
height: 200px!important;
}
/* ---------- */
.image-container{
padding: 0px!important;
}
div.rw_formatting_item {
width: calc(100vw - 400px);
margin: 0 100px!important;
display: flex;
justify-content: flex-start;
padding-left: 15px!important;
}
.rw_search_item.rw_formatting_item.rw_search_box_theme_gray .rw_search_module_container>div .rw_search_item input.rw_search_query {
border-radius: 4px;
border: solid 1.5px #767676;
font-family: var(--main-font-family);
font-size: 15px;
font-weight: 500;
color: #000000;
background: #ffffff;
}
.largeimagewithtextbelow-autocards .image-container {
border: solid 1px #afafaf;
}
div.largeimagewithtextbelow-autocards .card-text-container {
height: 35px;
}
.largeimagewithtextbelow-autocards .card-text-container {
background: transparent;
}
div.largeimagewithtextbelow-autocards {
background: transparent;
font-size: 20px;
font-weight: bold;
font-family: var(--secondary-font-family);
}
button.nextprevbutton {
width: 165px;
height: 54px;
border-radius: 8px;
background-color: #187aba;
color: #ffffff;
}
div.largeimagewithtextbelow-autocards card-title {
font-family: var(--secondary-font-family);
font-size: 20px;
padding: 0 !important;
}
div.largeimagewithtextbelow-autocards:hover {
background: transparent;
}
div#myCards-userlist {
margin: 20px auto;
display: grid !important;
grid-template-columns: repeat(auto-fill, 300px);
grid-gap: 30px;
width: 100%;
justify-content: space-evenly !important;
height: auto !important;
}
div.contentSection, div.contentSection1 {
flex-direction: column;
width: calc(100% - 400px);
margin: 0 200px;
}
div#next-prev-container-userlist {
justify-content: flex-end;
}
button.nextprevbutton.pagination-cardstyle:hover {
background-color: var(--primary-color);
opacity: 1;
}
button.nextprevbutton:focus {
background-color: var(--primary-color);
color: #ffffff;
}
div.rw_formatting_item {
padding: 30px 0;
}
</style> |
| Show If | ||||||
|---|---|---|---|---|---|---|
|
| Custom User Search (deprecated) | ||||||
|---|---|---|---|---|---|---|
|
<link rel="stylesheet" href="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/stylesheets/MorganStanley/companies.css?v=21" /> |
| Custom section | ||||||
|---|---|---|---|---|---|---|
| ||||||
|
| HTML | ||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<script>
function htmlDecode(input){
var e = document.createElement('textarea');
e.innerHTML = input;
// handle case of empty input
return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}
</script>
<script src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/js/MS+SBA/tabs.js"> </script>
<script src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/js/MS+SBA/tags.js"> </script>
<script src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/js/Morgan+Stanley/companies.js?v=4"> </script> | ||||||||||||||||||||||||||
| Custom section | ||||||||||||||||||||||||||
|
| Show If | ||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
| List members pagination | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
<style>
/* Styling for company cards */
.image-container img{
width: 100%;
height: 100%;
}
.image-container{
width: 300px;
height: 300px;
background-color: white;
border: 1px solid #afafaf;
}
.custom-card-container{
width: 300px;
height: auto;
border-radius: 0;
background-color: transparent;
box-shadow: 0;
}
.custom-card-container:hover{
border-radius: 0px;
box-shadow: none;
background-color: transparent;
transform: none
}
.card-text-container{
width: 100%;
margin-top: 30px;
}
.card-title{
width: 100%;
text-align: left;
padding: 0;
font-family: var(--secondary-font-family);
font-weight: normal;
color: black;
}
div.largeimagewithtextbelow-autocards .card-title {
padding: 0;
font-family: var(--secondary-font-family);
font-size: 20px;
}
</style>
<script>
function setCardLinks() {
let cardLinks = Array.from($("#myCards-userlist").find("a"));
cardLinks.forEach(a => {
let companyName = a.href.split('companies/')[1];
// /display/MSCOM/Company+Page?company=
let newLink = '/display/MSCOM/Company+Page?company=' + companyName;
a.href = newLink;
});
}
window.addEventListener("DOMContentLoaded", () => {
//setCardLinks();
/*
$('#myForm-tdmcompanies input').click(function() {
setCardLinks();
});
*/
});
AJS.toInit(function(){
let bannerElement = document.createElement('img');
bannerElement.classList.add('service-banner');
bannerElement.classList.add('hide-on-mobile');
bannerElement.src = "http://passport-media.gsvlabsportal.com/Morgan+Stanley/Company+Images/screen.png";
document.getElementById('main-content').prepend(bannerElement);
});
</script>
<style>
.service-banner{
height: 368px;
}
</style>