source.dussan.org Git - archiva.git/blob

   1 <!--
   2   ~ Licensed to the Apache Software Foundation (ASF) under one
   3   ~ or more contributor license agreements.  See the NOTICE file
   4   ~ distributed with this work for additional information
   5   ~ regarding copyright ownership.  The ASF licenses this file
   6   ~ to you under the Apache License, Version 2.0 (the
   7   ~ "License"); you may not use this file except in compliance
   8   ~ with the License.  You may obtain a copy of the License at
   9   ~
  10   ~   http://www.apache.org/licenses/LICENSE-2.0
  11   ~
  12   ~ Unless required by applicable law or agreed to in writing,
  13   ~ software distributed under the License is distributed on an
  14   ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15   ~ KIND, either express or implied.  See the License for the
  16   ~ specific language governing permissions and limitations
  17   ~ under the License.
  18 -->
  19 <script id="legacy-artifact-path-main" type="text/html">
  20  <div id="legacy-artifact-path-screen">
  21      <div class="page-header">
  22        <h2>${$.i18n.prop('legacy-artifact-paths.list')}</h2>
  23      </div>
  24
  25      <ul id="legacy-artifact-paths-view-tabs" class="nav nav-tabs">
  26        <li id="legacy-artifact-paths-view-tabs-li-grid">
  27          <a data-toggle="tab" href="#legacy-artifact-paths-view" id="legacy-artifact-paths-view-tabs-a-grid">${$.i18n.prop('legacy-artifact-paths.grid.tab.title')}</a>
  28        </li>
  29        <li id="legacy-artifact-paths-view-tabs-li-edit">
  30          <a data-toggle="tab" href="#legacy-artifact-paths-edit">${$.i18n.prop('add')}</a>
  31        </li>
  32      </ul>
  33      <div id="legacy-artifact-paths-view-tabs-content" class="tab-content">
  34        <div id="legacy-artifact-paths-view" class="tab-pane">
  35            <table class="table table-striped table-bordered" id="legacy-artifact-paths-table"
  36                   data-bind="simpleGrid: gridViewModel,simpleGridTemplate:'ko-legacy-artifact-paths-grid',pageLinksId:'legacy-artifact-pathsPagination'">
  37            </table>
  38            <div id="legacy-artifact-pathsPagination"></div>
  39        </div>
  40        <div id="legacy-artifact-paths-edit" class="tab-pane" data-bind='template: {name:"legacy-artifact-paths-edit-tmpl"}'></div>
  41      </div>
  42  </div>
  43 </script>
  44
  45 <script id='ko-legacy-artifact-paths-grid' type='text/html'>
  46     <thead>
  47     <tr>
  48         {{each(i, columnDefinition) columns}}
  49         <th>${ columnDefinition.headerText }</th>
  50         {{/each}}
  51         <th>${$.i18n.prop('delete')}</th>
  52     </tr>
  53     </thead>
  54     <tbody>
  55     {{each(i, row) itemsOnCurrentPage()}}
  56       <tr data-bind="css:{ 'modified': row.modified()}">
  57         {{each(j, columnDefinition) columns}}
  58         {{var val = (typeof columnDefinition.rowText == 'function' ? columnDefinition.rowText(row) : row[columnDefinition.rowText])}}
  59           <td>
  60               ${val}
  61           </td>
  62         {{/each}}
  63           <td>
  64             <a href="#" data-bind="click: function(){ removeLegacyArtifactPath(row) }">
  65               <span class="btn btn-danger">
  66                 <i class="icon-trash icon-white"/>
  67               </span>
  68             </a>
  69           </td>
  70     </tr>
  71     {{/each}}
  72     </tbody>
  73
  74 </script>
  75
  76 <script id="legacy-artifact-paths-edit-tmpl" type="text/html">
  77     <form id="legacy-artifact-paths-edit-form" class="well form-horizontal">
  78       <fieldset id="legacy-artifact-paths-edit-fieldset">
  79         <div class="control-group">
  80           <label class="control-label" for="groupId">${$.i18n.prop('legacy-artifact-paths.groupId')}</label>
  81           <div class="controls">
  82             <input type="text" class="xlarge required" id="groupId" name="groupId" size="8"
  83                    data-bind="value: legacyArtifactPath.groupId"/>
  84           </div>
  85         </div>
  86         <div class="control-group">
  87           <label class="control-label" for="artifactId">${$.i18n.prop('legacy-artifact-paths.artifactId')}</label>
  88           <div class="controls">
  89             <input type="text" class="xlarge required" id="artifactId" name="artifactId" size="8"
  90                    data-bind="value: legacyArtifactPath.artifactId"/>
  91           </div>
  92         </div>
  93         <div class="control-group">
  94           <label class="control-label" for="version">${$.i18n.prop('legacy-artifact-paths.version')}</label>
  95           <div class="controls">
  96             <input type="text" class="xlarge required" id="version" name="version" size="8"
  97                    data-bind="value: legacyArtifactPath.version"/>
  98           </div>
  99         </div>
 100         <div class="control-group">
 101           <label class="control-label" for="classifier">${$.i18n.prop('legacy-artifact-paths.classifier')}</label>
 102           <div class="controls">
 103             <input type="text" class="xlarge" id="classifier" name="classifier" size="8"
 104                    data-bind="value: legacyArtifactPath.classifier"/>
 105           </div>
 106         </div>
 107         <div class="control-group">
 108           <label class="control-label" for="type">${$.i18n.prop('legacy-artifact-paths.type')}</label>
 109           <div class="controls">
 110             <input type="text" class="xlarge required" id="type" name="type" size="8"
 111                    data-bind="value: legacyArtifactPath.type"/>
 112           </div>
 113         </div>
 114         <div class="control-group">
 115           <label class="control-label" for="path">${$.i18n.prop('legacy-artifact-paths.path')}</label>
 116           <div class="controls">
 117             <input type="text" class="xlarge required" id="path" name="path" size="8"
 118                    data-bind="value: legacyArtifactPath.path"/>
 119           </div>
 120         </div>
 121         <div class="control-group">
 122           <label class="control-label" for="artifact">${$.i18n.prop('legacy-artifact-paths.artifact')}</label>
 123           <div class="controls">
 124             <span title="calculated from values" class="uneditable-input"
 125                   id="artifact" data-bind="text: legacyArtifactPath.artifact"></span>
 126           </div>
 127         </div>
 128
 129       </fieldset>
 130       <button id="network-proxy-btn-save" data-bind="click: save" class="btn">${$.i18n.prop('save')}</button>
 131       <button id="network-proxy-btn-cancel" data-bind="click: displayGrid" class="btn">${$.i18n.prop('cancel')}</button>
 132       <button id="network-proxy-btn-calculate-path" data-bind="click: calculatePath" class="btn btn-success">${$.i18n.prop('legacy-artifact-paths.calculatePath')}</button>
 133     </form>
 134 </script>
 135
 136 <script id="legacy-artifact-path-delete-warning-tmpl" type="text/html">
 137     <div>
 138       <span class="label label-warning">${$.i18n.prop('warning.not.undone.operation')}</span>
 139     </div>
 140 </script>
 141
 142 <script id="repository-scanning-main" type="text/html">
 143   <div id="repository-scanning-screen">
 144     <div class="page-header">
 145       <h2>${$.i18n.prop('repository-scanning.head')}</h2>
 146     </div>
 147   </div>
 148
 149   <ul id="repositories-tabs" class="nav nav-tabs">
 150     <li class="active">
 151       <a data-toggle="tab" href="#file-types-content">${$.i18n.prop('repository-scanning.file-types.head')}</a>
 152     </li>
 153     <li>
 154       <a data-toggle="tab" href="#consumers-content">${$.i18n.prop('repository-scanning.consumers.head')}</a>
 155     </li>
 156   </ul>
 157
 158   <div class="tab-content">
 159     <div id="file-types-content" class="tab-pane active" data-bind='template: {name:"file-types-tmpl"}'>
 160     </div>
 161     <div id="consumers-content" class="tab-pane">
 162       <div id="consumers-known-content" data-bind='template: {name:"consumers-known-content-tmpl"}'></div>
 163       <div id="consumers-invalid-content" data-bind='template: {name:"consumers-invalid-content-tmpl"}'></div>
 164     </div>
 165   </div>
 166
 167 </script>
 168
 169 <script id="file-types-tmpl" type="text/html">
 170 <div class="accordion" id="accordion-file-types">
 171   <div class="span4">
 172   {{each(i, fileType) fileTypes}}
 173   <div class="accordion-group">
 174     <div class="accordion-heading">
 175       <a class="accordion-toggle" href="#collapse-pattern-${fileType.id}"
 176          data-parent="#accordion-file-types" data-toggle="collapse">${fileType.id}&nbsp;<i class="icon-resize-vertical"/></a>
 177     </div>
 178     <div id="collapse-pattern-${fileType.id}" class="accordion-body collapse">
 179     <table class="table table-condensed">
 180       {{each(j,pattern) fileType.patterns}}
 181       <tr>
 182         <td>${pattern}</td>
 183         <td>
 184           <a href="#" data-bind="click: function(){ removeFileTypePattern(fileType.id(),pattern) }">
 185             <span class="btn btn-danger">
 186               <i class="icon-trash icon-white"/>
 187             </span>
 188           </a>
 189         </td>
 190       </tr>
 191       {{/each}}
 192       <tr>
 193         <td><input type="text" id="pattern-${fileType.id}"/></td>
 194         <td>
 195           <a href="#" data-bind="click: function(){addFileTypePattern(fileType.id())}">
 196             <span class="btn btn-success">
 197               <i class="icon-plus-sign icon-white"/>
 198             </span>
 199           </a>
 200         </td>
 201       </tr>
 202     </table>
 203     </div>
 204   </div>
 205   {{/each}}
 206   </div>
 207 </div>
 208 </script>
 209
 210 <script id="consumers-known-content-tmpl" type="text/html">
 211   <div class="page-header">
 212     <h4>${$.i18n.prop('repository-scanning.consumers.know-content.head')}</h4>
 213   </div>
 214   <table class="table table-condensed">
 215     <thead>
 216       <tr>
 217         <th>${$.i18n.prop('repository-scanning.consumers.grid.enabled')}</th>
 218         <th>${$.i18n.prop('repository-scanning.consumers.grid.id')}</th>
 219         <th>${$.i18n.prop('repository-scanning.consumers.grid.description')}</th>
 220       </tr>
 221     </thead>
 222     <tbody>
 223       {{each(i,knownAdminRepositoryConsumer) knownAdminRepositoryConsumers}}
 224       <tr>
 225         {{if knownAdminRepositoryConsumer.enabled()==true}}
 226           <td>
 227             <a href="#" data-bind="click: function(){ disableKnowContentConsumer(knownAdminRepositoryConsumer) }">
 228               <img src="images/weather-clear-22-22.png"/>
 229             </a>
 230           </td>
 231           {{else}}
 232           <td>
 233             <a href="#" data-bind="click: function(){ enableKnowContentConsumer(knownAdminRepositoryConsumer) }">
 234               <img src="images/dialog-error-22-22.png"/>
 235             </a>
 236           </td>
 237         {{/if}}
 238
 239         <td>${knownAdminRepositoryConsumer.id}</td>
 240         <td>${knownAdminRepositoryConsumer.description}</td>
 241       </tr>
 242       {{/each}}
 243     </tbody>
 244   </table>
 245 </script>
 246
 247 <script id="consumers-invalid-content-tmpl" type="text/html">
 248   <div class="page-header">
 249     <h4>${$.i18n.prop('repository-scanning.consumers.invalid-content.head')}</h4>
 250   </div>
 251   <table class="table table-condensed">
 252     <thead>
 253       <tr>
 254         <th>${$.i18n.prop('repository-scanning.consumers.grid.enabled')}</th>
 255         <th>${$.i18n.prop('repository-scanning.consumers.grid.id')}</th>
 256         <th>${$.i18n.prop('repository-scanning.consumers.grid.description')}</th>
 257       </tr>
 258     </thead>
 259     <tbody>
 260       {{each(i,invalidAdminRepositoryConsumer) invalidAdminRepositoryConsumers}}
 261       <tr>
 262         {{if invalidAdminRepositoryConsumer.enabled()==true}}
 263           <td>
 264             <a href="#" data-bind="click: function(){ disableInvalidContentConsumer(invalidAdminRepositoryConsumer) }">
 265               <img src="images/weather-clear-22-22.png"/>
 266             </a>
 267           </td>
 268           {{else}}
 269           <td>
 270             <a href="#" data-bind="click: function(){ enableInvalidContentConsumer(invalidAdminRepositoryConsumer) }">
 271               <img src="images/dialog-error-22-22.png"/>
 272             </a>
 273           </td>
 274         {{/if}}
 275         <td>${invalidAdminRepositoryConsumer.id}</td>
 276         <td>${invalidAdminRepositoryConsumer.description}</td>
 277       </tr>
 278       {{/each}}
 279     </tbody>
 280   </table>
 281 </script>
 282
 283 <script id="network-configuration-screen" type="text/html">
 284   <div class="page-header">
 285     <h4>${$.i18n.prop('network-configuration.header')}</h4>
 286   </div>
 287   <div id="network-configuration-form" data-bind='template: {name:"network-configuration-form-tmpl"}'></div>
 288 </script>
 289
 290 <script id="network-configuration-form-tmpl" type="text/html">
 291     <form id="network-configuration-edit-form" class="well form-horizontal">
 292       <fieldset id="network-configuration-edit-fieldset">
 293         <div class="control-group">
 294           <label class="control-label" for="maxTotal">${$.i18n.prop('network-configuration.maxTotal')}</label>
 295           <div class="controls">
 296             <input type="text" class="xlarge required digits" id="maxTotal" name="maxTotal" size="8"
 297                    data-bind="value: networkConfiguration().maxTotal"/>
 298           </div>
 299         </div>
 300         <div class="control-group">
 301           <label class="control-label" for="maxTotal">${$.i18n.prop('network-configuration.maxTotalPerHost')}</label>
 302           <div class="controls">
 303             <input type="text" class="xlarge required digits" id="maxTotalPerHost" name="maxTotalPerHost" size="8"
 304                    data-bind="value: networkConfiguration().maxTotalPerHost"/>
 305           </div>
 306         </div>
 307         <div class="control-group">
 308           <label class="control-label" for="usePooling">${$.i18n.prop('network-configuration.usePooling')}</label>
 309           <div class="controls">
 310             <input type="checkbox" id="usePooling" name="usePooling" data-bind="checked: networkConfiguration().usePooling"/>
 311           </div>
 312         </div>
 313       </fieldset>
 314       <button id="network-configuration-btn-save" data-bind="click: save" class="btn">${$.i18n.prop('save')}</button>
 315     </form>
 316 </script>
 317
 318 <script id="ui-configuration-screen" type="text/html">
 319   <div class="page-header">
 320     <h4>${$.i18n.prop('ui-configuration.header')}</h4>
 321   </div>
 322   <div id="ui-configuration-form" data-bind='template: {name:"ui-configuration-form-tmpl"}'></div>
 323 </script>
 324
 325 <script id="ui-configuration-form-tmpl" type="text/html">
 326     <form id="ui-configuration-edit-form" class="well form-horizontal">
 327       <fieldset id="ui-configuration-edit-fieldset">
 328         <div class="control-group">
 329           <label class="control-label" for="maxTotal">${$.i18n.prop('ui-configuration.applicationUrl')}</label>
 330           <div class="controls">
 331             <input type="text" class="xlarge required digits" id="applicationUrl" name="applicationUrl" size="8"
 332                    data-bind="value: uiConfiguration().applicationUrl"/>
 333           </div>
 334         </div>
 335       </fieldset>
 336       <button id="ui-configuration-btn-save" data-bind="click: save" class="btn">${$.i18n.prop('save')}</button>
 337     </form>
 338 </script>
 339
 340 <script id="system-status-main" type="text/html">
 341   <div class="page-header">
 342     <h4>${$.i18n.prop('system-status.header.version.info')}</h4>
 343   </div>
 344   <div id="status_version_info">
 345     <img src="images/small-spinner.gif"/>
 346   </div>
 347   <div class="page-header">
 348     <h3>${$.i18n.prop('system-status.header.main')}&nbsp;<a href="#" onclick="refreshSystemStatus()"><img src="images/view-refresh-22-22.png"/></a></h3>
 349   </div>
 350   <div class="page-header">
 351     <h4>${$.i18n.prop('system-status.header.queues')}</h4>
 352   </div>
 353   <div id="status_queues">
 354     <img src="images/small-spinner.gif"/>
 355   </div>
 356
 357   <div class="page-header">
 358     <h4>${$.i18n.prop('system-status.header.scanning')}&nbsp;<a href="#" onclick="displayScanningStats()"><img src="images/view-refresh.png"/></a></h4>
 359   </div>
 360   <div id="status_scanning">
 361     <img src="images/small-spinner.gif"/>
 362   </div>
 363
 364   <div class="page-header">
 365     <h4>${$.i18n.prop('system-status.header.caches')}&nbsp;<a href="#" onclick="displayCacheEntries()"><img src="images/view-refresh.png"/></a></h4>
 366   </div>
 367   <div id="status_caches">
 368       <img src="images/small-spinner.gif"/>
 369   </div>
 370
 371   <div class="page-header">
 372     <h4>${$.i18n.prop('system-status.header.memory')}&nbsp;<a href="#" onclick="displayMemoryUsage()"><img src="images/view-refresh.png"/></a></h4>
 373   </div>
 374   <div id="status_memory_info">
 375     <img src="images/small-spinner.gif"/>
 376   </div>
 377
 378   <div class="page-header">
 379     <h4>${$.i18n.prop('system-status.header.current.time')}</h4>
 380   </div>
 381   <div id="status_current_time">
 382     <img src="images/small-spinner.gif"/>
 383   </div>
 384
 385 </script>
 386
 387 <script id="status_caches_tmpl" type="text/html">
 388   <a href="#" class="btn btn-warning" onclick="flushAllCaches()">
 389     ${$.i18n.prop('system-status.caches.flushAll')}
 390   </a>
 391   <table class="table table-condensed">
 392     <thead>
 393       <tr>
 394         <th>${$.i18n.prop('system-status.caches.grid.header.key')}</th>
 395         <th>${$.i18n.prop('system-status.caches.grid.header.size')}</th>
 396         <th>${$.i18n.prop('system-status.caches.grid.header.cacheHits')}</th>
 397         <th>${$.i18n.prop('system-status.caches.grid.header.cacheMiss')}</th>
 398         <th>${$.i18n.prop('system-status.caches.grid.header.cacheHitRate')}</th>
 399           <th>${$.i18n.prop('system-status.caches.grid.header.inMemorySize')}</th>
 400         <th>${$.i18n.prop('system-status.caches.grid.header.flush')}</th>
 401       </tr>
 402     </thead>
 403     <tbody>
 404     {{each(i,cacheEntry) cacheEntries}}
 405       <tr>
 406         <td>${cacheEntry.key}</td>
 407         <td>${cacheEntry.size}</td>
 408         <td>${cacheEntry.cacheHits}</td>
 409         <td>${cacheEntry.cacheMiss}</td>
 410         <td>${cacheEntry.cacheHitRate}</td>
 411         <td>${cacheEntry.inMemorySize}</td>
 412         <td>
 413           <a href="#" onclick="flushCache('${cacheEntry.key}')">
 414             {{if  cacheEntry.size > 0 }}
 415               <img src="images/user-trash-full.png"/>
 416             {{else}}
 417               <img src="images/user-trash.png"/>
 418             {{/if}}
 419           </a>
 420         </td>
 421       </tr>
 422     {{/each}}
 423     </tbody>
 424   </table>
 425 </script>
 426
 427
 428 <script id="status_queues_tmpl" type="text/html">
 429   <table class="table table-condensed">
 430     <thead>
 431       <tr>
 432         <th>${$.i18n.prop('system-status.queues.grid.header.key')}</th>
 433         <th>${$.i18n.prop('system-status.queues.grid.header.size')}</th>
 434       </tr>
 435     </thead>
 436     <tbody>
 437     {{each(i,queueEntry) queueEntries}}
 438       <tr>
 439         <td>${queueEntry.key}</td>
 440         <td>${queueEntry.entriesNumber}</td>
 441       </tr>
 442     {{/each}}
 443     </tbody>
 444   </table>
 445 </script>
 446
 447 <script id="status_scanning_tmpl" type="text/html">
 448   {{if repositoryScannerStatisticsList.length == 0}}
 449     <h5>No scans in progress.</h5>
 450   {{else}}
 451     <table class="table table-condensed">
 452       <thead>
 453         <tr>
 454           <th>${$.i18n.prop('system-status.scanning.grid.header.repository')}</th>
 455           <th>${$.i18n.prop('system-status.scanning.grid.header.files.processed')}</th>
 456           <th>${$.i18n.prop('system-status.scanning.grid.header.files.new')}</th>
 457           <th>${$.i18n.prop('system-status.scanning.grid.header.stats')}</th>
 458         </tr>
 459       </thead>
 460       <tbody>
 461       {{each(i,repositoryScannerStatistics) repositoryScannerStatisticsList}}
 462         <tr>
 463           <td>${repositoryScannerStatistics.managedRepository.name()}</td>
 464           <td>${repositoryScannerStatistics.totalFileCount}</td>
 465           <td>${repositoryScannerStatistics.newFileCount}</td>
 466           <td>
 467             <blockquote>
 468             <table>
 469               <thead>
 470                 <tr>
 471                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.name')}</th>
 472                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.total')}</th>
 473                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.average')} ms</th>
 474                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.invocations.time')}</th>
 475                 </tr>
 476               </thead>
 477               <tbody>
 478                 {{each(j,consumerScanningStatistics) repositoryScannerStatistics.consumerScanningStatisticsList}}
 479                 <tr>
 480                   <td>${consumerScanningStatistics.consumerKey}</td>
 481                   <td>${consumerScanningStatistics.count}</td>
 482                   <td>${consumerScanningStatistics.average}ms</td>
 483                   <td>${consumerScanningStatistics.time}ms</td>
 484                 </tr>
 485                 {{/each}}
 486               </tbody>
 487             </table>
 488             </blockquote>
 489           </td>
 490         </tr>
 491       {{/each}}
 492       </tbody>
 493     </table>
 494   {{/if}}
 495 </script>
 496
 497 <script id="changeAppearance" type="text/html">
 498     <div class="page-header">
 499         <h2>${$.i18n.prop('appearance-configuration.title-page')}</h2>
 500     </div>
 501
 502     <h2>${$.i18n.prop('appearance-configuration.organisation-details')}</h2>
 503
 504     <p>
 505         ${$.i18n.prop('apperance-configuration.details-description')}
 506     </p>
 507
 508     <form id="appearance-configuration-form-id" class="well form-horizontal">
 509         <fieldset id="appearance-configuration-fielset-id">
 510             <div class="control-group">
 511                 <label class="control-label" for="name">${$.i18n.prop('appearance-configuration.name-label')}</label>
 512                 <div class="controls">
 513                     <input type="text" class="xlarge required" id="name" name="name" size="50"
 514                            data-bind="value: organisationInformation().name"/>
 515                 </div>
 516             </div>
 517             <div class="control-group">
 518                 <label class="control-label" for="name">${$.i18n.prop('appearance-configuration.url-label')}</label>
 519                 <div class="controls">
 520                     <input type="text" class="xlarge required" id="url" name="url" size="50"
 521                            data-bind="value: organisationInformation().url"/>
 522                 </div>
 523             </div>
 524             <div class="control-group">
 525                 <label class="control-label"
 526                        for="name">${$.i18n.prop('appearance-configuration.logoLocation-label')}</label>
 527                 <div class="controls">
 528                     <input type="text" class="xlarge" id="logoLocation" name="logoLocation" size="50"
 529                            data-bind="value: organisationInformation().logoLocation"/>
 530                 </div>
 531             </div>
 532         </fieldset>
 533         <button id="appearance-configuration-btn-save" data-bind="click: save" class="btn">${$.i18n.prop('save')}</button>
 534     </form>
 535 </script>
 536
 537
 538 <script id="file-upload-screen" type="text/html">
 539   <div id="file-upload-main" data-bind='template:{name:"file-upload-tmpl"}'></div>
 540 </script>
 541
 542 <script id="file-upload-tmpl" type="text/html">
 543   <div class="page-header">
 544     <h3>${$.i18n.prop('fileupload.header')}</h3>
 545   </div>
 546   <form id="fileupload" action="restServices/archivaUiServices/fileUploadService" method="POST"
 547         enctype="multipart/form-data" class="well form-horizontal">
 548
 549     <fieldset id="network-proxy-edit-fieldset">
 550       <div class="control-group">
 551         <label class="control-label" for="repositoryId">${$.i18n.prop('fileupload.repositoryId')}</label>
 552         <div class="controls">
 553           <select id="repositoryId"
 554                     data-bind="options: managedRepositories, optionsText: 'name',optionsValue:'id',
 555                      value: repositoryId"></select>
 556          </div>
 557         </div>
 558       <div class="control-group">
 559         <label class="control-label" for="groupId">${$.i18n.prop('fileupload.groupId')}</label>
 560         <div class="controls">
 561           <input type="text" class="xlarge required" data-bind="value: groupId" id="groupId" name="groupId" size="10" />
 562           </div>
 563         </div>
 564       </div>
 565       <div class="control-group">
 566         <label class="control-label" for="artifactId">${$.i18n.prop('fileupload.artifactId')}</label>
 567         <div class="controls">
 568           <input type="text" class="xlarge required" data-bind="value: artifactId" id="artifactId" name="artifactId" size="10" />
 569           </div>
 570         </div>
 571       </div>
 572       <div class="control-group">
 573         <label class="control-label" for="version">${$.i18n.prop('fileupload.version')}</label>
 574         <div class="controls">
 575           <input type="text" class="xlarge required" data-bind="value: version" id="version" name="version" size="10" />
 576           </div>
 577         </div>
 578       </div>
 579       <div class="control-group">
 580         <label class="control-label" for="packaging">${$.i18n.prop('fileupload.packaging')}</label>
 581         <div class="controls">
 582           <input type="text" class="xlarge required" data-bind="value: packaging" id="packaging" name="packaging" size="10" />
 583           </div>
 584         </div>
 585       </div>
 586       <div class="control-group">
 587         <label class="control-label" for="generatePom">${$.i18n.prop('fileupload.generatePom')}</label>
 588         <div class="controls">
 589           <input type="checkbox" class="xlarge" data-bind="value: generatePom" id="generatePom" name="generatePom" />
 590           </div>
 591         </div>
 592       </div>
 593     </fieldset>
 594
 595     <div class="row-fluid fileupload-buttonbar">
 596       <div class="span7">
 597         <span class="btn btn-success fileinput-button">
 598           <i class="icon-plus icon-white"></i>
 599           <span>${$.i18n.prop('fileupload.file.choose')}</span>
 600           <input type="file" name="files[]" multiple="">
 601         </span>
 602         <button type="submit" class="btn btn-primary start">
 603           <i class="icon-upload icon-white"></i>
 604           <span>${$.i18n.prop('fileupload.start')}</span>
 605         </button>
 606         <button type="reset" class="btn btn-warning cancel">
 607           <i class="icon-ban-circle icon-white"></i>
 608           <span>${$.i18n.prop('fileupload.cancel')}</span>
 609         </button>
 610         <button type="button" class="btn btn-danger delete">
 611           <i class="icon-trash icon-white"></i>
 612           <span>${$.i18n.prop('fileupload.delete')}</span>
 613         </button>
 614         <input type="checkbox" class="toggle">
 615       </div>
 616       <div class="span5">
 617         <div class="progress progress-success progress-striped active">
 618           <div class="bar" style="width:0%;"></div>
 619         </div>
 620       </div>
 621     </div>
 622     <div>
 623       <a href="#" id="fileupload-save-files">
 624         <span class="btn btn-info" data-bind='click: saveArtifacts'>
 625           <i class="icon-file icon-white"></i>
 626           <span>${$.i18n.prop('fileupload.save')}</span>
 627         </span>
 628       </a>
 629     </div>
 630     <div class="fileupload-loading"></div>
 631     <br>
 632     <table class="table table-striped">
 633       <tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody>
 634     </table>
 635 </form>
 636
 637 </script>
 638
 639
 640 <script id="template-upload" type="text/html">
 641   {% for (var i=0, file; file=o.files[i]; i++) { %}
 642     <tr class="template-upload">
 643       <td class="name"><span>{%=file.name%}</span></td>
 644       <td><input type="text" id="classifier" name="classifier" placeholder="classifier" value=""/></td>
 645       <td><span>pomFile:</span><input type="checkbox" id="pomFile" name="pomFile"/></td>
 646       <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
 647       {% if (file.error) { %}
 648       <td class="error" colspan="2">
 649         <span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span>
 650         {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}
 651       </td>
 652       {% } else if (o.files.valid && !i) { %}
 653       <td>
 654         <div class="progress progress-success progress-striped active">
 655           <div class="bar" style="width:0%;"></div>
 656         </div>
 657       </td>
 658       <td class="start">
 659         {% if (!o.options.autoUpload) { %}
 660         <button class="btn btn-primary">
 661           <i class="icon-upload icon-white"></i>
 662           <span>{%=$.i18n.prop('fileupload.start')%}</span>
 663         </button>
 664         {% } %}
 665       </td>
 666       {% } else { %}
 667       <td colspan="2"></td>
 668       {% } %}
 669       <td class="cancel">
 670       {% if (!i) { %}
 671         <button class="btn btn-warning">
 672           <i class="icon-ban-circle icon-white"></i>
 673           <span>{%=$.i18n.prop('fileupload.cancel')%}</span>
 674         </button>
 675       {% } %}
 676       </td>
 677     </tr>
 678   {% } %}
 679 </script>
 680
 681 <script id="template-download" type="text/html">
 682   {% for (var i=0, file; file=o.files[i]; i++) { %}
 683   <tr class="template-download">
 684       <td class="name"><span>{%=file.name%}</span></td>
 685       <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
 686     {% if (file.error) { %}
 687       <td class="error" colspan="2">
 688         <span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span>
 689         {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}
 690       </td>
 691     {% } else { %}
 692       <td colspan="2"></td>
 693     {% } %}
 694       <td class="delete">
 695         <button class="btn btn-danger" data-type="{%=file.deleteType%}"
 696                 data-url="restServices/archivaUiServices/fileUploadService/{%=file.deleteUrl%}">
 697           <i class="icon-trash icon-white"></i>
 698           <span>{%=$.i18n.prop('fileupload.destroy')%}</span>
 699         </button>
 700         <input type="checkbox" name="delete" value="1">
 701       </td>
 702     </tr>
 703 {% } %}
 704 </script>
 705
 706 <script id="report-base" type="text/html">
 707   <div class="page-header">
 708     <h2>${$.i18n.prop('report.title')}</h2>
 709   </div>
 710
 711     <ul class="nav nav-tabs">
 712       <li class="active" id="report-stat-tab-li"><a href="#report-stat-tab-content" data-toggle="tab">${$.i18n.prop('report.statistics.title')}</a></li>
 713       <li id="report-health-tab-li"><a href="#report-health-tab-content" data-toggle="tab">${$.i18n.prop('report.health.title')}</a></li>
 714       <li id="report-result-tab-li" class="hide"><a href="#report-result" data-toggle="tab">${$.i18n.prop('report.result.title')}</a></li>
 715     </ul>
 716
 717     <div class="tab-content">
 718       <div class="tab-pane active" id="report-stat-tab-content">
 719         <form class="form-horizontal" id="report-statistics-form-id">
 720           <fieldset id="form-statistics-report">
 721             <div class="row-fluid">
 722               <div class="span6 row-fluid">
 723                 <div class="row-fluid" id="repositoriesErrorMessage"></div>
 724                 <div class="row-fluid">
 725                   <div class="span6 dotted">
 726                     <h5>${$.i18n.prop('report.statistics.selected-repositories.label')}</h5>
 727                     <hr/>
 728                     <div style="min-height: 40px"
 729                          data-bind="sortable: { template: 'statistics-repositories-order-tmpl', data:statisticsReport().repositories}">
 730                     </div>
 731                   </div>
 732                   <div class="span6 dotted">
 733                     <h5>${$.i18n.prop('repository.groups.available-repositories.label')}</h5>
 734                     <hr/>
 735                     <div style="min-height: 40px"
 736                          data-bind="sortable: {template: 'statistics-repositories-order-tmpl',data:availableRepositories}">
 737                     </div>
 738                 </div>
 739                 </div>
 740               </div>
 741               <div class="span6 well">
 742                   <div class="control-group">
 743                       <label for="rowCountStatistics" class="control-label">
 744                           ${$.i18n.prop('report.statistics.row-count.label')}
 745                       </label>
 746                       <div class="controls">
 747                           <input type="text" id="rowCountStatistics" name="rowCountStatistics" class="input-small"
 748                                  data-bind="value: statisticsReport().rowCount"/>
 749
 750                           <button class="btn btn-warning btn-mini" id="rowCount-info-button"
 751                                   data-original-title="${$.i18n.prop('report.statistics.rowCount.explanations-title')}"
 752                                   data-content="${$.i18n.prop('report.statistics.rowCount.explanations')}">
 753                               <i class="icon-question-sign icon-white"></i>
 754                           </button>
 755                       </div>
 756                   </div>
 757                   <div class="control-group">
 758                       <label for="startDate" class="control-label">
 759                           ${$.i18n.prop('report.statistics.start-date.label')}
 760                       </label>
 761                       <div class="controls">
 762                           <input type="text" id="startDate" name="startDate" class="input-small"
 763                                  data-bind="value: statisticsReport().startDate"/>
 764                       </div>
 765                   </div>
 766                   <div class="control-group">
 767                       <label for="endDate" class="control-label">
 768                           ${$.i18n.prop('report.statistics.end-date.label')}
 769                       </label>
 770                       <div class="controls">
 771                           <input type="text" id="endDate" name="endDate" class="input-small"
 772                                  data-bind="value: statisticsReport().endDate"/>
 773                       </div>
 774                   </div>
 775               </div>
 776             </div>
 777               <div class="form-actions">
 778                   <button class="btn btn-primary" data-bind="click: showStatistics">
 779                       ${$.i18n.prop('report.statistics.btn-view')}
 780                   </button>
 781               </div>
 782           </fieldset>
 783         </form>
 784       </div>
 785
 786       <div class="tab-pane" id="report-health-tab-content">
 787         <form class="form-horizontal" id="report-health-form-id">
 788           <fieldset id="form-health-report">
 789             <div class="control-group">
 790               <label for="rowCountHealth" class="control-label">
 791                 ${$.i18n.prop('report.statistics.row-count.label')}
 792               </label>
 793               <div class="controls">
 794                 <input type="text" id="rowCountHealth" name="rowCountHealth" class="input-small required"
 795                         data-bind="value: healthReport().rowCount"/>
 796               </div>
 797             </div>
 798             <div class="control-group">
 799               <label for="groupId" class="control-label">
 800                 ${$.i18n.prop('report.health.groupId.label')}
 801               </label>
 802               <div class="controls">
 803                 <input type="text" id="groupId" name="groupId" data-bind="value: healthReport().groupId"/>
 804               </div>
 805             </div>
 806             <div class="control-group">
 807               <label for="repositoryId" class="control-label">
 808                 ${$.i18n.prop('report.health.repositoryId.label')}
 809               </label>
 810               <div class="controls">
 811                 <select id="repositoryId" name="repositoryId" data-bind="value: healthReport().repositoryId"
 812                         class="required">
 813                     <option value="all">${$.i18n.prop('report.select.all-repositories')}</option>
 814                     {{each(i, repoId) repositoriesList}}
 815                       <option value="${repoId}">${repoId}</option>
 816                     {{/each}}
 817                 </select>
 818               </div>
 819             </div>
 820             <div class="form-actions">
 821               <a href="#" class="btn btn-primary" data-bind="click: showHealth">
 822                 ${$.i18n.prop('report.health.btn-view')}
 823               </a>
 824             </div>
 825           </fieldset>
 826         </form>
 827       </div>
 828
 829       <div class="tab-pane" id="report-result">
 830     </div>
 831 </script>
 832
 833 <script id="statistics-repositories-order-tmpl" type="text/html">
 834     <div class="well draggable-item">
 835         ${$data}
 836     </div>
 837 </script>
 838
 839 <script id="report-health" type="text/html">
 840     <div class="page-header">
 841         <h3>${$.i18n.prop('report.health.title')}</h3>
 842     </div>
 843     <table class="table table-bordered table-striped"
 844            data-bind="simpleGrid: tableReportViewModel,simpleGridTemplate:'table-report-tmpl',pageLinksId:'reportHealthPageLinkId'">
 845     </table>
 846     <div id="reportHealthPageLinkId"></div>
 847 </script>
 848
 849 <script id="report-statistics" type="text/html">
 850     <div class="page-header">
 851         <h3>${$.i18n.prop('report.statistics.title')}</h3>
 852     </div>
 853     <table class="table table-bordered table-striped"
 854            data-bind="simpleGrid: tableReportViewModel,simpleGridTemplate:'table-report-tmpl',pageLinksId:'reportStatisticsPageLinkId'">
 855     </table>
 856     <div id="reportStatisticsPageLinkId"></div>
 857 </script>
 858 <script id="table-report-tmpl" type="text/html">
 859     <thead>
 860     {{each(i, columnDefinition) columns}}
 861       <th>${ columnDefinition.headerText }</th>
 862     {{/each}}
 863     </thead>
 864     <tbody>
 865     {{each(i, row) itemsOnCurrentPage()}}
 866       <tr>
 867         {{each(i, columnDefinition) columns}}
 868           {{var val = (typeof columnDefinition.rowText == 'function' ? columnDefinition.rowText(row) : row[columnDefinition.rowText])}}
 869           <td>
 870               ${val}
 871           </td>
 872         {{/each}}
 873       </tr>
 874     {{/each}}
 875     </tbody>
 876 </script>