123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- <!DOCTYPE html>
- <html>
- <head>
- <!-- Notes: This should be open in its original path-->
- <meta charset="utf-8">
- <meta name="zoraxy.csrf.Token" content="{{.csrfToken}}">
- <link rel="stylesheet" href="../script/semantic/semantic.min.css">
- <script src="../script/jquery-3.6.0.min.js"></script>
- <script src="../script/semantic/semantic.min.js"></script>
- <script src="../script/utils.js"></script>
- </head>
- <body>
- <link rel="stylesheet" href="../darktheme.css">
- <script src="../script/darktheme.js"></script>
- <br>
- <div class="ui container">
- <div class="ui header">
- <div class="content">
- Config Export and Import Tool
- <div class="sub header">Painless migration with one click</div>
- </div>
- </div>
- <h3>Backup Current Configs</h3>
- <p>This will download all your configuration on zoraxy in a zip file. This includes all the proxy configs and certificates. Please keep it somewhere safe and after migration, delete this if possible.</p>
- <div class="ui form">
- <div class="grouped fields">
- <label>Backup Mode</label>
- <div class="field">
- <div class="ui radio checkbox">
- <input type="radio" value="rules" name="backupmode" checked="checked">
- <label>Proxy Settings, Redirect Rules and Certificates Only</label>
- </div>
- </div>
- <div class="field">
- <div class="ui radio checkbox">
- <input type="radio" value="full" name="backupmode">
- <label>Full System Snapshot</label>
- </div>
- </div>
- </div>
- </div>
- <br>
- <button class="ui basic button" onclick="downloadConfig();"><i class="ui blue download icon"></i> Download</button>
- <div class="ui divider"></div>
- <h3>Restore from Config</h3>
- <p>You can restore your previous settings and database from a zip file config backup.
- <br><b style="color: rgba(255, 0, 0, 0.644);">RESTORE FULL SYSTEM SNAPSHOT WILL CAUSE THE SYSTEM TO SHUTDOWN AFTER COMPLETED. Make sure your Zoraxy is configured to work with systemd to automatic restart Zoraxy after system restore completed.<br>
-
- </b></p>
- <form class="ui form" id="uploadForm" action="/api/conf/import" method="POST" enctype="multipart/form-data">
- <input type="file" name="file" id="fileInput" accept=".zip">
- <button style="margin-top: 0.6em;" class="ui basic button" type="submit"><i class="ui green upload icon"></i> Restore & Exit</button>
- </form>
- <small>The current config will be backup to ./conf_old{timestamp}. If you screw something up, you can always restore it by ssh to your host and restore the configs from the old folder.</small>
- <br><br>
- <button class="ui basic button" style="float: right;" onclick="parent.hideSideWrapper();"><i class="remove icon"></i> Cancel</button>
- </div>
- <script>
- $(".checkbox").checkbox();
- function getCheckedRadioValue() {
- var checkedValue = $("input[name='backupmode']:checked").val();
- return checkedValue;
- }
- function downloadConfig(){
- let backupMode = getCheckedRadioValue();
- if (backupMode == "full"){
- window.open("/api/conf/export?includeDB=true");
- }else{
- window.open("/api/conf/export");
- }
- }
- $("#uploadForm").submit(function(event) {
- event.preventDefault(); // Prevent the form from submitting normally
- var fileInput = $("#fileInput")[0];
- var file = fileInput.files[0];
- if (!file) {
- alert("Missing file.");
- return;
- }
- var formData = new FormData();
- formData.append("file", file);
- $.cjax({
- url: "/api/conf/import",
- type: "POST",
- data: formData,
- processData: false, // Not to process the data
- contentType: false, // Not to set contentType
- success: function(response) {
- parent.msgbox("Config restore succeed. Restart Zoraxy to apply changes.");
- },
- error: function(xhr) {
- parent.msgbox("Restore failed: " + xhr.responseText, false, 5000);
- }
- });
- });
- </script>
- </body>
- </html>
|