Page History

<link rel="stylesheet"
  href="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/stylesheets/EWC/eventsPlatformStyleesheetEWC.css">



<style>
.currentOrganizer {
	display: none !important;
}
div#uploadButton4 {
	font-family: unset;
	color: var(--cb-font);
	background: var(--cb-fill);
    border-radius: 6px;
}
textarea#i_location {
    background: unset;
}
input#i_location {
    min-width: 100%;
}

div#entryLocation {
    display: flex;
    flex-direction: column;
}
div#select2-drop {
	background-image: unset !important;
	background: white !important;
}
#main-content {
background-image: unset !important;
}
.my-button {
background-image: unset !important;
}
div.display-none {
    display: none;
}

span.i_holdingrow_currentName {
	display: none;
}
span.i_holdingrow_name {
	/*display: none;*/
}
#entryName{
	/*margin: 0 0 10px 0;*/
}
.nameSubtext {
    display: none;
    height: auto;
    margin: 0 0px 0 0px;
    color: white;
    object-fit: contain;
    font-family: Raleway;
    font-size: 9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: 0.6px;
}
p.auto-cursor-target {
	margin: 0px !important;
}
.my-button {
	border: 1px solid var(--cb-outline);
    /* margin-right: 10px; */
    background-image: linear-gradient(to right, #26c9b7 , #23c3ad);
	border-radius: 6px;
	margin-top: 5px;
}
div#orgupload {
    margin: 15px 0 0 5px !important;
}
.sponsorImage1{
	justify-content: start;
    flex-wrap: wrap;
}
#orgupload{
	height: unset !important;
}
img.uploadImage {
    width: 30px;
    height: 45px;
    margin: 0 auto;
	
}

.uploadButton {
    width: 85%;
    border: 1px solid var(--cb-outline);
    /* margin-right: 10px; */
    background-image: linear-gradient(to right, #26c9b7 , #23c3ad);
    font-family: Raleway;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #ffffff;
    margin: 8px auto;
    cursor: pointer;
    max-width: 130px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fileUploadContainer{
	margin: 9px 8px 9px 0;
	min-width: 190px;
	flex-direction: column;
    text-align: center;
    width: 30%;
    border-radius: 3px;
    padding: 5px;
    color: white;
    display: flex;
    border: solid 1px rgba(300,300,300,0.51);
}
input#i_currentSponsorimage1 {
    margin: 0 0 0px -5px;
}
input#i_currentSponsorimage3 {
	margin: 0 0 0px -5px;
}
label#i_labelfor_currentSponsorimage3 {
    margin: 0 0px 12px -5px;
}
button.clearButton {
	cursor: pointer;
    width: fit-content;
    /* margin-bottom: 9px; */
    /* margin-top: 10px; */
    border: transparent;
    margin-right: 10px;
    background-image: transparent;
    font-family: Raleway;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #ffffff;
    background: transparent;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: transparent !important;
}
form.aui .text[disabled], form.aui .password[disabled], form.aui .textarea[disabled], form.aui .select[disabled], form.aui .multi-select[disabled] {
 background: transparent;
}
div#entrySponsors {
    width: 50% !important;
}

input#i_sponsors {
    max-width: 500px !important;
    /* width: 100% !important; */
}

#entrySponsors .auto-cursor-target {
    width: 100% !important;
}

span.i_holdingrow_sponsors {max-width: 100% !important;}
input#i_addImage1-yes {
    display: none;
}

input#i_removeImage1-no {
    display: none;
}
input#i_addImage2-yes {
    display: none;
}

input#i_removeImage2-no {
    display: none;
}
label {
    color: var(--primary-color);
    border: var(--border);
    font-size: var(--font-size-s);
    width: 150px;
    background-color: transparent;
    padding: 5px 10px;
    margin: 5px 0 5px 0;
    line-height: 45px !important;
    cursor: pointer;
}

input:checked + label {
    background: var(--us-tab-outline);
    color: #ffffff!important;
    box-shadow: none;
}
textarea#i_agenda {
    max-width: 100% !important;
}

a#saveFormButton {
	margin-left: auto;
	width: 170px;
}

div#entryAgenda {
    width: 100%;
}

textarea#i_program {
    max-width: 100% !important;
}

select#i_country {
    max-width: 100%;
}

select#i_round {
    max-width: 100%;
}

input#i_startDate {
    max-width: 100% !important;
    padding: 0 10px 0 !important;
}
textarea#i_agenda {
    background: transparent;
    color: white !IMPORTANT;
}
textarea#i_program {
    background: transparent;
    color: white !IMPORTANT;
}

