- Attachments + Attachments () - - Tags - - Show source diff --git a/render.js b/render.js index 0a79a0d..6a5492d 100644 --- a/render.js +++ b/render.js @@ -36,18 +36,43 @@ const Render = { display = display + '' return display }, - // Raw data conversion - rawData: function(rawData) { - var str_data = JSON.stringify(rawData, null, 1) - var replace_map = { - '&': '&', - '<': '<', - '>': '>', - '"': '"', - '\'': ''' + // Render an attachment + attachment: function(attachment) { + // If a string => link + var display = '' + if (typeof attachment === 'string') { + display = display + 'Link to object' + } else { + const type = attachment.type + const name = attachment.name + const url = attachment.url + const media_type = attachment.mediaType + // If the url is a string, display the element + if (typeof url === 'string') { + display = display + Render.attachmentFrom(type, name, media_type, url) + } else if (Array.isArray(url)) { + // Array of urls => unsupported + } else if (url.type && url.type === 'Link') { + // Object + display = display + Render.attachmentFrom(type, name, url.mediaType ? url.mediaType : media_type, url.href) + } else { + // Unsupported + } } - str_data = str_data.replace(/[&<>"']/g, x => replace_map[x]) - return str_data + return display + }, + attachmentFrom: function(type, name, media_type, url) { + // Show a link + var display = (type ? type : 'Document') + '' + (name ? name : url) + '' + // Show the attachment if it's an image, an audio, or a video + if (type && ((type === 'Image') || (type === 'Document' && media_type && media_type.startsWith('image/')))) { + display = display + '' + } else if (type && ((type === 'Audio') || (type === 'Document' && media_type && media_type.startsWith('audio/')))) { + display = display + '' + (name ? name : url) + '' + } else if (type && ((type === 'Video') || (type === 'Document' && media_type && media_type.startsWith('video/')))) { + display = display + '' + (name ? name : url) + '' + } + return display } } @@ -181,8 +206,11 @@ const UI = { Elem('activity-object-summary').innerText = activity.object.summary Elem('activity-object-content').innerHTML = activity.object.content // If there are attachments on the object, display them - // Elem('activity-object-attachments') - // Elem('activity-object-tags') + Elem('activity-object-attachments-number').innerText = activity.object.attachments.length + Elem('activity-object-attachments').innerHTML = activity.object.attachments.map( + function(element) { + return '' + Render.attachment(element) + '' + }).join('') } else { // Hide the element Elem('activity-object').style.display = 'none' diff --git a/src/activity-object.js b/src/activity-object.js index 2a267ce..983f3dd 100644 --- a/src/activity-object.js +++ b/src/activity-object.js @@ -14,6 +14,8 @@ const ASObject = function(raw_object) { this.actor = new Actor() this.to = [] this.cc = [] + // + this.attachments = (raw_object.attachment && Array.isArray(raw_object.attachment)) ? raw_object.attachment : [] } // Fetch function // Callback takes 3 parameters: load_ok, fetched_object, failure_message