Adding images and connection to Dododex.com

dododex · Nov 22, 2024 · e77e3bc · e77e3bc
1 parent 51a80f2
commit e77e3bc
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 23 deletions.
diff --git a/admin-commands/index.html b/admin-commands/index.html
@@ -1,13 +1,13 @@
 <!doctype html>
 <html lang="en-US" dir="ltr">
 <head>
-	<title>ARK Admin Commands & Spawn Commands | ARK: Survival Evolved</title>
+	<title>ARK Admin Commands & Spawn Commands | ARK: Survival Ascended & Evolved</title>
 	<link href="https://www.dododex.com/css/style.css" rel="stylesheet">
 	<link rel="shortcut icon" href="https://www.dododex.com/favicon.ico" type="image/x-icon">
 	<meta name="twitter:card" content="summary_large_image">
 	<meta name="twitter:site" content="@dododexapp">
 	<meta property="og:type" content="article">
-	<meta property="og:title" content="ARK Admin Commands & Spawn Commands | ARK: Survival Evolved">
+	<meta property="og:title" content="ARK Admin Commands & Spawn Commands | ARK: Survival Ascended & Evolved">
 	<meta property="og:description" content="ARK Admin Commands, GFI codes, creature IDs, entity IDs, spawn commands, and cheats.">
 	<meta property="og:image" content="https://www.dododex.com/media/promo.png">
 	<link rel="apple-touch-icon" href="https://www.dododex.com/media/logo.png">
@@ -181,7 +181,7 @@ <h1 class="center webonly">
 		</nav>
 		<div id="admin-results" class="white"></div>
 		<footer class="marginTop2 marginBottom2 light center" style="background-color:transparent">
-			Please help keep these commands up-to-date. <a href="https://docs.google.com/forms/d/e/1FAIpQLScdkF2Mtu0nfAsTxYa7eUMwXx-dyBGVMrj57kZomxgAhAHqsQ/viewform" target="_blank">Report a missing/wrong command</a> or <a href="https://github.com/dododex/dododex.github.io" target="_blank">edit it yourself</a>.
+			Please help keep these ARK commands up-to-date. <a href="https://docs.google.com/forms/d/e/1FAIpQLScdkF2Mtu0nfAsTxYa7eUMwXx-dyBGVMrj57kZomxgAhAHqsQ/viewform" target="_blank">Report a missing/wrong command</a> or <a href="https://github.com/dododex/dododex.github.io" target="_blank">edit it yourself</a>.
 		</footer>
 
 		<div class="marginBottom3"><div id="ad_admincommands" class="center"></div></div>

diff --git a/js/admin.js b/js/admin.js
@@ -817,9 +817,9 @@ $(document).ready(function() {
     updateURLWithPreservedParams(newPath);
 
     if(catID == 3){
-      document.title = cat.n + " | Admin Commands | Dododex";
+      document.title = cat.n + " | ARK Admin Commands | Dododex";
     } else {
-      document.title = cat.n + " | Spawn Codes | Dododex";
+      document.title = cat.n + " | ARK Spawn Codes | Dododex";
     }
     if(typeof event == "object"){
       // console.log("PREVENT");
@@ -852,7 +852,7 @@ function initFromID(id){
   currentBP = getBPByID(id);
   // console.log('currentBP',currentBP)
   if(currentBP){
-    document.title = currentBP.l + " Admin Command ID & GFI | Dododex";
+    document.title = currentBP.l + " Admin Command ID & GFI | ARK: Survival Ascended & Evolved | Dododex";
 
 
 // "l":"Malfunctioned Tek Triceratops",
@@ -862,28 +862,33 @@ function initFromID(id){
 // "bp":"PrimalEarth/Dinos/Trike/BionicTrike_Character_BP_Malfunctioned.BionicTrike_Character_BP_Malfunctioned"
 
 
-
-
 
     $(resultsEl).html('');
 
 
     if(isDinoCat(currentBP.t)){
 
       $(resultsEl).html(`
-        <h1 class="marginBottom0 center">${currentBP.l} Spawn Commands</h1>
-        ${currentBP.t ?
-        `<p class="marginTop0 center">Type: <em class="light">${currentBP.t}</em></p>`
-        : ``}
-
-        ${currentBP.cid ?
-          `<div class="marginTop2"><img src="https://www.dododex.com/media/creature/${currentBP.cid}.png" alt="ARK ${currentBP.l}" height="200" /></div>`
-        : ``}
+        <div class="itemHead" style="display:flex;flex-direction:row;align-items:flex-end;">
+          <div class="rowItem">
+            <h1 class="marginBottom0">${currentBP.l} Spawn Commands</h1>
+            ${currentBP.t ?
+            `<p class="marginTop0">Type: <em class="light">${currentBP.t}</em></p>`
+            : ``}
+            ${currentBP.cid ?
+              `<div class="marginTop marginBottom"><a class="actionButton" href="https://www.dododex.com/taming/${currentBP.cid}">${currentBP.l} on Dododex</a></div>`
+            : ``}
+          </div>
+          ${currentBP.cid ?
+            `<div><img src="https://www.dododex.com/media/creature/${currentBP.cid}.png" alt="ARK ${currentBP.l}" height="140" /></div>`
+          : ``}
+        </div>
 
         ${currentBP.id ?
           `<p class="light">To spawn a ${currentBP.l}, you can use the GMSummon command "${currentBP.id}".</p>`
         : ``}
 
+
         ${currentBP.id ?
         `<h2 class="marginTop2">${currentBP.l} Spawn Command (Tamed)</h2>
         <p class="light">The spawn command for a tamed ${currentBP.l} is "${currentBP.id}".</p>
@@ -943,21 +948,29 @@ function initFromID(id){
         ` : ``}
 
 
-        ${currentBP.cid ?
-          `<div class="marginTop2"><a class="actionButton" href="https://www.dododex.com/taming/${currentBP.cid}">${currentBP.l} on Dododex &raquo;</a></div>`
-        : ``}
 
 
 
       `)
 
 
     } else {
+      var theItemURL = "http://www.dododex.com" + itemURL({ id: currentBP.item_id, name: currentBP.l });
+
+
       $(resultsEl).html(`
-        <h1 class="marginBottom0">${currentBP.l}</h1>
-        ${currentBP.t ?
-        `<p class="marginTop0">Type: <em class="light">${currentBP.t}</em></p>`
-        : ``}
+        <div class="itemHead" style="display:flex;flex-direction:row;align-items:flex-end;">
+          <div class="rowItem">
+            <h1 class="marginBottom0">${currentBP.l}</h1>
+            ${currentBP.t ?
+            `<p class="marginTop0">Type: <em class="light">${currentBP.t}</em></p>`
+            : ``}
+            <div class="marginTop marginBottom"><a class="actionButton" href="${theItemURL}">${currentBP.l} on Dododex</a></div>
+          </div>
+          ${currentBP.img ?
+          `<div class="rowItemN"><a href="${theItemURL}"><img src="https://www.dododex.com/media/item/${currentBP.img}" alt="${currentBP.l}" width="130"></a></div>`
+          : ``}
+        </div>