|
@@ -223,80 +223,82 @@ ${layout.menubar(section='connectors')}
|
|
|
|
|
|
|
|
<script type="text/html" id="add-connector-page">
|
|
<script type="text/html" id="add-connector-page">
|
|
|
<div class="card card-small margin-top-10">
|
|
<div class="card card-small margin-top-10">
|
|
|
- ##<div data-bind="dockable: { scrollable: ${ MAIN_SCROLLABLE }, jumpCorrection: 0, topSnap: '${ TOP_SNAP }', triggerAdjust: 0 }">
|
|
|
|
|
|
|
|
|
|
<div class="card-body clearfix">
|
|
<div class="card-body clearfix">
|
|
|
|
|
+
|
|
|
<div class="span2">
|
|
<div class="span2">
|
|
|
- <ul class="nav nav-pills nav-stacked">
|
|
|
|
|
- <li data-bind="css: { 'active': $root.selectedConnectorCategory() === 'All' }">
|
|
|
|
|
- <a href="javascript:void(0)" data-bind="text: 'All', click: function(){ $root.selectedConnectorCategory('All') }"></a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <!-- ko foreach: connectors() -->
|
|
|
|
|
- <li data-bind="css: { 'active': $root.selectedConnectorCategory() === category }">
|
|
|
|
|
- <a href="javascript:void(0)" data-bind="text: category, click: function(){ $root.selectedConnectorCategory(category) }"></a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <!-- /ko -->
|
|
|
|
|
- </ul>
|
|
|
|
|
|
|
+ <div data-bind="dockable: { scrollable: ${ MAIN_SCROLLABLE }, jumpCorrection: 0, topSnap: '${ TOP_SNAP }', triggerAdjust: 0 }">
|
|
|
|
|
+ <ul class="nav nav-pills nav-stacked">
|
|
|
|
|
+ <li data-bind="css: { 'active': $root.selectedConnectorCategory() === 'All' }">
|
|
|
|
|
+ <a href="javascript:void(0)" data-bind="text: 'All', click: function(){ $root.selectedConnectorCategory('All') }"></a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <!-- ko foreach: connectors() -->
|
|
|
|
|
+ <li data-bind="css: { 'active': $root.selectedConnectorCategory() === category }">
|
|
|
|
|
+ <a href="javascript:void(0)" data-bind="text: category, click: function(){ $root.selectedConnectorCategory(category) }"></a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <!-- /ko -->
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
+
|
|
|
<div class="span10">
|
|
<div class="span10">
|
|
|
|
|
+ <div data-bind="dockable: { scrollable: ${ MAIN_SCROLLABLE }, jumpCorrection: 0, topSnap: '${ TOP_SNAP }', triggerAdjust: 0 }">
|
|
|
<span class="pull-right">
|
|
<span class="pull-right">
|
|
|
<a href="http://gethue.com" target="_blank">
|
|
<a href="http://gethue.com" target="_blank">
|
|
|
<i class="fa fa-question-circle"></i> ${ _('Help') }
|
|
<i class="fa fa-question-circle"></i> ${ _('Help') }
|
|
|
</a>
|
|
</a>
|
|
|
</span>
|
|
</span>
|
|
|
-
|
|
|
|
|
<input type="text" data-bind="clearable: connectorsFilter, valueUpdate: 'afterkeydown'"
|
|
<input type="text" data-bind="clearable: connectorsFilter, valueUpdate: 'afterkeydown'"
|
|
|
class="input-xlarge pull-right margin-bottom-10" placeholder="${ _('Filter...') }">
|
|
class="input-xlarge pull-right margin-bottom-10" placeholder="${ _('Filter...') }">
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
- <div class="margin-top-10">
|
|
|
|
|
- <div data-bind="foreach: filteredConnectors()">
|
|
|
|
|
- <h4 data-bind="text: category"></h4>
|
|
|
|
|
- <table class="table table-condensed">
|
|
|
|
|
- <thead>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th width="30%">${ _('Name') }</th>
|
|
|
|
|
- <th>${ _('Description') }</th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </thead>
|
|
|
|
|
- <!-- ko if: $data.values -->
|
|
|
|
|
- <tbody data-bind="foreach: values">
|
|
|
|
|
- <tr data-bind="click: function() { $root.newConnector(type); }">
|
|
|
|
|
- <td data-bind="text: name"></td>
|
|
|
|
|
- <td data-bind="text: description"></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </tbody>
|
|
|
|
|
- <!-- /ko -->
|
|
|
|
|
- <!-- ko ifnot: $data.values -->
|
|
|
|
|
- <tfoot>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td colspan="2">${ _('There are no connectors matching your filter') }</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </tfoot>
|
|
|
|
|
- <!-- /ko -->
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- ko if: filteredConnectors().length == 0 -->
|
|
|
|
|
|
|
+ <div class="margin-top-10">
|
|
|
|
|
+ <div data-bind="foreach: filteredConnectors()">
|
|
|
|
|
+ <h4 data-bind="text: category"></h4>
|
|
|
<table class="table table-condensed">
|
|
<table class="table table-condensed">
|
|
|
<thead>
|
|
<thead>
|
|
|
<tr>
|
|
<tr>
|
|
|
<th width="30%">${ _('Name') }</th>
|
|
<th width="30%">${ _('Name') }</th>
|
|
|
- <th>${ _('Instances') }</th>
|
|
|
|
|
|
|
+ <th>${ _('Description') }</th>
|
|
|
</tr>
|
|
</tr>
|
|
|
</thead>
|
|
</thead>
|
|
|
|
|
+ <!-- ko if: $data.values -->
|
|
|
|
|
+ <tbody data-bind="foreach: values">
|
|
|
|
|
+ <tr data-bind="click: function() { $root.newConnector(type); }">
|
|
|
|
|
+ <td data-bind="text: name"></td>
|
|
|
|
|
+ <td data-bind="text: description"></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ <!-- /ko -->
|
|
|
|
|
+ <!-- ko ifnot: $data.values -->
|
|
|
<tfoot>
|
|
<tfoot>
|
|
|
<tr>
|
|
<tr>
|
|
|
<td colspan="2">${ _('There are no connectors matching your filter') }</td>
|
|
<td colspan="2">${ _('There are no connectors matching your filter') }</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
</tfoot>
|
|
</tfoot>
|
|
|
|
|
+ <!-- /ko -->
|
|
|
</table>
|
|
</table>
|
|
|
- <!-- /ko -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- ko if: filteredConnectors().length == 0 -->
|
|
|
|
|
+ <table class="table table-condensed">
|
|
|
|
|
+ <thead>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <th width="30%">${ _('Name') }</th>
|
|
|
|
|
+ <th>${ _('Instances') }</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </thead>
|
|
|
|
|
+ <tfoot>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td colspan="2">${ _('There are no connectors matching your filter') }</td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </tfoot>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ <!-- /ko -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- ## </div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</script>
|
|
</script>
|