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="system-status-main" type="text/html">
 319   <div class="page-header">
 320     <h4>${$.i18n.prop('system-status.header.version.info')}</h4>
 321   </div>
 322   <div id="status_version_info">
 323     <img src="images/small-spinner.gif"/>
 324   </div>
 325   <div class="page-header">
 326     <h3>${$.i18n.prop('system-status.header.main')}&nbsp;<a href="#" onclick="refreshSystemStatus()"><img src="images/view-refresh-22-22.png"/></a></h3>
 327   </div>
 328   <div class="page-header">
 329     <h4>${$.i18n.prop('system-status.header.queues')}</h4>
 330   </div>
 331   <div id="status_queues">
 332     <img src="images/small-spinner.gif"/>
 333   </div>
 334
 335   <div class="page-header">
 336     <h4>${$.i18n.prop('system-status.header.scanning')}&nbsp;<a href="#" onclick="displayScanningStats()"><img src="images/view-refresh.png"/></a></h4>
 337   </div>
 338   <div id="status_scanning">
 339     <img src="images/small-spinner.gif"/>
 340   </div>
 341
 342   <div class="page-header">
 343     <h4>${$.i18n.prop('system-status.header.caches')}&nbsp;<a href="#" onclick="displayCacheEntries()"><img src="images/view-refresh.png"/></a></h4>
 344   </div>
 345   <div id="status_caches">
 346       <img src="images/small-spinner.gif"/>
 347   </div>
 348
 349   <div class="page-header">
 350     <h4>${$.i18n.prop('system-status.header.memory')}&nbsp;<a href="#" onclick="displayMemoryUsage()"><img src="images/view-refresh.png"/></a></h4>
 351   </div>
 352   <div id="status_memory_info">
 353     <img src="images/small-spinner.gif"/>
 354   </div>
 355
 356   <div class="page-header">
 357     <h4>${$.i18n.prop('system-status.header.current.time')}</h4>
 358   </div>
 359   <div id="status_current_time">
 360     <img src="images/small-spinner.gif"/>
 361   </div>
 362
 363 </script>
 364
 365 <script id="status_caches_tmpl" type="text/html">
 366   <a href="#" class="btn btn-warning" onclick="flushAllCaches()">
 367     ${$.i18n.prop('system-status.caches.flushAll')}
 368   </a>
 369   <table class="table table-condensed">
 370     <thead>
 371       <tr>
 372         <th>${$.i18n.prop('system-status.caches.grid.header.key')}</th>
 373         <th>${$.i18n.prop('system-status.caches.grid.header.size')}</th>
 374         <th>${$.i18n.prop('system-status.caches.grid.header.cacheHits')}</th>
 375         <th>${$.i18n.prop('system-status.caches.grid.header.cacheMiss')}</th>
 376         <th>${$.i18n.prop('system-status.caches.grid.header.cacheHitRate')}</th>
 377         <th>${$.i18n.prop('system-status.caches.grid.header.flush')}</th>
 378       </tr>
 379     </thead>
 380     <tbody>
 381     {{each(i,cacheEntry) cacheEntries}}
 382       <tr>
 383         <td>${cacheEntry.key}</td>
 384         <td>${cacheEntry.size}</td>
 385         <td>${cacheEntry.cacheHits}</td>
 386         <td>${cacheEntry.cacheMiss}</td>
 387         <td>${cacheEntry.cacheHitRate}</td>
 388         <td>
 389           <a href="#" onclick="flushCache('${cacheEntry.key}')">
 390             {{if  cacheEntry.size > 0 }}
 391               <img src="images/user-trash-full.png"/>
 392             {{else}}
 393               <img src="images/user-trash.png"/>
 394             {{/if}}
 395           </a>
 396         </td>
 397       </tr>
 398     {{/each}}
 399     </tbody>
 400   </table>
 401 </script>
 402
 403
 404 <script id="status_queues_tmpl" type="text/html">
 405   <table class="table table-condensed">
 406     <thead>
 407       <tr>
 408         <th>${$.i18n.prop('system-status.queues.grid.header.key')}</th>
 409         <th>${$.i18n.prop('system-status.queues.grid.header.size')}</th>
 410       </tr>
 411     </thead>
 412     <tbody>
 413     {{each(i,queueEntry) queueEntries}}
 414       <tr>
 415         <td>${queueEntry.key}</td>
 416         <td>${queueEntry.entriesNumber}</td>
 417       </tr>
 418     {{/each}}
 419     </tbody>
 420   </table>
 421 </script>
 422
 423 <script id="status_scanning_tmpl" type="text/html">
 424   {{if repositoryScannerStatisticsList.length == 0}}
 425     <h5>No scans in progress.</h5>
 426   {{else}}
 427     <table class="table table-condensed">
 428       <thead>
 429         <tr>
 430           <th>${$.i18n.prop('system-status.scanning.grid.header.repository')}</th>
 431           <th>${$.i18n.prop('system-status.scanning.grid.header.files.processed')}</th>
 432           <th>${$.i18n.prop('system-status.scanning.grid.header.files.new')}</th>
 433           <th>${$.i18n.prop('system-status.scanning.grid.header.stats')}</th>
 434         </tr>
 435       </thead>
 436       <tbody>
 437       {{each(i,repositoryScannerStatistics) repositoryScannerStatisticsList}}
 438         <tr>
 439           <td>${repositoryScannerStatistics.managedRepository.name()}</td>
 440           <td>${repositoryScannerStatistics.totalFileCount}</td>
 441           <td>${repositoryScannerStatistics.newFileCount}</td>
 442           <td>
 443             <blockquote>
 444             <table>
 445               <thead>
 446                 <tr>
 447                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.name')}</th>
 448                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.total')}</th>
 449                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.average')} ms</th>
 450                   <th>${$.i18n.prop('system-status.scanning.consumers.grid.header.invocations.time')}</th>
 451                 </tr>
 452               </thead>
 453               <tbody>
 454                 {{each(j,consumerScanningStatistics) repositoryScannerStatistics.consumerScanningStatisticsList}}
 455                 <tr>
 456                   <td>${consumerScanningStatistics.consumerKey}</td>
 457                   <td>${consumerScanningStatistics.count}</td>
 458                   <td>${consumerScanningStatistics.average}ms</td>
 459                   <td>${consumerScanningStatistics.time}ms</td>
 460                 </tr>
 461                 {{/each}}
 462               </tbody>
 463             </table>
 464             </blockquote>
 465           </td>
 466         </tr>
 467       {{/each}}
 468       </tbody>
 469     </table>
 470   {{/if}}
 471 </script>
 472
 473 <script id="changeAppearance" type="text/html">
 474     <div class="page-header">
 475         <h2>${$.i18n.prop('appearance-configuration.title-page')}</h2>
 476     </div>
 477
 478     <h2>${$.i18n.prop('appearance-configuration.organisation-details')}</h2>
 479
 480     <p>
 481         ${$.i18n.prop('apperance-configuration.details-description')}
 482     </p>
 483
 484     <form id="appearance-configuration-form-id" class="well form-horizontal">
 485         <fieldset id="appearance-configuration-fielset-id">
 486             <div class="control-group">
 487                 <label class="control-label" for="name">${$.i18n.prop('appearance-configuration.name-label')}</label>
 488                 <div class="controls">
 489                     <input type="text" class="xlarge required" id="name" name="name" size="50"
 490                            data-bind="value: organisationInformation().name"/>
 491                 </div>
 492             </div>
 493             <div class="control-group">
 494                 <label class="control-label" for="name">${$.i18n.prop('appearance-configuration.url-label')}</label>
 495                 <div class="controls">
 496                     <input type="text" class="xlarge required" id="url" name="url" size="50"
 497                            data-bind="value: organisationInformation().url"/>
 498                 </div>
 499             </div>
 500             <div class="control-group">
 501                 <label class="control-label"
 502                        for="name">${$.i18n.prop('appearance-configuration.logoLocation-label')}</label>
 503                 <div class="controls">
 504                     <input type="text" class="xlarge" id="logoLocation" name="logoLocation" size="50"
 505                            data-bind="value: organisationInformation().logoLocation"/>
 506                 </div>
 507             </div>
 508         </fieldset>
 509         <button id="appearance-configuration-btn-save" data-bind="click: save" class="btn">${$.i18n.prop('save')}</button>
 510     </form>
 511 </script>
 512
 513
 514 <script id="file-upload-screen" type="text/html">
 515   <div id="file-upload-main" data-bind='template:{name:"file-upload-tmpl"}'></div>
 516 </script>
 517
 518 <script id="file-upload-tmpl" type="text/html">
 519   <div class="page-header">
 520     <h3>${$.i18n.prop('fileupload.header')}</h3>
 521   </div>
 522   <form id="fileupload" action="restServices/archivaUiServices/fileUploadService" method="POST"
 523         enctype="multipart/form-data" class="well form-horizontal">
 524
 525     <fieldset id="network-proxy-edit-fieldset">
 526       <div class="control-group">
 527         <label class="control-label" for="repositoryId">${$.i18n.prop('fileupload.repositoryId')}</label>
 528         <div class="controls">
 529           <select id="repositoryId"
 530                     data-bind="options: managedRepositories, optionsText: 'name',optionsValue:'id',
 531                      value: repositoryId"></select>
 532          </div>
 533         </div>
 534       <div class="control-group">
 535         <label class="control-label" for="groupId">${$.i18n.prop('fileupload.groupId')}</label>
 536         <div class="controls">
 537           <input type="text" class="xlarge required" data-bind="value: groupId" id="groupId" name="groupId" size="10" />
 538           </div>
 539         </div>
 540       </div>
 541       <div class="control-group">
 542         <label class="control-label" for="artifactId">${$.i18n.prop('fileupload.artifactId')}</label>
 543         <div class="controls">
 544           <input type="text" class="xlarge required" data-bind="value: artifactId" id="artifactId" name="artifactId" size="10" />
 545           </div>
 546         </div>
 547       </div>
 548       <div class="control-group">
 549         <label class="control-label" for="version">${$.i18n.prop('fileupload.version')}</label>
 550         <div class="controls">
 551           <input type="text" class="xlarge required" data-bind="value: version" id="version" name="version" size="10" />
 552           </div>
 553         </div>
 554       </div>
 555       <div class="control-group">
 556         <label class="control-label" for="packaging">${$.i18n.prop('fileupload.packaging')}</label>
 557         <div class="controls">
 558           <input type="text" class="xlarge required" data-bind="value: packaging" id="packaging" name="packaging" size="10" />
 559           </div>
 560         </div>
 561       </div>
 562       <div class="control-group">
 563         <label class="control-label" for="generatePom">${$.i18n.prop('fileupload.generatePom')}</label>
 564         <div class="controls">
 565           <input type="checkbox" class="xlarge" data-bind="value: generatePom" id="generatePom" name="generatePom" />
 566           </div>
 567         </div>
 568       </div>
 569     </fieldset>
 570
 571     <div class="row fileupload-buttonbar">
 572       <div class="span7">
 573         <span class="btn btn-success fileinput-button">
 574           <i class="icon-plus icon-white"></i>
 575           <span>${$.i18n.prop('fileupload.file.choose')}</span>
 576           <input type="file" name="files[]" multiple="">
 577         </span>
 578         <button type="submit" class="btn btn-primary start">
 579           <i class="icon-upload icon-white"></i>
 580           <span>${$.i18n.prop('fileupload.start')}</span>
 581         </button>
 582         <button type="reset" class="btn btn-warning cancel">
 583           <i class="icon-ban-circle icon-white"></i>
 584           <span>${$.i18n.prop('fileupload.cancel')}</span>
 585         </button>
 586         <button type="button" class="btn btn-danger delete">
 587           <i class="icon-trash icon-white"></i>
 588           <span>${$.i18n.prop('fileupload.delete')}</span>
 589         </button>
 590         <input type="checkbox" class="toggle">
 591       </div>
 592       <div class="span5">
 593         <div class="progress progress-success progress-striped active">
 594           <div class="bar" style="width:0%;"></div>
 595         </div>
 596       </div>
 597     </div>
 598     <div>
 599       <a href="#" id="fileupload-save-files">
 600         <span class="btn btn-info" data-bind='click: saveArtifacts'>
 601           <i class="icon-file icon-white"></i>
 602           <span>${$.i18n.prop('fileupload.save')}</span>
 603         </span>
 604       </a>
 605     </div>
 606     <div class="fileupload-loading"></div>
 607     <br>
 608     <table class="table table-striped">
 609       <tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody>
 610     </table>
 611 </form>
 612
 613 </script>
 614
 615
 616 <script id="template-upload" type="text/html">
 617   {% for (var i=0, file; file=o.files[i]; i++) { %}
 618     <tr class="template-upload">
 619       <td class="name"><span>{%=file.name%}</span></td>
 620       <td><input type="text" id="classifier" name="classifier" placeholder="classifier" value=""/></td>
 621       <td><span>pomFile:</span><input type="checkbox" id="pomFile" name="pomFile"/></td>
 622       <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
 623       {% if (file.error) { %}
 624       <td class="error" colspan="2">
 625         <span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span>
 626         {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}
 627       </td>
 628       {% } else if (o.files.valid && !i) { %}
 629       <td>
 630         <div class="progress progress-success progress-striped active">
 631           <div class="bar" style="width:0%;"></div>
 632         </div>
 633       </td>
 634       <td class="start">
 635         {% if (!o.options.autoUpload) { %}
 636         <button class="btn btn-primary">
 637           <i class="icon-upload icon-white"></i>
 638           <span>{%=$.i18n.prop('fileupload.start')%}</span>
 639         </button>
 640         {% } %}
 641       </td>
 642       {% } else { %}
 643       <td colspan="2"></td>
 644       {% } %}
 645       <td class="cancel">
 646       {% if (!i) { %}
 647         <button class="btn btn-warning">
 648           <i class="icon-ban-circle icon-white"></i>
 649           <span>{%=$.i18n.prop('fileupload.cancel')%}</span>
 650         </button>
 651       {% } %}
 652       </td>
 653     </tr>
 654   {% } %}
 655 </script>
 656
 657 <script id="template-download" type="text/html">
 658   {% for (var i=0, file; file=o.files[i]; i++) { %}
 659   <tr class="template-download">
 660       <td class="name"><span>{%=file.name%}</span></td>
 661       <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
 662     {% if (file.error) { %}
 663       <td class="error" colspan="2">
 664         <span class="label label-important">{%=$.i18n.prop('fileupload.error')%}</span>
 665         {%=$.i18n.prop('fileupload.errors.'+[file.error]) || file.error%}
 666       </td>
 667     {% } else { %}
 668       <td colspan="2"></td>
 669     {% } %}
 670       <td class="delete">
 671         <button class="btn btn-danger" data-type="{%=file.deleteType%}"
 672                 data-url="restServices/archivaUiServices/fileUploadService/{%=file.deleteUrl%}">
 673           <i class="icon-trash icon-white"></i>
 674           <span>{%=$.i18n.prop('fileupload.destroy')%}</span>
 675         </button>
 676         <input type="checkbox" name="delete" value="1">
 677       </td>
 678     </tr>
 679 {% } %}
 680 </script>