backupbliss.php
148 lines
| 1 | <!-- BackupBliss Storage --> |
| 2 | <div class="tab2-item d-flex jst-sb ia-center backupbliss-storage"> |
| 3 | <div class="d-flex ia-center"> |
| 4 | <img src="<?php echo $this->get_asset('images', 'logo-white.svg') ?>" alt="logo" class="tab2-img"> |
| 5 | <span class="ml25"> |
| 6 | <span class="title_whereStored"><?php _e("BackupBliss", 'backup-backup'); ?></span> |
| 7 | </span> |
| 8 | </div> |
| 9 | <div class="ia-center"> |
| 10 | </div> |
| 11 | </div> |
| 12 | |
| 13 | <div class="bg_grey" id="storage-backupbliss-row"> |
| 14 | <div class="container-40 lh30 pt30 pb30"> |
| 15 | <p class="f18 bb-storage-info"> |
| 16 | <?php _e("Keep a copy of your backups in an external storage facility so that <b>you’re safe no matter what happens to your site or domain.</b>", 'backup-backup'); ?> |
| 17 | </p> |
| 18 | <!-- How it work section --> |
| 19 | <!-- When connected add style="display: none;" --> |
| 20 | <div class="how-it-works" <?php echo(get_option("bmi_pro_backupbliss_key", false) !== false ? "style='display: none'" : "") ?>> |
| 21 | <span class="bold f22"><?php _e("How it works (it's easy!):", 'backup-backup'); ?></span> |
| 22 | <ol class="setup-steps"> |
| 23 | <li class="step sign-up"> |
| 24 | <div class="counter"> |
| 25 | <img src="<?php echo $this->get_asset('images', 'right-bolt.svg') ?>" class="counter-arrow"> |
| 26 | </div> |
| 27 | <div class="step-content space-between flexcenter title"> |
| 28 | <span |
| 29 | class="f20 medium block"><?php _e("Sign Up on BackupBliss to <b>claim your 500 MB of free storage</b>", 'backup-backup'); ?></span> |
| 30 | <a href="<?php echo BMI_BB_STORAGE_URI; ?>" target="_blank" class="btn bold"><?php _e("Sign up now", 'backup-backup'); ?></a> |
| 31 | </div> |
| 32 | </li> |
| 33 | <hr class="step-divider"> |
| 34 | <li class="step get-more-space"> |
| 35 | |
| 36 | <div class="step-content"> |
| 37 | <div class="counter"> |
| 38 | <img src="<?php echo $this->get_asset('images', 'right-bolt.svg') ?>" class="counter-arrow"> |
| 39 | </div> |
| 40 | <div class="title"> |
| 41 | <span class="f20 medium block"><?php _e("Get More Space", 'backup-backup'); ?></span> |
| 42 | </div> |
| 43 | <div class="description"> |
| 44 | <span class="f18 mbll"> |
| 45 | <?php |
| 46 | echo sprintf( |
| 47 | __("If the free 500 MB aren’t enough, you can get more space. It’s very affordable (see %spricing%s).<br>You can buy space directly in your %sBackupBliss account%s.", 'backup-backup'), |
| 48 | '<a href="' . BMI_AUTHOR_URI . 'pricing' . '" target="_blank" class="secondary hoverable nodec">', |
| 49 | '</a>', |
| 50 | '<a href="' . BMI_BB_STORAGE_URI . '" target="_blank" class="secondary hoverable nodec">', |
| 51 | '</a>' |
| 52 | ); |
| 53 | ?> |
| 54 | </span> |
| 55 | <span class="f15 block tml"><?php |
| 56 | echo sprintf( |
| 57 | __("<b>Note:</b> The %sBackupBliss premium plugin%s gives you <b>5 GB of free storage!</b>", 'backup-backup'), |
| 58 | '<a href="' . BMI_AUTHOR_URI . '" target="_blank" class="secondary hoverable nodec">', |
| 59 | '</a>' |
| 60 | ); |
| 61 | ?> |
| 62 | </span> |
| 63 | </div> |
| 64 | </div> |
| 65 | </li> |
| 66 | <hr class="step-divider"> |
| 67 | <li class="step connect"> |
| 68 | |
| 69 | <div class="step-content"> |
| 70 | <div class="counter"> |
| 71 | <img src="<?php echo $this->get_asset('images', 'right-bolt.svg') ?>" class="counter-arrow"> |
| 72 | </div> |
| 73 | <div class="title"> |
| 74 | <span class="f20 medium block"><?php _e("Connect this site to your account", 'backup-backup'); ?></span> |
| 75 | </div> |
| 76 | <div class="description space-between flexcenter" style="gap: 12px;"> |
| 77 | <div class="f18" style="margin-right: 30px;"> |
| 78 | <span class="f18"><?php _e("Enter the API key you<br>generated on", 'backup-backup'); ?> |
| 79 | <a href="<?php echo BMI_BB_STORAGE_URI; ?>" target="_blank" class="secondary hoverable nodec"><?php _e("BackupBliss:", 'backup-backup'); ?></a> |
| 80 | </span> |
| 81 | </div> |
| 82 | <input type="text" placeholder="<?php _e("E.g. 2122bf590c5c9f5778bae6ac38b1d121455fa57e5f9b2ef7c37b7bdd334fa925", 'backup-backup'); ?>" |
| 83 | class="api-key-input" style="flex: 1;" autocomplete="off"> |
| 84 | <a class="btn bold bb-connect"><?php _e("Connect now", 'backup-backup'); ?></a> |
| 85 | </div> |
| 86 | </div> |
| 87 | </li> |
| 88 | </ol> |
| 89 | <div class="f15"> |
| 90 | <?php echo sprintf( |
| 91 | __("Have questions? %sCheck out the FAQ%s", 'backup-backup'), |
| 92 | '<a href="' . BMI_BB_STORAGE_URI . 'faq' . '" target="_blank" class="secondary hoverable nodec">', |
| 93 | '</a>' |
| 94 | ); ?> |
| 95 | </div> |
| 96 | </div> |
| 97 | <!-- You're connected section --> |
| 98 | <!-- When connected remove style="display: none;" --> |
| 99 | <div class="youre-connected" <?php echo(get_option("bmi_pro_backupbliss_key", false) === false ? "style='display: none'" : "") ?>> |
| 100 | <div class="connected-banner space-between flexcenter"> |
| 101 | <div class="connected-banner-inner space-between flexcenter"> |
| 102 | <img src="<?php echo $this->get_asset('images', 'checkmark.svg') ?>" alt="checkmark" class="checkmark"> |
| 103 | <span class="f30 bold mms"><?php _e("You’re connected!", 'backup-backup'); ?></span> |
| 104 | </div> |
| 105 | <a href="#" class="bb-disconnect f15 nodec"><?php _e("Disconnect", 'backup-backup'); ?></a> |
| 106 | </div> |
| 107 | |
| 108 | <div class="connected-info space-between flexcenter"> |
| 109 | <div class="connected-info-inner"> |
| 110 | <span class="f18"><?php _e("You are currently entitled to", 'backup-backup'); ?></span> |
| 111 | <!-- Placeholder --> |
| 112 | <span class="f30 bold bb-storage-amount"><?php _e("0.0 GB", 'backup-backup'); ?></span> |
| 113 | <span class="f18"><?php _e("of space of which you are using", 'backup-backup'); ?></span> |
| 114 | <!-- Placeholder --> |
| 115 | <span class="f30 bold bb-storage-used"><?php _e("0.0 GB", 'backup-backup'); ?></span> |
| 116 | <!-- Placeholder --> |
| 117 | <span class="f30 bb-storage-used-percent">(0%)</span> |
| 118 | </div> |
| 119 | <div class="refresh-bb-storage pointer"> |
| 120 | <img src="<?php echo $this->get_asset('images', 'refresh.svg') ?>" alt="refresh" class="refresh-img"> |
| 121 | <a class="secondary hoverable nodec"><?php _e("Refresh", 'backup-backup'); ?></a> |
| 122 | </div> |
| 123 | </div> |
| 124 | <?php |
| 125 | use BMI\Plugin\External\BMI_External_BackupBliss as BackupBliss; |
| 126 | if (file_exists(BMI_INCLUDES . '/external/backupbliss.php')) { |
| 127 | require_once BMI_INCLUDES . '/external/backupbliss.php'; |
| 128 | $backupbliss = new BackupBliss(); |
| 129 | $upload_issue_notice = $backupbliss->getNotice("upload_issue_space"); |
| 130 | if ($upload_issue_notice) { |
| 131 | $error_message = $upload_issue_notice; |
| 132 | include BMI_INCLUDES . '/dashboard/modals/bb-warning-notice.php'; |
| 133 | } |
| 134 | } |
| 135 | ?> |
| 136 | <div> |
| 137 | <span class="f15"> |
| 138 | <?php echo sprintf( |
| 139 | __("Storage space is %svery affordable%s. <b>Note:</b> %sThe BackupBliss premium plugin%s already gives you 5 GB of free space!", 'backup-backup'), |
| 140 | '<a href="' . BMI_AUTHOR_URI . 'pricing' . '" target="_blank" class="secondary hoverable nodec">', |
| 141 | '</a>', |
| 142 | '<a href="' . BMI_AUTHOR_URI . '" target="_blank" class="secondary hoverable nodec">', |
| 143 | '</a>' |
| 144 | ); ?> |
| 145 | </div> |
| 146 | </div> |
| 147 | </div> |
| 148 | </div> |