span.i_holdingrow_agenda {
    display: flex;
    flex-direction: column;
}
.saveFormContainer {
    display: flex;
    text-align: right;
    width: 95.5% !important;
    margin: -10px 0 10px 0;
}

.confiFormsFormFooter {
    display: none;
}
.jqte_toolbar.unselectable {
    height: 27px;
}
.jqte * {
	color: white !important;
}
div.jqte_editor * {
    background-color: transparent !important;
}
span.i_holdingrow_agenda {
    width: inherit;
}
span.i_holdingrow_name {
    width: inherit;
}

span.i_holdingrow_cohosts {
    width: inherit;
}

span.i_holdingrow_rsvp {
    width: inherit;
}

span.i_holdingrow_sponsors {
    width: inherit;
}

span.i_holdingrow_type {
    width: inherit !important;
}

select#i_type {
    max-width: unset;
}

input#i_startDate {
    max-width: unset !important;
}

input#i_endDate {
    max-width: unset !important;
}
p.auto-cursor-target {
    width: inherit;
}
span.conf-macro.output-inline {
    width: inherit;
	justify-content: flex-end;
}

/* Styling for uploading pictures button */
input[type="file" i]::-webkit-file-upload-button {
  height: 40px;
  padding: 10px 20px;
  background: transparent;
  border: var(--border);
  color: white;
  font-size: var(--font-size-xs);
  cursor: pointer;
  text-transform: uppercase;
}
input#i_name {
    width: 100% !important;
    max-width: unset !important;
}
input#i_image, input#i_sponsorimage1, input#i_sponsorimage2, input#i_sponsorimage3, input#i_imageOrganizer {
  color: white;
}
.confiFormsFormBorder {
	border: none !important;
}
.cf-calendar-time {
	display: none !important;
}
div {}

li.select2-search-choice div {
    color: white;
}
span.output-inline {
    margin: 5px;
	display: flex;
    flex-direction: column;
}
div#s2id_i_cohosts {
    /*max-width: 285px !important;*/
}
.questionContainer {
    background: #172b4d;
    border-radius: 9px;
    padding: 30px;
	width: 80% !important;
    margin: auto;
    align-items: center;
}

form.aui legend, form.aui label {object-fit: contain;font-family: Raleway;font-size: 11px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.91;letter-spacing: 0.6px;color: #fafafa;}

form.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container .select2-choices {
    background: transparent;
    opacity: 0.75;
    border-radius: 3px;
    border: solid 1px rgba(300,300,300,0.51) !important;
    min-height: 40px !important;
	color:white;
}
   
.ffi input[type="file"] {
    background: transparent !important;
    opacity: .21;
    border-radius: 3px;
    border: solid 1px rgba(300,300,300,0.51);
}

#i_holdingrow_image label {
    background: transparent !important;
    opacity: 0.75;
    border-radius: 3px;
    border: solid 1px #ffffff;
}

.jqte_editor, .jqte_source {
    background: transparent;
	color: white !important;
}

.jqte_toolbar {
    background: rgba(300,300,300,0.5);
}

.jqte_tool, .jqte_tool_icon, .jqte_tool_label {
    /* opacity: 0.21; */
    border-radius: 3px;
    border: solid 0px #ffffff;
}
.desc{
	object-fit: contain;
    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: 0.6px;
    color: #fafafa;
}
.questionwrapper {
	height: auto !important;
}
#entryNameInput {
	flex-direction: column;
}
#entryCountry {
	flex-direction: column;
}
#entryCategory {
	flex-direction: column;
}
#entryRound {
	flex-direction: column;
}
div#entryCatLoc {
	flex-direction: row;
}
div#entryLocation {
    margin-bottom: 5px;
}
div#entryType {
    flex-direction: column;
}

div#entrySponsors {
    flex-direction: column;
}

div#entryEndTime {
    flex-direction: column;
}

div#entryStartTime {
    flex-direction: column;
}
div.entryInput {
	flex-direction: column;
}
#entrySummary {
	flex-wrap: wrap;
}

div#action-errors-confiform {
    background: rgba(0,0,0,0.5);
    border: none;
    border-radius: 9px;
    padding: 25px 25px !important;
    width: 80% !important;
    margin: auto;
    align-items: center;
}

#action-errors-confiform ul li {
    color: var(--primary-font-color);
    font-size: var(--font-size-m);
    padding: 5px 0px;
}

