177 lines
11 KiB
HTML
177 lines
11 KiB
HTML
<div id="tab-adapters" class="admin-tab" style="display: none" data-name="Adapters">
|
|
<div class="main-toolbar-table m">
|
|
<div class="row navicon">
|
|
<div class="col s6 l4 main-toolbar-table-types-tools">
|
|
<a class="btn-floating btn-small translateT" title="change view mode" id="btn_switch_adapters"><i class="material-icons">view_module</i></a>
|
|
<a class="btn-floating btn-small translateT" title="update adapter information" id="btn_refresh_adapters"><i class="material-icons">refresh</i></a>
|
|
<a class="btn-floating btn-small translateT" title="list" id="btn_list_adapters"><i class="material-icons">list</i></a>
|
|
<a class="btn-floating btn-small translateT" title="collapse all" id="btn_collapse_adapters"><i class="material-icons">folder</i></a>
|
|
<a class="btn-floating btn-small translateT" title="expand all" id="btn_expand_adapters"><i class="material-icons">folder_open</i></a>
|
|
<a class="btn-floating btn-small translateT" title="installed adapters" id="btn_filter_adapters"><i class="material-icons">star</i></a>
|
|
<a class="btn-floating btn-small translateT" title="adapter with updates" id="btn_filter_updates"><i class="material-icons">update</i></a>
|
|
<a class="btn-floating btn-small translateT" title="Install from custom URL" id="btn_filter_custom_url"><i class="icon-github"></i></a>
|
|
<a class="btn-floating btn-small translateT" title="_Toggle expert mode" id="btn_adapters_expert_mode"><i class="material-icons">assignment_ind</i></a>
|
|
<a class="btn-floating btn-small translateT" title="Upgrade all adapters" id="btn_upgrade_all" ><i class="material-icons">flag</i></a>
|
|
</div>
|
|
<div class="col l4 main-toolbar-table-types-tools main-toolbar-table-filter">
|
|
<input class="filter-input translateP" placeholder="Filter" />
|
|
<a class="filter-clear btn-floating btn-very-small translateT red lighten-3" title="clear"><i class="material-icons">clear</i></a>
|
|
</div>
|
|
<div class="col s6 l4 main-toolbar-table-types-tools main-toolbar-table-sort">
|
|
<a id="main-toolbar-table-types-btn" class="dropdown-button btn" href="#" data-target="main-toolbar-table-types"></a>
|
|
<!-- Dropdown Structure -->
|
|
<ul id="main-toolbar-table-types" class="dropdown-content"></ul>
|
|
<a id="main-toolbar-table-order-btn" class='dropdown-button btn' href="#" data-target="main-toolbar-table-order"></a>
|
|
<!-- Dropdown Structure -->
|
|
<ul id='main-toolbar-table-order' class='dropdown-content'>
|
|
<li class="main-toolbar-table-order-item" data-type="a-z"><a class="translate">A-Z</a></li>
|
|
<li class="main-toolbar-table-order-item" data-type="popular"><a class="translate">Popular first</a></li>
|
|
<li class="main-toolbar-table-order-item" data-type="updated"><a class="translate">Recently updated</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="process-adapters" style="display: none;"><svg class="spinner" width="100%" height="100%" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
|
|
<circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
|
|
</svg></div>
|
|
<div class="grid-main-div m" style="width: 100%; overflow-y: auto" id="grid-adapters-div">
|
|
<table id="grid-adapters" class="iob-list-font" style="margin-left: 1px; width: calc(100% - 2px); table-layout: fixed;">
|
|
<colgroup>
|
|
<col width="320px"/>
|
|
<col width="*"/>
|
|
<col width="200px"/>
|
|
<col width="100px"/>
|
|
<col width="80px" style="min-width: 80px;"/>
|
|
<!--col width="140px"/--> <!-- // actually there is only one platform -->
|
|
<col width="140px"/>
|
|
<col width="140px"/>
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th class="translate ui-widget-header tab-adapters-table-name">Name</th>
|
|
<th class="translate ui-widget-header tab-adapters-table-description">description</th>
|
|
<th class="translate ui-widget-header tab-adapters-table-keywords">keywords</th>
|
|
<th class="translate ui-widget-header tab-adapters-table-installed">installed</th>
|
|
<!--<th class="translate ui-widget-header"><div class="translate" style="min-width: 80px;">available</div></th>-->
|
|
<th class="translate ui-widget-header tab-adapters-table-available">available</th>
|
|
<!-- th class="translate ui-widget-header">platform</th--> <!-- // actually there is only one platform -->
|
|
<th class="translate ui-widget-header tab-adapters-table-license">license</th>
|
|
<th class="translate ui-widget-header tab-adapters-table-install">install</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
<div class="m">
|
|
<div id="grid-adapters-tiles" class="row" style="display: none"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="materialize-dialogs m">
|
|
<div id="dialog-install-url" class="modal modal-fixed-footer">
|
|
<div class="modal-content">
|
|
<div id="tabs-install" class="row">
|
|
<div class="col s12">
|
|
<ul class="tabs">
|
|
<li class="tab col s3"><a href="#tabs-install-github" class="translate">From github</a></li>
|
|
<li class="tab col s3"><a href="#tabs-install-custom" class="translate">Custom</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="tabs-install-github" class="col s12 page">
|
|
<h6 class="translate">Install adapter from github</h6>
|
|
<div class="row">
|
|
<div class="col s12 m8 l8 with-select">
|
|
<select id="install-github-link"></select>
|
|
<label for="install-github-link" class="translate">Select adapter:</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s12 m4 l4">
|
|
<input id="install-github-debug" type="checkbox" class="filled-in" />
|
|
<span for="install-github-debug" class="translate">Debug outputs:</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="tabs-install-custom" class="col s12 page">
|
|
<h6 class="translate">Install adapter from URL</h6>
|
|
<div class="row">
|
|
<div class="col s12 m8 l8 with-select-2">
|
|
<input id="install-url-link-username" type="text" style="width: 100%"/>
|
|
<label for="install-url-link-username" class="translate">Username:</label>
|
|
</div>
|
|
<div class="col s12 m8 l8 with-select-2">
|
|
<input id="install-url-link-password" type="password" style="width: 100%"/>
|
|
<label for="install-url-link-password" class="translate">Password:</label>
|
|
</div>
|
|
<div class="col s12 m8 l8 with-select-2">
|
|
<input id="install-url-link" type="text" style="width: 100%"/>
|
|
<label for="install-url-link" class="translate">URL or file path:</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s12 m8 l8">
|
|
<input id="install-url-debug" type="checkbox" class="filled-in" />
|
|
<span for="install-url-debug" class="translate">Debug outputs:</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a class="modal-action modal-close waves-effect waves-green btn-flat translate btn-install">Install</a>
|
|
<a class="modal-action modal-close waves-effect waves-green btn-flat translate btn-cancel">Cancel</a>
|
|
</div>
|
|
</div>
|
|
<div id="dialog-license" class="modal modal-fixed-footer">
|
|
<div class="modal-content">
|
|
<div class="col s12 m6 l3">
|
|
<h5><span class="translate license_agreement_label">license agreement</span><span class="license_agreement_name"></span></h5>
|
|
</div>
|
|
<div class="row license-text">
|
|
<div class="col s12">
|
|
<h6 class="license_terms translate">License terms</h6>
|
|
<div class="license_text"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a class="license_agree modal-action modal-close waves-effect waves-green btn"><span class="translate">agree</span><i class="large material-icons">check</i></a>
|
|
<a class="license_non_agree modal-action modal-close waves-effect waves-green btn-flat btn-gray "><span class="translate">not agree</span><i class="large material-icons">close</i></a>
|
|
</div>
|
|
</div>
|
|
<div id="dialog-add-instance" class="modal modal-fixed-footer">
|
|
<div class="modal-content">
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<h5><span class="translate">You are going to add new instance: </span> <span class="dialog-add-instance-name"></span></h5>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<span class="translate dialog-add-description"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s12 m6 l4 input-field">
|
|
<select class="dialog-add-instance-host" id="dialog-add-instance-host">
|
|
</select>
|
|
<label for="dialog-add-instance-host" class="translate">host</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s12 m6 l4 input-field">
|
|
<select class="dialog-add-instance-number" id="dialog-add-instance-number">
|
|
</select>
|
|
<label for="dialog-add-instance-number" class="translate">instance number</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a class="dialog-add-install-btn modal-action modal-close waves-effect waves-green btn"><span class="translate">add</span></a>
|
|
<a class="dialog-add-cancel-btn modal-action modal-close waves-effect waves-green btn-flat btn-gray "><span class="translate">cancel</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|