1 <script id="networkProxiesMain" type="text/x-jquery-tmpl">
2 <div class="page-header">
3 <h2>${$.i18n.prop('network-proxies.list')}</h2>
6 <ul id="network-proxies-view-tabs" class="tabs">
7 <li id="network-proxies-view-tabs-li-grid" class="active">
8 <a href="#network-proxies-view" id="network-proxies-view-tabs-a-network-proxies-grid">${$.i18n.prop('network-proxies.grid.tab.title')}</a>
10 <li id="network-proxies-view-tabs-li-edit">
11 <a href="#network-proxies-edit">${$.i18n.prop('add')}</a>
14 <div id="network-proxies-view-tabs-content" class="tab-content">
15 <div id="network-proxies-view" class="active">
16 <table class="bordered-table zebra-striped" id="networkProxiesTable"
17 data-bind="simpleGrid: gridViewModel,simpleGridTemplate:'ko-network-proxies-grid',pageLinksId:'network-proxiesPagination'">
19 <div id="network-proxiesPagination"></div>
21 <div id="network-proxies-edit" data-bind='template: {name:"network-proxy-edit-tmpl"}'></div>
26 <script id='ko-network-proxies-grid' type='text/x-jquery-tmpl'>
29 {{each(i, columnDefinition) columns}}
30 <th>${ columnDefinition.headerText }</th>
32 <th>${$.i18n.prop('password')}</th>
33 <th>${$.i18n.prop('edit')}</th>
34 <th>${$.i18n.prop('delete')}</th>
38 {{each(i, row) itemsOnCurrentPage()}}
40 {{each(j, columnDefinition) columns}}
41 {{var val = (typeof columnDefinition.rowText == 'function' ? columnDefinition.rowText(row) :
42 row[columnDefinition.rowText])}}
53 <a href="#" data-bind="click: function(){ editNetworkProxy(row) }">${$.i18n.prop('edit')}</a>
56 <a href="#" data-bind="click: function(){ removeNetworkProxy(row) }">
57 <img src="images/edit-cut.png" title="${$.i18n.prop('delete')}"/>
66 <script id="network-proxy-edit-tmpl" type='text/x-jquery-tmpl'>
67 <form id="network-proxy-edit-form">
68 <fieldset id="network-proxy-edit-fieldset">
69 <div class="clearfix">
70 <label for="id">${$.i18n.prop('id')}</label>
73 <span class="uneditable-input">${$data.networkProxy.id}</span>
75 <input type="text" class="xlarge" id="id" name="id" size="10"
76 data-bind="value: networkProxy.id,css:{'uneditable-input': update},readonly:update"/>
80 <div class="clearfix">
81 <label for="protocol">${$.i18n.prop('protocol')}</label>
83 <input type="text" class="xlarge required" id="protocol" name="protocol" size="8"
84 data-bind="value: networkProxy.protocol"/>
87 <div class="clearfix">
88 <label for="host">${$.i18n.prop('host')}</label>
90 <input type="text" class="xlarge required" id="host" name="host" size="15"
91 data-bind="value: networkProxy.host"/>
94 <div class="clearfix">
95 <label for="port">${$.i18n.prop('port')}</label>
97 <input type="text" class="xlarge required digits" id="port" name="port" size="6"
98 data-bind="value: networkProxy.port"/>
101 <div class="clearfix">
102 <label for="username">${$.i18n.prop('username')}</label>
104 <input type="text" class="xlarge" id="username" name="username" size="50"
105 data-bind="value: networkProxy.username"/>
108 <div class="clearfix">
109 <label for="password">${$.i18n.prop('password')}</label>
111 <input type="password" class="xlarge" id="password" name="password" size="50"
112 data-bind="value: networkProxy.password"/>
117 <button data-bind="click: save" class="btn">${$.i18n.prop('save')}</button>
118 <button data-bind="click: displayGrid" class="btn">${$.i18n.prop('cancel')}</button>