.aui-message::after {
    display: none;   
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.custom-section-container {
		width: 100%;
		max-width: 100;
	}

	.questionContainer {
		padding: 12px;
		width: 88% !important;
		margin: 0 auto !important;
	}

	p.auto-cursor-target {
		width: 100% !important;
	}

	span.conf-macro.output-inline {
		width: 100%;
		margin: 7px 0px !important;
	}

	.confiFormsFormContent {
		padding: 0px;
	}

	input#i_sponsors {
		max-width: 100% !IMPORTANT;
		width: 100%;
	}

	div#orgupload {
		margin: 15px 0 0 0px !important;
	}

	a#saveFormButton {
		margin: 0 auto;
		width: 100%;
	}

	.saveFormContainer .my-button {
		margin: 0 auto;
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: space-around;
	}

	.saveFormContainer {
		width: 100% !important;
	}

	.questionwrapper.question-mobile {
		display: flex;
		align-self: flex-start;
		margin-left: 6%;
	}
	div#entryStartTime .questionwrapper.question-mobile {
		height: auto !important;
		margin-bottom: -10px;
	}
	div#entryEndTime .questionwrapper.question-mobile {
		height: auto !important;
		margin-bottom: -10px;	
	}
	.fileUploadContainer {
		min-width: 95%;
	}
	div#entrySponsors {
		width: 100% !important;
	}
}
</style>

<script type="text/javascript" src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/js/ewc/createEventScript.js"></script>

<script>
if (AJS.params.remoteUser === '') {
	window.location.replace("/display/EV/Dashboard");
}

</script>

<script>
function addEventExistsGroup(event_exists_group) {
  jQuery.ajax({
    url: "/rest/scriptrunner/latest/custom/addGroup",
    headers: {
      "X-Atlassian-Token": "nocheck",
      "Content-type": "application/json",
    },
    type: "POST",
    dataType: "text",
    data: JSON.stringify({
      group: [event_exists_group],
    }),
    success: function (text) {
      console.log("Response: " + text);
    },
    error: function (err) {
      console.log(err);
    },
  });
}
</script>

<script>
/* Makes the fields for the dates larger */
$('#i_endDate').attr('style', '');
$('#i_startDate').attr('style', '');
</script>
<script>
$("#saveFormButton .my-button").on("click", function(){
	var original_name = $("#i_name").val();
	$("#i_currentName").val(original_name);
	$('.my-button').prop('disabled', true);
	$("button.my-create-dialog-create-button.aui-button.aui-button-primary.save-cf-btn").click();              
    $("#action-errors-confiform").waitUntilExists(function () {
		$('.my-button').prop('disabled', false);
		window.scrollTo({top: 0, behavior: 'smooth'});
     });
	return false;
});

</script>
<script>
// Adding Placeholder to Location Input Field
let locationPlaceholder = $('#i_location')[0];
locationPlaceholder.placeholder = "e.g. San Francisco, CA";
</script>
<script>
$("#i_RSVPCount").waitUntilExists(() => {
	$("#i_RSVPCount").val(0);
})

$("#i_sequence").waitUntilExists(() => {
	console.log("setting sequence val to 0");
	$("#i_sequence").val(0);
})
</script>

<script>
const calendar = {
  'January':'Jan',
  'February':'Feb',
  'March':'Mar',
  'April':'Apr',
  'May':'May',
  'June':'Jun',
  'July':'Jul',
  'August':'Aug',
  'September':'Sep',
  'October':'Oct',
  'November':'Nov',
  'December':'Dec'  
}

const formatDateLong = d => {
  const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  const dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];

  var hh = d.getHours(); 
  var m = d.getMinutes();
  var s = d.getSeconds();
  var dd = "am";
  var h = hh;
  if (h >= 12) {
    h = hh-12;
    dd = "pm";
  }
  if (h == 0) {
    h = 12;
  }
  m = m<10?"0"+m:m;
  s = s<10?"0"+s:s;

  var strTime = h+":"+m+" "+dd
  return dayNames[d.getDay()] + ", " + monthNames[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + ", " + strTime;
}

</script>

<script>
$(window).on('load', function(){
	$("#uploadButton4").click(() => {
		$("#i_imageOrganizer").click();
	})
	$("#i_currentImageOrganizer").waitUntilExists(() => {
		setTimeout(function(){ 
        var currentimgorg = $('#i_currentImageOrganizer').val();
        if(currentimgorg !== ""){
			$( "#currentimgorg-insert" ).remove()
            var d4 = document.getElementById('uploadButton4');
            d4.insertAdjacentHTML('afterend', `<div class="file-upload-name" id="currentimgorg-insert">${currentimgorg}</div>`);
        }
		}, 1200);

    });
	
	$("#i_imageOrganizer").change(function(){
    	$( "#currentimgorg-insert" ).remove()
    	var logo4 = document.getElementsByClassName("up-file")[0].value.split("\\").pop();
     
		var d4 = document.getElementById('uploadButton4');
		d4.insertAdjacentHTML('afterend', `<div class="file-upload-name" id="currentimgorg-insert">${logo4}</div>`);
	});
});
</script>

