GitHub/gf-core
1
0
Fork 1
mirror of https://github.com/GrammaticalFramework/gf-core.git synced 2026-04-23 11:42:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

Some minibar/phrasebook button and style changes

Browse Source 
* Add help button at top of page.
* Change style of word buttons to look like fridge magnets again.
* New options to specify locations of other pages: feedback_url, help_url. If
  they are left undefined, no Help/Feedback buttons will be created.
* Shorter test in Google Translate button.
This commit is contained in:
hallgren
2010-06-02 13:40:41 +00:00
parent 365e8e2310
commit 86da023392
3 changed files with 25 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/runtime/javascript/minibar/minibar.css
View File

@@ -20,9 +20,10 @@ div#words {
border: 3px solid #e0e0e0; border: 3px solid #e0e0e0;
} }
div.word, span.word, div#words div { div.word, span.word, div#words div, div#words input[type=button] {
display: inline-block; display: inline-block;
font-family: sans-serif; font-family: sans-serif;
font-size: 100%;
background-color: white; background-color: white;
border: 1px solid black; border: 1px solid black;
padding: 3px; padding: 3px;

22
src/runtime/javascript/minibar/minibar.js
View File

@@ -16,7 +16,8 @@ var options={
show_grouped_translations: true, show_grouped_translations: true,
delete_button_text: "⌫", delete_button_text: "⌫",
try_google: true, try_google: true,
feedback_button: false feedback_url: null,
help_url: null
} }
/* --- Grammar access object ------------------------------------------------ */ /* --- Grammar access object ------------------------------------------------ */
@@ -74,7 +75,9 @@ function start_minibar(opts) { // typically called when the HTML document is loa
var surface=div_id("surface"); var surface=div_id("surface");
var extra=div_id("extra"); var extra=div_id("extra");
//surface.setAttribute("onclick","add_typed_input(this)"); //surface.setAttribute("onclick","add_typed_input(this)");
appendChildren(element("minibar"), var minibar=element("minibar");
minibar.innerHTML="";
appendChildren(minibar,
[div_id("menubar"), [div_id("menubar"),
surface, surface,
div_id("words"), div_id("words"),
@@ -110,6 +113,8 @@ function show_grammarlist(grammars) {
button(options.delete_button_text,"delete_last()"), button(options.delete_button_text,"delete_last()"),
button("Clear","clear_all()"), button("Clear","clear_all()"),
button("Random","generate_random()")]); button("Random","generate_random()")]);
if(options.help_url)
menubar.appendChild(button("Help","open_help()"));
select_grammar(grammars[0]); select_grammar(grammars[0]);
} }
@@ -397,8 +402,8 @@ function toggle_img(i) {
function append_extra_buttons(extra) { function append_extra_buttons(extra) {
if(options.try_google) if(options.try_google)
extra.appendChild(button("Try this sentence in Google Translate","try_google()")); extra.appendChild(button("Try Google Translate","try_google()"));
if(options.feedback_button) if(options.feedback_url)
appendChildren(extra,[text(" "),button("Feedback","open_feedback()")]); appendChildren(extra,[text(" "),button("Feedback","open_feedback()")]);
} }
@@ -417,12 +422,13 @@ function try_google() {
window.open(url); window.open(url);
} }
function feedback_button(trans) { function open_popup(url,target) {
var w=window.open(url,target,'toolbar=no,location=no,status=no,menubar=no');
w.focus();
} }
function open_feedback() { function open_help() { open_popup(options.help_url,"help"); }
window.open("feedback.html",'feedback','toolbar=no,location=no,status=no,menubar=no'); function open_feedback() { open_popup(options.feedback_url,'feedback'); }
}
function setField(form,name,value) { function setField(form,name,value) {
form[name].value=value; form[name].value=value;

19
src/runtime/javascript/minibar/phrasebook.html
View File

@@ -10,7 +10,9 @@ var phrasebook_options={
// server: "http://tournesol.cs.chalmers.se:41296", // server: "http://tournesol.cs.chalmers.se:41296",
server: "http://www.grammaticalframework.org:41296", server: "http://www.grammaticalframework.org:41296",
grammar_list: ["Phrasebook.pgf"], grammar_list: ["Phrasebook.pgf"],
delete_button_text: "Del" delete_button_text: "Del",
help_url: "http://www.grammaticalframework.org/examples/phrasebook/help-phrasebook.html",
feedback_url: "feedback.html"
} }
</script> </script>
<meta name = "viewport" content = "width = device-width"> <meta name = "viewport" content = "width = device-width">
@@ -18,20 +20,17 @@ var phrasebook_options={
<body onload="start_minibar(phrasebook_options)"> <body onload="start_minibar(phrasebook_options)">
<div id=minibar> <div id=minibar></div>
</div>
<hr> <hr>
<small> <small>
Based on Powered by <a href="http://www.grammaticalframework.org">GF</a>,
<a href="http://www.cs.chalmers.se/~hallgren/minibar/minibar.html">minibar</a>, see <a href="http://www.grammaticalframework.org/examples/phrasebook/doc-phrasebook.html">doc</a>.
powered by
<a href="http://www.grammaticalframework.org">GF</a>, </small>
see
<a href="../phrasebook.html">doc</a>.
</body> </body>
</html> </html>