fixes #750 Created thing basic validate and save form #751
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,193 @@ | ||
| class BasicThingValidateAndSaveController extends Backbone.View | ||
| notificationController: null | ||
| additionalData: {} | ||
|
|
||
| template: _.template($("#BasicThingValidateAndSaveView").html()) | ||
|
|
||
| events: | ||
| 'click .bv_next' : 'validateData' | ||
| 'click .bv_save' : 'validateAndSave' | ||
| 'click .bv_back' : 'back' | ||
| 'click .bv_loadAnother' : 'loadAnother' | ||
|
|
||
| initialize: -> | ||
| $(@el).html @template() | ||
| @notificationController = new LSNotificationController | ||
| el: @$('.bv_notifications') | ||
| showPreview: false | ||
| @showInputPhase() | ||
|
|
||
| render: => | ||
| @ | ||
|
|
||
| validateData: => | ||
| @notificationController.clearAllNotificiations() | ||
| @$('.bv_validateStatusDropDown').modal | ||
| backdrop: "static" | ||
| @$('.bv_validateStatusDropDown').modal "show" | ||
| dataToPost = @prepareDataToPost(true) | ||
| $.ajax | ||
| type: 'POST' | ||
| url: @registrationURL | ||
| data: JSON.stringify(dataToPost) | ||
| success: @handleValidationReturnSuccess | ||
| error: @handleValidationReturnError | ||
| dataType: 'json', | ||
| contentType: 'application/json' | ||
|
|
||
| validateAndSave: => | ||
| @notificationController.clearAllNotificiations() | ||
| @$('.bv_saveStatusDropDown').modal | ||
| backdrop: "static" | ||
| @$('.bv_saveStatusDropDown').modal("show") | ||
| dataToPost = @prepareDataToPost(false) | ||
| $.ajax | ||
| type: 'POST' | ||
| url: @registrationURL, | ||
| data: JSON.stringify(dataToPost) | ||
| success: @handleSaveReturnSuccess | ||
| error: @handleSaveReturnError | ||
| dataType: 'json', | ||
| contentType: 'application/json' | ||
|
|
||
| prepareDataToPost: (dryRun) -> | ||
| user = @userName | ||
| unless user? | ||
| user = window.AppLaunchParams.loginUserName | ||
| data = | ||
| user: user | ||
| dryRunMode: dryRun | ||
| $.extend(data,@additionalData) | ||
|
There was a problem hiding this comment. Ok, so |
||
|
|
||
| data | ||
|
|
||
| handleValidationReturnSuccess: (json) => | ||
| summaryStr = "Validation Results: " | ||
| if not json.hasError | ||
| @passedValidation = true | ||
| summaryStr += "Success " | ||
| if json.hasWarning then summaryStr += "but with warnings" | ||
| else | ||
| @passedValidation = false | ||
| summaryStr += "Failed due to errors " | ||
| @handleFormInvalid() | ||
| @showValidatingPhase() | ||
| @$('.bv_resultStatus').html(summaryStr) | ||
| @notificationController.addNotifications(@errorOwnerName, json.errorMessages) | ||
| if json.results?.htmlSummary? | ||
| @$('.bv_htmlSummary').html(json.results.htmlSummary) | ||
| if json.results?.preProcessorHTMLSummary? | ||
| @showPreProcessorHTMLSUmmary json.results.preProcessorHTMLSummary | ||
| @$('.bv_validateStatusDropDown').modal("hide") | ||
| if json.results?.csvDataPreview? | ||
| @showCSVPreview json.results.csvDataPreview | ||
|
|
||
|
|
||
| handleValidationReturnError: (xhr, textStatus, error) => | ||
| summaryStr = "Validation Results: " | ||
| @passedValidation = false | ||
| summaryStr += "Failed due to errors " | ||
| @handleFormInvalid() | ||
| @showValidatingPhase() | ||
| @$('.bv_resultStatus').html(summaryStr) | ||
| @notificationController.addNotifications(@errorOwnerName, [{"errorLevel":"error", "message":error}]) | ||
| @$('.bv_htmlSummary').html("#{error}<br>#{xhr.responseText}") | ||
| @$('.bv_validateStatusDropDown').modal("hide") | ||
|
|
||
| handleSaveReturnSuccess: (json) => | ||
| summaryStr = "Upload Results: " | ||
| if not json.hasError | ||
| summaryStr += "Success " | ||
| else | ||
| summaryStr += "Failed due to errors " | ||
| @notificationController.addNotifications(@errorOwnerName, json.errorMessages) | ||
| @$('.bv_htmlSummary').html(json.results.htmlSummary) | ||
| @newExperimentCode = json.results.experimentCode | ||
| @showValidationCompletePhase() | ||
| if json.results?.preProcessorHTMLSummary? | ||
| @showPreProcessorHTMLSUmmary json.results.preProcessorHTMLSummary | ||
| @$('.bv_resultStatus').html(summaryStr) | ||
| @$('.bv_saveStatusDropDown').modal("hide") | ||
| @trigger 'amClean' | ||
|
|
||
| handleSaveReturnError: (xhr, textStatus, error) => | ||
| summaryStr += "Failed due to errors " | ||
| @notificationController.addNotifications(@errorOwnerName, [{"errorLevel":"error", "message":error}]) | ||
| @$('.bv_htmlSummary').html("#{error}<br>#{xhr.responseText}") | ||
| @showValidationCompletePhase() | ||
| @$('.bv_resultStatus').html(summaryStr) | ||
| @$('.bv_saveStatusDropDown').modal("hide") | ||
| @trigger 'amClean' | ||
|
|
||
| back: => | ||
| @showInputPhase() | ||
|
|
||
| loadAnother: => | ||
| #TODO This is bad style, but the LSFileInputController has no API for deleting and resetting | ||
| @showInputPhase() | ||
| #TODO Why does this need a delay to work? | ||
|
There was a problem hiding this comment. Not sure if these TODOs are still relevant |
||
| fn = -> @$('.bv_deleteFile').click() | ||
| setTimeout fn , 200 | ||
|
|
||
| showInputPhase: -> | ||
| @$('.bv_resultStatus').hide() | ||
| @$('.bv_resultStatus').html("") | ||
| @$('.bv_htmlSummary').hide() | ||
| @$('.bv_htmlSummary').html('') | ||
| @$('.bv_nextControlContainer').show() | ||
| @$('.bv_saveControlContainer').hide() | ||
| @$('.bv_completeControlContainer').hide() | ||
| @$('.bv_notifications').hide() | ||
| @$('.bv_csvPreviewContainer').hide() | ||
| @$('.bv_preProcessorHTMLSummary').hide() | ||
| @$('.bv_preProcessorHTMLSummary').hide('') | ||
|
|
||
| showValidatingPhase: -> | ||
| @$('.bv_resultStatus').show() | ||
| @$('.bv_htmlSummary').show() | ||
| @$('.bv_nextControlContainer').hide() | ||
| @$('.bv_saveControlContainer').show() | ||
| @$('.bv_completeControlContainer').hide() | ||
| @$('.bv_notifications').show() | ||
|
|
||
| showValidationCompletePhase: -> | ||
| @$('.bv_resultStatus').show() | ||
| @$('.bv_htmlSummary').show() | ||
| @$('.bv_csvPreviewContainer').hide() | ||
| @$('.bv_preProcessorHTMLSummary').hide() | ||
| @$('.bv_nextControlContainer').hide() | ||
| @$('.bv_saveControlContainer').hide() | ||
| @$('.bv_completeControlContainer').show() | ||
| @$('.bv_notifications').show() | ||
|
|
||
| handleFormInvalid: => | ||
| @$(".bv_next").attr 'disabled', 'disabled' | ||
| @$(".bv_save").attr 'disabled', 'disabled' | ||
| @$('.bv_notifications').show() | ||
|
|
||
| handleFormValid: => | ||
| @$(".bv_next").removeAttr 'disabled' | ||
| @$(".bv_save").removeAttr 'disabled' | ||
|
|
||
| showPreProcessorHTMLSUmmary: (preProcessorSummaryHTML) -> | ||
| console.log "showing here" | ||
| @$('.bv_preProcessorHTMLSummary').html(preProcessorSummaryHTML) | ||
| @$('.bv_preProcessorHTMLSummary').show() | ||
|
|
||
| showCSVPreview: (csv) -> | ||
|
|
||
| @$('.csvPreviewTHead').empty() | ||
| @$('.csvPreviewTBody').empty() | ||
|
|
||
| csvRows = csv.split('\n') | ||
| if csvRows.length > 1 | ||
| headCells = csvRows[0].split(',') | ||
| if headCells.length > 1 | ||
| @$('.csvPreviewTHead').append "<tr></tr>" | ||
| for val in headCells | ||
| @$('.csvPreviewTHead tr').append "<th>"+val+"</th>" | ||
| for r in [1..csvRows.length-2] | ||
| @$('.csvPreviewTBody').append "<tr></tr>" | ||
| rowCells = csvRows[r].split(',') | ||
| for val in rowCells | ||
| @$('.csvPreviewTBody tr:last').append "<td>"+val+"</td>" | ||
| @$('.bv_csvPreviewContainer').show() | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| <script type="text/template" id="BasicThingValidateAndSaveView"> | ||
| <div class='bv_outerContainer container' > | ||
| <div class="bv_moduleTitle row-fluid span7" style="padding-bottom: 0px;margin-bottom: 0px;">Registration</div> | ||
| <div class="row-fluid span7 bv_additionalValuesForm"></div> | ||
| <div class="bv_resultStatus row-fluid span7"></div> | ||
|
|
||
| <div class="bv_flowControl row-fluid span7"> | ||
| <div class="bv_preProcessorHTMLSummary well"></div> | ||
| <div class="bv_htmlSummary well"></div> | ||
| <div class="bv_csvPreviewContainer"> | ||
| <h4>Data Preview:</h4> | ||
| <table class="table table-striped table-bordered table-condensed"> | ||
| <thead class="csvPreviewTHead"></thead> | ||
| <tbody class="csvPreviewTBody"></tbody> | ||
| </table> | ||
| </div> | ||
| <div class="bv_nextControlContainer pull-right"> | ||
| <div class='btn bv_next'>Next</div> | ||
| </div> | ||
| <div class="bv_saveControlContainer hide pull-right"> | ||
| <div class='btn bv_back'>Back</div> | ||
| <div class='btn bv_save'>Save</div> | ||
| </div> | ||
| <div class="bv_completeControlContainer hide pull-right"> | ||
| <div class='btn bv_loadAnother'>Load Another</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class='bv_notifications hide row span7'></div> | ||
|
|
||
| <div class='modal bv_validateStatusDropDown hide'> | ||
| <div class="modal-header"> | ||
| <h3>Validating Data</h3> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <div> | ||
| <br /> | ||
| <div class="progress progress-striped active"> | ||
| <div class="bar" style="width: 100%;"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class='modal bv_saveStatusDropDown hide'> | ||
| <div class="modal-header"> | ||
| <h3>Saving</h3> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <div> | ||
| <br /> | ||
| <div class="progress progress-striped active"> | ||
| <div class="bar" style="width: 100%;"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </script> | ||
|
|
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Noted - dryRun: true