summaryrefslogtreecommitdiffstats
path: root/container-search-gui/src/main/resources/gui/_includes/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'container-search-gui/src/main/resources/gui/_includes/index.html')
-rw-r--r--container-search-gui/src/main/resources/gui/_includes/index.html150
1 files changed, 50 insertions, 100 deletions
diff --git a/container-search-gui/src/main/resources/gui/_includes/index.html b/container-search-gui/src/main/resources/gui/_includes/index.html
index d5ac6397d88..a441e302720 100644
--- a/container-search-gui/src/main/resources/gui/_includes/index.html
+++ b/container-search-gui/src/main/resources/gui/_includes/index.html
@@ -84,7 +84,7 @@
<option class="options" value="POST">POST</option>
<option class="options" value="GET">GET</option>
</select>
- <input type="text" class="textbox" name="value" value="http://httpbin.org/post" id="url" size="30">
+ <input type="text" class="textbox" name="value" value="http://localhost:8080/search/" id="url" size="30">
<button class="button" onclick="startSending();" id="send">Send</button>
<br/>
@@ -198,7 +198,6 @@
<script language="javascript" type="text/javascript" src="/querybuilder/editarea/edit_area/edit_area_full.js"></script>
<script language="javascript" type="text/javascript">
-
function fEALoaded() {
$('#frame_'+window.yqlID).contents().find('.area_toolbar').hide();
var iframe = document.getElementById("frame_"+window.yqlID);
@@ -208,50 +207,31 @@
-
-
<SCRIPT language="javascript">
-
- const CONFIG = $.getJSON('/querybuilder/gui_variables.json', function(data){window.CONFIG = data;});
+ const CONFIG = $.getJSON('/querybuilder/config.json', function(data){window.CONFIG = data;});
method = "POST";
var number = 0;
var childno = {};
var json = JSON.parse("{}");
var searchApiReference = null;
-
- var possible = ["yql", "hits", "offset", "queryProfile", "nocache", "groupingSessionCache", "searchChain", "timeout", "trace","tracelevel","traceLevel", "",
- , "model", "ranking", "collapse","collapsesize","collapsesize","presentation", "pos", "streaming", "rules", "recall", "user", "nocachewrite", "metrics"];
-
+ var possible = null;
var usedProps = [];
var removedIndexes = [0];
- var childrenProps = {
- "model" : ["defaultIndex", "encoding", "language", "queryString", "restrict", "searchPath", "sources", "type"],
- "ranking" : ["location", "features", "listFeatures", "profile", "properties", "sorting", "freshness", "queryCache", "matchPhase"],
- "ranking.matchPhase" : ["maxHits", "attribute", "ascending", "diversity"],
- "ranking.matchPhase.diversity" : ["attribute", "minGroups"],
- "presentation" : ["bolding", "format", "summary", "template", "timing"],
- "trace" : ["timestamps"],
- "tracelevel" : ["rules"],
- "metrics" : ["ignore"],
- "collapse":["summary"],
- "pos" : ["ll", "radius", "bb", "attribute"],
- "streaming" : ["userid", "groupname", "selection", "priority", "maxbucketspervisitor"],
- "rules" : ["off", "rulebase"]
- };
-
+ var childrenProps = null;
window.onload = function() {
- // Adding variables from configuration file
- if (window.CONFIG.hasOwnProperty("featurename")){
- childrenProps["ranking.features"] = window.CONFIG.featurename;
- }
- if (window.CONFIG.hasOwnProperty("propertyname")){
- childrenProps["ranking.properties"] = window.CONFIG.propertyname;
- }
-
- addNewRow();
- getSearchApiReference();
+ setTimeout(function(){
+ possible = window.CONFIG.levelZeroParameters;
+ childrenProps = window.CONFIG.childMap;
+ if (window.CONFIG.hasOwnProperty("ranking_features")){
+ childrenProps["ranking.features"] = window.CONFIG.ranking_features;
+ }
+ if (window.CONFIG.hasOwnProperty("ranking_properties")){
+ childrenProps["ranking.properties"] = window.CONFIG.ranking_properties;
+ }
+ addNewRow();
+ getSearchApiReference();
+ }, 250);
};
-
var stringType = ["yql", "queryProfile", "searchChain", "model.defaultIndex", "model.encoding", "model.language",
"model.queryString", "model.searchPath", "model.type", "ranking.features", "ranking.profile", "ranking.properties", "ranking.sorting", "ranking.matchPhase.diversity.attribute",
"ranking.matchPhase.attribute","pos.attribute", "presentation.summary", "collapse.summary",
@@ -297,7 +277,6 @@
temp -= 1;
}
}
-
function pasteJSON(){
var button = document.getElementById("pasteJSON");
if (button.innerHTML === "Press CMD+V"){
@@ -312,31 +291,24 @@
document.getElementById('response').addEventListener('paste', handlePaste);
}
}
-
function handlePaste (e) {
var clipboardData, pastedData;
-
// Stop data actually being pasted into div
e.stopPropagation();
e.preventDefault();
-
// Get pasted data via clipboard API
clipboardData = e.clipboardData || window.clipboardData;
pastedData = clipboardData.getData('Text');
-
// Do whatever with pasteddata
alert("Converting JSON: \n\n "+pastedData);
-
//Removing eventlistener
var oldResponse = document.getElementById('response');
var newResponse = oldResponse.cloneNode(true);
oldResponse.parentNode.replaceChild(newResponse, oldResponse);
-
//Returning to old button and
pasteJSON();
convertPastedJSON(pastedData);
}
-
function convertPastedJSON(pastedData){
try {
document.getElementById("request").innerHTML = "</br> <div class=\"intro-param\">Construct a query by adding parameters or pasting a JSON.</div>";
@@ -348,7 +320,6 @@
alert("Could not parse JSON, with error-message: \n\n"+err.message);
}
}
-
function buildFromJSON(obj,parentNo) {
Object.keys(obj).forEach(function(key) {
if ( typeof(eval('obj.'+key)) === "object" ) {
@@ -371,7 +342,6 @@
}
});
}
-
function copyURL(){
generateJSON();
var urlMap = dotNotate(window.json);
@@ -383,7 +353,6 @@
document.body.removeChild(el);
return url;
}
-
function buildURL(map){
var url = document.getElementById("url").value + "?";
var parameters = "";
@@ -392,19 +361,15 @@
});
parameters = parameters.substr(1)
return url+parameters
-
}
-
function encodeToURI(string){
string = encodeURIComponent(string);
string = string.replace(/%20/g, '+');
return string;
}
-
function dotNotate(obj,target,prefix) {
target = target || {},
prefix = prefix || "";
-
Object.keys(obj).forEach(function(key) {
if ( typeof(obj[key]) === "object" ) {
dotNotate(obj[key],target,prefix + key + ".");
@@ -412,22 +377,18 @@
return target[prefix + key] = obj[key];
}
});
-
return target;
}
-
function copyToClipboard(id){
id.select();
document.execCommand('copy');
clearSelection();
}
-
function clearSelection()
{
if (window.getSelection) {window.getSelection().removeAllRanges();}
else if (document.selection) {document.selection.empty();}
}
-
function chooseMethod(method) {
var selectBox = document.getElementById("method");
var selectedMethod = selectBox.options[selectBox.selectedIndex].value;
@@ -436,7 +397,6 @@
changeDiv(selectedMethod);
}
}
-
function changeDiv(selectedMethod){
if (selectedMethod === "GET"){
document.getElementById("request").innerHTML = '</br><textarea class=\"responsebox\" cols=70 rows=4 id=\"url2\">'+copyURL();+'</textarea>';
@@ -447,12 +407,11 @@
number = 0;
changeVisibility();
let jsonString = JSON.stringify(window.json);
- if (jsonString === "{}" || jsonString=== '{"":""}'){
+ if (jsonString === "{}" || jsonString=== '{"":""}'){
addNewRow();
} else {
buildFromJSON(window.json, 0);
}
-
}
}
function stripMyHTML(html)
@@ -464,7 +423,6 @@
}
return tmp.innerHTML.replace('<code>','').replace('</code>','');
}
-
function addNewRow(key, value){
number += 1;
const temp = number;
@@ -480,6 +438,10 @@
newInputVal.type = "text";
newInputVal.id = "v"+temp;
newInputVal.classList.add("propvalue");
+ newInputVal.setAttribute("list", "val"+temp);
+ var newDatalist2 = document.createElement("datalist");
+ newDatalist2.id = "val"+temp;
+ //newDatalist2.style = "display: none;";
var newButton = document.createElement("button");
newButton.id = "b"+temp;
newButton.innerHTML = "-";
@@ -487,37 +449,29 @@
newButton.classList.add("removeRow");
var br = document.createElement("br");
br.id = "br"+temp
-
var img = document.createElement("img");
img.src = "/querybuilder/img/information.svg";
img.height = "15";
img.width = "15";
img.classList.add("information");
-
var span = document.createElement("span");
span.id = "span"+temp;
span.innerHTML = stripMyHTML('Choose a parameter for information');
-
var a = document.createElement("a");
a.href = "#";
a.classList.add("tip");
a.id = "inf"+temp
-
a.appendChild(img);
a.appendChild(span);
-
-
var div = document.createElement("div");
div.id = number;
div.appendChild(newInput);
div.appendChild(newDatalist);
-
div.appendChild(a);
-
div.appendChild(newInputVal);
+ div.appendChild(newDatalist2);
div.appendChild(newButton);
div.appendChild(br);
-
var bigdiv = document.getElementById("request");
bigdiv.appendChild(div);
updateFields();
@@ -526,7 +480,7 @@
newInput.value = key;
keySelected(temp, value)
}
- if (value || value2==="false"){
+ if (value || value2==="false"){
if (key === "yql"){
editAreaLoader.setValue(window.yqlID, value);
} else {
@@ -536,7 +490,6 @@
generateJSON();
return temp;
}
-
function showInformation(no, key){
var a = document.getElementById("inf"+no);
if(validKey(no, key)){
@@ -551,7 +504,6 @@
a.style = "visibility: hidden;"
}
}
-
function validKey(no, possibleKey){
if (contains(possible, possibleKey)){return true;}
for (var key in childrenProps){
@@ -561,7 +513,19 @@
}
return false;
}
-
+ function checkConfigOptions(key, no){
+ var jsonID = key.replace(/\./g , "_");
+ var datalist = document.getElementById("val"+no);
+ datalist.innerHTML = "";
+ if (window.CONFIG.hasOwnProperty(jsonID)){
+ var optionlist = eval("window.CONFIG."+jsonID);
+ optionlist.forEach(function(item){
+ var option = document.createElement("option");
+ option.value = item;
+ datalist.appendChild(option);
+ });
+ }
+ }
function keySelected(no, value){
var key = document.getElementById("i"+no).value;
showInformation(no, key);
@@ -573,6 +537,8 @@
editAreaLoader.delete_instance(window.yqlID);
}
var button = document.createElement("button");
+ //var datalist = document.getElementById("val"+no); //Hide value-datalist
+ //datalist.style = "display:none;";
button.id="propb"+no
button.innerHTML=" + Add property";
button.onclick = function(){addChildProp(no);};
@@ -586,6 +552,7 @@
newInputVal.type = "text";
newInputVal.id = "v"+no;
newInputVal.classList.add("propvalue");
+ newInputVal.setAttribute("list", "val"+no);
var parent = button.parentNode;
showType(newInputVal, no);
if (key === "yql"){
@@ -623,11 +590,11 @@
newInputVal.type = "text";
newInputVal.id = "v"+no;
newInputVal.classList.add("propvalue");
+ newInputVal.setAttribute("list", "val"+no);
showType(newInputVal, no);
var parent = inputval.parentNode;
parent.replaceChild(newInputVal, inputval);
}
-
if (key === "yql"){
newInputVal = document.createElement("textarea");
newInputVal.id = "v"+no;
@@ -656,7 +623,6 @@
if(value){
inputval.value = value;
}
-
}
}
if (!validKey(no, key)){
@@ -664,14 +630,17 @@
//keyInput.style = "border-width: 1px; border-color: red;"
var valueInput = document.getElementById("v"+no);
valueInput.placeholder = "Possible invalid parameter";
+ //Removes possible options for for former parameter
+ var datalist = document.getElementById("val"+no);
+ datalist.innerHTML = "";
}
if (validKey(no, key)){
+ // Check if datalist should be visible and add options
+ checkConfigOptions(fullKey, no);
var keyInput = document.getElementById("i"+no);
//keyInput.style = "border-width: 0px;"
}
-
}
-
function showType(inputVal, no){
var key = document.getElementById("i"+no).value;
var key = getFullName(no, key);
@@ -700,7 +669,6 @@
inputVal.placeholder = "";
}
}
-
function removeRow(no){
var div = document.getElementById(no);
var key = document.getElementById("i"+no).value;
@@ -713,7 +681,6 @@
updateFields();
generateJSON();
}
-
function removeChildRow(no){
var a = "" + no;
var parentNo = a.split(".").slice(0, -1).join(".");
@@ -725,30 +692,29 @@
updateChildrenFields(parentNo);
generateJSON();
}
-
function countDots(s1) {
return ( s1.match( /\./g ) || [] ).length;
}
-
function addChildProp(no, key, value){
generateJSON();
childno[no] += 1;
var temp = ""+no+"."+childno[no];
childno[temp] = 0;
var parentNode = document.getElementById(no);
-
var newInput = document.createElement("input");
newInput.id = "i"+temp;
newInput.setAttribute("list", "prop"+temp);
newInput.onchange = function(){keySelected(temp);};
newInput.classList.add("input")
-
var newDatalist = document.createElement("datalist");
newDatalist.id = "prop"+temp;
newInputVal = document.createElement("input");
newInputVal.type = "text";
newInputVal.id = "v"+temp;
newInputVal.classList.add("propvalue");
+ newInputVal.setAttribute("list", "val"+temp);
+ var newDatalist2 = document.createElement("datalist");
+ newDatalist2.id = "val"+temp;
var newButton = document.createElement("button");
newButton.id = "b"+temp;
newButton.innerHTML = "-";
@@ -762,13 +728,11 @@
b.innerHTML = ' ↳ ';
var margin = 20*(temp).length;
b.style = "padding-left:"+margin+"px;";
-
var img = document.createElement("img");
img.src = "/querybuilder/img/information.svg";
img.height = "15";
img.width = "15";
img.classList.add("information");
-
var span = document.createElement("span");
span.id = "span"+temp;
span.innerHTML = stripMyHTML('Choose a parameter for information');
@@ -783,6 +747,7 @@
div.appendChild(newDatalist);
div.append(a);
div.appendChild(newInputVal);
+ div.appendChild(newDatalist2);
div.appendChild(newButton);
div.appendChild(br);
parentNode.appendChild(div);
@@ -797,7 +762,6 @@
}
return temp;
}
-
function updateChildrenFields(parentNo){
parentKey = document.getElementById("i"+parentNo).value;
var temp = parseInt(childno[parentNo]);
@@ -817,7 +781,6 @@
temp -= 1;
}
}
-
function contains(a, obj) {
for (var i = 0; i < a.length; i++) {
if (a[i] === obj) {
@@ -826,18 +789,15 @@
}
return false;
}
-
function refresh(){
document.location.reload(true);
}
-
function generateJSON(){
json = JSON.parse("{}");
buildJSON(json, number, 0);
var textarea = document.getElementById("jsonquery");
textarea.innerHTML = JSON.stringify(window.json, undefined, 4);
}
-
function buildJSON(parent, no, thresh){
var temp = no;
if (countDots(""+temp) > 0){
@@ -861,7 +821,7 @@
value = false;
}}
var fullKey = getFullName(temp, key);
- if (contains(integerType, fullKey) || contains(longType, fullKey)){
+ if (contains(integerType, fullKey) || contains(longType, fullKey)){
value = parseInt(value);
value = isNaN(value) ? 0 : value;
}
@@ -892,13 +852,10 @@
}
}
}
-
function findUsedProps(){
usedProps = [];
addUsedProps(window.number, 0);
-
}
-
function addUsedProps(no, thresh){
var temp = no;
if (countDots(""+temp) > 0){
@@ -932,7 +889,6 @@
}
}
}
-
function startSending(){
if (method === "POST"){
var url = document.getElementById("url").value;
@@ -949,8 +905,6 @@
window.open(url);
}
}
-
-
function changeVisibility() {
var x = document.getElementById("url");
var y = document.getElementById("addRow");
@@ -968,7 +922,6 @@
a.style.display = "none";
}
}
-
function showJSON(){
var textarea = document.getElementById("jsonquery");
var copyJSON = document.getElementById("copyJSON");
@@ -987,7 +940,6 @@
copyURL.style.display = "none";
}
}
-
function getSearchApiReference(){
var div = document.getElementById("div");
var object = document.createElement("object");
@@ -1002,7 +954,6 @@
}, 20);
}, 150);
}
-
function changeInformation(no,key){
if (key===""){return "Choose a parameter for information"}
if (getFullName(no,key) in childrenProps){return "Add parameters under the parent ''" + getFullName(no,key) + "'"}
@@ -1011,7 +962,6 @@
var tabletext = stripMyHTML(ref.getElementById(refId).nextElementSibling.outerHTML);
return tabletext;
}
-
function getFullName(no, key){
var name = key;
no = ""+no;