x x x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<style>
.wiki-content .ev-cards-outer-container {
	margin-top: -10px;
    background-image: url("https://gsvlabs-confluence-files.s3-us-west-2.amazonaws.com/images/EWC+2020/gradient-vertical.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
#announcements-wrapper > span.conf-macro {
	height: 100%;
}

#additional-filters-button {
	width: 280px;
}

.zran-event {
	display: none;
}

@media only screen and (max-width: 480px) {
  .events-search-main {
    flex-direction: column;
    align-items: center;
    height: 75px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-bottom: 0px;
    overflow: hidden;
	align-self: center;
	padding-top: 70px;
  }
  .wiki-content .ev-search-container {
    padding-bottom: 45px;
  }
  .countryFilterContainer {
	height: 49px !important;
	min-height: 49px;
  }
  .countryFilterContainer #cc-placeholder {
	font-size: 14px;
  }
  .program {
	flex-shrink: 7;
  }
}
</style>

<script>
// New Version of Format Date (Asynchronous)
async function formatDate2(d) {
  const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var hh = d.getHours(); 
  var m = d.getMinutes();
  var s = d.getSeconds();
  var y = d.getFullYear();
  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 monthNames[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear() + " at " + strTime;
  // return dayNames[d.getDay()] + ", " + monthNames[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + ", " + strTime;
}
</script>

<script>
/* Allow Admins to Create Events */
var isAdmin = false;
var userGroups = [];
if (AJS.params.remoteUser) {
    // Group Data
    jQuery.ajax({
      url: "/rest/api/user/memberof?username=" + AJS.params.remoteUser,
      type: "get",
      dataType: 'json',
      async: false,
      success: function (data) {
        var res = data.results;
        for (var i = 0; i < res.length; i++) {
          var groupName = res[i].name;
          userGroups.push(groupName);
          if (groupName === 'confluence-administrators') {
            isAdmin = true;
          }
		  if (groupName === 'judging-administrators') {
            isContentAdmin = true;
          }
          
        }
      }
    });
}
if(isAdmin) {
	console.log("Showing Create Event Button");
	$('.createEventButton').waitUntilExists(() => {
 		$('.createEventButton').show();
	});
}
</script>


Custom section
ContainerIDannouncementcontainer
Classev-banner-container


ConfiForms Form Definition
additionalFormAdminsconfluence-administrators
formSuperUsersconfluence-administrators
closeButtonLabelCancel
formNameeventsdashboardannouncements
saveButtonLabelCreate/Save
registrationFormTitleNew Announcement


Create/SaveeventsdashboardannouncementsCancelconfluence-administratorsNew AnnouncementINLINE

titletruetrue

subtitletruetrue

imagetruetrue

cardLinktruetrue

descriptiontruetrue

cardButtonTexttruetrue

titleTitleTitle must be between 1-70 characters long(length must be 1-70 chars)texttrue^.{1,70}$

subtitleSubtitletexttrue

imageImageimage/*filetruetrue

cardLinkCard Linkfalse[events=Event|mentor=Mentor|resources=Resource|]text

descriptionDescriptionDescription must be less than 244 characters.false[events=Event|mentor=Mentor|resources=Resource|]textareatrue^.{1,250}

cardButtonTextButton Texttexttrue

!cardLink:[empty]Reset valuecardLink

!cardLink:[empty]linkStyle=inactivelinkSet valuetruecardLink


Custom section
CustomCSSflex-direction: column; width: 100%; max-width: 100%;
ContainerIDannouncements-wrapper
Classev-banner


ConfiForms PlainView
formNameeventsdashboardannouncements
sortcreated DESC
<div class="announcementcard fade">
	<div class="imgalign"> 
		<img class="announcement-image" src="/download/attachments/81517767/[entry.image.asAttachment]"></img>
 	</div>
	<div class="text-encompasser">
		<div class="change-slide-buttons-container">
			<div class="change-slide-button" onclick="plusSlides(-1)"><img src="/download/attachments/81517767/chev-left.png?api=v2" /></div>
			<div class="change-slide-button" onclick="plusSlides(1)"><img src="/download/attachments/81517767/chev-right.png?api=v2" /></div>
		</div>
		<div class="text-container ev-banner-title">
			<p class="card-title">[entry.title] </p>
		</div>
		<div class="text-container">
			<font class="card-subtitle">[entry.subtitle] </font>
		</div>
		<div class="text-container">
			<font class="card-description">[entry.description] </font>
		</div>
		<div class="announcement-links-container">
			<a class="buttonHref" href="[entry.cardLink]" rel="nofollow" target="_blank" onclick="handleEventCardClick(this);" data-cardtype="announcement" data-cardurl="[entry.cardLink]" data-entryid="[entry.id]" data-cardtitle="[entry.title]">
				[entry.cardButtonText]
			</a>
		</div>
	</div>
</div>


Carousel


Show If
usermichaelandrewmok@gmail.com


Custom section
Classev-banner-container


HTML
<div class="events-dashboard-banner-container">
	<div class="events-dashboard-banner-container fullSite">
	  <div class="event-banner fullSite">
    	<div class="event-banner-text fullSite">
        	EWC Events 
2021
202
    	</div>
  	</div>	
</div>





HTML
<div id="ev-main-content">

...