settings.php in Instapage plugin 8.3
File
core/views/settings.php
View source
<?php
?>
<h2 class="ui-subtitle" data-bind="click:getConfig"><?php
echo InstapageCmsPluginConnector::lang('Instapage Plugin Settings');
?></h2>
<div class="instapage-content ui-sub-section">
<div class="login-form c-section l-space-tertiary">
<h3 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Please log into your Instapage account');
?></h3>
<form>
<div data-bind="visible: !userToken()">
<div class="l-grid">
<div class="l-grid__cell l-grid__cell--1/3">
<div class="c-form-text-item" data-bind="css: {'has-danger': !isLoginAndPasswordValid()}">
<input class="c-form-text-item__field" data-bind="value: email" type="textbox" />
<label class="c-form-text-item__label"><?php
echo InstapageCmsPluginConnector::lang('Instapage User Email');
?></label>
<div class="c-form-text-item__bar"></div>
</div>
</div>
<div class="l-grid__cell l-grid__cell--1/3">
<div class="c-form-text-item" data-bind="css: {'has-danger': !isLoginAndPasswordValid()}">
<input class="c-form-text-item__field" data-bind="value: password" type="password" />
<label class="c-form-text-item__label"><?php
echo InstapageCmsPluginConnector::lang('Instapage Password');
?></label>
<div class="c-form-text-item__bar"></div>
</div>
</div>
<div class="l-grid__cell l-grid__cell--1/3">
<button class="fx-ripple-effect c-button c-button--regular c-button--action" data-bind='click: loginUser'><?php
echo InstapageCmsPluginConnector::lang('Login');
?></button>
</div>
</div>
</div>
<div data-bind="visible: userToken()">
<div>
<?php
echo InstapageCmsPluginConnector::lang('You are logged in as');
?>
<span data-bind="text: email"></span>
</div>
<div class="l-space-ver-tertiary">
<button class="fx-ripple-effect c-button c-button--regular c-button--action l-space-top-tertiary" data-bind='click: disconnectAndLogout'><?php
echo InstapageCmsPluginConnector::lang('Logout');
?></button>
</div>
</div>
<div data-bind="visible: !hideConnectedTokens() && connectedTokens().length">
<h3><?php
echo InstapageCmsPluginConnector::lang('Select which workspaces you would like to connect with %s site.', InstapageCmsPluginConnector::getCMSName());
?></h3>
<ul class="c-list" data-bind="template: {name: 'subaccounts-connection-template', foreach: connectedTokens}">
</ul>
<button class="fx-ripple-effect c-button c-button--regular c-button--action c-button--small" data-bind="click: connectSelectedSubAccounts">
<span class="c-button__text"><?php
echo InstapageCmsPluginConnector::lang('Connect to %s', InstapageCmsPluginConnector::getCMSName());
?></span>
</button>
<button class="fx-ripple-effect c-button c-button--regular c-button--small" data-bind="click: closeConnectionSection">
<span class="c-button__text"><?php
echo InstapageCmsPluginConnector::lang('Close');
?></span>
</button>
</div>
<div class="tokens-container">
<h4 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Client tokens');
?></h4>
<div class="l-grid">
<div class="l-grid__cell l-grid__cell--2/3">
<div class="c-form-text-item" data-bind="css: {'has-danger': !isTokenToAddValid()}">
<input class="c-form-text-item__field" data-bind="value:tokenToAdd, valueUpdate: 'input'" type="textbox" />
<label class="c-form-text-item__label"><?php
echo InstapageCmsPluginConnector::lang('Add token');
?></label>
<div class="c-form-text-item__bar"></div>
<span class="c-form-text-item__info" data-bind="visible: !isTokenToAddValid()" >
<span><?php
echo InstapageCmsPluginConnector::lang('This token is invalid.');
?></span>
<i class="material-icons c-form-text-item__info-icon"><?php
echo InstapageCmsPluginConnector::lang('error');
?></i>
</span>
</div>
</div>
<div class="l-grid__cell l-grid__cell--1/3">
<button class="fx-ripple-effect c-button c-button--regular c-button--action" data-bind="enable: tokenToAdd().length > 0, click: addToken" type="button" ><?php
echo InstapageCmsPluginConnector::lang('Add token');
?></button>
</div>
</div>
<table class="c-table">
<caption class="c-table__caption">
<div class="l-group l-group--block l-group--ver-center l-group--hor-space-between c-table__caption-row">
<div class="l-group__item c-table__caption-cell">
<span class="c-table__caption-title"><?php
echo InstapageCmsPluginConnector::lang('Tokens');
?></span>
</div>
</div>
</caption>
<thead class="c-table__head">
<tr>
<th class="c-table__cell c-table__cell--left"><?php
echo InstapageCmsPluginConnector::lang('Token');
?></th>
<th class="c-table__cell c-table__cell--right"><?php
echo InstapageCmsPluginConnector::lang('Remove');
?></th>
</tr>
</thead>
<tbody class="c-table__body" data-bind="foreach: config.tokens">
<tr>
<td class="c-table__cell c-table__cell--left">
<div class="c-form-text-item" data-bind="css: {'has-danger': valid() < 0, 'has-success': valid() > 0}">
<input class="c-form-text-item__field" data-bind="value: value, valueUpdate: 'input', css: {'is-not-empty': value}" type="textbox" size="50" readonly="readonly"/>
<label class="c-form-text-item__label"><?php
echo InstapageCmsPluginConnector::lang('Add token');
?></label>
<div class="c-form-text-item__bar"></div>
<span class="c-form-text-item__info" data-bind="visible: valid() < 0" >
<span><?php
echo InstapageCmsPluginConnector::lang('This token is invalid.');
?></span>
<i class="material-icons c-form-text-item__info-icon"><?php
echo InstapageCmsPluginConnector::lang('error');
?></i>
</span>
</div>
</td>
<td class="c-table__cell c-table__cell--right">
<button class="fx-ripple-effect c-button c-button--regular c-button--action" data-bind="click: $root.removeToken"><?php
echo InstapageCmsPluginConnector::lang('Remove token');
?></button>
</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<form class="c-section l-space-tertiary">
<div class="cross-origin-form ui-section ">
<h3 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Secure communication');
?></h3>
<label class="c-mark">
<input class="c-mark__input" data-bind="checked: config.ssl, click: autoSaveConfig" type="checkbox" >
<i class="c-mark__icon c-mark__icon--checkbox material-icons"><?php
echo InstapageCmsPluginConnector::lang('check');
?></i>
<span class="c-mark__label"><?php
echo InstapageCmsPluginConnector::lang('Use HTTPS protocol to communicate with Instapage services. Please note that TLS 1.2 or higher must be used during cURL calls and it requires proper cURL and OpenSSL packages to be installed. Make sure that your pages are still accessible after enabling this option.');
?></span>
</label>
</div>
<div class="cross-origin-form ui-section ">
<h3 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Cross-origin proxy services');
?></h3>
<label class="c-mark">
<input class="c-mark__input" data-bind="checked: config.crossOrigin, click: autoSaveConfig" type="checkbox" >
<i class="c-mark__icon c-mark__icon--checkbox material-icons"><?php
echo InstapageCmsPluginConnector::lang('check');
?></i>
<span class="c-mark__label"><?php
echo InstapageCmsPluginConnector::lang('Uncheck this if you have problems with sending submissions from landing page');
?></span>
</label>
</div>
<div class="diagnostic-form ui-section">
<h3 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Diagnostics');
?></h3>
<p class="l-space-bottom-tertiary" data-bind="css: {'diagnostic-mode-on': config.diagnostics}">
<?php
echo InstapageCmsPluginConnector::lang('The diagnostic tool helps our customer support and developers to track and eliminate some most problematic issues.');
?>
<br />
<span class="diagnostic-mode-warning"><?php
echo InstapageCmsPluginConnector::lang('Do not turn this option on if unnecessary, it\'s very resource consuming and can increase your page loading time significantly!');
?></span>
</p>
<label class="c-mark">
<input class="c-mark__input" data-bind="checked: config.diagnostics, click: autoSaveConfig" type="checkbox" >
<i class="c-mark__icon c-mark__icon--checkbox material-icons"><?php
echo InstapageCmsPluginConnector::lang('check');
?></i>
<span class="c-mark__label"><?php
echo InstapageCmsPluginConnector::lang('Turn on diagnostics.');
?></span>
</label>
<div class="l-space-ver-tertiary" data-bind="visible: config.diagnostics">
<p><?php
echo InstapageCmsPluginConnector::lang('Current number of entries in Instapage log: ');
?></p>
</div>
<button class="fx-ripple-effect c-button c-button--regular c-button--small c-button--action" data-bind="click: downloadLog">
<span class="c-button__text"><?php
echo InstapageCmsPluginConnector::lang('Download diagnostic data');
?></span>
</button>
<button class="fx-ripple-effect c-button c-button--regular c-button--small c-button--action" data-bind="click: clearLog"><?php
echo InstapageCmsPluginConnector::lang('Clear log');
?>
</button>
</div>
<div class="custom-params-form ui-section">
<h3 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Custom parameters');
?></h3>
<p class='l-space-bottom-primary'><?php
echo InstapageCmsPluginConnector::lang('Instapage plugin won\'t display a landing page if one of given parameters is present in URL.');
?></p>
<div class="c-form-text-item">
<input class="c-form-text-item__field" data-bind="value: config.customParams, valueUpdate: 'input', css: {'is-not-empty': config.customParams}, event: {blur: autoSaveConfig}" type="textbox" size="90">
<label class="c-form-text-item__label"><?php
echo InstapageCmsPluginConnector::lang('Add parameters');
?></label>
<div class="c-form-text-item__bar"></div>
</div>
<br>
<span><?php
echo InstapageCmsPluginConnector::lang('List of custom parameters, separated by "|", e.g. post_type=movie|page_id|keyword');
?></span>
</div>
<div class="custom-params-form ui-section">
<h3 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Landing page migration');
?></h3>
<p class='l-space-bottom-primary'><?php
echo InstapageCmsPluginConnector::lang('Click "Migrate" button to migrate your landing pages from old version of our plugin. Old plugin does not have to be activated.');
?></p>
<button class="fx-ripple-effect c-button c-button--regular c-button--small c-button--action" data-bind="click: migrateDeprecatedData">
<span class="c-button__text"><?php
echo InstapageCmsPluginConnector::lang('Migrate');
?></span>
</button>
</div>
<div class="custom-params-form ui-section">
<h3 class="ui-subtitle"><?php
echo InstapageCmsPluginConnector::lang('Custom experiences/dynamic text replacement alternative loading system');
?></h3>
<p class="l-space-bottom-primary"><?php
echo InstapageCmsPluginConnector::lang('If you experience issues with displaying custom experiences ' . 'or dynamic text replacement and you use external hosting with a custom cache system for your site (like Pantheon, or WP Engine), ' . 'turning this option on may be helpful. It should be done only if other fixing methods didn\'t succeed.');
?></p>
<label class="c-mark">
<input class="c-mark__input" data-bind="checked: lpAjaxLoader, click: saveLpAjaxLoaderSetting" type="checkbox" >
<i class="c-mark__icon c-mark__icon--checkbox material-icons">check</i>
<span class="c-mark__label"><?php
echo InstapageCmsPluginConnector::lang('Turn alternative loading system on');
?></span>
</label>
</div>
<?php
echo InstapageCmsPluginConnector::getSettingsModule();
?>
</form>
</div>
<script type="text/html" id="subaccounts-connection-template">
<li class="c-list-item">
<span class="c-list-item__content">
<label class="c-mark">
<input type="checkbox" class="c-mark__input" data-bind="checked: checked, click: $root.toggleAllSubaccounts">
<i class="c-mark__icon c-mark__icon--checkbox material-icons"><?php
echo InstapageCmsPluginConnector::lang('check');
?></i>
<span class="c-mark__label" data-bind="text: name"></span>
</label>
</span>
</li>
</script>