Jump to content

Widget:UPDEvents: Difference between revisions

From Iskomunidad
← Older edit
IskoAdmin (talk | contribs)
Bots, Bureaucrats, Interface administrators, page-editor, page-maker, Push subscription managers, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki), Suppressors, Administrators, Widget editors
856 edits
VisualWikitext
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<div id="upd-events-widget">
<div id="upd-events-widget" class="upd-events-widget">
   <div class="upd-events-loading">
   <div class="upd-events-loading">Loading upcoming events...</div>
    Loading upcoming events...
  </div>
   <ul class="upd-events-list" style="display:none;"></ul>
   <ul class="upd-events-list" style="display:none;"></ul>
</div>
</div>
<style>
.upd-events-widget {
  color: #000;
  font-size: 15px;
}
.upd-events-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.upd-events-list li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.upd-events-list li:last-child {
  border-bottom: none;
}
.upd-events-list a {
  color: #0E6021 !important;
  text-decoration: none;
  font-weight: 600;
}
.upd-events-list a:hover {
  text-decoration: underline;
}
.upd-events-loading,
.upd-events-empty {
  color: #555;
  font-size: 14px;
}
</style>


<script>
<script>
(function () {
(function () {
   var container = document.getElementById('upd-events-widget');
   var container = document.getElementById('upd-events-widget');
   if (!container || container.dataset.loaded === '1') return;
 
   if (!container || container.dataset.loaded === '1') {
    return;
  }
 
   container.dataset.loaded = '1';
   container.dataset.loaded = '1';


Line 16: Line 51:
   var list = container.querySelector('.upd-events-list');
   var list = container.querySelector('.upd-events-list');


   var pageUrl = 'https://upd.edu.ph/events-list/';
   loading.textContent =
    'Widget JavaScript is running. Requesting UP Diliman...';


   function showError() {
   var endpoint = new URL(
     loading.textContent =
     'https://upd.edu.ph/wp-admin/admin-ajax.php'
      'Unable to load events automatically. ';
  );


    var link = document.createElement('a');
  var params = {
     link.href = pageUrl;
    action: 'search_events',
     link.textContent = 'View all UP Diliman events';
     id: '1',
     link.target = '_blank';
     scope: 'future',
     link.rel = 'noopener noreferrer';
     orderby: 'event_start_date,event_start_time,event_name',
     loading.appendChild(link);
     view: 'list-grouped',
   }
     pno: '1'
   };


   function cleanTitle(text) {
   Object.keys(params).forEach(function (key) {
     return text
     endpoint.searchParams.set(key, params[key]);
      .replace(/\s+/g, ' ')
   });
      .replace(/\s+(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)[a-z]*\s+\d{1,2}\s*\|[\s\S]*$/i, '')
      .trim();
   }


   function getEventDate(text) {
   var finished = false;
    var match = text.match(
      /\b(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)[a-z]*\s+(\d{1,2})\b/i
    );


     if (!match) return null;
  var timeout = setTimeout(function () {
     if (finished) return;


     var months = {
     finished = true;
      jan:0, feb:1, mar:2, apr:3, may:4, jun:5,
     loading.textContent =
      jul:6, aug:7, sep:8, oct:9, nov:10, dec:11
      'The UP Diliman request timed out or is blocked.';
    };
  }, 10000);
 
     var month = months[match[1].slice(0,3).toLowerCase()];
    var day = Number(match[2]);
    var now = new Date();
    var year = now.getFullYear();


    var date = new Date(year, month, day, 23, 59, 59);
  fetch(endpoint.toString(), {
    method: 'GET',
    mode: 'cors',
    credentials: 'omit'
  })
  .then(function (response) {
    if (finished) return null;


    // Handle events listed around the New Year.
     if (!response.ok) {
     if (date < now && now.getMonth() === 11 && month === 0) {
       throw new Error('HTTP ' + response.status);
       date.setFullYear(year + 1);
    } else if (date < now && now.getMonth() === 0 && month === 11) {
      return null;
     }
     }


     return date;
     return response.text();
   }
   })
  .then(function (html) {
    if (finished || html === null) return;


  fetch(pageUrl)
     finished = true;
     .then(function (response) {
     clearTimeout(timeout);
      if (!response.ok) throw new Error('Could not retrieve event page');
      return response.text();
    })
     .then(function (html) {
      var doc = new DOMParser().parseFromString(html, 'text/html');
      var anchors = doc.querySelectorAll('a[href]');
      var events = [];
      var seen = {};


      anchors.forEach(function (anchor) {
    var doc = new DOMParser().parseFromString(html, 'text/html');
        var url = new URL(anchor.getAttribute('href'), pageUrl);
        if (url.hostname !== 'upd.edu.ph') return;
        if (!/^\/events\/[^/]+\/?$/.test(url.pathname)) return;


        var rawText = (anchor.textContent || '')
    var anchors = doc.querySelectorAll(
          .replace(/\s+/g, ' ')
      '#em-events-list-grouped-1 a[href*="/events/"], ' +
          .trim();
      '.em-events-list a[href*="/events/"]'
    );


        var date = getEventDate(rawText);
    var seen = new Set();
        var title = cleanTitle(rawText);
    var events = [];


        if (!date || date < new Date() || !title) return;
    anchors.forEach(function (anchor) {
      var heading = anchor.querySelector('h4');
      if (!heading) return;


        var key = url.href;
      var title = heading.textContent.trim();
        if (seen[key]) return;
      var url;
        seen[key] = true;


         events.push({
      try {
           title: title,
         url = new URL(
           url: url.href,
           anchor.getAttribute('href'),
          date: date
           'https://upd.edu.ph'
         });
        ).href;
       });
      } catch (e) {
         return;
      }
 
      if (!title || seen.has(url)) return;
 
       if (!/^https:\/\/upd\.edu\.ph\/events\//i.test(url)) {
        return;
      }


       events.sort(function (a, b) {
      seen.add(url);
         return a.date - b.date;
       events.push({
        title: title,
         url: url
       });
       });
    });


      events = events.slice(0, 5);
    list.replaceChildren();


      if (!events.length) {
    if (events.length === 0) {
        loading.textContent =
      loading.textContent =
          'No upcoming events were found.';
        'The request succeeded, but no event titles were found.';
        return;
      }


       events.forEach(function (event) {
       return;
        var item = document.createElement('li');
    }
        var link = document.createElement('a');


        link.href = event.url;
    events.slice(0, 5).forEach(function (event) {
        link.textContent = event.title;
      var li = document.createElement('li');
        link.target = '_blank';
      var a = document.createElement('a');
        link.rel = 'noopener noreferrer';


        item.appendChild(link);
      a.href = event.url;
        list.appendChild(item);
      a.textContent = event.title;
       });
       a.target = '_blank';
      a.rel = 'noopener noreferrer';


       loading.style.display = 'none';
       li.appendChild(a);
       list.style.display = 'block';
       list.appendChild(li);
    })
    .catch(function (error) {
      console.error('UPEvents widget:', error);
      showError();
     });
     });
    loading.style.display = 'none';
    list.style.display = 'block';
  })
  .catch(function (error) {
    if (finished) return;
    finished = true;
    clearTimeout(timeout);
    console.error('UPEvents widget error:', error);
    loading.textContent =
      'Request failed: ' +
      error.name + ' — ' + error.message;
  });
})();
})();
</script>
</script>
</includeonly>
</includeonly>

Latest revision as of 03:24, 29 October 2026

Retrieved from "https://iskomunidad.upd.edu.ph/index.php?title=Widget:UPDEvents&oldid=71410"