1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-08 15:25:22 +02:00

chore(project): add prettier for code format (#3645)

* chore(project): install prettier and lint-staged

* chore(project): apply prettier to html too

* chore(project): git ignore eslintcache

* chore(project): add a comment about format script

* chore(prettier): update printWidth

* chore(prettier): remove useTabs option

* chore(prettier): add HTML validation

* refactor(prettier): fix closing tags

* feat(prettier): define angular parser for html templates

* style(prettier): run prettier on codebase

Co-authored-by: Anthony Lapenna <lapenna.anthony@gmail.com>
This commit is contained in:
Chaim Lev-Ari 2020-04-11 00:54:53 +03:00 committed by GitHub
parent 6663073be1
commit cf5056d9c0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
714 changed files with 31228 additions and 28305 deletions

View file

@ -1,4 +1,4 @@
<rd-header>
<rd-header>
<rd-header-title title-text="Image details"></rd-header-title>
<rd-header-content>
<a ui-sref="docker.images">Images</a> &gt; <a ui-sref="docker.images.image({id: image.Id})">{{ image.Id }}</a>
@ -13,8 +13,8 @@
<form class="form-horizontal">
<div class="form-group">
<div class="row">
<div class="pull-left" ng-repeat="tag in image.RepoTags" style="display:table">
<div class="input-group col-md-1" style="padding:0 15px">
<div class="pull-left" ng-repeat="tag in image.RepoTags" style="display: table;">
<div class="input-group col-md-1" style="padding: 0 15px;">
<span class="input-group-addon">{{ tag }}</span>
<span class="input-group-btn" authorization="DockerImagePush, DockerImageCreate, DockerImageDelete">
<a data-toggle="tooltip" class="btn btn-primary interactive" title="Push to registry" ng-click="pushTag(tag)" authorization="DockerImagePush">
@ -34,9 +34,9 @@
<div class="form-group">
<div class="col-sm-12">
<span class="small text-muted">
Note: you can click on the upload icon <span class="fa fa-upload" aria-hidden="true"></span> to push an image
or on the download icon <span class="fa fa-download" aria-hidden="true"></span> to pull an image
or on the trash icon <span class="fa fa-trash-alt" aria-hidden="true"></span> to delete a tag.
Note: you can click on the upload icon <span class="fa fa-upload" aria-hidden="true"></span> to push an image or on the download icon
<span class="fa fa-download" aria-hidden="true"></span> to pull an image or on the trash icon <span class="fa fa-trash-alt" aria-hidden="true"></span> to delete a
tag.
</span>
</div>
<div class="col-sm-12">
@ -63,10 +63,7 @@
<rd-widget-body>
<form class="form-horizontal">
<!-- image-and-registry -->
<por-image-registry
model="formValues.RegistryModel"
label-class="col-sm-1" input-class="col-sm-11"
></por-image-registry>
<por-image-registry model="formValues.RegistryModel" label-class="col-sm-1" input-class="col-sm-11"></por-image-registry>
<!-- !image-and-registry -->
<!-- tag-note -->
<div class="form-group">
@ -97,29 +94,39 @@
<td>ID</td>
<td>
{{ image.Id }}
<button authorization="DockerImageDelete" class="btn btn-xs btn-danger" ng-click="removeImage(image.Id)"><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Delete this image</button>
<button authorization="DockerImageGet" class="btn btn-xs btn-primary" ng-click="exportImage(image)" button-spinner="$ctrl.exportInProgress" ng-disabled="state.exportInProgress">
<i class="fa fa-download space-right" aria-hidden="true"></i>
<span ng-hide="state.exportInProgress">Export this image</span>
<span ng-show="state.exportInProgress">Export in progress...</span>
<button authorization="DockerImageDelete" class="btn btn-xs btn-danger" ng-click="removeImage(image.Id)"
><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Delete this image</button
>
<button
authorization="DockerImageGet"
class="btn btn-xs btn-primary"
ng-click="exportImage(image)"
button-spinner="$ctrl.exportInProgress"
ng-disabled="state.exportInProgress"
>
<i class="fa fa-download space-right" aria-hidden="true"></i>
<span ng-hide="state.exportInProgress">Export this image</span>
<span ng-show="state.exportInProgress">Export in progress...</span>
</button>
</td>
</tr>
<tr ng-if="image.Parent">
<td>Parent</td>
<td><a ui-sref="docker.images.image({id: image.Parent})">{{ image.Parent }}</a></td>
<td
><a ui-sref="docker.images.image({id: image.Parent})">{{ image.Parent }}</a></td
>
</tr>
<tr>
<td>Size</td>
<td>{{ image.VirtualSize|humansize }}</td>
<td>{{ image.VirtualSize | humansize }}</td>
</tr>
<tr>
<td>Created</td>
<td>{{ image.Created|getisodate }}</td>
<td>{{ image.Created | getisodate }}</td>
</tr>
<tr>
<td>Build</td>
<td>Docker {{ image.DockerVersion }} on {{ image.Os}}, {{ image.Architecture }}</td>
<td>Docker {{ image.DockerVersion }} on {{ image.Os }}, {{ image.Architecture }}</td>
</tr>
<tr ng-if="image.Author">
<td>Author</td>
@ -141,11 +148,15 @@
<tbody>
<tr>
<td>CMD</td>
<td><code>{{ image.Command|command }}</code></td>
<td
><code>{{ image.Command | command }}</code></td
>
</tr>
<tr ng-if="image.Entrypoint">
<td>ENTRYPOINT</td>
<td><code>{{ image.Entrypoint|command }}</code></td>
<td
><code>{{ image.Entrypoint | command }}</code></td
>
</tr>
<tr ng-if="image.ExposedPorts.length > 0">
<td>EXPOSE</td>
@ -179,7 +190,6 @@
</rd-widget-body>
</rd-widget>
</div>
</div>
<div class="row" ng-if="history.length > 0">
<div class="col-lg-12 col-md-12 col-xs-12">
@ -188,7 +198,7 @@
<rd-widget-body classes="no-padding">
<table id="image-layers" class="table">
<thead>
<th style="white-space:nowrap;">
<th style="white-space: nowrap;">
<a ng-click="order('Order')">
Order
<span ng-show="sortType == 'Order' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
@ -212,28 +222,28 @@
</thead>
<tbody>
<tr ng-repeat="layer in history | orderBy:sortType:sortReverse">
<td style="white-space:nowrap;">
<td style="white-space: nowrap;">
{{ layer.Order }}
</td>
<td style="white-space:nowrap;">
<td style="white-space: nowrap;">
{{ layer.Size | humansize }}
</td>
<td class="expand">
<div ng-if="layer.CreatedBy.length > 130">
<span id="layer-command-{{$index}}-full" style="display: none">
<span id="layer-command-{{ $index }}-full" style="display: none;">
{{ layer.CreatedBy | imagelayercommand }}
</span>
<span id="layer-command-{{$index}}-short">
{{ layer.CreatedBy | imagelayercommand | truncate:130 }}
<span id="layer-command-{{ $index }}-short">
{{ layer.CreatedBy | imagelayercommand | truncate: 130 }}
<span ng-if="layer.CreatedBy.length > 130" style="margin-left: 5px;">
<a id="layer-command-expander{{$index}}" class="btn" ng-click='toggleLayerCommand($index)'>
<a id="layer-command-expander{{ $index }}" class="btn" ng-click="toggleLayerCommand($index)">
<i class="fa fa-plus-circle" aria-hidden="true"></i>
</a>
</span>
</span>
</div>
<div ng-if="layer.CreatedBy.length <= 130">
<span id="layer-command-{{$index}}-full">
<span id="layer-command-{{ $index }}-full">
{{ layer.CreatedBy | imagelayercommand }}
</span>
</div>