ccl
/
hp-library
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

tried to work on the 'active' aspect of the links but it didn't work

master
Cristina Cochior 4 years ago
parent
e3dd66f4c5
commit
ccdb5afa6c
3 changed files with 476 additions and 447 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      static/css/main.css
  2. 760
      static/js/mergedjson.json
  3. 157
      templates/layout.html

6
static/css/main.css
View File

@ -148,8 +148,12 @@ object.listed-pdf {
height: 75vh;
}
.methodclicked {
color: #ea4f2b !important;
}
.clicked {
color: blue !important;
color: white !important;
}
button {

760
static/js/mergedjson.json
View File

File diff suppressed because it is too large

157
templates/layout.html
View File

@ -21,71 +21,6 @@
var address = existing_path.slice(existing_start);
// function to extract the parameters from the url. once we have them we can give them the class 'clicked'
function getAllUrlParams(url) {
// get query string from url (optional) or window
var queryString = url ? url.split('?')[1] : window.location.search.slice(1);
// we'll store the parameters here
var obj = {};
// if query string exists
if (queryString) {
// stuff after # is not part of query string, so get rid of it
queryString = queryString.split('#')[0];
// split our query string into its component parts
var arr = queryString.split('&');
for (var i = 0; i < arr.length; i++) {
// separate the keys and the values
var a = arr[i].split('=');
// set parameter name and value (use 'true' if empty)
var paramName = a[0];
var paramValue = typeof (a[1]) === 'undefined' ? true : a[1];
// (optional) keep case consistent
paramName = paramName.toLowerCase();
if (typeof paramValue === 'string') paramValue = paramValue.toLowerCase();
// if the paramName ends with square brackets, e.g. colors[] or colors[2]
if (paramName.match(/\[(\d+)?\]$/)) {
// create key if it doesn't exist
var key = paramName.replace(/\[(\d+)?\]/, '');
if (!obj[key]) obj[key] = [];
// if it's an indexed array e.g. colors[2]
if (paramName.match(/\[\d+\]$/)) {
// get the index value and add the entry at the appropriate position
var index = /\[(\d+)\]/.exec(paramName)[1];
obj[key][index] = paramValue;
} else {
// otherwise add the value to the end of the array
obj[key].push(paramValue);
}
} else {
// we're dealing with a string
if (!obj[paramName]) {
// if it doesn't exist, create property
obj[paramName] = paramValue;
} else if (obj[paramName] && typeof obj[paramName] === 'string'){
// if property does exist and it's a string, convert it to an array
obj[paramName] = [obj[paramName]];
obj[paramName].push(paramValue);
} else {
// otherwise add the property
obj[paramName].push(paramValue);
}
}
}
}
return obj;
};
// var libList = getAllUrlParams().librarian;
// var methodList = getAllUrlParams().method;
// for (i=0; i < libList.length; i++) {
// var search_id = libList[i].toString(2);
// var element = document.getElementById(search_id);
// }
// for (i=0; i<methodList.length; i++) {
// var search_id = '#' + methodList[i];
// $( search_id ).addClass('clicked');
// }
// generating the url with librarian names
$(".librarian-names").click(function(event){
var theid = $(this).attr('id');
@ -264,7 +199,7 @@ $.ajax({
<!-- submit data -->
<button id="about">About</button>
<button id="listoffiles">Print</button>
<button id="reset"><a href="/">Reset</a></button>
<a href="/"><button id="reset">Reset</button></a>
<button id="showall">Show All</button>
@ -318,5 +253,95 @@ $.ajax({
</ul>
</div>
<script>
$(document).ready(function() {
// function to extract the parameters from the url. once we have them we can give them the class 'clicked'
function getAllUrlParams(url) {
// get query string from url (optional) or window
var queryString = url ? url.split('?')[1] : window.location.search.slice(1);
// we'll store the parameters here
var obj = {};
// if query string exists
if (queryString) {
// stuff after # is not part of query string, so get rid of it
queryString = queryString.split('#')[0];
// split our query string into its component parts
var arr = queryString.split('&');
for (var i = 0; i < arr.length; i++) {
// separate the keys and the values
var a = arr[i].split('=');
// set parameter name and value (use 'true' if empty)
var paramName = a[0];
var paramValue = typeof (a[1]) === 'undefined' ? true : a[1];
// (optional) keep case consistent
// paramName = paramName.toLowerCase();
// if (typeof paramValue === 'string') paramValue = paramValue.toLowerCase();
// if the paramName ends with square brackets, e.g. colors[] or colors[2]
if (paramName.match(/\[(\d+)?\]$/)) {
// create key if it doesn't exist
var key = paramName.replace(/\[(\d+)?\]/, '');
if (!obj[key]) obj[key] = [];
// if it's an indexed array e.g. colors[2]
if (paramName.match(/\[\d+\]$/)) {
// get the index value and add the entry at the appropriate position
var index = /\[(\d+)\]/.exec(paramName)[1];
obj[key][index] = paramValue;
} else {
// otherwise add the value to the end of the array
obj[key].push(paramValue);
}
} else {
// we're dealing with a string
if (!obj[paramName]) {
// if it doesn't exist, create property
obj[paramName] = paramValue;
} else if (obj[paramName] && typeof obj[paramName] === 'string'){
// if property does exist and it's a string, convert it to an array
obj[paramName] = [obj[paramName]];
obj[paramName].push(paramValue);
} else {
// otherwise add the property
obj[paramName].push(paramValue);
}
}
}
}
return obj;
};
var libList = getAllUrlParams().librarian;
var methodList = getAllUrlParams().method;
// alert(methodList);
if (Array.isArray(methodList)==false) {
var search_meth0 = methodList;
var elementy0 = document.getElementById(search_meth0);
elementy0.classList.add("methodclicked");
// alert("it's not a list");
}
if (Array.isArray(libList)==false) {
var search_id0 = libList;
var element0 = document.getElementById(search_id0);
element0.classList.add("clicked");
};
for (y=0; y < methodList.length ; y++) {
var search_meth = methodList[y];
var elementy = document.getElementById(search_meth);
elementy.classList.add("methodclicked");
// alert(methodList[y]);
};
});
for (i=0; i < libList.length ; i++) {
var search_id = libList[i];
var element = document.getElementById(search_id);
element.classList.add("clicked");
};
</script>
</body>
</html>

Write Preview
Loading…
Cancel
Save