You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
2.5 KiB
82 lines
2.5 KiB
4 years ago
|
/**
|
||
|
|
* This document defines the functions for the summary to get the right pictogram
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This function search for the right third party picture.
|
||
|
|
* It gets a explaination for the icon and the id for the scroll animation.
|
||
|
|
* It returns a div with the pictogram and a explaination.
|
||
|
|
*/
|
||
|
|
function getpictogramthird(explaination, id){
|
||
|
|
try{
|
||
|
|
let deflt = "thirdparty";
|
||
|
|
let src = "'pic_data_base/"+deflt+".png'";
|
||
|
|
let tmp = explaination.toLowerCase();
|
||
|
|
let potential_keys = tmp.split(" ");
|
||
|
|
|
||
|
|
|
||
|
|
for(let i = 0; i < potential_keys.length;i++){
|
||
|
|
if(potential_keys[i] in keys_en){
|
||
|
|
src = "'"+browser.runtime.getURL("pic_data_base/"+keys_en[potential_keys[i]]+".png'");
|
||
|
|
|
||
|
|
} else {
|
||
|
|
src = "'"+browser.runtime.getURL("pic_data_base/"+deflt+".png'");
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//console.log(src);
|
||
|
|
let btn = "<button class='mdc-button "+id+"button'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>Mark in Text</span></button>";
|
||
|
|
|
||
|
|
return "<div class='summary-picto-div'>"+"<image src="+src+ "width='32' height='32' >"+"<p class='summary-explain-p'>"+explaination+"<br>"+btn+"</p>"+"</div>";
|
||
|
|
} catch(e){
|
||
|
|
console.log(e);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This function search for the right collected data picture.
|
||
|
|
* It gets a explaination for the icon and the id for the scroll animation.
|
||
|
|
* It returns a div with the pictogram and a explaination.
|
||
|
|
*/
|
||
|
|
function getpictogramdata(explaination, id){
|
||
|
|
try{
|
||
|
|
let dflt = "dflt";
|
||
|
|
let src = "";
|
||
|
|
let tmp = explaination.toLowerCase();
|
||
|
|
let potential_keys = tmp.split(" ");
|
||
|
|
for(let i = 0; i < potential_keys.length;i++){
|
||
|
|
console.log(potential_keys[i]);
|
||
|
|
if(potential_keys[i] in keys_en){
|
||
|
|
src = "'"+browser.runtime.getURL("pic_data_base/"+keys_en[potential_keys[i]]+".png'");
|
||
|
|
break;
|
||
|
|
} else {
|
||
|
|
src = "'"+browser.runtime.getURL("pic_data_base/"+dflt+".png'");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
let btn = "<button class='mdc-button "+id+"button'><span class='mdc-button__ripple'></span><span class='mdc-button__label'>Mark in Text</span></button>";
|
||
|
|
//let btn = "<a href='#"+id+"'>Go to Text</a>";
|
||
|
|
//console.log("class='"+id+"button'");
|
||
|
|
return "<div class='summary-picto-div' >"+"<image src="+src+" width='32' height='32' >"+"<p class='summary-explain-p'>"+explaination+"<br>"+btn+"</p>"+"</div>";
|
||
|
|
} catch(e){
|
||
|
|
console.log(e);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This function returns a pictogram by a name
|
||
|
|
*/
|
||
|
|
function getpic(name){
|
||
|
|
try{
|
||
|
|
src = "'"+ browser.runtime.getURL("pic_data_base/"+name+".png")+"'";
|
||
|
|
//console.log(src);
|
||
|
|
return "<img src="+src+" width='32' height='32'>";
|
||
|
|
} catch(e){
|
||
|
|
console.log(e);
|
||
|
|
}
|
||
|
|
}
|