Add version history

js/components/AppPermissionItem.js

@@ -6,10 +6,7 @@
 //
 
 export const AppPermissionItem = (name, icon, details) => `
-    <a class="permission-item"
-        onclick="alert('${details?.replace(/(['"])/g, "\\$1") ?? "altsource-viewer does not have detailed information about this entitlement."}');"
-    >
-        <p><i class="bi-${icon}"></i></p>
-        <p class="title">${name}</p>
-    </a>
-`;
+<a class="permission-item" onclick="alert('${details?.replace(/(['"])/g, "\\$1") ?? "altsource-viewer does not have detailed information about this entitlement."}');">
+    <p><i class="bi-${icon}"></i></p>
+    <p class="title">${name}</p>
+</a>`;

js/components/MoreButton.js

@@ -0,0 +1,23 @@
+//
+//  MoreButton.js
+//  altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
+//
+//  Copyright (c) 2023 Foxster.
+//  MIT License.
+//
+
+export const MoreButton = tintColor => `
+<a id="more" onclick="revealTruncatedText(this);">
+    <button style="color: ${tintColor};">more</button>
+</a>`;
+
+window.revealTruncatedText = moreButton => {
+    console.log(moreButton);
+    const textId = moreButton.parentNode.id;
+    const text = document.getElementById(textId);
+    text.style.display = "block";
+    text.style.overflow = "auto";
+    text.style.webkitLineClamp = "none";
+    text.style.lineClamp = "none";
+    text.removeChild(moreButton)
+};

js/components/VersionHistoryItem.js

@@ -0,0 +1,20 @@
+//
+//  VersionHistoryItem.js
+//  altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
+//
+//  Copyright (c) 2023 Foxster.
+//  MIT License.
+//
+
+export const VersionHistoryItem = (number, date, description, url, i) => `
+<div class="version">
+    <div class="version-header">
+        <p class="version-number">${number}</p>
+        <p class="version-date">${date}</p>
+    </div>
+    <div class="version-options">
+        <a class="version-install" href="altstore://install?url=${url}">Install with AltStore</a>
+        <a class="version-download" href="${url}">Download IPA</a>
+    </div>
+    <p class="version-description" id="description${i}">${description}</p>
+</div>`;