x
x
x
x
Only portrait mode is currently supported - please rotate your device.
...
HTML |
---|
<script> var Arrive=function(e,t,n){"use strict";function r(e,t,n){l.addMethod(t,n,e.unbindEvent),l.addMethod(t,n,e.unbindEventWithSelectorOrCallback),l.addMethod(t,n,e.unbindEventWithSelectorAndCallback)}function i(e){e.arrive=f.bindEvent,r(f,e,"unbindArrive"),e.leave=d.bindEvent,r(d,e,"unbindLeave")}if(e.MutationObserver&&"undefined"!=typeof HTMLElement){var o=0,l=function(){var t=HTMLElement.prototype.matches||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector;return{matchesSelector:function(e,n){return e instanceof HTMLElement&&t.call(e,n)},addMethod:function(e,t,r){var i=e[t];e[t]=function(){return r.length==arguments.length?r.apply(this,arguments):"function"==typeof i?i.apply(this,arguments):n}},callCallbacks:function(e,t){t&&t.options.onceOnly&&1==t.firedElems.length&&(e=[e[0]]);for(var n,r=0;n=e[r];r++)n&&n.callback&&n.callback.call(n.elem,n.elem);t&&t.options.onceOnly&&1==t.firedElems.length&&t.me.unbindEventWithSelectorAndCallback.call(t.target,t.selector,t.callback)},checkChildNodesRecursively:function(e,t,n,r){for(var i,o=0;i=e[o];o++)n(i,t,r)&&r.push({callback:t.callback,elem:i}),i.childNodes.length>0&&l.checkChildNodesRecursively(i.childNodes,t,n,r)},mergeArrays:function(e,t){var n,r={};for(n in e)e.hasOwnProperty(n)&&(r[n]=e[n]);for(n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);return r},toElementsArray:function(t){return n===t||"number"==typeof t.length&&t!==e||(t=[t]),t}}}(),c=function(){var e=function(){this._eventsBucket=[],this._beforeAdding=null,this._beforeRemoving=null};return e.prototype.addEvent=function(e,t,n,r){var i={target:e,selector:t,options:n,callback:r,firedElems:[]};return this._beforeAdding&&this._beforeAdding(i),this._eventsBucket.push(i),i},e.prototype.removeEvent=function(e){for(var t,n=this._eventsBucket.length-1;t=this._eventsBucket[n];n--)if(e(t)){this._beforeRemoving&&this._beforeRemoving(t);var r=this._eventsBucket.splice(n,1);r&&r.length&&(r[0].callback=null)}},e.prototype.beforeAdding=function(e){this._beforeAdding=e},e.prototype.beforeRemoving=function(e){this._beforeRemoving=e},e}(),a=function(t,r){var i=new c,o=this,a={fireOnAttributesModification:!1};return i.beforeAdding(function(n){var i,l=n.target;(l===e.document||l===e)&&(l=document.getElementsByTagName("html")[0]),i=new MutationObserver(function(e){r.call(this,e,n)});var c=t(n.options);i.observe(l,c),n.observer=i,n.me=o}),i.beforeRemoving(function(e){e.observer.disconnect()}),this.bindEvent=function(e,t,n){t=l.mergeArrays(a,t);for(var r=l.toElementsArray(this),o=0;o<r.length;o++)i.addEvent(r[o],e,t,n)},this.unbindEvent=function(){var e=l.toElementsArray(this);i.removeEvent(function(t){for(var r=0;r<e.length;r++)if(this===n||t.target===e[r])return!0;return!1})},this.unbindEventWithSelectorOrCallback=function(e){var t,r=l.toElementsArray(this),o=e;t="function"==typeof e?function(e){for(var t=0;t<r.length;t++)if((this===n||e.target===r[t])&&e.callback===o)return!0;return!1}:function(t){for(var i=0;i<r.length;i++)if((this===n||t.target===r[i])&&t.selector===e)return!0;return!1},i.removeEvent(t)},this.unbindEventWithSelectorAndCallback=function(e,t){var r=l.toElementsArray(this);i.removeEvent(function(i){for(var o=0;o<r.length;o++)if((this===n||i.target===r[o])&&i.selector===e&&i.callback===t)return!0;return!1})},this},s=function(){function e(e){var t={attributes:!1,childList:!0,subtree:!0};return e.fireOnAttributesModification&&(t.attributes=!0),t}function t(e,t){e.forEach(function(e){var n=e.addedNodes,i=e.target,o=[];null!==n&&n.length>0?l.checkChildNodesRecursively(n,t,r,o):"attributes"===e.type&&r(i,t,o)&&o.push({callback:t.callback,elem:i}),l.callCallbacks(o,t)})}function r(e,t){return l.matchesSelector(e,t.selector)&&(e._id===n&&(e._id=o++),-1==t.firedElems.indexOf(e._id))?(t.firedElems.push(e._id),!0):!1}var i={fireOnAttributesModification:!1,onceOnly:!1,existing:!1};f=new a(e,t);var c=f.bindEvent;return f.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t);var o=l.toElementsArray(this);if(t.existing){for(var a=[],s=0;s<o.length;s++)for(var u=o[s].querySelectorAll(e),f=0;f<u.length;f++)a.push({callback:r,elem:u[f]});if(t.onceOnly&&a.length)return r.call(a[0].elem,a[0].elem);setTimeout(l.callCallbacks,1,a)}c.call(this,e,t,r)},f},u=function(){function e(){var e={childList:!0,subtree:!0};return e}function t(e,t){e.forEach(function(e){var n=e.removedNodes,i=[];null!==n&&n.length>0&&l.checkChildNodesRecursively(n,t,r,i),l.callCallbacks(i,t)})}function r(e,t){return l.matchesSelector(e,t.selector)}var i={};d=new a(e,t);var o=d.bindEvent;return d.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t),o.call(this,e,t,r)},d},f=new s,d=new u;t&&i(t.fn),i(HTMLElement.prototype),i(NodeList.prototype),i(HTMLCollection.prototype),i(HTMLDocument.prototype),i(Window.prototype);var h={};return r(f,h,"unbindAllArrive"),r(d,h,"unbindAllLeave"),h}}(window,"undefined"==typeof jQuery?null:jQuery,void 0); $(document).arrive("#custom-user-search-results-table a", link => { if (link.href.includes("/~")) { let email = link.href.split("/~").pop(); link.href = "/display/PN/Mentor+Profile?mentor=" + email; } }); $(document).arrive(' </script> <style> a{ text-decoration: none!important; } #startup-card-container', container=>{ console.log("found startup container"); // Load startup cards }); AJS.toInit(function(){ console.log("window has loaded"); var data = await jQuery.ajax({ margin-top: 50px; } .startup-card { display: flex; url: "/rest/scriptrunner/latest/custom/searchJiraTicketsPaginated",flex-direction: column; headerswidth: {280px; height: 'X-Atlassian-Token' : 'nocheck',350px; min-height: 350px; 'Content-type' : 'application/json'min-width: 280px; }, position: relative; typemargin: "POST", 0 40px 40px 0; dataTypebackground: 'json',white; datapadding: JSON.stringify({ 20px 20px 60px 20px; "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); var startup_container = document.getElementById('startup-card-container'); 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']; startup_container.innerHTML = startup_container.innerHTML + `<div class='startup-card'> <div class='startup-card-title'>`+title+`</div> <div class='startup-card-summary'>`+summary+`</div> </div>`; }) } </script> <style> .startup-card{ display: flex; flex-direction: column; width: 100px; height: 150px; margin; 0 20px 10px 0; background: whitebox-sizing: border-box; } .startup-card::after { position: absolute; left: 0; bottom: 20px; width: 100%; height: 50%; content: ''; background: linear-gradient( 0deg , white, transparent); } .startup-card-title { font-size: 21px; margin-bottom: 20px; font-weight: bold; color: #333333; } .startup-card-summary { font-size: 18px; overflow: hidden; color: #757575; letter-spacing: .8px; } .startup-card-summary::after { content: 'READ MORE'; font-weight: bold; background: transparent; color: #333; position: absolute; bottom: 20px; font-size: 17px; left: 20px; z-index: 10; } </style> |
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> |
...
OneValley