Page History

<link rel="stylesheet"
  href="https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/stylesheets/SmithAll+Stars+Helping+Kids/eventsPlatformStylesheet_smithASHK.css">

<style>

<style>
div#templateContainer {
    margin: 13px 6px 43px;
    width: fit-content;
}

p.templateDownload {
    color: var(--primary-font-color);
    background: var(--secondary-color);
    padding: 10px;
}
input#i_currentBannerImage {
    display: none !important;
}
.aui-select2-drop .select2-results .select2-highlighted {
	color: black !important;
}
.aui-select2-drop .select2-results .select2-result-selectable {
	color: var(--primary-font-color);
}
/* hide source code button from editor */
.jqte_tool_21 {
	display: none !important;
}

/* =============== CONFIFORM DATA STYLING =============== */
.aui-dialog label {
    color: var(--primary-font-color) !important;
}

.aui-dialog form.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container {
    color: var(--primary-font-color) !important;
}

.aui-dialog textarea#i_agenda {
    color: var(--primary-font-color) !important;
}
div#entryOptions .text {
    min-width: unset;
}

.aui-dialog textarea#i_program {color: black !important;}

.aui-dialog li.select2-search-choice div {
    color: var(--primary-font-color) !IMPORTANT;
}
/* =============== ~~~~~~~~~~~~~~~~~~~ =============== */
span.i_holdingrow_currentName {
	display: none;
}
span.i_holdingrow_name {
	/*display: none;*/
}
#entryName{
	/*margin: 0 0 10px 0;*/
}
#entryCategory {
	flex-direction: column;
}
div#entryLocation {
    display: flex;
    flex-direction: column;
}
div#entryLocation {
    margin-bottom: 5px;
}
.nameSubtext {
    display: none;
    height: auto;
    margin: 0 0px 0 0px;
    color: var(--primary-font-color);
    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 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    border-radius: 8px !important;
    background: var(--primary-color) !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    margin-right: 10px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
	border: 0px !important;
}
div#orgupload,
div#bannerImgupload {
    margin: 15px 0 0 5px !important;
}
.sponsorImage1{
	justify-content: start;
    flex-wrap: wrap;
}
#orgupload,
#bannerImgupload{
	height: unset !important;
}
img.uploadImage {
    width: 30px;
    height: 45px;
    margin: 0 auto;
	filter: invert(1) brightness(50%) sepia(100%) saturate(10000%);
}

.uploadButton {
    width: 85%;
    border: var(--border);
    border-radius: 8px;
    /* margin-right: 10px; */
    background: var(--primary-color);
    font-family: Raleway;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: white;
    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: var(--secondary-font-color);
    display: flex;
    border: 1px solid #d1d1d1;
	background: var(--secondary-color);
}
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: var(--primary-color);
    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: var(--primary-font-color)!important;
    box-shadow: none;
}
textarea#i_agenda {
    max-width: 100% !important;
}

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

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: var(--primary-font-color) !IMPORTANT;
}
textarea#i_program {
    background: transparent;
    color: var(--primary-font-color) !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: wvar(--secondary-color) !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;
}

div#select2-drop {
    background: var(--secondary-color) !important;
    color: var(--secondary-font-color);
}
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: var(--primary-font-color);
  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: var(--primary-font-color);
}
.confiFormsFormBorder {
	border: none !important;
}
.cf-calendar-time {
	display: none !important;
}
div {}

li.select2-search-choice div {
    color: var(--primary-font-color);
}
span.output-inline {
    margin: 5px;
	display: flex;
    flex-direction: column;
}
div#s2id_i_cohosts {
    /*max-width: 285px !important;*/
}
.questionContainer {
    background: var(--us-tab-fill);
    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: var(--secondary-color);
    opacity: 0.75;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    min-height: 40px !important;
	color: var(--primary-font-color);
	min-width: 100%;
}
   
.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: var(--secondary-color);
	color: var(--primary-font-color)!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-family: Raleway;
    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: 0.6px;
    color: var(--primary-font-color);
}
.questionwrapper {
	height: auto !important;
}
#entryNameInput {
	flex-direction: column;
}
#entryCountry {
	flex-direction: column;
}
#entryRound {
	flex-direction: column;
}
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;
	}
	div#entryEndTime .questionwrapper.question-mobile {
		height: auto !important;
	}
	.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/MSEV/Dashboard");
}
</script>

div#main-content {
    background: unset;
}

a#saveFormButton .my-button{    
    font-family: Arimo;
}

.questionContainer{
    background: #67bac045;
    /* font-family: Arimo !important; */
}

.questionContainer input {
    background: white !important;
}

form.aui .text, form.aui .password, form.aui .select, form.aui .aui-select2-container .select2-choices {
    background: white;
    opacity: unset;
}

.jqte_editor, .jqte_source {
    background: white;
}

div#select2-drop {
    background: var(--primary-color) !important;
}

.aui-select2-drop .select2-results .select2-highlighted {
    background: var(--secondary-color);
}

.fileUploadContainer {
    background: white;
}

p.templateDownload {
    background: white;
}

.desc {
    font-family: 'Raleway';
}

</style>

<script>
if (AJS.params.remoteUser === '') {
	window.location.replace("/display/AE/ASHK+Events+Home");
}
</script>

<script>
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=${AJS.params.pageId}&f=createEvent&q=id:${entry_id}`, 
_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)) {
     type: "get", 
    dataType: 'json', 
console.log("about to do start Date Fixed")
      async:startDateFixed true
  }).then(res => res);
  return eventData;
}

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

    if (startDateLocalTimeendDateLocalTime.includes(month)) {
      console.log("about to do startend Date Fixed")
      startDateFixedendDateFixed = `${startDateLocalTimeendDateLocalTime.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(() => {
    .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>