Videos from the 47th Biennial Clergy-Laity Congress - Clergy-Laity

In Christ, we are one!

Videos

An error occurred while processing the template.

The string doesn't match the expected date/time/date-time format. The string to parse was: "". The expected format was: "yyyy-MM-dd".
The nested reason given follows:
Unparseable date: ""

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${cur_VideoTitle.PublishDate.getData(...  [in template "10154#10192#13312008" at line 41, column 39]
----

1<#if VideoTitle.getSiblings()?has_content>

2<style>

3.video-container {

4    display: grid;

5    grid-template-columns: repeat(3, 1fr);

6    gap: 10px;

7}

8@media (max-width: 991px) {

9    .video-container { grid-template-columns: repeat(2, 1fr); }

10}

11.video-item {

12    line-height: 1;

13}

14.video-item img {

15    width: 100%;

16    cursor: pointer;

17}

18.video-item a {

19    font-size: 0.9rem;

20    font-weight: bold;

21}

22.pub-date {

23    font-size: .85rem;

24    font-weight: 900;

25    margin-bottom: var(--spacer-1);

26}

27.modal-header {

28    border-top: 15px solid transparent;

29    border-image: url(/documents/12432313/12656742/mosaic-border-pattern.png/2dd10db7-4ade-a2a1-6eb0-8bbb1d4dc5e1?t=1708026061352&download=true) 66 0 0 0 repeat;

30}

31#modalDescription {

32    font-size: 0.9rem;

33}

34</style>

35<div class="video-container mb-4">

37	<#list VideoTitle.getSiblings() as cur_VideoTitle>

38		<#if (cur_VideoTitle.getData())??>

39            <div class="video-item">

40                <img class="mb-2" src="https://img.youtube.com/vi/${cur_VideoTitle.VideoCode.getData()}/0.jpg" alt="${cur_VideoTitle.getData()}" onclick="openModal('${cur_VideoTitle.getData()}', '${cur_VideoTitle.VideoCode.getData()}', '${cur_VideoTitle.VideoDescription.getData()}')">

41                <div class="pub-date">${cur_VideoTitle.PublishDate.getData()?date("yyyy-MM-dd")?string("MMMM d, yyyy")}</div>

42                <a href='#' onclick="openModal('${cur_VideoTitle.getData()}', '${cur_VideoTitle.VideoCode.getData()}', '${cur_VideoTitle.VideoDescription.getData()}')">${cur_VideoTitle.getData()}</a>

43            </div>

44        </#if>

45	</#list>

47</div>

49<div class="fade modal" id="videoModal" role="dialog" tabindex="-1" aria-hidden="true" style="display: none;">

50	<div class="modal-dialog">

51		<div class="modal-content">

52			<div class="modal-header justify-content-end">

53				<button aria-label="Close" title="Close" class="close" data-dismiss="modal" type="button">

54					<svg class="lexicon-icon lexicon-icon-times" focusable="false" role="presentation">

55						<use href="https://www.clergylaity.org/o/classic-theme/images/clay/icons.svg#times"></use>

56					</svg>

57				</button>

58			</div>

59			<div class="modal-body">

60			    <div class="row">

61			        <div class="col-12 col-md-8">

62    				    <div class="embed-responsive embed-responsive-16by9"><iframe id="modalVideo" src="/"></iframe></div>

63    				</div>

64    				<div class="col-12 col-md-4">

65				        <h4 id="modalTitle"></h4>

66				        <div id="modalDescription"></div>

67    				</div>

68				</div>

69			</div>

70		</div>

71	</div>

72</div>

75<script>

76    function openModal(title, videoId, description) {

77        document.getElementById('modalTitle').innerText = title;

78        document.getElementById('modalDescription').innerText = description;

79        document.getElementById('modalVideo').src = "https://www.youtube.com/embed/"+ videoId;

80        $('#videoModal').modal('show')

81    }

83    function closeModal() {

84        document.getElementById('videoModal').style.display = "none";

85        document.getElementById('modalVideo').src = "";

86        $('#videoModal').modal('hide')

87    }

88</script>

89</#if>