| 1 |
<?php |
| 2 |
if (!defined('ABSPATH')) { // Ensure running within WordPress |
| 3 |
exit; |
| 4 |
} |
| 5 |
?> |
| 6 |
<br> |
| 7 |
|
| 8 |
<div class="DUI-panel" style="float:left;min-width:450px; width:69%; max-width:70%"> |
| 9 |
<div class="DUI-panel__content--title"> |
| 10 |
|
| 11 |
<div> |
| 12 |
<div style="float:left"> |
| 13 |
<img src="<?php echo esc_url($WP_PLUGIN_URL); ?>/res/pie.svg" |
| 14 |
style="height:90px; vertical-align: middle; padding-right: 20px;" |
| 15 |
alt="Disk Usage Insights Logo" |
| 16 |
> |
| 17 |
</div> |
| 18 |
<div style="float:left"> |
| 19 |
<h1>Disk Usage Insights</h1> |
| 20 |
<p>Find large files in no time!</p> |
| 21 |
</div> |
| 22 |
</div> |
| 23 |
<div style="clear:both"></div> |
| 24 |
|
| 25 |
<div style="margin-top: 20px; margin-bottom: 20px;"> |
| 26 |
<form> |
| 27 |
<input type="hidden" name="_ajax_nonce" value="<?php echo esc_attr($WP_NONCE); ?>"> |
| 28 |
<input type="hidden" name="action" value="scan"> |
| 29 |
|
| 30 |
<button class="button button-primary" |
| 31 |
hx-post="<?php echo esc_url($WP_ADMIN_AJAX_URL); ?>" |
| 32 |
hx-indicator="#DUI-loading" |
| 33 |
hx-target="#DUI-results" |
| 34 |
|
| 35 |
>Analyze Now</button> |
| 36 |
</form> |
| 37 |
</div> |
| 38 |
|
| 39 |
</div> |
| 40 |
</div> |
| 41 |
|
| 42 |
<div class="show-desktop" style="width:29%; float:left; overflow: hidden"> |
| 43 |
|
| 44 |
<div class="DUI-panel"> |
| 45 |
<div class="DUI-panel__headline dashicons-before dashicons-heart"> |
| 46 |
Support Open Source! |
| 47 |
</div> |
| 48 |
<div class="DUI-panel__content"> |
| 49 |
- <a target="_blank" href="https://wordpress.org/support/plugin/disk-usage-insights/reviews/#new-post">Add a 5 star WordPress review</a> |
| 50 |
<br> |
| 51 |
- <a target="_blank" href="https://github.com/mgleis/disk-usage-insights">Donate a github star</a> |
| 52 |
</div> |
| 53 |
</div> |
| 54 |
<div class="DUI-panel"> |
| 55 |
<div class="DUI-panel__headline dashicons-before dashicons-groups"> |
| 56 |
Do you need help? |
| 57 |
</div> |
| 58 |
<div class="DUI-panel__content"> |
| 59 |
- <a href="https://wordpress.org/support/plugin/disk-usage-insights/" target="_blank">Plugin Support Forum</a> |
| 60 |
</div> |
| 61 |
</div> |
| 62 |
|
| 63 |
</div> |
| 64 |
<div style="clear:both"></div> |
| 65 |
|
| 66 |
<div id="DUI-loading" class="htmx-indicator" style="position: absolute; top: 100px; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);"> |
| 67 |
<div class="DUI-panel"> |
| 68 |
<div class="DUI-panel__content--title"> |
| 69 |
<img width=32 style="vertical-align:middle; padding-right: 5px" |
| 70 |
src="<?php echo esc_url($WP_PLUGIN_URL); ?>/res/img/loader.gif" |
| 71 |
alt="Loading..." |
| 72 |
> |
| 73 |
<span>Scanning your WordPress system...</span> |
| 74 |
</div> |
| 75 |
</div> |
| 76 |
</div> |
| 77 |
|
| 78 |
<div id="DUI-results"> |
| 79 |
</div> |
| 80 |
|