nameEvent NamePlease use only alphanumeric character's for the Event Titletext^[A-Za-z0-9 ,_-]+$

currentNameCurrent Nametext

pageNamePage Nametext

imageEvent Imageimage/*falsefiletrue

typeEvent Typefalse[pt=Production Team|mp=Minimal Production|pe=Physical Event|]select

startDateStart Date30EEE, MMM d yyyy, h:mm a ztruedatetime

endDateEnd Date30EEE, MMM d yyyy, h:mm a ztruedatetime

categoryCategoryfalse[CF=Conference|ED=Executive Dinner|FD=Founders Dinner|LL=Lunch & Learn|MG=Meeting|MP=Meetup|PD=Pitch Day|RP=Reception|VE=Virtual Events|WR=Webinar|]label;falsetruemulti

locationLocationPlease enter a location for the eventfalse[CF=Conference|ED=Executive Dinner|FD=Founders Dinner|LL=Lunch & Learn|MG=Meeting|MP=Meetup|PD=Pitch Day|RP=Reception|VE=Virtual Events|WR=Webinar|]label;falsetruetexttrue

agendaAgendawysiwyg

programProgramwysiwygtrue

cohostsCo-Hostsmultiuser

notifyNotify Cohoststruefalsecheckbox

createdPageCreated Pagepage

publishPublish Flagcheckbox

rsvpRSVP Listtrue[]multiuser

formIdForm Idread_only

confluence-usersRSVPCountRSVP Counttruenumberhidden

confluence-userssequenceSequencetruenumberhidden

startDateTimestampStart Date Timestamptruetext

endDateTimestampEnd Date Timestamptruetext

imageOrganizerOrgnaizer Imageimage/*falsefiletrue

currentImageOrganizerCurrent Organizer Imagetrueread_only

!currentImageOrganizer:[empty]Show containertruecurrentImageOrganizer.currentOrganizertrue

<!--Load the current field values-->

<!--Load the current field values (ADMIN)-->

!formId:[empty] AND _user.userInSecurityGroup(confluence-administrators):truename=[entry.name]&pageName=[entry.pageName]&currentName=[entry.currentName]&currentImage=[entry.currentImage]&agenda=[entry.agenda]&program=[entry.program]&cohosts=[entry.ownedBy]&createdPage=[entry.createdPage]&publish=[entry.publish]&RSVPCount=[entry.RSVPCount]&startDateTimestamp=[entry.startDate]&endDateTimestamp=[entry.endDate]&currentImageOrganizer=[entry.imageOrganizer]&location=[entry.location]&category=[entry.category.transform(id).asList]id:[entry.formId]Lookup and set value

<!--Don't allow events in the past-->

<!--Don't allow end date earlier than start date-->

endDate:<=[entry.startDate]Invalid date range - please ensure the end date is after the start date..Validation ruleendDate

<!--Add cohosts to ownedBy list on new entry-->

<!--Update cohosts to ownedBy list on existing entry-->

<!--Update currentName from currentName on existing entry→

<!--Update the organizer image if changed-->

<!--Set current attachment name on new entry-->

<!--Update fields upon edit-->

<!--Redirect on update-->

<!-- Create group when event is created send analytics Event-->

<!–TODO - Set page name from title→

<!–Create new page-->

<!--Redirect new entry-->

<!–Update entry with created page url-->

<!-- Copy Organizer image to attachments bank -->

<!–Update entry with created page update url-->

<!--Delete update entry reference-->

<!--Send email to new co-hosts-->

<script>
$(".jqte_editor").append("<p id='agendaText'>Tell us about your Event here...</p>");
</script>

<script>
  //GET AND SET FORM ID TO CONFIFORMS FIELD FROM URL
    function getParameter(paramName) {
      var searchString = window.location.search.substring(1),
          i, val, params = searchString.split("&");
      for (i=0;i<params.length;i++) {
        val = params[i].split("=");
        if (val[0] == paramName) {
            console.log("val[1]", val[1]);
          return val[1];
        }
    console.log(paramName);
      }
      return null;
    }
  var formIdInput  = document.getElementById('i_formId');
  console.log("formIdInput", formIdInput);
  formIdInput.value = getParameter('entry_id');
  console.log("formIdInput after", formIdInput);
  //HIDE CONFIFORMS DROPDOWN FOR NON ADMINS
  if (!(AJS.params.isConfluenceAdmin)) {
     $('.aui-button.aui-style-default.aui-dropdown2-trigger').hide()
  }
</script>
<script>
$(document).ready(function () {
$(".startDateLabel").text("Start Date (Time Zone: " + Intl.DateTimeFormat().resolvedOptions().timeZone + ")");
$(".startEndLabel").text("End Date (Time Zone: " + Intl.DateTimeFormat().resolvedOptions().timeZone + ")");
});
</script>

<script>
function getQueryVariableFromUrl(variable){
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if(pair[0] == variable){return pair[1];}
    }
       return(false);
}

var entry_id = getQueryVariableFromUrl('entry_id');
var startDate;
var startDateLocalTime = '';
var startDateFixed = '';
var endDate;
var endDateLocalTime = '';
var endDateFixed = '';

const getTimeStamps = async (entry_id) => {
  let eventData = await jQuery.ajax({
    url: '/ajax/confiforms/rest/filter.action?pageId=46334144&f=createEvent&q=id:' + entry_id, 
    type: "get", 
    dataType: 'json', 
    async: true
  }).then(res => res);
  return eventData;
}

const formatDates = async (startDateLocalTime, endDateLocalTime) => {
  for (var month in calendar) {
    if (startDateLocalTime.includes(month)) {
      console.log("about to do start Date Fixed")
      startDateFixed = `${startDateLocalTime.replace(month, calendar[month])} ${new Date().toString().match(/([-\+][0-9]+)\s/)[1]}`;
      console.log("did start Date Fixed")
    }

    if (endDateLocalTime.includes(month)) {
      console.log("about to do end Date Fixed")
      endDateFixed = `${endDateLocalTime.replace(month, calendar[month])} ${new Date().toString().match(/([-\+][0-9]+)\s/)[1]}`;
      console.log("did end Date Fixed")
    }
  }
}

async function formatDateLong2(d) {
  const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  const dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];

  var hh = d.getHours(); 
  var m = d.getMinutes();
  var s = d.getSeconds();
  var dd = "am";
  var h = hh;
  if (h >= 12) {
    h = hh-12;
    dd = "pm";
  }
  if (h == 0) {
    h = 12;
  }
  m = m<10?"0"+m:m;
  s = s<10?"0"+s:s;

  var strTime = h+":"+m+" "+dd
  return dayNames[d.getDay()] + ", " + monthNames[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + ", " + strTime;
}

$("#i_startDateTimestamp").waitUntilExists(() => {
  getTimeStamps(entry_id).then((data) => {
    startDate = new Date(data.list.entry[0].fields.startDate);
    endDate = new Date(data.list.entry[0].fields.endDate);

    formatDateLong2(startDate).then((startDateFormatted) => {
      startDateLocalTime = startDateFormatted;
      formatDateLong2(endDate).then((endDateFormatted) => {
        endDateLocalTime = endDateFormatted;
        formatDates(startDateLocalTime, endDateLocalTime).then(() => {
          $("#i_startDate").val(startDateFixed);
          $("#i_endDate").val(endDateFixed);
        })
      })
    })
  })
})
</script>

<script type="text/javascript" src="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/js/ewc/eventsCreateEventScript.js"></script>

<script>
/*$(document).ready(() => {
  $("#i_name").keydown(function(e){
    var ingnore_key_codes = [55];
    if ($.inArray(e.keyCode, ingnore_key_codes) >= 0){
      e.preventDefault();
    }
  });

  $("#i_agenda").keydown(function(e){
    var ingnore_key_codes = [55];
    if ($.inArray(e.keyCode, ingnore_key_codes) >= 0){
      e.preventDefault();
    }
  });

  $("#i_program").keydown(function(e){
    var ingnore_key_codes = [55];
    if ($.inArray(e.keyCode, ingnore_key_codes) >= 0){
      e.preventDefault();
    }
  });

  $("#i_startDate").keydown(function(e){
    var ingnore_key_codes = [55];
    if ($.inArray(e.keyCode, ingnore_key_codes) >= 0){
      e.preventDefault();
    }
  });

  $("#i_endDate").keydown(function(e){
    var ingnore_key_codes = [55];
    if ($.inArray(e.keyCode, ingnore_key_codes) >= 0){
      e.preventDefault();
    }
  });

  $("#s2id_autogen1").keydown(function(e){
    var ingnore_key_codes = [55];
    if ($.inArray(e.keyCode, ingnore_key_codes) >= 0){
      e.preventDefault();
    }
  });
});*/
</script>