mirror of
https://github.com/GrammaticalFramework/gf-core.git
synced 2026-04-09 04:59:31 -06:00
Some minibar/phrasebook button and style changes
* 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:
@@ -20,9 +20,10 @@ div#words {
|
||||
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;
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
background-color: white;
|
||||
border: 1px solid black;
|
||||
padding: 3px;
|
||||
|
||||
@@ -16,7 +16,8 @@ var options={
|
||||
show_grouped_translations: true,
|
||||
delete_button_text: "⌫",
|
||||
try_google: true,
|
||||
feedback_button: false
|
||||
feedback_url: null,
|
||||
help_url: null
|
||||
}
|
||||
|
||||
/* --- 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 extra=div_id("extra");
|
||||
//surface.setAttribute("onclick","add_typed_input(this)");
|
||||
appendChildren(element("minibar"),
|
||||
var minibar=element("minibar");
|
||||
minibar.innerHTML="";
|
||||
appendChildren(minibar,
|
||||
[div_id("menubar"),
|
||||
surface,
|
||||
div_id("words"),
|
||||
@@ -110,6 +113,8 @@ function show_grammarlist(grammars) {
|
||||
button(options.delete_button_text,"delete_last()"),
|
||||
button("Clear","clear_all()"),
|
||||
button("Random","generate_random()")]);
|
||||
if(options.help_url)
|
||||
menubar.appendChild(button("Help","open_help()"));
|
||||
select_grammar(grammars[0]);
|
||||
}
|
||||
|
||||
@@ -397,8 +402,8 @@ function toggle_img(i) {
|
||||
|
||||
function append_extra_buttons(extra) {
|
||||
if(options.try_google)
|
||||
extra.appendChild(button("Try this sentence in Google Translate","try_google()"));
|
||||
if(options.feedback_button)
|
||||
extra.appendChild(button("Try Google Translate","try_google()"));
|
||||
if(options.feedback_url)
|
||||
appendChildren(extra,[text(" "),button("Feedback","open_feedback()")]);
|
||||
}
|
||||
|
||||
@@ -417,12 +422,13 @@ function try_google() {
|
||||
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() {
|
||||
window.open("feedback.html",'feedback','toolbar=no,location=no,status=no,menubar=no');
|
||||
}
|
||||
function open_help() { open_popup(options.help_url,"help"); }
|
||||
function open_feedback() { open_popup(options.feedback_url,'feedback'); }
|
||||
|
||||
function setField(form,name,value) {
|
||||
form[name].value=value;
|
||||
|
||||
@@ -10,7 +10,9 @@ var phrasebook_options={
|
||||
// server: "http://tournesol.cs.chalmers.se:41296",
|
||||
server: "http://www.grammaticalframework.org:41296",
|
||||
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>
|
||||
<meta name = "viewport" content = "width = device-width">
|
||||
@@ -18,20 +20,17 @@ var phrasebook_options={
|
||||
|
||||
<body onload="start_minibar(phrasebook_options)">
|
||||
|
||||
<div id=minibar>
|
||||
</div>
|
||||
<div id=minibar></div>
|
||||
|
||||
<hr>
|
||||
|
||||
<small>
|
||||
|
||||
Based on
|
||||
<a href="http://www.cs.chalmers.se/~hallgren/minibar/minibar.html">minibar</a>,
|
||||
powered by
|
||||
<a href="http://www.grammaticalframework.org">GF</a>,
|
||||
see
|
||||
<a href="../phrasebook.html">doc</a>.
|
||||
Powered by <a href="http://www.grammaticalframework.org">GF</a>,
|
||||
see <a href="http://www.grammaticalframework.org/examples/phrasebook/doc-phrasebook.html">doc</a>.
|
||||
|
||||
</small>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user