imported Maxim changes to persist changes

preferencesAboutTextFull
Claudio Valerio 13 years ago
parent 6e181605d7
commit 757e74d127
  1. 39
      resources/library/sankoreInteractivities/ord-phrases.wgt/template/scripts/template2.js
  2. 37
      resources/library/sankoreInteractivities/ord-words.wgt/template/scripts/template2.js
  3. 20
      resources/library/sankoreInteractivities/spl-phrase.wgt/scripts/app.js
  4. 22
      resources/library/sankoreInteractivities/spl-text.wgt/scripts/app2.js
  5. 18
      resources/library/sankoreInteractivities/spl-word.wgt/scripts/spl-word.js

@ -28,7 +28,16 @@ function checkResponse()
var sentence = "this is\nan example\nsentence"; var sentence = "";
var curSentence = "";
if(window.sankore){
sentence = (sankore.preference("rightOrdPhrases", ""))?sankore.preference("rightOrdPhrases", ""):"this is\nan example\nsentence";
curSentence = (sankore.preference("currentOrdPhrases", ""))?sankore.preference("currentOrdPhrases", ""):"";
} else {
sentence = "this is\nan example\nsentence";
}
var doCheck = true; var doCheck = true;
// array of dom elements // array of dom elements
@ -143,8 +152,13 @@ function modeView()
// clean the previous word // clean the previous word
$( "#mp_word" ).empty(); $( "#mp_word" ).empty();
var phrases;
// create new set of elements // create new set of elements
var phrases = shuffle( createElements( sentence ) ); if(window.sankore && curSentence && !editMode)
phrases = createElements( curSentence );
else
phrases = shuffle( createElements( sentence ) );
for( i in phrases ){ for( i in phrases ){
$("#mp_word").append( phrases[i] ); $("#mp_word").append( phrases[i] );
} }
@ -153,7 +167,9 @@ function modeView()
// the answer, so no update parameter would be needed // the answer, so no update parameter would be needed
$( "#mp_word" ).sortable(); $( "#mp_word" ).sortable();
if( !isSankore ){ if( !isSankore ){
$( "#mp_word" ).sortable( { update: checkSentence } ); $( "#mp_word" ).sortable( {
update: checkSentence
} );
} else } else
$( "#mp_word" ).sortable(); $( "#mp_word" ).sortable();
@ -172,7 +188,9 @@ adjust width or height
*/ */
function adjust( height ) function adjust( height )
{ {
$( "#mp_word" ).animate( {height: height } ); $( "#mp_word" ).animate( {
height: height
} );
// if viewed as a widget, resize the window // if viewed as a widget, resize the window
if( !isBrowser ){ if( !isBrowser ){
window.resizeTo( widget.width, height + widget_padding ); window.resizeTo( widget.width, height + widget_padding );
@ -200,6 +218,19 @@ function modeEdit()
adjust( $( "#mp_word textarea" ).outerHeight() ); adjust( $( "#mp_word textarea" ).outerHeight() );
} }
$(window).mouseout(function(){
if(window.sankore){
var ph = [];
$( "#mp_word .phrase" ).each( function()
{
ph.push( $( this ).text() );
});
sankore.setPreference("currentOrdPhrases", ph.join( "\n" ));
sankore.setPreference("rightOrdPhrases", sentence);
}
});
$(document).ready(function() $(document).ready(function()
{ {

@ -28,7 +28,16 @@ function checkResponse()
var word = "a*long*,*long*time*ago*..."; var word = "";
var curWord = "";
if(window.sankore){
word = (sankore.preference("rightOrdWords", ""))?sankore.preference("rightOrdWords", ""):"a*long*,*long*time*ago*...";
curWord = (sankore.preference("currentOrdWords", ""))?sankore.preference("currentOrdWords", ""):"";
} else {
word = "a*long*,*long*time*ago*...";
}
var img = "template/images/horse.png"; var img = "template/images/horse.png";
var doCheckWord = true; var doCheckWord = true;
@ -156,7 +165,12 @@ function modeView()
$( "#mp_word" ).empty(); $( "#mp_word" ).empty();
// create new set of letters // create new set of letters
var letters = shuffle( createWordLetters( word ) ); var letters;
if(window.sankore && curWord && !editMode)
letters = createWordLetters( curWord );
else
letters = shuffle( createWordLetters( word ) );
for( i in letters ){ for( i in letters ){
$("#mp_word").append( letters[i] ); $("#mp_word").append( letters[i] );
} }
@ -164,7 +178,9 @@ function modeView()
// in sankore api there would be a function to check // in sankore api there would be a function to check
// the answer, so no update parameter would be needed // the answer, so no update parameter would be needed
if( !isSankore ){ if( !isSankore ){
$( "#mp_word" ).sortable( { update: checkWord } ); $( "#mp_word" ).sortable( {
update: checkWord
} );
} else $( "#mp_word" ).sortable(); } else $( "#mp_word" ).sortable();
// adjustWidth // adjustWidth
@ -200,7 +216,9 @@ adjustWidth
*/ */
function adjustWidth( width ) function adjustWidth( width )
{ {
$( "#ub-widget" ).animate( {width: width } ); $( "#ub-widget" ).animate( {
width: width
} );
// if viewed as a widget, resize the window // if viewed as a widget, resize the window
if( !isBrowser ){ if( !isBrowser ){
window.resizeTo( width + widget_padding, widget.height ); window.resizeTo( width + widget_padding, widget.height );
@ -227,6 +245,17 @@ function modeEdit()
adjustWidth( input_width ); adjustWidth( input_width );
} }
$(window).mouseout(function(){
if(window.sankore){
var str = "";
$( "#mp_word .letter" ).each( function(){
str += $(this).text();
});
sankore.setPreference("currentOrdWords", str);
sankore.setPreference("rightOrdWords", word);
}
});
$(document).ready(function() $(document).ready(function()
{ {

@ -21,10 +21,17 @@ function createElements( phrase )
$(document).ready(function() $(document).ready(function()
{ {
var w = new wcontainer( "#ub-widget" ); var w = new wcontainer( "#ub-widget" );
var sentence = "";
if(window.sankore)
sentence = (sankore.preference("ordSplPhrases", ""))?sankore.preference("ordSplPhrases", ""):"this is a bunch of words which should be split apart";
else
sentence = "this is a bunch of words which should be split apart";
w.maxWidth = 600; w.maxWidth = 600;
w.setEditContent( '<div class="inputwrap"><textarea class="percent">this is a bunch of words which should be split apart</textarea></div>' ); w.setEditContent( '<div class="inputwrap"><textarea class="percent">' + sentence + '</textarea></div>' );
w.setViewContent( '<div class="upper"><div class="dash fixed">. </div></div>' ); w.setViewContent( '<div class="upper"><div class="dash fixed">. </div></div>' );
w.setData( "dashWidth", w.elements.container.find( ".dash" ).outerWidth() ); w.setData( "dashWidth", w.elements.container.find( ".dash" ).outerWidth() );
w.setViewContent( '<div class="upper"><div class="dash fixed">M</div></div>' ); w.setViewContent( '<div class="upper"><div class="dash fixed">M</div></div>' );
@ -116,7 +123,10 @@ $(document).ready(function()
h = parseInt( square / w ); h = parseInt( square / w );
} }
return { w: w, h: h+dh }; return {
w: w,
h: h+dh
};
}; };
// editSize // editSize
@ -161,4 +171,10 @@ $(document).ready(function()
w.modeView(); w.modeView();
$(window).mouseout(function(){
if(window.sankore){
sankore.setPreference("ordSplPhrases", w.getData("phrase"));
}
});
}); });

@ -24,9 +24,16 @@ $(document).ready(function()
{ {
var w = new wcontainer( "#ub-widget" ); var w = new wcontainer( "#ub-widget" );
var sentences = "";
if(window.sankore)
sentences = (sankore.preference("ordSplText", ""))?sankore.preference("ordSplText", ""):"hello, this is the first sentence. hi, this is the second sentence. hello again, this is the third sentence. good morning, this is the fifth sentence. hi, sorry, i\'m late, i\'m the fourth sentence.";
else
sentences = "hello, this is the first sentence. hi, this is the second sentence. hello again, this is the third sentence. good morning, this is the fifth sentence. hi, sorry, i\'m late, i\'m the fourth sentence.";
w.maxWidth = 600; w.maxWidth = 600;
w.setEditContent( '<div class="inputwrap"><textarea class="percent">hello, this is the first sentence. hi, this is the second sentence. hello again, this is the third sentence. good morning, this is the fifth sentence. hi, sorry, i\'m late, i\'m the fourth sentence.</textarea></div>' ); w.setEditContent( '<div class="inputwrap"><textarea class="percent">' + sentences + '</textarea></div>' );
w.setViewContent( '<div class="upper"><div class="dash fixed">. </div></div>' ); w.setViewContent( '<div class="upper"><div class="dash fixed">. </div></div>' );
w.setData( "dashWidth", w.elements.container.find( ".dash" ).outerWidth() ); w.setData( "dashWidth", w.elements.container.find( ".dash" ).outerWidth() );
w.setViewContent( '<div class="upper"><div class="dash fixed">M</div></div>' ); w.setViewContent( '<div class="upper"><div class="dash fixed">M</div></div>' );
@ -117,7 +124,10 @@ $(document).ready(function()
h = parseInt( square / w ); h = parseInt( square / w );
} }
return { w: w, h: h+dh }; return {
w: w,
h: h+dh
};
}; };
// editSize // editSize
@ -151,8 +161,6 @@ $(document).ready(function()
} }
}); });
console.log( text );
if( text == this.getData( "text" ) ){ if( text == this.getData( "text" ) ){
this.elements.containerView.addClass( "answerRight" ); this.elements.containerView.addClass( "answerRight" );
} }
@ -167,4 +175,10 @@ $(document).ready(function()
w.modeView(); w.modeView();
$(window).mouseout(function(){
if(window.sankore){
sankore.setPreference("ordSplText", w.getData( "text" ));
}
});
}); });

@ -18,8 +18,13 @@ function createWord( word )
$(document).ready(function() $(document).ready(function()
{ {
var w = new wcontainer( "#ub-widget" ); var w = new wcontainer( "#ub-widget" );
var words = "";
w.setEditContent( '<div class="inputwrap"><input class="percent" value="so*phis*ti*ca*ted"></div>' ); if(window.sankore)
words = (sankore.preference("ordSplWords", ""))?sankore.preference("ordSplWords", ""):"so*phis*ti*ca*ted";
else
words = "so*phis*ti*ca*ted";
w.setEditContent( '<div class="inputwrap"><input class="percent" value="' + words + '"></div>' );
w.setViewContent( '<span class="upper"><span class="dash fixed">&mdash;</span></span>' ); w.setViewContent( '<span class="upper"><span class="dash fixed">&mdash;</span></span>' );
w.setData( "dashWidth", w.elements.container.find( "span.dash" ).outerWidth() ); w.setData( "dashWidth", w.elements.container.find( "span.dash" ).outerWidth() );
w.setViewContent( "" ); w.setViewContent( "" );
@ -53,7 +58,10 @@ $(document).ready(function()
}); });
var dw = winstance.getData( "dashWidth" ); var dw = winstance.getData( "dashWidth" );
return { w: w+dw, h: h }; return {
w: w+dw,
h: h
};
}; };
// editSize // editSize
@ -96,4 +104,10 @@ $(document).ready(function()
w.modeView(); w.modeView();
$(window).mouseout(function(){
if(window.sankore){
sankore.setPreference("ordSplWords", w.getData("word"));
}
});
}); });
Loading…
Cancel
Save