| 1 |
<?php |
| 2 |
|
| 3 |
/* |
| 4 |
* Template for Listing page tab in Instapage plugin dashboard. |
| 5 |
*/ |
| 6 |
?> |
| 7 |
<div class="c-form-text-item c-form-text-item--no-label"> |
| 8 |
<input type="text" class="c-form-text-item__field c-form-text-item__field--with-icon" placeholder="<?php echo InstapageCmsPluginConnector::lang('Search query'); ?>" data-bind="value: query, valueUpdate: 'keyup'"> |
| 9 |
<div class="c-form-text-item__bar"></div> |
| 10 |
<button class="c-button c-button--clean c-button--large c-form-text-item__button"> |
| 11 |
<i class="material-icons c-button__icon"><?php echo InstapageCmsPluginConnector::lang('search'); ?></i> |
| 12 |
</button> |
| 13 |
<span class="c-form-text-item__info"> |
| 14 |
<span><?php echo InstapageCmsPluginConnector::lang('Search for page title or URL'); ?></span> |
| 15 |
</span> |
| 16 |
</div> |
| 17 |
<h2 class="ui-subtitle"><?php echo InstapageCmsPluginConnector::lang('Page listing'); ?></h2> |
| 18 |
<div data-bind='simpleGrid: gridViewModel'> </div> |
| 19 |
|
| 20 |
<script type="text/html" id="page-row-template"> |
| 21 |
<tr> |
| 22 |
<td class="preview-image c-table__cell" data-bind="html: (typeof $data.screenshot !== 'undefined' && $data.screenshot !== null) ? '<div class=\'cropper\'><img src=\'' + $data.screenshot + '\' /></div>' : ''"></td> |
| 23 |
<td class="c-table__cell"> |
| 24 |
<div class="page-title" data-bind="text: $data.title, click: masterModel.toolbarModel.loadEditPage"></div> |
| 25 |
<div class="page-url" data-bind="html: 'URL: <a href=\'<?php echo InstapageCmsPluginConnector::getHomeUrl();?>/' + $data.slug + '\' target=\'_blank\'/><?php echo InstapageCmsPluginConnector::getHomeUrl();?>/' + $data.slug + '</a>'"></div> |
| 26 |
<div class="page-actions"> |
| 27 |
<div class="before-delete" data-bind="visible: !toDelete()"> |
| 28 |
<button class="fx-ripple-effect c-button c-button--flat c-button--small" data-bind="click:masterModel.toolbarModel.loadEditPage"><?php echo InstapageCmsPluginConnector::lang('Edit'); ?></button> |
| 29 |
<button class="fx-ripple-effect c-button c-button--flat c-button--danger c-button--small" data-bind="click:masterModel.pagedGridModel.askForDeleteConfirmation"><?php echo InstapageCmsPluginConnector::lang('Delete'); ?></button> |
| 30 |
</div> |
| 31 |
<div class="after-delete" data-bind="visible: toDelete()"> |
| 32 |
<button class="fx-ripple-effect c-button c-button--flat c-button--small" data-bind="click:masterModel.pagedGridModel.cancelDelete"><?php echo InstapageCmsPluginConnector::lang('Cancel'); ?></button> |
| 33 |
<button class="fx-ripple-effect c-button c-button--flat c-button--danger c-button--small" data-bind="click:masterModel.pagedGridModel.deletePage"><?php echo InstapageCmsPluginConnector::lang('Confirm delete'); ?></button> |
| 34 |
</div> |
| 35 |
</div> |
| 36 |
</td> |
| 37 |
<td data-bind="text: $data.type" class="c-table__cell c-table__cell--left"></td> |
| 38 |
<td data-bind="visible: !statsLoaded()" class="c-table__cell c-table__cell--left"> |
| 39 |
<div class="l-group__item"> |
| 40 |
<span class="c-loader"></span> |
| 41 |
</div> |
| 42 |
</td> |
| 43 |
<td data-bind="visible: statsLoaded() && typeof stats_cache() !== 'undefined' , template: {name: 'page-row-stats-template', foreach: stats_cache}" class="c-table__cell"></td> |
| 44 |
<td data-bind="visible: statsLoaded() && typeof stats_cache() === 'undefined'" class="c-table__cell"> |
| 45 |
<?php echo InstapageCmsPluginConnector::lang('Stats are unavailable at the moment.'); ?> |
| 46 |
</td> |
| 47 |
<td data-bind="visible: !statsLoaded()" class="c-table__cell"> |
| 48 |
<div class="l-group__item"> |
| 49 |
<span class="c-loader"></span> |
| 50 |
</div> |
| 51 |
</td> |
| 52 |
<td data-bind="visible: !statsLoaded()" class="c-table__cell"> |
| 53 |
<div class="l-group__item"> |
| 54 |
<span class="c-loader"></span> |
| 55 |
</div> |
| 56 |
</td> |
| 57 |
<td data-bind="visible: !statsLoaded()" class="c-table__cell"> |
| 58 |
<div class="l-group__item"> |
| 59 |
<span class="c-loader"></span> |
| 60 |
</div> |
| 61 |
</td> |
| 62 |
<td data-bind="visible: statsLoaded(), text: totalStats() ? totalStats().visits : 0" class="c-table__cell"></td> |
| 63 |
<td data-bind="visible: statsLoaded(), text: totalStats() ? totalStats().conversions : 0" class="c-table__cell"></td> |
| 64 |
<td data-bind="visible: statsLoaded(), text: totalStats() ? totalStats().conversionRate + '%' : '0%'" class="c-table__cell"></td> |
| 65 |
</tr> |
| 66 |
</script> |
| 67 |
|
| 68 |
<script type="text/html" id="page-row-stats-template"> |
| 69 |
<div class="variation"> |
| 70 |
<div> |
| 71 |
<span data-bind="text: variation" class="variation-name c-badge c-badge--action c-badge--has-text"></span> |
| 72 |
</div> |
| 73 |
<div data-bind="text: visits + ' visits with ' + conversions + ' conversions'" class="variation-stats"></div> |
| 74 |
<div> |
| 75 |
<span data-bind="text: conversions_rate + '%'" class="variation-conversion-rate c-badge c-badge--success c-badge--has-text"></span> |
| 76 |
</div> |
| 77 |
</div> |
| 78 |
</script> |
| 79 |
|
