Skip to content

E
edx-platform
Commit 3d0ef758 by Victor Shnayder Committed by Victor Shnayder
Options

Basic js implementation, with mocked backend

parent aa786d13
Showing with 117 additions and 12 deletions
lms/static/coffee/src/staff_grading/staff_grading.coffee
# wrap everything in a class in case we want to use inside xmodules later
get_random_int: (min, max) ->
return Math.floor(Math.random() * (max - min + 1)) + min
# states
state_grading = "have_data"
state_no_data = "no_data"
state_error = "error"
class StaffGrading
constructor: ->
constructor: (mock_backend) ->
@el = $('.staff-grading')
@ajax_url = @el.data('ajax_url')
@error_container = $('.error-container')
@submission_container = $('.submission-container')
@rubric_container = $('.rubric-container')
@submit_button = $('.submit-button')
@mock_backend = true
@button = $('.submit-button')
@button.click @clicked
@state = state_no_data
@mock_backend = mock_backend
if @mock_backend
@mock_cnt = 0
@get_next_submission()
mock: (cmd, data) ->
# Return a mock response to cmd and data
@mock_cnt++
if cmd == 'get_next'
response =
'success': true
'submission': 'submission! ' + @mock_cnt
'rubric': 'A rubric!' + @mock_cnt
else if cmd == 'save_grade'
response =
'success': true
'submission': 'another submission! ' + @mock_cnt
'rubric': 'A rubric!' + @mock_cnt
else
response =
'success': false
'error': 'Unknown command ' + cmd
return response
set_button_text: (text) ->
@button.prop('value', text)
_post: (cmd, data, callback) ->
if @mock_backend
callback(@mock(cmd, data))
else
# TODO: replace with postWithPrefix when that's loaded
$.post(@ajax_url + cmd, data, callback)
ajax_callback: (response) =>
if response.success
if response.submission
@data_loaded(response.submission, response.rubric)
else
@no_more()
else
@error(response.error)
get_next_submission: () ->
@_post('get_next', {}, @ajax_callback)
submit_and_get_next: () ->
data = {eval: '123'}
@_post('save_grade', data, @ajax_callback)
error: (msg) ->
@error_container.html(msg)
@state = state_error
@update()
data_loaded: (submission, rubric) ->
@submission_container.html(submission)
@rubric_container.html(rubric)
@state = state_grading
@update()
no_more: () ->
@submission_container.html(submission)
@rubric_container.html(rubric)
@state = state_no_data
@update()
update: () ->
# make button state and actions right
if @state == state_error
@set_button_text('Try loading again')
else if @state == state_grading
@set_button_text('Submit')
else if @state == state_no_data
@set_button_text('Re-check for submissions')
else
@error('System got into invalid state ' + @state)
clicked: (event) =>
event.preventDefault()
if @state == state_error
@error_container.html('')
@get_next_submission()
else if @state == state_grading
@submit_and_get_next()
else if @state == state_no_data
@get_next_submission()
else
@error('System got into invalid state ' + @state)
@load()
load: ->
alert('loading')
# for now, just create an instance and load it...
$(document).ready(() -> new StaffGrading)
mock_backend = true
$(document).ready(() -> new StaffGrading(mock_backend))
lms/static/coffee/src/staff_grading/test_grading.html
......@@ -6,19 +6,19 @@
</head>
<body>
<div class="staff-grading" data-ajax_url="/some_url/">
<h1>Staff grading</h1>
<div class="submission-container">
<div class="error-container"></div>
</div>
<div class="submission-container"></div>
<div class="rubric-container">
</div>
<div class="rubric-container"></div>
<div class="submission">
<input type="button" value="Submit" class="submit-button" name="show"/>
</div>
</div>
</body> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment