Merge pull request #391 from ecabrerar/master

archivando site 2024

src/jbake/content/archive/jconf2024/gallery.html

@@ -0,0 +1,22 @@
+title=JConf Dominicana 2024 / Gallery
+date=2024-12-26
+type=page_archive
+status=published
+~~~~~~
+<!-- Gallery Start -->
+<div id="gallery" class="meeta-gallery meeta-gallery-2 section-padding">
+	<div class="container">
+
+			<!-- Section Title Start -->
+			<div class="meeta-section-title-2 text-center">
+				<h2 class="main-title">Images of JConf Dominicana 2024</h2>
+			</div>
+			<!-- Section Title End -->
+
+			<div class="row g-0" id="listGallery"></div>
+
+	</div>
+</div>
+<!-- Gallery End -->
+
+<script type="module" src="js/gallery.js"></script>

src/jbake/content/archive/jconf2024/js/event-committee.js

@@ -0,0 +1,37 @@
+import { getUsefulContents } from '/js/util-url.js';
+
+var fetchUrl = getUsefulContents("lang", "/archive/jconf2024/json/event-committee");
+
+fetch(fetchUrl)
+    .then(function (response) {
+        if (!response.ok) {
+            throw Error(response.statusText);
+        }
+
+        return response.json();
+    })
+    .then(function (membersJson) {
+        var members = document.getElementById('listMembers');
+        // traitement de l'objet
+        for (let i in membersJson) {
+            members.innerHTML += createMemberCard(membersJson[i]);
+        }
+});
+
+function createMemberCard(memberJson) {
+
+    var memberHtml = "<div class=\"col-lg-3\">" +
+     "<div class=\"single-speker-3\">" +
+     "<div class=\"speker-img\">" +
+     "<a href=\""+memberJson.socials[0].link+"\" target=\"_blank\"><img src=\"" +memberJson.photoUrl +"\" alt=\"" +memberJson.name +"\" title=\""+memberJson.shortBio +"\"/></a>" +
+     "<div class=\"speker-content text-center\">"+
+     "<h3 class=\"speaker-name\">"+memberJson.name+"</h3>"+
+     "<span class=\"speaker-designation\">" +memberJson.badges[0].description +" @ " +memberJson.company+"</span>" +
+     "</div>"+
+     "</div>"+
+     "</div>"+
+     "</div>";
+
+     return memberHtml;
+}
+

src/jbake/content/archive/jconf2024/js/gallery.js

@@ -0,0 +1,45 @@
+fetch('/archive/jconf2024/json/gallery.json')
+    .then(function (response) {
+        if (!response.ok) {
+            throw Error(response.statusText);
+        }
+
+        return response.json();
+    })
+    .then(function (galleryJson) {
+        var gallery = document.getElementById('homeGallery');
+        // traitement de l'objet
+        for (let i in galleryJson.images) {
+            gallery.innerHTML += createSingleGallery(galleryJson.event_name,galleryJson.event_url, galleryJson.images[i]);
+        }
+
+       enableGallery();
+    });   
+
+
+
+function createSingleGallery(event_name,event_url,image) {
+
+    let galleryHtml = "<div class=\"col-xl-3 col-lg-4 col-sm-6\">" +
+        "<div class=\"single-gallery\">" +
+        "<div class=\"gallery-image\">" +
+        "<img src=\"" + image.image_url + "\" alt=\"" + image.title + "\">" +
+        "</div><div class=\"gallery-content\">" +
+        "<div class=\"gallery-content-wrap\">" +
+        "<a href=\"" + image.image_url + "\" class=\"gallery-plus image-popup\"><span></span></a>" +
+        "<h4 class=\"gallery-title\"><a href=\"" + event_url + "\">" + event_name +" <br> "+ image.title + "</a></h4>" +
+        "</div>" +
+        "</div>" +
+        "</div>" +
+        "</div>";
+    return galleryHtml;
+}
+
+function enableGallery(){
+    $('.image-popup').magnificPopup({
+        type: 'image',
+        gallery:{
+          enabled:true
+        }
+    });
+}

src/jbake/content/archive/jconf2024/js/presentation.js

