Page History
...
| Show If | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
| HTML |
|---|
<script>
// ANALYTICS
const trackPerksCardClicked = (perkCategory, perkTitle) => {
analytics.track("perksCardClicked", {perkCategory, perkTitle});
}
const trackPerkCategoryClicked = (perkCategory) => {
analytics.track("PerksCategoryClicked", {perkCategory});
}
$("#myCards-passportproperks .custom-card-container").each(function() {
this.addEventListener("click", () => {
let title = this.getElementsByClassName("card-title")[0];
let titleText = title.innerHTML.trim();
let category = this.getElementsByClassName("card-subtitle")[0];
let categoryText = category.innerHTML.trim();
trackPerksCardClicked(categoryText, titleText);
});
});
$("#myCards-popularperks .custom-card-container").each(function() {
this.addEventListener("click", () => {
let title = this.getElementsByClassName("card-title")[0];
let titleText = title.innerHTML.trim();
let category = this.getElementsByClassName("card-subtitle")[0];
let categoryText = category.innerHTML.trim();
trackPerksCardClicked(categoryText, titleText);
});
});
$("#myCards-newestperks .custom-card-container").each(function() {
this.addEventListener("click", () => {
let title = this.getElementsByClassName("card-title")[0];
let titleText = title.innerHTML.trim();
let category = this.getElementsByClassName("card-subtitle")[0];
let categoryText = category.innerHTML.trim();
trackPerksCardClicked(categoryText, titleText);
});
});
$("#categories .custom-card-container").each(function() {
this.addEventListener("click", () => {
let category = this.getElementsByClassName("card-title")[0];
let categoryText = category.innerHTML.trim();
categoryText = categoryText.split('&').join("&");
trackPerkCategoryClicked(categoryText);
});
});
</script> |
|
| HTML |
|---|
<script>
// ANALYTICS
const trackPerksCardClicked = (perkCategory, perkTitle) => {
analytics.track("perksCardClicked", {perkCategory, perkTitle});
}
const trackPerkCategoryClicked = (perkCategory) => {
analytics.track("PerksCategoryClicked", {perkCategory});
}
$("#myCards-passportproperks .custom-card-container").each(function() {
this.addEventListener("click", () => {
let title = this.getElementsByClassName("card-title")[0];
let titleText = title.innerHTML.trim();
let category = this.getElementsByClassName("card-subtitle")[0];
let categoryText = category.innerHTML.trim();
trackPerksCardClicked(categoryText, titleText);
});
});
$("#myCards-popularperks .custom-card-container").each(function() {
this.addEventListener("click", () => {
let title = this.getElementsByClassName("card-title")[0];
let titleText = title.innerHTML.trim();
let category = this.getElementsByClassName("card-subtitle")[0];
let categoryText = category.innerHTML.trim();
trackPerksCardClicked(categoryText, titleText);
});
});
$("#myCards-newestperks .custom-card-container").each(function() {
this.addEventListener("click", () => {
let title = this.getElementsByClassName("card-title")[0];
let titleText = title.innerHTML.trim();
let category = this.getElementsByClassName("card-subtitle")[0];
let categoryText = category.innerHTML.trim();
trackPerksCardClicked(categoryText, titleText);
});
});
$("#categories .custom-card-container").each(function() {
this.addEventListener("click", () => {
let category = this.getElementsByClassName("card-title")[0];
let categoryText = category.innerHTML.trim();
categoryText = categoryText.split('&').join("&");
trackPerkCategoryClicked(categoryText);
});
});
</script> |
| HTML |
|---|
<style>
div#user-search-bar-container{
border-color: #ccc!important;
border-radius: 0!important;
width: 300px!important;
min-width: 250px !important;
}
@media only screen and (max-width: 920px) and (min-width: 320px) {
#filters-list{
width: 80%;
top: calc(100% + 5px);
left: 10%;
}
#filter-container{
margin: 30px 0!important;
flex-direction: column!important;
}
.dropdown{
width: 100%!important;
}
div#user-search-module,div#user-search-bar-container{
width: 100%!important;
margin: 0!important;
}
#main-content div#ui-tabs-buttons-ui-tab-container{
width: 80%!important;
max-width: 80%!important;
padding: 0!important;
right: 10%!important;
top: 100px!important;
}
div#ui-tabs-buttons-ui-tab-container button {
margin: 0 10px !important;
}
#profile_header_container{
flex-direction: column!important;
margin: 10px 0 0 0 !important;
}
#profile_header_text{
margin: 0 auto 0 0!important;
padding: 0!important;
font-size: 35px!important;
}
div#featured-mentors-container {
margin-left: 0 !important;
}
#user-search-results {
width: 80% !important;
}
.startup-card {
width: 100%;
margin: 40px 0 0 0;
}
#startup-card-container {
margin: 0 !important;
}
}
.userLogo {
height: 100% !important;
width: 100% !important;
} |
| HTML |
<style> .list-member-paginated-cards{ justify-content: flex-start!important; } .profilecard.custom-card-container{ border-radius: 0!important; box-shadow: none!important; width: 300px!important; height: 450px!important; margin: 0 20px 20px 0!important; padding: 0!important; } .profilecard img { width: 100%!important; height: 100%!important; border-radius: 0!important; margin: 0!important; object-fit: cover!important; padding: 0!important; } .profilecard .image-container { display: flex!important; padding: 0!important; margin: 0!important; width: 100%!important; height: 320px!important; } .profilecard .card-text-container { display: flex!important; flex-direction: column!important; height: 100%!important; width: 100%!important; } .profilecard .card-title{ color: #333!important; font-weight: bold!important; font-size: 22px!important; } .profilecard .card-subtitle{ color: #333!important; font-size: 16px!important; } div#main-content { background: #eeeeee; } .rw_formatting_item>.rw_background_image { background: #e9eae9; } .rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item { background: #e9eae9; } .roundedborderlayered-autocards.cardstyle { background: none!important; width: 300px!important; height: 450px!important; margin: 0 20px 20px 0!important; } .custom-card-link-styling{ border-radius: 0px!important; } .roundedborderlayered-autocards.cardstyle .card-text-container{ width: 100%!important; height: 210px!important; margin: 20px 0!important; } .roundedborderlayered-autocards.cardstyle .image-container{ width: 100%!important; height: 200px!important; padding: 0!important; border: 1px solid #ccc; box-sizing: border-box; } .roundedborderlayered-autocards.cardstyle .prof-container{ width: 100%!important;; height: 200px!important; margin: 0!important; } .roundedborderlayered-autocards.cardstyle a { margin: 0!important; box-shadow: none!important; width: 100%; height: 100%; } .roundedborderlayered-autocards.cardstyle p.card-perks-subtitle { background: var(--primary-color); color: var(--secondary-color) !important; } .roundedborderlayered-autocards.cardstyle .card-text-container .card-title { color: #333; padding-left: 30px; text-align: left; font-weight: bold; font-size: 22px!important; } .roundedborderlayered-autocards.cardstyle .card-text-container .card-subtitle { color: gray; padding-left: 30px; text-align: left; font-weight: normal; font-size: 15px!important; } .roundedborderlayered-cc.cardstyle { box-shadow: 0px 15px 0 var(--secondary-color), 0px -15px 0 var(--secondary-color), -2px 3px 10px 0 rgb(0 0 0 / 16%), 2px -3px 10px 0 rgb(0 0 0 / 16%); } .rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item { width: max-content; } .rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item .rw_search_icon { left: 0px; } .rw_searchsimple_module { margin: 30px auto; margin-bottom: 60px; width: 85%; } .rw_cell.rw_search_module_container { margin-left: 0px; } /* MOBILE STYLING */ @media screen and (max-width: 930px) { .main-header-container h1 { font-size: 35px; } .custom-section-container.titlecontainer { font-size: 22px; width: 85%; margin: 40px auto !important; } .profilecard.custom-card-container { margin: 0 0 20px 0 !important; width: 100% !important; } } @media screen and (max-width: 700px) { .mostpopular, #newest-perks-container { width: 85%; margin: 0 auto !important; } .rw_searchsimple_module { width: 80%; } #myCards-passportproperks, #myCards-popularperks, #categories, #myCards-newestperks { justify-content: center !important; align-items: center !important; margin: 0 auto !important; } } </style> <script> /* console.log("this is running"); var data = await jQuery.ajax({ url: "/rest/scriptrunner/latest/custom/searchJiraTicketsPaginated", headers: { 'X-Atlassian-Token' : 'nocheck', 'Content-type' : 'application/json' }, type: "POST", dataType: 'json', data: JSON.stringify({ "jql": "project = PGH AND status = Submitted AND resolution = Unresolved AND cf[10634] ~ 'approved' ORDER BY priority DESC, updated DESC", "startAt": 0, "maxResults": 4 }) }).then(res => res); for(let i = 0; i < data.issues.length; i++){ console.log("found..."); let title = data.issues[i]['fields']['customfield_10108']; let summary = data.issues[i]['fields']['customfield_10226']; container.innerHTML = container.innerHTML + `<div class='startup-card'> <div class='startup-card-title'>`+title+`</div> <div class='startup-card-summary'>`+summary+`</div> </div>`; } */ </script> |
...