main.php
162 lines
| 1 | <?php if ( ! defined( 'ABSPATH' ) ) exit; ?> |
| 2 | <input type="hidden" id="uploadChunkNonce" value="<?php echo esc_html(wp_create_nonce("upload_chunk")); ?>"> |
| 3 | <input type="hidden" id="statusCheckNonce" value="<?php echo esc_html(wp_create_nonce("migration_status_check")); ?>"> |
| 4 | <input type="hidden" id="migrationTokenReady" value="<?php echo esc_html($data['migrationToken']); ?>"> |
| 5 | |
| 6 | <div id="progressMainContainer" class="transferito__three-columns"> |
| 7 | <div class="transferito__column transferito__navigation-column"> |
| 8 | <?php |
| 9 | $cpanelOptions = [ |
| 10 | 'destinationURL' => 'completed', |
| 11 | 'connectToServer' => 'completed', |
| 12 | 'databaseAuthentication'=> 'completed', |
| 13 | 'startMigration' => 'active', |
| 14 | ]; |
| 15 | $ftpOptions = [ |
| 16 | 'destinationURL' => 'completed', |
| 17 | 'connectToServer' => 'completed', |
| 18 | 'databaseAuthentication'=> 'completed', |
| 19 | 'startMigration' => 'active' |
| 20 | ]; |
| 21 | |
| 22 | $data['sidebarNavigation'] = $data['method'] === 'ftp' ? $ftpOptions : $cpanelOptions; |
| 23 | include getTransferitoViewPath('parts/migration/navigation'); |
| 24 | ?> |
| 25 | </div> |
| 26 | <div id="transferitoProgressScreen" class="transferito__column transferito__main-column"> |
| 27 | <div id="migrationProgressTitle" class="transferito-text__h1">Migration in progress</div> |
| 28 | <div class="transferito__content-container transferito__content-container--no-padding"> |
| 29 | |
| 30 | <div class="transferito-migration-progress"> |
| 31 | |
| 32 | <div class="transferito-migration-progress__overview"> |
| 33 | <div class="transferito-migration-progress__bar"> |
| 34 | <div id="overviewProgressPercentageBar" class="transferito-migration-progress__bar--value"></div> |
| 35 | </div> |
| 36 | <div class="transferito-migration-progress__amount"> |
| 37 | <div class="transferito-text__h2--bold"><span id="progressOverviewPercentage">0</span>%</div> |
| 38 | </div> |
| 39 | </div> |
| 40 | |
| 41 | <div id="progress__prepareBackup" class="transferito-migration-progress__step transferito-migration-progress__disabled-text"> |
| 42 | <div class="transferito-migration-progress__step-icon transferito__hide-element"> |
| 43 | <div class="transferito-navigation__item-icon"> |
| 44 | <div class="transferito-icon transferito-icon--completed"></div> |
| 45 | </div> |
| 46 | </div> |
| 47 | <div class="transferito-migration-progress__step-percent"> |
| 48 | <div class="transferito-text__p"><span>0</span>%</div> |
| 49 | </div> |
| 50 | <div class="transferito-migration-progress__step-title transferito-text__p"> |
| 51 | Preparing your backup |
| 52 | <div class="transferito-migration-progress__error-container transferito__hide-element"></div> |
| 53 | </div> |
| 54 | </div> |
| 55 | |
| 56 | <div id="progress__backupInstallation" class="transferito-migration-progress__step transferito-migration-progress__disabled-text"> |
| 57 | <div class="transferito-migration-progress__step-icon transferito__hide-element"> |
| 58 | <div class="transferito-navigation__item-icon"> |
| 59 | <div class="transferito-icon transferito-icon--completed"></div> |
| 60 | </div> |
| 61 | </div> |
| 62 | <div class="transferito-migration-progress__step-percent"> |
| 63 | <div class="transferito-text__p"><span id="backupInstallationProgressPercentage">0</span>%</div> |
| 64 | </div> |
| 65 | <div class="transferito-migration-progress__step-title transferito-text__p"> |
| 66 | Backing up your WordPress installation |
| 67 | <div class="transferito-migration-progress__error-container transferito__hide-element"></div> |
| 68 | </div> |
| 69 | </div> |
| 70 | |
| 71 | <?php if ($data['uploadBackup']) : ?> |
| 72 | <div id="progress__uploadBackup" class="transferito-migration-progress__step transferito-migration-progress__disabled-text"> |
| 73 | <div class="transferito-migration-progress__step-icon transferito__hide-element"> |
| 74 | <div class="transferito-navigation__item-icon"> |
| 75 | <div class="transferito-icon transferito-icon--completed"></div> |
| 76 | </div> |
| 77 | </div> |
| 78 | <div class="transferito-migration-progress__step-percent"> |
| 79 | <div class="transferito-text__p"><span id="progressPercentage">0</span>%</div> |
| 80 | </div> |
| 81 | <div class="transferito-migration-progress__step-title transferito-text__p"> |
| 82 | Uploading your WordPress backup |
| 83 | <div class="transferito-migration-progress__error-container transferito__hide-element"></div> |
| 84 | </div> |
| 85 | </div> |
| 86 | <?php endif; ?> |
| 87 | |
| 88 | <div id="progress__downloadingBackup" class="transferito-migration-progress__step transferito-migration-progress__disabled-text"> |
| 89 | <div class="transferito-migration-progress__step-icon transferito__hide-element"> |
| 90 | <div class="transferito-navigation__item-icon"> |
| 91 | <div class="transferito-icon transferito-icon--completed"></div> |
| 92 | </div> |
| 93 | </div> |
| 94 | <div class="transferito-migration-progress__step-percent"> |
| 95 | <div class="transferito-text__p"><span id="downloadBackupProgressPercentage">0</span>%</div> |
| 96 | </div> |
| 97 | |
| 98 | <div class="transferito-migration-progress__step-title transferito-text__p"> |
| 99 | Downloading your backup |
| 100 | <div class="transferito-migration-progress__error-container transferito__hide-element"></div> |
| 101 | </div> |
| 102 | </div> |
| 103 | |
| 104 | <div id="progress__extractingBackup" class="transferito-migration-progress__step transferito-migration-progress__disabled-text"> |
| 105 | <div class="transferito-migration-progress__step-icon transferito__hide-element"> |
| 106 | <div class="transferito-navigation__item-icon"> |
| 107 | <div class="transferito-icon transferito-icon--completed"></div> |
| 108 | </div> |
| 109 | </div> |
| 110 | <div class="transferito-migration-progress__step-percent"> |
| 111 | <div class="transferito-text__p"><span id="extractingBackupProgressPercentage">0</span>%</div> |
| 112 | </div> |
| 113 | |
| 114 | <div class="transferito-migration-progress__step-title transferito-text__p"> |
| 115 | Extracting your WordPress backup |
| 116 | <div class="transferito-migration-progress__error-container transferito__hide-element"></div> |
| 117 | </div> |
| 118 | </div> |
| 119 | |
| 120 | <?php if ($data['installDatabase']) : ?> |
| 121 | <div id="progress__installingWordPress" class="transferito-migration-progress__step transferito-migration-progress__disabled-text"> |
| 122 | <div class="transferito-migration-progress__step-icon transferito__hide-element"> |
| 123 | <div class="transferito-navigation__item-icon"> |
| 124 | <div class="transferito-icon transferito-icon--completed"></div> |
| 125 | </div> |
| 126 | </div> |
| 127 | <div class="transferito-migration-progress__step-percent"> |
| 128 | <div class="transferito-text__p"><span id="installDatabaseProgressPercentage">0</span>%</div> |
| 129 | </div> |
| 130 | |
| 131 | <div class="transferito-migration-progress__step-title transferito-text__p"> |
| 132 | Installing your database |
| 133 | <div class="transferito-migration-progress__error-container transferito__hide-element"></div> |
| 134 | </div> |
| 135 | </div> |
| 136 | <?php endif; ?> |
| 137 | |
| 138 | <div id="progress__finalizingWPInstall" class="transferito-migration-progress__step transferito-migration-progress__disabled-text"> |
| 139 | <div class="transferito-migration-progress__step-icon transferito__hide-element"> |
| 140 | <div class="transferito-navigation__item-icon"> |
| 141 | <div class="transferito-icon transferito-icon--completed"></div> |
| 142 | </div> |
| 143 | </div> |
| 144 | <div class="transferito-migration-progress__step-percent"> |
| 145 | <div class="transferito-migration-progress__final-step transferito-migration-progress__final-step--static"></div> |
| 146 | </div> |
| 147 | |
| 148 | <div class="transferito-migration-progress__step-title transferito-text__p"> |
| 149 | Finalizing your WordPress setup |
| 150 | <div class="transferito-migration-progress__error-container transferito__hide-element"></div> |
| 151 | </div> |
| 152 | </div> |
| 153 | |
| 154 | </div> |
| 155 | |
| 156 | </div> |
| 157 | </div> |
| 158 | <div class="transferito__column transferito__pro-tip-column transferito__pro-tip-column--empty"></div> |
| 159 | </div> |
| 160 | |
| 161 | |
| 162 |