Teachers would like a web browser based interface

[chrqls]

Relative issue: SMILEConsortium#20

[chrqls]

[truedat101]

@chrqls We should prioritize this one next. We've got a lot of requests for teacher web app.

[chrqls]

Do we need to use a specific technology for this web application? or it doesn't matter?

[truedat101]

I'd like this to follow same tech in terms of technology: foundation + ko.js and jquery.As for design, up to you.   Sent from my BlackBerry 10 smartphone. From: Charles QuelosSent: Thursday, April 17, 2014 5:27 AMTo: RazortoothRTC/node-smile-serverReply To: RazortoothRTC/node-smile-serverCc: truedat101Subject: Re: [node-smile-server] Teachers would like a web browser based interface (#39)Do we need to use a specific technology for this web application? or it doesn't matter?

—Reply to this email directly or view it on GitHub.

[chrqls]

@truedat101 , I need your opinion about the JQuery issue I have here.

I don't know why but when I click on a button "more", it does not display the id of the iqset.
However, the generated HTML code contains my value twice! (once in the input hidden, the other one directly into the 'a' tag.

The view

The JS code

And the method previewIQSet looks pretty simple:

function previewIQSet() {

    smileAlert('#globalstatus', '1st attempt='+$(this).attr('name'), 'blue', 10000); // should display the string 'id'
    smileAlert('#globalstatus', '2nd attempt='+$(this).attr('value'), 'blue', 10000); // should display a very long id
    smileAlert('#globalstatus', '3rd attempt='+$(this).parent().find('input[type=hidden]').attr('name'), 'blue', 10000); // should display a very long id
}

Have you any idea why the values do not appear ?
I lost several hours on that, and I can't progress until I find a way to get the id of the selected IQSet.

[truedat101]

I'll have a look at this.

On Sat, Apr 26, 2014 at 8:05 AM, Charles Quelos [email protected]:

@truedat101 https://github.com/truedat101 , I need your opinion about
the JQuery issue I have here.

[image: screen shot 2014-04-26 at 00 51 05]https://cloud.githubusercontent.com/assets/3521208/2806556/366ed6ce-cccc-11e3-9bb7-7049b4d5e1c4.png

I don't know why but when I click on a button "more", it does not display
the id of the iqset.
However, the generated HTML code contains my value twice! (once in the
input hidden, the other one directly into the tag.
The view

[image: screen shot 2014-04-26 at 00 53 31]https://cloud.githubusercontent.com/assets/3521208/2806570/b2481ef4-cccc-11e3-86ff-438331e9ce03.png
The JS code

And the method previewIQSet looks pretty simple:

function previewIQSet() {

smileAlert('#globalstatus', '1st attempt='+$(this).attr('name'), 'blue', 10000); // should display the string 'id'
smileAlert('#globalstatus', '2nd attempt='+$(this).attr('value'), 'blue', 10000); // should display a very long id
smileAlert('#globalstatus', '3rd attempt='+$(this).parent().find('input[type=hidden]').attr('name'), 'blue', 10000); // should display a very long id}

Have you any idea why the values do not appear ?
I lost several hours on that, and I can't progress until I find a way to
get the id of the selected IQSet.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/39#issuecomment-41447716
.

[truedat101]

So take a look at onclick and the event object in any of the html DOM docs online. This one is particularly annoying, because, if you work from the HTML/js side of things, and try to mix in jquery, you need to remember that the $(this) object is implicit in the jquery context. In your function, previewIQSet, it takes no argument. $(this) is bound to what? The onclick receives an event

https://developer.mozilla.org/en-US/docs/Web/API/Event?redirectlocale=en-US&redirectslug=DOM%2Fevent

So make sure in your onclick that you pass the event object into previewIQSet(event), and in your previewIQSet function def, you have some argument, say, "e", which is the target event of the click. Alternatively, you can bind a click to '#globalstatus', but you'll want to look at the jquery docs or the existing code for how we do this already.

So in the code you've got now, you'd have $(e.target.id) and then whatever jquery methods chained on there. Give that a try.

[chrqls]

Your were right... JQuery recreate the DOM on its side. If you don't use JQuery, it does not update its DOM. Thanks!

[truedat101]

I'll verify tonight

[chrqls]

Don't be surprised if you notice that the review of right&wrong answers (on student app) is broken. It is already fixed on my laptop (and it is even better). I will push this version maybe in 24h :)

[truedat101]

Teacher app looks very cool. We might want to make a list of the things left to do to make this feature/equivalent with the Teacher Android app.

[ ] - retake
[ ] - restart
[ ] - quit === logout ?
[ ] - Student list can scroll off the screen if larger than available space
[ ] - Question list can scroll off the screen if larger than available space
[ ] - Questions show images
[ ] - Realtime stats on screen
[ ] - Mobile Friendly buttons to open Question detail
[ ] - Student Details available on click of student
[ ] - Displays final results
[ ] - Button to send results by email
[ ] - Button to file bug

[chrqls]

[X] - retake
[?] - restart
> not already the case ? ( logout+login? directly click on retake?)
[X] - quit === logout ?
[?] - Student list can scroll off the screen if larger than available space
> not already the case ?
[?] - Question list can scroll off the screen if larger than available space
> not already the case ?
[?] - Questions show images
> we need a call
[X] - Realtime stats on screen
[?] - Mobile Friendly buttons to open Question detail
> not already the case ?
[ ] - Student Details available on click of student
[X] - Displays final results
[ ] - Button to send results by email
[ ] - Button to file bug