Jacek Pyziak
9003eede2d
- Implemented the X13Webp class with core functionalities for converting images to WebP format. - Added support for different PHP versions and defined constants for versioning. - Included translation strings for various user interface elements and messages. - Created XML file for module versioning.
94 lines
4.3 KiB
Smarty
94 lines
4.3 KiB
Smarty
<div class="list-files">
|
|
<div class="files-preloader"></div>
|
|
</div>
|
|
{* {if $tree}
|
|
|
|
<div class="list-files hidden">
|
|
<ul>
|
|
{foreach from=$tree item=file}
|
|
<li data-file="{$file.name}" {if $file.type == 'dir'}class="dir" {/if}>
|
|
<p {if $file.exists && $file.type == 'dir'}data-toggle="tooltip" title="{l s='No image in this folder' mod='x13webp'}"{/if}>
|
|
{if $file.type == 'dir'}
|
|
<span class="state"><i class="icon-folder"></i></span>
|
|
{/if}
|
|
<input type="checkbox" name="others_item" value="{$file.name}" {if $file.exists}disabled {if $file.type != 'dir'}checked{/if}{/if}>
|
|
{$file.name}
|
|
</p>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
|
|
{/if} *}
|
|
|
|
<form>
|
|
|
|
<table class="table progress-item-table">
|
|
<thead>
|
|
<tr>
|
|
<th width="15%">{l s='Image type' mod='x13webp'}</th>
|
|
<th width="15%">{l s='Actions' mod='x13webp'}</th>
|
|
<th width="15%" class="text-right">{l s='Status' mod='x13webp'}</th>
|
|
<th width="55%">{l s='Progress' mod='x13webp'}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
{if !$progress_item.types}
|
|
<tr data-image_type="all">
|
|
<td>
|
|
<strong>{$progress_item.types_info}</strong>
|
|
</td>
|
|
<td class="progress-button" data-image_type="all" data-type="{$progress_item.val}">
|
|
{if $progress_item.allowed}
|
|
<div class="tooltip-wrapper" data-toggle="tooltip" data-original-title="{l s='You have to select an image if you want to generate images' mod='x13webp'}">
|
|
<button type="button" class="btn btn-success btn-sm btn-item-start-others" disabled><i class="icon icon-play" aria-hidden="true"></i></button>
|
|
</div>
|
|
<button type="button" class="btn btn-warning btn-sm hidden btn-item-pause-others" disabled><i class="icon icon-pause" aria-hidden="true"></i></button>
|
|
<button type="button" class="btn btn-secondary btn-sm btn-item-refresh-others" disabled><i class="icon icon-refresh" aria-hidden="true"></i></button>
|
|
{/if}
|
|
</td>
|
|
<td class="text-right images-done-wrapper">
|
|
<div class="preloader active"></div>
|
|
<div class="images-done-total" data-format="webp">
|
|
<span class="done">0</span>
|
|
/
|
|
<span class="total">0</span>
|
|
</div>
|
|
</td>
|
|
<td class="progress-td">
|
|
<div class="progress" data-image_type="all" data-format="webp">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="0">
|
|
<span class="progress-text">WebP</span>
|
|
<span class="progressbar-inner hidden-sm-down">0%</span>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{/if}
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
{if $progress_item.allowed}
|
|
{if $progress_item.types}
|
|
<div class="bottom-button-conversion-progress" data-type="{$progress_item.val}">
|
|
<button type="button" class="btn btn-success btn-start-conversion" disabled>
|
|
<i class="icon icon-play" aria-hidden="true"></i> {l s='Generate all images' mod='x13webp'}
|
|
</button>
|
|
<button type="button" class="btn btn-warning btn-pause-conversion hidden" disabled>
|
|
<i class="icon icon-pause" aria-hidden="true"></i> {l s='Stop generating images' mod='x13webp'}
|
|
</button>
|
|
<button type="button" class="btn btn-secondary btn-refresh-conversion" disabled>
|
|
<i class="icon icon-refresh" aria-hidden="true"></i> {l s='Re-generate all images' mod='x13webp'}
|
|
</button>
|
|
</div>
|
|
{/if}
|
|
{else}
|
|
<div class="alert alert-warning" style="margin-top:15px;">{l s='This item is not allowed to generate' mod='x13webp'}</div>
|
|
{/if}
|
|
|
|
</form>
|
|
|