Upload data loading indicator #211
There are no files selected for viewing
This file contains hidden or 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 |
|---|---|---|
|
|
@@ -96,3 +96,6 @@ ENV/ | |
|
|
||
| # Rope project settings | ||
| .ropeproject | ||
|
|
||
| #vscode settings | ||
| .vscode/ | ||
This file contains hidden or 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 hidden or 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 |
|---|---|---|
| @@ -1,108 +1,210 @@ | ||
| const importText = ` | ||
| This process will remove all data and files from your current | ||
| database and replace it with data from the provided zip file. | ||
| </br><br> | ||
| This process CANNOT be undone. </br><br> | ||
| It is recommended that you use the 'Export to .zip' button above to export | ||
| your current database status so that you may restore to your | ||
| present state, AND that you COORDINATE WITH IT professionals | ||
| prior to attempting this. </br><br> | ||
| You will need to log in again using administrator credentials | ||
| as defined by the new data: your current account will cease to | ||
| exist.</br><br> | ||
| Are you sure you understand and are prepared to take this risk? | ||
| `; | ||
|
|
||
| const importInfoText = `The Import Database Tool is designed to support restoring your Traditional Knowledge Database back to a prior state. This is best used in conjunction with the 'Export Database' tool above. </br><br> | ||
| To use the Import Database tool is simple: select a properly formatted zip file to upload and then click 'Import'. All of your data will be reverted back to the state it was when that zipfile was created. </br><br> | ||
| This is VERY DANGEROUS! For this to work, all of the data currently | ||
| in your database, including your users, your records, and your page | ||
| contents will be removed, and then replaced. Also, any files | ||
| associated with your media records (images, audio, video, PDFs, | ||
| etc...) will be overwritten by any files of the same name included | ||
| in the zipped up backup file that you import.</br><br> | ||
| If you wish to use this, it is recommended that you work with IT | ||
| professionals prior to undertaking this task. While IT cannot create | ||
| one of these import files for a prior state, they can help you | ||
| securely preserve any new zipped export files, and should be able | ||
| to create a system backup of your database to restore in the event | ||
| of complications while using this tool. </br><br> | ||
| Note that a zipped backup file is easily created for your current | ||
| state with the 'Export to .zip' button above, but cannot be | ||
| created by hand. If you have not created any of these files, you | ||
| should not use this tool.`; | ||
|
|
||
| const exportInfoText = `The Export Database Tool is designed to support saving the current | ||
| state of your Traditional Knowledge Database. This is best | ||
| used in conjunction with the 'Import Database' tool below. </br><br> | ||
| To use the Export Database tool is simple: just press 'Export to | ||
| .zip' button and all of your data and media files will be collected | ||
| into a single zipfile and downloaded to your current computer.</br></br> | ||
| This is VERY DANGEROUS! While keeping regular backups | ||
| of your database is crucial to preventing data loss from future | ||
| incidents, the exported file will contain ALL of your data in an | ||
| unencrypted format. These exported files | ||
| must be kept in a secure place and only shared via secure channels: | ||
| NOT BY EMAIL.</br></br> | ||
| Please work with IT professionals to design | ||
| a safe and secure practice for regular backups, which may or may | ||
| not involve this tool.`; | ||
|
|
||
| $(function () { | ||
| const unexpectedError = (statusCode, statusMessage = "") => { | ||
| return `<p class='text-danger'>Unexpected error occurred: ${statusCode}</p><p>${statusMessage}</p>`; | ||
| }; | ||
|
|
||
| const showNextStepsSection = () => { | ||
| $("#modalNextSteps").removeClass("hidden"); | ||
| }; | ||
|
|
||
| const showModalFooter = () => { | ||
| $(".modal-footer").show(); | ||
| }; | ||
|
|
||
| const hideModalFooter = () => { | ||
| $(".modal-footer").hide(); | ||
| }; | ||
|
|
||
| const resetModal = () => { | ||
| $("#continueImport").html("Close"); | ||
| $("#closeModalButton").prop("disabled", false); | ||
| $("#continueImport").click(function () { | ||
| $("#exportImportModal").modal("hide"); | ||
| }); | ||
| }; | ||
|
|
||
| const resetExportButton = (iframe, clearInterval) => { | ||
| $("#export-button").prop("disabled", false); | ||
| $("#export-button").html("Export to .zip"); | ||
| iframe.remove(); | ||
| clearInterval(); | ||
| }; | ||
|
|
||
| $("button#import-button").click(function (e) { | ||
| e.preventDefault(); | ||
| showModalFooter(); | ||
|
|
||
| $("#modalTitle").text("Import Database"); | ||
| $("#modalBody").html(importText); | ||
|
|
||
| $("#continueImport").click(function () { | ||
| // prevent closing the modal after verifying import | ||
| $("#exportImportModal").modal({ | ||
| backdrop: "static", | ||
| keyboard: false, | ||
| }); | ||
|
|
||
| // add spinner to the button | ||
| // change button text to "Importing..." | ||
| $("#continueImport").html( | ||
| `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Importing...` | ||
| ); | ||
| $("#continueImport").prop("disabled", true); | ||
| $("#closeModalButton").prop("disabled", true); | ||
|
|
||
| const form = $("#import-database-form"); | ||
| $.ajax({ | ||
| url: "/import_database/", | ||
| data: new FormData(form[0]), | ||
| type: "POST", | ||
| processData: false, | ||
| contentType: false, | ||
| success: function (data, status) { | ||
| if ( | ||
| data.hasOwnProperty("status_code") && | ||
| data.hasOwnProperty("status_message") | ||
| ) { | ||
| showNextStepsSection(); | ||
| $("#continueImport").prop("disabled", false); | ||
|
|
||
| if (data.status_code == 200) { | ||
| $("#modalNextSteps").html( | ||
| `<p class='text-success'>Import successful. You may now be logged out.</p>` | ||
| ); | ||
| $("#continueImport").html("Log out"); | ||
| $("#continueImport").click(function () { | ||
| location.reload(true); | ||
| }); | ||
| } else { | ||
| $("#modalNextSteps").html( | ||
| `<p class='text-danger'>Import failed with error code ${data.status_code}.</p><p class='text-danger'>${data.status_message}</p>` | ||
| ); | ||
| resetModal(); | ||
| } | ||
| } else { | ||
| $("#modalNextSteps").html(unexpectedError(status)); | ||
| resetModal(); | ||
| } | ||
| }, | ||
| error: function (xhr) { | ||
| $("#modalNextSteps").html( | ||
| unexpectedError(xhr.status, xhr.statusText) | ||
| ); | ||
| resetModal(); | ||
| }, | ||
| }); | ||
| }); | ||
| }); | ||
|
|
||
| $("button#import-info").click(function (e) { | ||
| hideModalFooter(); | ||
| $("#modalTitle").text("Import Database Tool"); | ||
| $("#modalBody").html(importInfoText); | ||
| }); | ||
|
|
||
| $("button#export-info").click(function (e) { | ||
| hideModalFooter(); | ||
| $("#modalTitle").text("Export Database Tool"); | ||
| $("#modalBody").html(exportInfoText); | ||
| }); | ||
|
|
||
| $("button#export-button").click(function (e) { | ||
| e.preventDefault(); | ||
|
|
||
| // remove error message if present | ||
| $("#exportStatus").addClass("hidden"); | ||
|
|
||
| // disable button and show spinner | ||
| $("#export-button").prop("disabled", true); | ||
| $("#export-button").html( | ||
| `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Exporting...` | ||
| ); | ||
|
|
||
| // set cookie to pending | ||
| document.cookie = "export_status=pending"; | ||
|
|
||
| // create hidden iframe to trigger download | ||
| const iframe = $("<iframe/>") | ||
| .hide() | ||
| .attr("src", "/export_database/") | ||
| .appendTo("body"); | ||
|
|
||
| // poll cookie for export_status | ||
| const checkStatus = setInterval(function () { | ||
| const cookies = document.cookie.split(";").map((c) => c.trim()); | ||
| const exportStatus = cookies.filter((c) => | ||
| c.startsWith("export_status=") | ||
| ); | ||
|
|
||
| if (exportStatus && exportStatus.includes("export_status=done")) { | ||
| resetExportButton(iframe, clearInterval(checkStatus)); | ||
| } else if (exportStatus && exportStatus.includes("export_status=error")) { | ||
| $("#exportStatus").removeClass("hidden"); | ||
| resetExportButton(iframe, clearInterval(checkStatus)); | ||
| } | ||
| }, 1000); | ||
| }); | ||
|
|
||
| // Clear modal content on close; reset to default state | ||
| $("#exportImportModal").on("hidden.bs.modal", function () { | ||
| $("#modalTitle").text(""); | ||
| $("#modalBody").html(""); | ||
| $("#modalNextSteps").html(""); | ||
| $("#modalNextSteps").addClass("hidden"); | ||
| $("#continueImport").html("Continue"); | ||
| $("#continueImport").off("click"); | ||
| }); | ||
| }); | ||
This file contains hidden or 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
Oops, something went wrong.
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.
So much cleaner!