@@ -0,0 +1,76 @@
+fetch('/archive/jconf2024/json/presentations.json')
+    .then(function (response) {
+        if (!response.ok) {
+            throw Error(response.statusText);
+        }
+
+        return response.json();
+    })
+    .then(function (sessionsJson) {
+        var sessions = document.getElementById('presentations');
+
+        // traitement de l'objet
+        for (i in sessionsJson) {
+          let title = sessionsJson[i].title;
+          let id = sessionsJson[i].id;
+          let abstract = sessionsJson[i].abstract;
+          let speakerId = sessionsJson[i].speakers[0];
+          let language = sessionsJson[i].language;
+          let tags = sessionsJson[i].tags;
+          let audienceLevel  = sessionsJson[i].audience_level;
+          let presentations = sessionsJson[i].presentations;
+
+          speakerPromise = getSpeakerById(speakerId);
+
+          speakerPromise.then(function(speaker){
+             sessions.innerHTML += createSessionCard(id,title,abstract,speaker, tags,language,audienceLevel,presentations);
+          });
+        }
+});
+
+function createSessionCard(id, title,abstract, speaker, tags, language,audienceLevel,presentations) {
+    var sessionHtml = "<div class=\"row schedule-item\">" +
+        "<div class=\"col-md-10\">" +
+        "<div class=\"speaker\">" +
+        "  <img src=\"" +speaker.photoUrl +"\" alt=\""+speaker.name+"\">"+
+        "</div>" +
+        "<h4>"+title +"<span><a href=\"speaker-details.html?id=" + speaker.id + "\"> "+speaker.name+"</a></span></h4>"+
+        "<p>"+abstract+"</p>"+
+        "<p><strong>Tags:</strong>";
+
+        var tagsHtml="";
+
+        for(i in tags){
+             tagsHtml += tags[i]+",";
+        }
+
+        var tagsFormatted = tagsHtml.substring(0, tagsHtml.length-1);
+        var lang = language==='es'? "Spanish" : "English";
+
+        sessionHtml += tagsFormatted+ "</p>"+
+        "<p><strong>Language:</strong>"+lang +"</p>"+
+        "<p><strong>Audience Level:</strong>"+audienceLevel +"</p>"+
+        "</div>" +
+        "<div class=\"social\">"+
+        "<p><strong>Presentation and demo:</strong></p>";
+
+        for(i in presentations){
+             sessionHtml += " <a href=\""+presentations[i].link+"\" target=\"_blank\">"+presentations[i].name+" <i class=\"fa fa-"+presentations[i].icon+"\"></i></a> ";
+        }
+
+    sessionHtml += "</div>" +
+        "</div>";
+
+        return sessionHtml;
+}
+
+function getSpeakerById(speakerId){
+ return fetch('/archive/jconf2024/json/speakers/'+speakerId+'.json')
+      .then(function (response) {
+          if (!response.ok) {
+              throw Error(response.statusText);
+          }
+
+          return response.json();
+      });
+}

src/jbake/content/archive/jconf2024/js/session.js

@@ -0,0 +1,89 @@
+import { getUsefulContents, getUsefulLink } from '/js/util-url.js';
+
+var fetchUrl = getUsefulContents("lang", "/archive/jconf2024/json/sessions");
+
+fetch(fetchUrl)
+    .then(function (response) {
+        if (!response.ok) {
+            throw Error(response.statusText);
+        }
+
+        return response.json();
+    })
+    .then(function (sessionsJson) {
+
+      var sessionList = [];
+      for(let y in sessionsJson){
+        sessionList.push(sessionsJson[y]);
+      }
+
+      sessionList.sort(function(a, b){return a.id-b.id});
+
+      let filteredSessions = sessionList.filter((session) => {
+
+        return session.talk_format.indexOf("Workshop")==-1;
+    });
+
+      let sessions = document.getElementById('sessionsList');
+
+      filteredSessions.forEach((session) => processSession(session, sessions));
+
+});
+
+async function processSession(session, sessions){
+    let title = session.title;
+    let abstract = session.abstract;
+    let speakerId = session.speakers[0];
+
+    let time = session.time;
+
+  let speaker = await getSpeakerById(getUsefulContents("lang", "../json/speakers/"+speakerId));
+
+  sessions.innerHTML += createSessionCard(title,abstract,speaker, time);
+
+}
+
+$(document).on('click', '#sessionsList li.meeta-event-accordion-item > .meeta-event-accordion-toggle', function(){
+  if ($(this).hasClass("active")) {
+    $(this).removeClass("active");
+    $(this).siblings(".meeta-event-accordion-body").slideUp(200);
+} else {           
+    $(".meeta-event-accordion-item > .meeta-event-accordion-toggle").removeClass("active");
+    $(this).addClass("active");
+    $(".meeta-event-accordion-body").slideUp(200);
+    $(this).siblings(".meeta-event-accordion-body").slideDown(200);
+}
+});
+
+
+function createSessionCard(title,abstract, speaker,time) {
+
+  var speakerUrlDetail =  getUsefulLink("lang", "speaker-details.html?id=" + speaker.id);
+
+     var sessionHtml = "<li class=\"meeta-event-accordion-item\">"+
+     "<h3 class=\"meeta-event-accordion-toggle\">"+
+     "<div class=\"image\">"+
+     "<a href=\"" + speakerUrlDetail + "\"><img src=\"" +speaker.photoUrl +"\" alt=\""+speaker.name+"\"></a>"+
+     "</div>"+
+     "<div class=\"event-title\">"+
+     "<span class=\"time\">"+time+"</span>"+
+     "<span class=\"title\">"+ title +"</span>"+
+     "</div>"+
+     " </h3>"+
+     "<div class=\"meeta-event-accordion-body\">"+
+     "<p>"+abstract+"</p>"+
+      "</div>"+
+      "</li>";
+
+
+        return sessionHtml;
+}
+
+async function getSpeakerById(fetchUrlSpeaker){
+ const response = await fetch(fetchUrlSpeaker);
+  if (!response.ok) {
+    throw Error(response.statusText);
+  }
+  return response.json();
+
+}