Implement recently added table.

josquin-research-project · Oct 30, 2023 · a44369d · a44369d
1 parent 4228a38
commit a44369d
Show file tree

Hide file tree

Showing 10 changed files with 129 additions and 135 deletions.
diff --git a/_includes/homepage/aside/main.html b/_includes/homepage/aside/main.html
@@ -8,13 +8,10 @@
 		<a style="text-decoration:none;" onclick="ClearBrowseFields(); localStorage.BROWSEhome='false';" href="/browse"><h2 style="width:316px;" class="blue-bar">quick browse</h2></a>
 		<div class="form-body">
 			<div id="composers-select" class="form-group">
-				<div class="select2-container" id="s2id_composers">
-					<a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-2">All Composers</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen2" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2">
-					<div class="select2-drop select2-display-none select2-with-searchbox">   <div class="select2-search">       <label for="s2id_autogen2_search" class="select2-offscreen"></label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-2" id="s2id_autogen2_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-2">   </ul></div>
-				</div>
+				<div class="select2-container" id="s2id_composers"> <a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-2">All Composers</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen2" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2"> <div class="select2-drop select2-display-none select2-with-searchbox">   <div class="select2-search">       <label for="s2id_autogen2_search" class="select2-offscreen"></label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-2" id="s2id_autogen2_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-2">   </ul></div> </div>
 			</div>
 			<div id="genres-select" class="form-group">
-				<div style="height:26px;"></div>
+				<div class="select2-container" id="s2id_genres"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-3">All Genres</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none select2-with-searchbox">   <div class="select2-search">       <label for="s2id_autogen3_search" class="select2-offscreen"></label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-3">   </ul></div></div>
 			</div>
 			<div class="form-group">
 				<input id="titlebox" name="t" value="" type="text" class="form-control" placeholder="Enter Title">

diff --git a/_includes/scripts/scripts-common.js b/_includes/scripts/scripts-common.js
@@ -18,7 +18,6 @@ var WORKLIST;										 // Master index of works in JRP database.
 var WORKLISTrecent = [];						 // List of works reverse sorted by add date.
 var WORKLISTjrpid  = {};						 // Hash of works by JRP ID.
 var BASEADDR       = window.location.host; // Base address of URL.
-console.log("BASEADDR = ", BASEADDR, "*******************************************************");
 var TARGET         = "_blank";             // target for new things
 var PDFTARGET      = TARGET;					 // Display PDF files in separate tab/window.
 var AUDIO          = null;						 // HTML5 audio interface ID.
@@ -387,7 +386,6 @@ function GetComposerOptions(worklist) {
 
 	for (let i=0; i<worklist.length; i++) {
 		let entry = worklist[i];
-console.warn("ENTRY", entry);
 		let cid = entry.COMPOSER_ID.trim();
 		let matches = cid.match(";");
 		if (matches) {
@@ -416,9 +414,6 @@ console.warn("ENTRY", entry);
 		}
 	}
 
-console.warn("COUNTS", counts);
-console.warn("LONGNAMES", longNames);
-
 	let keys = Object.keys(counts);
 	keys.sort();
 

diff --git a/_includes/styles/style.css b/_includes/styles/style.css
@@ -619,7 +619,7 @@ Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
 	font-size: 1px;
 	text-decoration: none;
 	border: 0;
-	background: url("select2.png") right top no-repeat;
+	background: url("/images/select2.png") right top no-repeat;
 	cursor: pointer;
 	outline: 0;
 }
@@ -730,11 +730,11 @@ Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
 	border-radius: 0;
 	-webkit-box-shadow: none;
 	box-shadow: none;
-	background: white url("select2.png") no-repeat 100% -22px;
-	background: url("select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
-	background: url("select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
-	background: url("select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
-	background: url("select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
+	background: white url("/images/select2.png") no-repeat 100% -22px;
+	background: url("/images/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+	background: url("/images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+	background: url("/images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+	background: url("/images/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
 }
 
 .select2-drop.select2-drop-above .select2-search input {
@@ -1023,7 +1023,7 @@ html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
 	top: 4px;
 	font-size: 1px;
 	outline: none;
-	background: url("select2.png") right top no-repeat;
+	background: url("/images/select2.png") right top no-repeat;
 }
 
 html[dir="rtl"] .select2-search-choice-close {
@@ -1103,13 +1103,13 @@ html[dir="rtl"] .select2-search-choice-close {
 /* Retina-ize icons */
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
 	.select2-search input, .select2-search-choice-close {
-	background-image: url("select2.png") !important;
+	background-image: url("/images/select2.png") !important;
 	background-repeat: no-repeat !important;
 	background-size: 60px 40px !important;
 	}
 
 	.select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
-	background-image: url("select2.png") !important;
+	background-image: url("/images/select2.png") !important;
 	background-repeat: no-repeat !important;
 	background-size: 60px 40px !important;
 	}

diff --git a/images/file-ed.png b/images/file-ed.png
diff --git a/images/file.png b/images/file.png
diff --git a/images/select2.png b/images/select2.png
diff --git a/images/square-pause2.png b/images/square-pause2.png
diff --git a/images/square-play2.png b/images/square-play2.png
diff --git a/scripts-listeners.html b/scripts-listeners.html
@@ -0,0 +1,63 @@
+
+<script>
+//
+// Programmer:		Craig Stuart Sapp <craig@ccrma.stanford.edu>
+// Creation Date:	Thu Aug 21 12:59:01 PDT 2014
+// Last Modified:	Sun Oct 29 22:08:45 PDT 2023
+// Filename:		scripts-local.html
+// Web Address:	http://josquin.stanford.edu/scripts-listners.html
+// Syntax:			JavaScript 1.8/ECMAScript 5
+// vim:				ts=3:ft=javascript
+//
+// Description:   Listeners for homepage.
+//
+
+let JRP = {};
+
+
+//////////////////////////////
+//
+// Function called when document has finished loading:
+//
+
+document.addEventListener("DOMContentLoaded", function() {
+
+	AUDIO = document.getElementById("audio");
+	AUDIO.addEventListener('ended', function(e) {
+		AUDIO.pause();
+		var pauseelem = document.getElementById(AUDIOid);
+		pauseelem.className = "play";
+	}, false);
+
+   sessionStorage.removeItem('RECENTLYADDEDHTML');
+
+	let macroid = "AKfycbyeHfmyCHHgbY9X_UDMzW9xyRgqH0c7Ycp76NTW18mjZSnW_2umhgH2ZGDtxuwDot6mKw";
+	let url = `https://script.google.com/macros/s/${macroid}/exec`;
+	url += "?sheet=works";
+	url += "&format=json";
+	fetch(url)
+		.then(response => {
+			if (response.ok) {
+				return response.json();
+			} else {
+				throw new Error("Request failed with status " + response.status);
+			}
+		})
+		.then(data => {
+			JRP.WORKS = data;
+			buildComposerSelect(JRP.WORKS);
+			buildGenreSelect(JRP.WORKS);
+			displayRandomExample(JRP.WORKS);
+			displayRecentAdditions(7, JRP.WORKS);
+		})
+		.catch(error => {
+			console.error("Fetch error: " + error.message);
+		});
+
+}, false);
+
+
+</script>
+
+
+