fix(app): add github action for linting and formatting [EE-2344] (#6356)

.eslintrc.yml

@@ -99,3 +99,7 @@ overrides:
       'jest/globals': true
     rules:
       'react/jsx-no-constructed-context-values': off
+  - files:
+      - app/**/*.stories.*
+    rules:
+      'no-alert': off

.git-blame-ignore-revs

@@ -0,0 +1,4 @@
+# prettier
+cf5056d9c03b62d91a25c3b9127caac838695f98
+
+# prettier v2 (put here after fix/EE-2344/fix-eslint-issues is merged)

.github/workflows/lint.yml

@@ -0,0 +1,41 @@
+name: Lint
+
+on:
+  push:
+    branches:
+      - master
+      - develop
+      - release/*
+  pull_request:
+    branches:
+      - master
+      - develop
+      - release/*
+
+jobs:
+  run-linters:
+    name: Run linters
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12
+
+      # ESLint and Prettier must be in `package.json`
+      - name: Install Node.js dependencies
+        run: yarn
+
+      - name: Run linters
+        uses: wearerequired/lint-action@v1
+        with:
+          eslint: true
+          eslint_extensions: ts,tsx,js,jsx
+          prettier: true
+          prettier_dir: app/
+          gofmt: true
+          gofmt_dir: api/

.github/workflows/test-client.yaml

@@ -0,0 +1,11 @@
+name: Test Frontend
+on: push
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install modules
+        run: yarn
+      - name: Run tests
+        run: yarn test:client

.prettierrc

@@ -4,21 +4,16 @@
   "htmlWhitespaceSensitivity": "strict",
   "overrides": [
     {
-      "files": [
-        "*.html"
-      ],
+      "files": ["*.html"],
       "options": {
         "parser": "angular"
       }
     },
     {
-      "files": [
-        "*.{j,t}sx",
-        "*.ts"
-      ],
+      "files": ["*.{j,t}sx", "*.ts"],
       "options": {
         "printWidth": 80
       }
     }
   ]
-}
+}

.vscode.example/settings.json

@@ -1,4 +1,5 @@
 {
   "go.lintTool": "golangci-lint",
-  "go.lintFlags": ["--fast", "-E", "exportloopref"]
+  "go.lintFlags": ["--fast", "-E", "exportloopref"],
+  "gitlens.advanced.blame.customArguments": ["–ignore-revs-file", ".git-blame-ignore-revs"]
 }

api/datastore/init.go

@@ -34,10 +34,10 @@ func (store *Store) Init() error {
 				AutoCreateUsers: true,
 				TLSConfig:       portainer.TLSConfiguration{},
 				SearchSettings: []portainer.LDAPSearchSettings{
-					portainer.LDAPSearchSettings{},
+					{},
 				},
 				GroupSearchSettings: []portainer.LDAPGroupSearchSettings{
-					portainer.LDAPGroupSearchSettings{},
+					{},
 				},
 			},
 			OAuthSettings: portainer.OAuthSettings{},

api/docker/client.go

@@ -95,7 +95,7 @@ func createEdgeClient(endpoint *portainer.Endpoint, signatureService portainer.D
 	if err != nil {
 		return nil, err
 	}
-	
+
 	endpointURL := fmt.Sprintf("http://127.0.0.1:%d", tunnel.Port)
 
 	return client.NewClientWithOpts(

api/exec/common.go

@@ -33,7 +33,7 @@ func (s StringSet) List() []string {
 	list := make([]string, s.Len())
 
 	i := 0
-	for k, _ := range s {
+	for k := range s {
 		list[i] = k
 		i++
 	}

api/http/handler/endpointproxy/proxy_docker.go

@@ -4,9 +4,9 @@ import (
 	"errors"
 	httperror "github.com/portainer/libhttp/error"
 	"github.com/portainer/libhttp/request"
+	portainer "github.com/portainer/portainer/api"
 	"strconv"
 	"strings"
-	portainer "github.com/portainer/portainer/api"
 
 	"net/http"
 )

api/http/handler/registries/registry_configure.go

@@ -21,7 +21,7 @@ type registryConfigurePayload struct {
 	// Password used to authenticate against this registry. required when Authentication is true
 	Password string `example:"registry_password"`
 	// ECR region
-	Region  string
+	Region string
 	// Use TLS
 	TLS bool `example:"true"`
 	// Skip the verification of the server TLS certificate

api/http/handler/registries/registry_update.go

@@ -25,13 +25,13 @@ type registryUpdatePayload struct {
 	// Username used to authenticate against this registry. Required when Authentication is true
 	Username *string `example:"registry_user"`
 	// Password used to authenticate against this registry. required when Authentication is true
-	Password         *string `example:"registry_password"`
+	Password *string `example:"registry_password"`
 	// Quay data
-	Quay             *portainer.QuayRegistryData
+	Quay *portainer.QuayRegistryData
 	// Registry access control
 	RegistryAccesses *portainer.RegistryAccesses `json:",omitempty"`
 	// ECR data
-	Ecr              *portainer.EcrData          `json:",omitempty"`
+	Ecr *portainer.EcrData `json:",omitempty"`
 }
 
 func (payload *registryUpdatePayload) Validate(r *http.Request) error {

api/http/handler/webhooks/webhook_create.go

@@ -17,7 +17,7 @@ import (
 type webhookCreatePayload struct {
 	ResourceID  string
 	EndpointID  int
-	RegistryID portainer.RegistryID
+	RegistryID  portainer.RegistryID
 	WebhookType int
 }
 

api/http/handler/webhooks/webhook_execute.go

@@ -80,13 +80,13 @@ func (handler *Handler) executeServiceWebhook(
 	}
 
 	service.Spec.TaskTemplate.ForceUpdate++
-	
+
 	var imageName = strings.Split(service.Spec.TaskTemplate.ContainerSpec.Image, "@sha")[0]
 
 	if imageTag != "" {
 		var tagIndex = strings.LastIndex(imageName, ":")
 		if tagIndex == -1 {
-	  		tagIndex = len(imageName)
+			tagIndex = len(imageName)
 		}
 		service.Spec.TaskTemplate.ContainerSpec.Image = imageName[:tagIndex] + ":" + imageTag
 	} else {

api/http/proxy/factory/kubernetes/deployments.go

@@ -12,4 +12,4 @@ func (transport *baseTransport) proxyDeploymentsRequest(request *http.Request, n
 	default:
 		return transport.executeKubernetesRequest(request)
 	}
-}
+}

api/http/proxy/factory/kubernetes/pods.go

@@ -12,4 +12,4 @@ func (transport *baseTransport) proxyPodsRequest(request *http.Request, namespac
 	default:
 		return transport.executeKubernetesRequest(request)
 	}
-}
+}

api/http/proxy/factory/kubernetes/refresh_registry.go

@@ -14,4 +14,4 @@ func (transport *baseTransport) refreshRegistry(request *http.Request, namespace
 	err = registryutils.RefreshEcrSecret(cli, transport.endpoint, transport.dataStore, namespace)
 
 	return
-}
+}

api/internal/endpointutils/endpoint_test.go

@@ -101,4 +101,4 @@ func Test_FilterByExcludeIDs(t *testing.T) {
 			tt.asserts(t, output)
 		})
 	}
-}
+}

api/kubernetes/cli/client.go

@@ -50,7 +50,7 @@ func (factory *ClientFactory) GetInstanceID() (instanceID string) {
 }
 
 // Remove the cached kube client so a new one can be created
- func (factory *ClientFactory) RemoveKubeClient(endpointID portainer.EndpointID) {
+func (factory *ClientFactory) RemoveKubeClient(endpointID portainer.EndpointID) {
 	factory.endpointClients.Remove(strconv.Itoa(int(endpointID)))
 }
 

api/kubernetes/cli/registries.go

@@ -16,8 +16,8 @@ import (
 
 const (
 	secretDockerConfigKey = ".dockerconfigjson"
-	labelRegistryType = "io.portainer.kubernetes.registry.type"
-	annotationRegistryID = "portainer.io/registry.id"
+	labelRegistryType     = "io.portainer.kubernetes.registry.type"
+	annotationRegistryID  = "portainer.io/registry.id"
 )
 
 type (

app/agent/components/file-uploader/fileUploader.html

@@ -1,3 +1,3 @@
 <button type="button" ngf-select="$ctrl.onFileSelected($file)" class="btn ng-scope" button-spinner="$ctrl.state.uploadInProgress">
-  <i style="margin: 0;" class="fa fa-upload" ng-if="!$ctrl.state.uploadInProgress"></i>
+  <i style="margin: 0" class="fa fa-upload" ng-if="!$ctrl.state.uploadInProgress"></i>
 </button>

app/agent/components/files-datatable/filesDatatable.html

@@ -41,9 +41,7 @@
                   <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'ModTime' && $ctrl.state.reverseOrder"></i>
                 </a>
               </th>
-              <th>
-                Actions
-              </th>
+              <th> Actions </th>
             </tr>
           </thead>
           <tbody>

app/assets/ico/manifest.json

@@ -1,18 +1,18 @@
 {
-    "name": "Portainer",
-    "icons": [
-        {
-            "src": "ico/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "ico/android-chrome-256x256.png",
-            "sizes": "256x256",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}
+  "name": "Portainer",
+  "icons": [
+    {
+      "src": "ico/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "ico/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

app/azure/components/azure-endpoint-config/azureEndpointConfig.html

@@ -1,7 +1,5 @@
 <div>
-  <div class="col-sm-12 form-section-title">
-    Azure configuration
-  </div>
+  <div class="col-sm-12 form-section-title"> Azure configuration </div>
   <!-- applicationId-input -->
   <div class="form-group">
     <label for="azure_credential_appid" class="col-sm-3 col-lg-2 control-label text-left">Application ID</label>

app/azure/components/datatables/containergroups-datatable/containerGroupsDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="actionBar">
         <button type="button" class="btn btn-sm btn-danger" ng-disabled="$ctrl.state.selectedItemCount === 0" ng-click="$ctrl.removeAction($ctrl.state.selectedItems)">
@@ -46,9 +46,7 @@
                   <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Location' && $ctrl.state.reverseOrder"></i>
                 </a>
               </th>
-              <th>
-                Published Ports
-              </th>
+              <th> Published Ports </th>
               <th>
                 <a ng-click="$ctrl.changeOrderBy('ResourceControl.Ownership')">
                   Ownership
@@ -98,9 +96,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/azure/views/containerinstances/container-instance-details/containerInstanceDetails.html

@@ -8,9 +8,7 @@
     <rd-widget>
       <rd-widget-body>
         <div class="form-horizontal" autocomplete="off">
-          <div class="col-sm-12 form-section-title">
-            Azure settings
-          </div>
+          <div class="col-sm-12 form-section-title"> Azure settings </div>
           <!-- subscription-input -->
           <div class="form-group">
             <label for="azure_subscription" class="col-sm-2 control-label text-left">Subscription</label>
@@ -35,9 +33,7 @@
             </div>
           </div>
           <!-- !location-input -->
-          <div class="col-sm-12 form-section-title">
-            Container configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Container configuration </div>
           <!-- name-input -->
           <div class="form-group">
             <label for="container_name" class="col-sm-2 control-label text-left">Name</label>
@@ -68,15 +64,15 @@
               <label class="control-label text-left">Port mapping</label>
             </div>
             <!-- port-mapping-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="binding in $ctrl.container.Ports" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="binding in $ctrl.container.Ports" style="margin-top: 2px">
                 <!-- host-port -->
                 <div class="input-group col-sm-4 input-group-sm">
                   <span class="input-group-addon">host</span>
                   <input type="text" class="form-control" ng-model="binding.host" placeholder="e.g. 80" disabled />
                 </div>
                 <!-- !host-port -->
-                <span style="margin: 0 10px 0 10px;">
+                <span style="margin: 0 10px 0 10px">
                   <i class="fa fa-long-arrow-alt-right" aria-hidden="true"></i>
                 </span>
                 <!-- container-port -->
@@ -100,17 +96,13 @@
           <!-- !port-mapping -->
           <!-- public-ip -->
           <div class="form-group" ng-if="$ctrl.container.AllocatePublicIP">
-            <label for="public_ip" class="col-sm-2 control-label text-left">
-              Public IP
-            </label>
+            <label for="public_ip" class="col-sm-2 control-label text-left"> Public IP </label>
             <div class="col-sm-10">
               <input type="text" class="form-control" ng-model="$ctrl.container.IPAddress" disabled />
             </div>
           </div>
           <!-- public-ip -->
-          <div class="col-sm-12 form-section-title">
-            Container resources
-          </div>
+          <div class="col-sm-12 form-section-title"> Container resources </div>
           <!-- cpu-input -->
           <div class="form-group">
             <label for="container_cpu" class="col-sm-2 control-label text-left">CPU</label>

app/azure/views/containerinstances/create/createcontainerinstance.html

@@ -8,9 +8,7 @@
     <rd-widget>
       <rd-widget-body>
         <form class="form-horizontal" autocomplete="off" name="aciForm">
-          <div class="col-sm-12 form-section-title">
-            Azure settings
-          </div>
+          <div class="col-sm-12 form-section-title"> Azure settings </div>
           <!-- subscription-input -->
           <div class="form-group">
             <label for="azure_subscription" class="col-sm-1 control-label text-left">Subscription</label>
@@ -46,9 +44,7 @@
             </div>
           </div>
           <!-- !location-input -->
-          <div class="col-sm-12 form-section-title">
-            Container configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Container configuration </div>
           <!-- name-input -->
           <div class="form-group">
             <label for="container_name" class="col-sm-1 control-label text-left">Name</label>
@@ -94,20 +90,20 @@
           <div class="form-group">
             <div class="col-sm-12">
               <label class="control-label text-left">Port mapping</label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addPortBinding()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addPortBinding()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> map additional port
               </span>
             </div>
             <!-- port-mapping-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="binding in model.Ports" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="binding in model.Ports" style="margin-top: 2px">
                 <!-- host-port -->
                 <div class="input-group col-sm-4 input-group-sm">
                   <span class="input-group-addon">host</span>
                   <input type="text" class="form-control" ng-model="binding.host" placeholder="e.g. 80" />
                 </div>
                 <!-- !host-port -->
-                <span style="margin: 0 10px 0 10px;">
+                <span style="margin: 0 10px 0 10px">
                   <i class="fa fa-long-arrow-alt-right" aria-hidden="true"></i>
                 </span>
                 <!-- container-port -->
@@ -138,9 +134,7 @@
           </div>
           <!-- public-ip -->
 
-          <div class="col-sm-12 form-section-title">
-            Container resources
-          </div>
+          <div class="col-sm-12 form-section-title"> Container resources </div>
           <!-- cpu-input -->
           <div class="form-group">
             <label for="container_cpu" class="col-sm-1 control-label text-left">CPU</label>
@@ -161,16 +155,14 @@
           <por-access-control-form form-data="model.AccessControlData"></por-access-control-form>
           <!-- !access-control -->
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button type="button" class="btn btn-primary btn-sm" ng-disabled="state.actionInProgress" ng-click="create()" button-spinner="state.actionInProgress">
                 <span ng-hide="state.actionInProgress">Deploy the container</span>
                 <span ng-show="state.actionInProgress">Deployment in progress...</span>
               </button>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->

app/docker/components/container-capabilities/containerCapabilities.html

@@ -1,12 +1,10 @@
-<form class="form-horizontal" style="margin-top: 15px;">
-  <div class="col-sm-12 form-section-title">
-    Container capabilities
-  </div>
+<form class="form-horizontal" style="margin-top: 15px">
+  <div class="col-sm-12 form-section-title"> Container capabilities </div>
   <div class="form-group">
     <div ng-repeat="cap in $ctrl.capabilities" class="col-xs-12 col-sm-6 col-md-4">
       <div class="row">
         <div class="col-xs-8">
-          <label for="capability" class="control-label text-left" style="display: flex; padding: 0;">
+          <label for="capability" class="control-label text-left" style="display: flex; padding: 0">
             {{ cap.capability }}
             <portainer-tooltip position="bottom" message="{{ cap.description }}"></portainer-tooltip>
           </label>

app/docker/components/datatables/configs-datatable/configsDatatable.html

@@ -2,15 +2,13 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
         <div class="settings">
           <span class="setting" ng-class="{ 'setting-active': $ctrl.settings.open }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.settings.open">
             <span uib-dropdown-toggle><i class="fa fa-cog" aria-hidden="true"></i> Settings</span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -18,9 +16,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -29,7 +25,7 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
@@ -133,9 +129,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/container-networks-datatable/containerNetworksDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="actionBar">
         <form class="form-horizontal">
@@ -99,9 +99,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/container-processes-datatable/containerProcessesDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="searchBar">
         <i class="fa fa-search searchIcon" aria-hidden="true"></i>
@@ -34,9 +34,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/events-datatable/eventsDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="searchBar">
         <i class="fa fa-search searchIcon" aria-hidden="true"></i>
@@ -65,9 +65,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/images-datatable/imagesDatatable.html

@@ -2,15 +2,13 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
         <div class="settings">
           <span class="setting" ng-class="{ 'setting-active': $ctrl.settings.open }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.settings.open">
             <span uib-dropdown-toggle><i class="fa fa-cog" aria-hidden="true"></i> Settings</span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -18,9 +16,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -29,7 +25,7 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
@@ -115,9 +111,7 @@
                 </div>
                 <div class="dropdown-menu" uib-dropdown-menu>
                   <div class="tableMenu">
-                    <div class="menuHeader">
-                      Filter by usage
-                    </div>
+                    <div class="menuHeader"> Filter by usage </div>
                     <div class="menuContent">
                       <div class="md-checkbox">
                         <input id="filter_usage_usedImages" type="checkbox" ng-model="$ctrl.filters.state.showUsedImages" ng-change="$ctrl.onstateFilterChange()" />
@@ -178,7 +172,7 @@
                   item.Id | truncate: 40
                 }}</a>
                 <span ng-if="$ctrl.offlineMode">{{ item.Id | truncate: 40 }}</span>
-                <span style="margin-left: 10px;" class="label label-warning image-tag" ng-if="::item.ContainerCount === 0">Unused</span>
+                <span style="margin-left: 10px" class="label label-warning image-tag" ng-if="::item.ContainerCount === 0">Unused</span>
               </td>
               <td>
                 <span class="label label-primary image-tag" ng-repeat="tag in (item | repotags) track by $index">{{ tag }}</span>
@@ -201,9 +195,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/macvlan-nodes-datatable/macvlanNodesDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="searchBar">
         <i class="fa fa-search searchIcon" aria-hidden="true"></i>
@@ -94,9 +94,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/networks-datatable/network-row-content/networkRowContent.html

@@ -17,7 +17,7 @@
 <td>
   <a ng-if="!parentCtrl.offlineMode" ui-sref="docker.networks.network({ id: item.Id, nodeName: item.NodeName })" title="{{ item.Name }}">{{ item.Name | truncate: 40 }}</a>
   <span ng-if="parentCtrl.offlineMode">{{ item.Name | truncate: 40 }}</span>
-  <span style="margin-left: 10px;" class="label label-info image-tag space-left" ng-if="item.ResourceControl.System">System</span>
+  <span style="margin-left: 10px" class="label label-info image-tag space-left" ng-if="item.ResourceControl.System">System</span>
 </td>
 <td>{{ item.StackName ? item.StackName : '-' }}</td>
 <td>{{ item.Driver }}</td>

app/docker/components/datatables/networks-datatable/networksDatatable.html

@@ -2,15 +2,13 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
         <div class="settings">
           <span class="setting" ng-class="{ 'setting-active': $ctrl.settings.open }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.settings.open">
             <span uib-dropdown-toggle><i class="fa fa-cog" aria-hidden="true"></i> Settings</span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -18,9 +16,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -29,7 +25,7 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
@@ -72,7 +68,7 @@
         <table class="table table-hover nowrap-cells">
           <thead>
             <tr>
-              <th style="width: 55px;">
+              <th style="width: 55px">
                 <span class="md-checkbox" ng-if="!$ctrl.offlineMode" authorization="DockerNetworkDelete, DockerNetworkCreate">
                   <input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" />
                   <label for="select_all"></label>
@@ -186,9 +182,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/node-tasks-datatable/nodeTasksDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="searchBar">
         <i class="fa fa-search searchIcon" aria-hidden="true"></i>
@@ -85,9 +85,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/nodes-datatable/nodesDatatable.html

@@ -2,15 +2,13 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
         <div class="settings">
           <span class="setting" ng-class="{ 'setting-active': $ctrl.settings.open }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.settings.open">
             <span uib-dropdown-toggle><i class="fa fa-cog" aria-hidden="true"></i> Settings</span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -18,9 +16,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -29,7 +25,7 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
@@ -150,9 +146,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/secrets-datatable/secretsDatatable.html

@@ -2,15 +2,13 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
         <div class="settings">
           <span class="setting" ng-class="{ 'setting-active': $ctrl.settings.open }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.settings.open">
             <span uib-dropdown-toggle><i class="fa fa-cog" aria-hidden="true"></i> Settings</span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -18,9 +16,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -29,7 +25,7 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
@@ -133,9 +129,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/service-tasks-datatable/serviceTasksDatatable.html

@@ -2,7 +2,7 @@
   <table class="table table-condensed table-hover nowrap-cells">
     <thead>
       <tr>
-        <th uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.filters.state.open" style="width: 10%;">
+        <th uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.filters.state.open" style="width: 10%">
           <a ng-click="$ctrl.changeOrderBy('Status.State')">
             Status
             <i class="fa fa-sort-alpha-down" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Status.State' && !$ctrl.state.reverseOrder"></i>
@@ -14,9 +14,7 @@
           </span>
           <div class="dropdown-menu" uib-dropdown-menu>
             <div class="tableMenu">
-              <div class="menuHeader">
-                Filter by state
-              </div>
+              <div class="menuHeader"> Filter by state </div>
               <div class="menuContent">
                 <div class="md-checkbox" ng-repeat="filter in $ctrl.filters.state.values track by $index">
                   <input id="filter_state_{{ $ctrl.serviceId }}_{{ $index }}" type="checkbox" ng-model="filter.display" ng-change="$ctrl.onStateFilterChange()" />
@@ -29,7 +27,7 @@
             </div>
           </div>
         </th>
-        <th style="width: 22%;">Task</th>
+        <th style="width: 22%">Task</th>
         <th>Actions</th>
         <th>
           <a ng-click="$ctrl.changeOrderBy('Slot')">

app/docker/components/datatables/services-datatable/servicesDatatable.html

@@ -2,16 +2,14 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
         <div class="settings">
           <datatable-columns-visibility columns="$ctrl.columnVisibility.columns" on-change="($ctrl.onColumnVisibilityChange)"></datatable-columns-visibility>
           <span class="setting" ng-class="{ 'setting-active': $ctrl.settings.open }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.settings.open">
             <span uib-dropdown-toggle><i class="fa fa-cog" aria-hidden="true"></i> Settings</span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -19,9 +17,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -30,7 +26,7 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
@@ -66,7 +62,7 @@
         <table class="table table-hover nowrap-cells">
           <thead>
             <tr>
-              <th style="width: 55px;">
+              <th style="width: 55px">
                 <span class="md-checkbox" authorization="DockerServiceUpdate, DockerServiceDelete, DockerServiceCreate">
                   <input id="select_all" type="checkbox" ng-model="$ctrl.state.selectAll" ng-change="$ctrl.selectAll()" />
                   <label for="select_all"></label>
@@ -218,9 +214,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/tasks-datatable/tasksDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="searchBar">
         <i class="fa fa-search searchIcon" aria-hidden="true"></i>
@@ -106,9 +106,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/datatables/volumes-datatable/volumesDatatable.html

@@ -2,15 +2,13 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
         <div class="settings">
           <span class="setting" ng-class="{ 'setting-active': $ctrl.settings.open }" uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.settings.open">
             <span uib-dropdown-toggle><i class="fa fa-cog" aria-hidden="true"></i> Settings</span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -18,9 +16,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -29,7 +25,7 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
@@ -88,9 +84,7 @@
                 </div>
                 <div class="dropdown-menu" uib-dropdown-menu>
                   <div class="tableMenu">
-                    <div class="menuHeader">
-                      Filter by usage
-                    </div>
+                    <div class="menuHeader"> Filter by usage </div>
                     <div class="menuContent">
                       <div class="md-checkbox">
                         <input id="filter_usage_usedImages" type="checkbox" ng-model="$ctrl.filters.state.showUsedVolumes" ng-change="$ctrl.onstateFilterChange()" />
@@ -170,7 +164,7 @@
                     <i class="fa fa-search"></i> browse
                   </a>
                 </btn>
-                <span style="margin-left: 10px;" class="label label-warning image-tag space-left" ng-if="item.dangling">Unused</span>
+                <span style="margin-left: 10px" class="label label-warning image-tag space-left" ng-if="item.dangling">Unused</span>
               </td>
               <td>{{ item.StackName ? item.StackName : '-' }}</td>
               <td>{{ item.Driver }}</td>
@@ -198,9 +192,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/docker/components/host-view-panels/devices-panel/devices-panel.html

@@ -19,9 +19,7 @@
               <td colspan="2" class="text-center text-muted">Loading...</td>
             </tr>
             <tr ng-if="$ctrl.devices.length === 0">
-              <td colspan="2" class="text-center text-muted">
-                No device available.
-              </td>
+              <td colspan="2" class="text-center text-muted"> No device available. </td>
             </tr>
           </tbody>
         </table>

app/docker/components/host-view-panels/disks-panel/disks-panel.html

@@ -19,9 +19,7 @@
               <td colspan="2" class="text-center text-muted">Loading...</td>
             </tr>
             <tr ng-if="$ctrl.disks.length === 0">
-              <td colspan="2" class="text-center text-muted">
-                No disks available.
-              </td>
+              <td colspan="2" class="text-center text-muted"> No disks available. </td>
             </tr>
           </tbody>
         </table>

app/docker/components/host-view-panels/host-details-panel/host-details-panel.html

@@ -27,9 +27,7 @@
             </tr>
             <tr ng-if="$ctrl.isBrowseEnabled">
               <td colspan="2">
-                <button class="btn btn-primary btn-sm" title="Browse" ui-sref="{{ $ctrl.browseUrl }}">
-                  Browse
-                </button>
+                <button class="btn btn-primary btn-sm" title="Browse" ui-sref="{{ $ctrl.browseUrl }}"> Browse </button>
               </td>
             </tr>
           </tbody>

app/docker/components/host-view-panels/node-labels-table/node-labels-table.html

@@ -1,9 +1,7 @@
-<div ng-if="!$ctrl.labels.length">
-  There are no labels for this node.
-</div>
+<div ng-if="!$ctrl.labels.length"> There are no labels for this node. </div>
 
-<div class="col-sm-12 form-inline" style="padding: 0px;" ng-if="$ctrl.labels.length">
-  <div ng-repeat="label in $ctrl.labels" style="margin-top: 2px;">
+<div class="col-sm-12 form-inline" style="padding: 0px" ng-if="$ctrl.labels.length">
+  <div ng-repeat="label in $ctrl.labels" style="margin-top: 2px">
     <div class="input-group col-sm-5 input-group-sm">
       <span class="input-group-addon">name</span>
       <input type="text" class="form-control" ng-model="label.key" placeholder="e.g. com.example.foo" ng-change="$ctrl.updateLabel(label)" />

app/docker/components/host-view-panels/swarm-node-details-panel/swarm-node-details-panel.html

@@ -48,9 +48,7 @@
               <td colspan="2">
                 <div class="btn-toolbar" role="toolbar">
                   <div class="btn-group" role="group">
-                    <button type="button" class="btn btn-primary btn-sm" ng-disabled="!$ctrl.state.hasChanges" ng-click="$ctrl.saveChanges()">
-                      Apply changes
-                    </button>
+                    <button type="button" class="btn btn-primary btn-sm" ng-disabled="!$ctrl.state.hasChanges" ng-click="$ctrl.saveChanges()"> Apply changes </button>
                     <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                       <span class="caret"></span>
                     </button>

app/docker/components/imageRegistry/por-image-registry-rate-limits.html

@@ -1,21 +1,21 @@
 <div class="form-group" ng-if="$ctrl.pullRateLimits">
   <div class="col-sm-12 small">
     <div ng-if="$ctrl.pullRateLimits.remaining > 0" class="text-muted">
-      <i class="fa fa-exclamation-circle blue-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+      <i class="fa fa-exclamation-circle blue-icon" aria-hidden="true" style="margin-right: 2px"></i>
       <span ng-if="$ctrl.isAuthenticated">
         You are currently using a free account to pull images from DockerHub and will be limited to 200 pulls every 6 hours. Remaining pulls:
-        <span style="font-weight: bold;">{{ $ctrl.pullRateLimits.remaining }}/{{ $ctrl.pullRateLimits.limit }}</span>
+        <span style="font-weight: bold">{{ $ctrl.pullRateLimits.remaining }}/{{ $ctrl.pullRateLimits.limit }}</span>
       </span>
       <span ng-if="!$ctrl.isAuthenticated">
         <span ng-if="$ctrl.isAdmin">
           You are currently using an anonymous account to pull images from DockerHub and will be limited to 100 pulls every 6 hours. You can configure DockerHub authentication in
           the
           <a ui-sref="portainer.registries">Registries View</a>. Remaining pulls:
-          <span style="font-weight: bold;">{{ $ctrl.pullRateLimits.remaining }}/{{ $ctrl.pullRateLimits.limit }}</span>
+          <span style="font-weight: bold">{{ $ctrl.pullRateLimits.remaining }}/{{ $ctrl.pullRateLimits.limit }}</span>
         </span>
         <span ng-if="!$ctrl.isAdmin">
           You are currently using an anonymous account to pull images from DockerHub and will be limited to 100 pulls every 6 hours. Contact your administrator to configure
-          DockerHub authentication. Remaining pulls: <span style="font-weight: bold;">{{ $ctrl.pullRateLimits.remaining }}/{{ $ctrl.pullRateLimits.limit }}</span>
+          DockerHub authentication. Remaining pulls: <span style="font-weight: bold">{{ $ctrl.pullRateLimits.remaining }}/{{ $ctrl.pullRateLimits.limit }}</span>
         </span>
       </span>
     </div>

app/docker/components/imageRegistry/por-image-registry.html

@@ -1,9 +1,7 @@
 <!-- use registry -->
 <div>
   <div class="form-group" ng-if="$ctrl.model.UseRegistry">
-    <label for="image_registry" class="control-label text-left" ng-class="$ctrl.labelClass">
-      Registry
-    </label>
+    <label for="image_registry" class="control-label text-left" ng-class="$ctrl.labelClass"> Registry </label>
     <div ng-class="$ctrl.inputClass">
       <select
         ng-options="registry as registry.Name for registry in $ctrl.registries track by registry.Id"
@@ -47,8 +45,8 @@
   <div ng-if="!$ctrl.model.UseRegistry">
     <div class="form-group">
       <span class="small">
-        <p class="text-muted" style="margin-left: 15px;">
-          <i class="fa fa-exclamation-circle blue-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+        <p class="text-muted" style="margin-left: 15px">
+          <i class="fa fa-exclamation-circle blue-icon" aria-hidden="true" style="margin-right: 2px"></i>
           When using advanced mode, image and repository <b>must be</b> publicly available.
         </p>
       </span>

app/docker/components/log-viewer/logViewer.html

@@ -10,7 +10,7 @@
                 Auto-refresh logs
                 <portainer-tooltip position="bottom" message="Disabling this option allows you to pause the log collection process and the auto-scrolling."></portainer-tooltip>
               </label>
-              <label class="switch" style="margin-left: 20px;">
+              <label class="switch" style="margin-left: 20px">
                 <input
                   type="checkbox"
                   ng-model="$ctrl.state.logCollection"
@@ -21,24 +21,18 @@
           </div>
           <div class="form-group">
             <div class="col-sm-12">
-              <label for="tls" class="control-label text-left">
-                Wrap lines
-              </label>
-              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" ng-model="$ctrl.state.wrapLines" /><i></i> </label>
+              <label for="tls" class="control-label text-left"> Wrap lines </label>
+              <label class="switch" style="margin-left: 20px"> <input type="checkbox" ng-model="$ctrl.state.wrapLines" /><i></i> </label>
             </div>
           </div>
           <div class="form-group">
             <div class="col-sm-12">
-              <label for="tls" class="control-label text-left">
-                Display timestamps
-              </label>
-              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" ng-model="$ctrl.displayTimestamps" /><i></i> </label>
+              <label for="tls" class="control-label text-left"> Display timestamps </label>
+              <label class="switch" style="margin-left: 20px"> <input type="checkbox" ng-model="$ctrl.displayTimestamps" /><i></i> </label>
             </div>
           </div>
           <div class="form-group">
-            <label for="logs_since" class="col-sm-1 control-label text-left">
-              Fetch
-            </label>
+            <label for="logs_since" class="col-sm-1 control-label text-left"> Fetch </label>
             <div class="col-sm-2">
               <select class="form-control" ng-model="$ctrl.sinceTimestamp" id="logs_since">
                 <option selected value="">All logs</option>
@@ -47,27 +41,21 @@
             </div>
           </div>
           <div class="form-group">
-            <label for="logs_search" class="col-sm-1 control-label text-left">
-              Search
-            </label>
+            <label for="logs_search" class="col-sm-1 control-label text-left"> Search </label>
             <div class="col-sm-11">
               <input class="form-control" type="text" name="logs_search" ng-model="$ctrl.state.search" ng-change="$ctrl.state.selectedLines.length = 0;" placeholder="Filter..." />
             </div>
           </div>
           <div class="form-group">
-            <label for="lines_count" class="col-sm-1 control-label text-left">
-              Lines
-            </label>
+            <label for="lines_count" class="col-sm-1 control-label text-left"> Lines </label>
             <div class="col-sm-11">
               <input class="form-control" type="number" name="lines_count" ng-model="$ctrl.lineCount" placeholder="Enter no of lines..." />
             </div>
           </div>
           <div class="form-group" ng-if="$ctrl.state.copySupported">
-            <label class="col-sm-1 control-label text-left">
-              Actions
-            </label>
+            <label class="col-sm-1 control-label text-left"> Actions </label>
             <div class="col-sm-11">
-              <button class="btn btn-primary btn-sm" type="button" ng-click="$ctrl.downloadLogs()" style="margin-left: 0;"><i class="fa fa-download"></i> Download logs</button>
+              <button class="btn btn-primary btn-sm" type="button" ng-click="$ctrl.downloadLogs()" style="margin-left: 0"><i class="fa fa-download"></i> Download logs</button>
               <button
                 class="btn btn-primary btn-sm"
                 ng-click="$ctrl.copy()"
@@ -84,7 +72,7 @@
                 ><i class="fa fa-times space-right" aria-hidden="true"></i>Unselect</button
               >
               <span>
-                <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-left: 7px; display: none;"></i>
+                <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-left: 7px; display: none"></i>
               </span>
             </div>
           </div>
@@ -94,8 +82,8 @@
   </div>
 </div>
 
-<div class="row" style="height: 54%;">
-  <div class="col-sm-12" style="height: 100%;">
+<div class="row" style="height: 54%">
+  <div class="col-sm-12" style="height: 100%">
     <pre ng-class="{ wrap_lines: $ctrl.state.wrapLines }" class="log_viewer" scroll-glue="$ctrl.state.autoScroll" force-glue>
       <div ng-repeat="log in $ctrl.state.filteredLogs = ($ctrl.data | filter:{ 'line': $ctrl.state.search }) track by $index" class="line" ng-if="log.line"><p class="inner_line" ng-click="$ctrl.selectLine(log.line)" ng-class="{ 'line_selected': $ctrl.state.selectedLines.indexOf(log.line) > -1 }"><span ng-repeat="span in log.spans" ng-style="{ 'color': span.foregroundColor, 'background-color': span.backgroundColor }">{{ span.text }}</span></p></div>
       <div ng-if="!$ctrl.state.filteredLogs.length" class="line"><p class="inner_line">No log line matching the '{{ $ctrl.state.search }}' filter</p></div>

app/docker/components/network-macvlan-form/networkMacvlanForm.html

@@ -1,22 +1,20 @@
 <div>
-  <div class="col-sm-12 form-section-title">
-    Macvlan configuration
-  </div>
+  <div class="col-sm-12 form-section-title"> Macvlan configuration </div>
   <!-- selector -->
   <div class="form-group">
     <span class="col-sm-12 text-muted small">
-      <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+      <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px"></i>
       To create a MACVLAN network you need to create a configuration, then create the network from this configuration.
     </span>
   </div>
   <div class="col-sm-12">
-    <div class="form-group" style="margin-bottom: 0;">
+    <div class="form-group" style="margin-bottom: 0">
       <div class="boxselector_wrapper">
         <div>
           <input type="radio" id="network_config" ng-model="$ctrl.data.Scope" value="local" />
           <label for="network_config">
             <div class="boxselector_header">
-              <i class="fa fa-cog" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-cog" aria-hidden="true" style="margin-right: 2px"></i>
               Configuration
             </div>
             <p>I want to configure a network before deploying it</p>
@@ -26,7 +24,7 @@
           <input type="radio" id="network_deploy" ng-model="$ctrl.data.Scope" value="swarm" ng-disabled="$ctrl.availableNetworks.length === 0" />
           <label for="network_deploy" ng-class="$ctrl.availableNetworks.length === 0 ? 'boxselector_disabled' : ''">
             <div class="boxselector_header">
-              <i class="fa fa-sitemap" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-sitemap" aria-hidden="true" style="margin-right: 2px"></i>
               Creation
             </div>
             <p>I want to create a network from a configuration</p>

app/docker/components/volumesCIFSForm/volumesCifsForm.html

@@ -1,9 +1,7 @@
 <!-- CIFS-settings -->
 <div ng-show="$ctrl.data.useCIFS">
   <ng-form class="form-horizontal" name="cifsInformationForm">
-    <div class="col-sm-12 form-section-title">
-      CIFS Settings
-    </div>
+    <div class="col-sm-12 form-section-title"> CIFS Settings </div>
     <!-- address-input -->
     <div class="form-group col-md-12">
       <label for="cifs_address" class="col-sm-2 col-md-1 control-label text-left">Address</label>

app/docker/components/volumesNFSForm/volumesnfsForm.html

@@ -1,9 +1,7 @@
 <!-- NFS-settings -->
 <div ng-show="$ctrl.data.useNFS">
   <ng-form class="form-horizontal" name="nfsInformationForm">
-    <div class="col-sm-12 form-section-title">
-      NFS Settings
-    </div>
+    <div class="col-sm-12 form-section-title"> NFS Settings </div>
     <!-- address-input -->
     <div class="form-group col-md-12">
       <label for="nfs_address" class="col-sm-2 col-md-1 control-label text-left">Address</label>

app/docker/containers/components/ContainersDatatable/ContainersDatatable.tsx

@@ -52,7 +52,6 @@ export interface ContainerTableProps {
   dataset: DockerContainer[];
   onRefresh?(): Promise<void>;
   isHostColumnVisible: boolean;
-  autoFocusSearch: boolean;
   tableKey?: string;
 }
 
@@ -61,7 +60,6 @@ export function ContainersDatatable({
   dataset,
   onRefresh,
   isHostColumnVisible,
-  autoFocusSearch,
 }: ContainerTableProps) {
   const { settings, setTableSettings } =
     useTableSettings<ContainersTableSettings>();
@@ -164,11 +162,7 @@ export function ContainersDatatable({
         />
       </TableActions>
 
-      <SearchBar
-        value={searchBarValue}
-        onChange={handleSearchBarChange}
-        autoFocus={autoFocusSearch}
-      />
+      <SearchBar value={searchBarValue} onChange={handleSearchBarChange} />
 
       <Table
         className={tableProps.className}

app/docker/containers/components/ContainersDatatable/ContainersDatatableContainer.tsx

@@ -47,7 +47,6 @@ export const ContainersDatatableAngular = react2angular(
     'dataset',
     'onRefresh',
     'isHostColumnVisible',
-    'autoFocusSearch',
     'tableKey',
   ]
 );

app/docker/views/configs/create/createconfig.html

@@ -31,15 +31,15 @@
           <!-- !config-data -->
           <!-- labels -->
           <div class="form-group">
-            <div class="col-sm-12" style="margin-top: 5px;">
+            <div class="col-sm-12" style="margin-top: 5px">
               <label class="control-label text-left">Labels</label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="ctrl.addLabel()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="ctrl.addLabel()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> add label
               </span>
             </div>
             <!-- labels-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="label in ctrl.formValues.Labels" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="label in ctrl.formValues.Labels" style="margin-top: 2px">
                 <div class="input-group col-sm-5 input-group-sm">
                   <span class="input-group-addon">name</span>
                   <input type="text" class="form-control" ng-model="label.name" placeholder="e.g. com.example.foo" />
@@ -60,13 +60,11 @@
           <por-access-control-form form-data="ctrl.formValues.AccessControlData"></por-access-control-form>
           <!-- !access-control -->
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button type="button" class="btn btn-primary btn-sm" ng-disabled="!ctrl.formValues.Name" ng-click="ctrl.create()">Create config</button>
-              <span class="text-danger" ng-if="ctrl.state.formValidationError" style="margin-left: 5px;">{{ ctrl.state.formValidationError }}</span>
+              <span class="text-danger" ng-if="ctrl.state.formValidationError" style="margin-left: 5px">{{ ctrl.state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->

app/docker/views/containers/create/createcontainer.html

@@ -6,7 +6,7 @@
 <information-panel title-text="Caution" ng-if="state.mode == 'duplicate'">
   <span class="small">
     <p class="text-muted">
-      <i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+      <i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px"></i>
       The new container may fail to start if the image is changed, and settings from the previous container aren't compatible. Common causes include entrypoint, cmd or
       <a href="http://portainer.readthedocs.io/en/stable/agent.html" target="_blank">other settings</a> set by an image.
     </p>
@@ -26,12 +26,10 @@
             </div>
           </div>
           <!-- !name-input -->
-          <div class="col-sm-12 form-section-title">
-            Image configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Image configuration </div>
           <div ng-if="!formValues.RegistryModel.Registry && fromContainer">
             <i class="fa fa-exclamation-triangle orange-icon" aria-hidden="true"></i>
-            <span class="small text-danger" style="margin-left: 5px;">
+            <span class="small text-danger" style="margin-left: 5px">
               The Docker registry for the <code>{{ config.Image }}</code> image is not registered inside Portainer, you will not be able to create a container. Please register that
               registry first.
             </span>
@@ -60,18 +58,14 @@
                       message="When enabled, Portainer will automatically try to pull the specified image before creating the container."
                     ></portainer-tooltip>
                   </label>
-                  <label class="switch" style="margin-left: 20px;">
-                    <input type="checkbox" ng-model="formValues.alwaysPull" ng-disabled="!state.pullImageValidity" /><i></i>
-                  </label>
+                  <label class="switch" style="margin-left: 20px"> <input type="checkbox" ng-model="formValues.alwaysPull" ng-disabled="!state.pullImageValidity" /><i></i> </label>
                 </div>
               </div>
               <!-- !always-pull -->
             </por-image-registry>
             <!-- !image-and-registry -->
           </div>
-          <div class="col-sm-12 form-section-title">
-            Network ports configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Network ports configuration </div>
           <!-- publish-exposed-ports -->
           <div class="form-group">
             <div class="col-sm-12">
@@ -82,7 +76,7 @@
                   message="When enabled, Portainer will let Docker automatically map a random port on the host to each one defined in the image Dockerfile."
                 ></portainer-tooltip>
               </label>
-              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" ng-model="config.HostConfig.PublishAllPorts" /><i></i> </label>
+              <label class="switch" style="margin-left: 20px"> <input type="checkbox" ng-model="config.HostConfig.PublishAllPorts" /><i></i> </label>
             </div>
           </div>
           <!-- !publish-exposed-ports -->
@@ -96,20 +90,20 @@
                   message="When a range of ports on the host and a single port on the container is specified, Docker will randomly choose a single available port in the defined range and forward that to the container port."
                 ></portainer-tooltip>
               </label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addPortBinding()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addPortBinding()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> publish a new network port
               </span>
             </div>
             <!-- port-mapping-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="portBinding in config.HostConfig.PortBindings" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="portBinding in config.HostConfig.PortBindings" style="margin-top: 2px">
                 <!-- host-port -->
                 <div class="input-group col-sm-4 input-group-sm">
                   <span class="input-group-addon">host</span>
                   <input type="text" class="form-control" ng-model="portBinding.hostPort" placeholder="e.g. 80, 80-88, ip:80 or ip:80-88 (optional)" />
                 </div>
                 <!-- !host-port -->
-                <span style="margin: 0 10px 0 10px;">
+                <span style="margin: 0 10px 0 10px">
                   <i class="fa fa-long-arrow-alt-right" aria-hidden="true"></i>
                 </span>
                 <!-- container-port -->
@@ -135,9 +129,7 @@
           </div>
           <!-- !port-mapping -->
           <div ng-if="applicationState.endpoint.mode.agentProxy && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE'">
-            <div class="col-sm-12 form-section-title">
-              Deployment
-            </div>
+            <div class="col-sm-12 form-section-title"> Deployment </div>
             <!-- node-selection -->
             <node-selector model="formValues.NodeName"> </node-selector>
             <!-- !node-selection -->
@@ -146,9 +138,7 @@
           <por-access-control-form form-data="formValues.AccessControlData" resource-control="fromContainer.ResourceControl" ng-if="fromContainer"></por-access-control-form>
           <!-- !access-control -->
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <!-- autoremove -->
           <div class="form-group">
             <div class="col-sm-12">
@@ -159,7 +149,7 @@
                   message="When enabled, Portainer will automatically remove the container when it exits. This is useful when you want to use the container only once."
                 ></portainer-tooltip>
               </label>
-              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" ng-model="config.HostConfig.AutoRemove" /><i></i> </label>
+              <label class="switch" style="margin-left: 20px"> <input type="checkbox" ng-model="config.HostConfig.AutoRemove" /><i></i> </label>
             </div>
           </div>
           <!-- !autoremove -->
@@ -176,7 +166,7 @@
                 <span ng-hide="state.actionInProgress">Deploy the container</span>
                 <span ng-show="state.actionInProgress">Deployment in progress...</span>
               </button>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->
@@ -205,14 +195,14 @@
         <div class="tab-content">
           <!-- tab-command -->
           <div class="tab-pane active" id="command">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <!-- command-input -->
               <div class="form-group">
                 <label for="container_command" class="col-sm-2 col-lg-1 control-label text-left">Command</label>
                 <div class="col-sm-9">
                   <div class="input-group">
                     <div class="input-group-btn">
-                      <button class="btn btn-primary" ng-model="formValues.CmdMode" uib-btn-radio="'default'" style="margin-left: 0px;"> Default</button>
+                      <button class="btn btn-primary" ng-model="formValues.CmdMode" uib-btn-radio="'default'" style="margin-left: 0px"> Default</button>
                       <button class="btn btn-primary" ng-model="formValues.CmdMode" uib-btn-radio="'override'">Override</button>
                     </div>
                     <input
@@ -239,7 +229,7 @@
                 <div class="col-sm-9">
                   <div class="input-group">
                     <div class="input-group-btn">
-                      <label class="btn btn-primary" ng-model="formValues.EntrypointMode" uib-btn-radio="'default'" style="margin-left: 0px;"> Default</label>
+                      <label class="btn btn-primary" ng-model="formValues.EntrypointMode" uib-btn-radio="'default'" style="margin-left: 0px"> Default</label>
                       <label class="btn btn-primary" ng-model="formValues.EntrypointMode" uib-btn-radio="'override'">Override</label>
                     </div>
                     <input
@@ -300,9 +290,7 @@
               </div>
               <!-- !console -->
 
-              <div class="col-sm-12 form-section-title">
-                Logging
-              </div>
+              <div class="col-sm-12 form-section-title"> Logging </div>
               <!-- logging-driver -->
               <div class="form-group">
                 <label for="log-driver" class="col-sm-2 col-lg-1 control-label text-left">Driver</label>
@@ -323,7 +311,7 @@
               <!-- !logging-driver -->
               <!-- logging-opts -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">
                     Options
                     <portainer-tooltip
@@ -333,15 +321,15 @@
                   </label>
                   <span
                     class="label label-default interactive"
-                    style="margin-left: 10px;"
+                    style="margin-left: 10px"
                     ng-click="!formValues.LogDriverName || formValues.LogDriverName === 'none' || addLogDriverOpt(formValues.LogDriverName)"
                   >
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add logging driver option
                   </span>
                 </div>
                 <!-- logging-opts-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="opt in formValues.LogDriverOpts" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="opt in formValues.LogDriverOpts" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">option</span>
                       <input type="text" class="form-control" ng-model="opt.name" placeholder="e.g. FOO" />
@@ -363,20 +351,20 @@
           <!-- !tab-command -->
           <!-- tab-volume -->
           <div class="tab-pane" id="volumes">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <!-- volumes -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Volume mapping</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addVolume()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addVolume()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> map additional volume
                   </span>
                 </div>
                 <!-- volumes-input-list -->
-                <div class="form-inline" style="margin-top: 10px;">
+                <div class="form-inline" style="margin-top: 10px">
                   <div ng-repeat="volume in formValues.Volumes">
                     <!-- volume-line1 -->
-                    <div class="col-sm-12 form-inline" style="margin-top: 10px;">
+                    <div class="col-sm-12 form-inline" style="margin-top: 10px">
                       <!-- container-path -->
                       <div class="input-group input-group-sm col-sm-6">
                         <span class="input-group-addon">container</span>
@@ -384,7 +372,7 @@
                       </div>
                       <!-- !container-path -->
                       <!-- volume-type -->
-                      <div class="input-group col-sm-5" style="margin-left: 5px;">
+                      <div class="input-group col-sm-5" style="margin-left: 5px">
                         <div class="btn-group btn-group-sm" ng-if="allowBindMounts">
                           <label class="btn btn-primary" ng-model="volume.type" uib-btn-radio="'volume'" ng-click="volume.name = ''">Volume</label>
                           <label class="btn btn-primary" ng-model="volume.type" uib-btn-radio="'bind'" ng-click="volume.name = ''">Bind</label>
@@ -397,7 +385,7 @@
                     </div>
                     <!-- !volume-line1 -->
                     <!-- volume-line2 -->
-                    <div class="col-sm-12 form-inline" style="margin-top: 5px;">
+                    <div class="col-sm-12 form-inline" style="margin-top: 5px">
                       <i class="fa fa-long-arrow-alt-right" aria-hidden="true"></i>
                       <!-- volume -->
                       <div class="input-group input-group-sm col-sm-6" ng-if="volume.type === 'volume'">
@@ -415,7 +403,7 @@
                       </div>
                       <!-- !bind -->
                       <!-- read-only -->
-                      <div class="input-group input-group-sm col-sm-5" style="margin-left: 5px;">
+                      <div class="input-group input-group-sm col-sm-5" style="margin-left: 5px">
                         <div class="btn-group btn-group-sm">
                           <label class="btn btn-primary" ng-model="volume.readOnly" uib-btn-radio="false">Writable</label>
                           <label class="btn btn-primary" ng-model="volume.readOnly" uib-btn-radio="true">Read-only</label>
@@ -434,7 +422,7 @@
           <!-- !tab-volume -->
           <!-- tab-network -->
           <div class="tab-pane" id="network">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <div class="form-group" ng-if="globalNetworkCount === 0 && applicationState.endpoint.mode.provider !== 'DOCKER_SWARM_MODE'">
                 <div class="col-sm-12">
                   <span class="small text-muted">You don't have any shared networks. Head over to the <a ui-sref="docker.networks">networks view</a> to create one.</span>
@@ -524,15 +512,15 @@
               <!-- !dns-secondary-input -->
               <!-- extra-hosts-variables -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Hosts file entries</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addExtraHost()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addExtraHost()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add additional entry
                   </span>
                 </div>
                 <!-- extra-hosts-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="variable in formValues.ExtraHosts" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="variable in formValues.ExtraHosts" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">value</span>
                       <input type="text" class="form-control" ng-model="variable.value" placeholder="e.g. host:IP" />
@@ -550,18 +538,18 @@
           <!-- !tab-network -->
           <!-- tab-labels -->
           <div class="tab-pane" id="labels">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <!-- labels -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Labels</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addLabel()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addLabel()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add label
                   </span>
                 </div>
                 <!-- labels-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="label in formValues.Labels" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="label in formValues.Labels" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">name</span>
                       <input type="text" class="form-control" ng-model="label.name" placeholder="e.g. com.example.foo" />
@@ -592,25 +580,15 @@
           <!-- !tab-env -->
           <!-- tab-restart-policy -->
           <div class="tab-pane" id="restart-policy">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <div class="form-group">
                 <div class="col-sm-12">
-                  <label class="control-label text-left">
-                    Restart policy
-                  </label>
-                  <div class="btn-group btn-group-sm" style="margin-left: 20px;">
-                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'no'">
-                      Never
-                    </label>
-                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'always'">
-                      Always
-                    </label>
-                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'on-failure'">
-                      On failure
-                    </label>
-                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'unless-stopped'">
-                      Unless stopped
-                    </label>
+                  <label class="control-label text-left"> Restart policy </label>
+                  <div class="btn-group btn-group-sm" style="margin-left: 20px">
+                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'no'"> Never </label>
+                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'always'"> Always </label>
+                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'on-failure'"> On failure </label>
+                    <label class="btn btn-primary" ng-model="config.HostConfig.RestartPolicy.Name" uib-btn-radio="'unless-stopped'"> Unless stopped </label>
                   </div>
                 </div>
               </div>
@@ -619,27 +597,21 @@
           <!-- !tab-restart-policy -->
           <!-- tab-runtime-resources -->
           <div class="tab-pane" id="runtime-resources">
-            <form class="form-horizontal" style="margin-top: 15px;">
-              <div class="col-sm-12 form-section-title">
-                Runtime
-              </div>
+            <form class="form-horizontal" style="margin-top: 15px">
+              <div class="col-sm-12 form-section-title"> Runtime </div>
               <!-- privileged-mode -->
               <div class="form-group" ng-if="isAdmin || allowPrivilegedMode">
                 <div class="col-sm-12">
-                  <label for="privileged_mode" class="control-label text-left">
-                    Privileged mode
-                  </label>
-                  <label class="switch" style="margin-left: 20px;"> <input type="checkbox" name="privileged_mode" ng-model="config.HostConfig.Privileged" /><i></i> </label>
+                  <label for="privileged_mode" class="control-label text-left"> Privileged mode </label>
+                  <label class="switch" style="margin-left: 20px"> <input type="checkbox" name="privileged_mode" ng-model="config.HostConfig.Privileged" /><i></i> </label>
                 </div>
               </div>
               <!-- !privileged-mode -->
               <!-- init -->
               <div class="form-group" ng-if="applicationState.endpoint.apiVersion >= 1.37">
                 <div class="col-sm-12">
-                  <label for="init" class="control-label text-left">
-                    Init
-                  </label>
-                  <label class="switch" style="margin-left: 20px;"> <input type="checkbox" name="init" ng-model="config.HostConfig.Init" /><i></i> </label>
+                  <label for="init" class="control-label text-left"> Init </label>
+                  <label class="switch" style="margin-left: 20px"> <input type="checkbox" name="init" ng-model="config.HostConfig.Init" /><i></i> </label>
                 </div>
               </div>
               <!-- !init -->
@@ -654,18 +626,18 @@
               </div>
               <!-- !runtimes -->
             </form>
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <!-- devices -->
               <div ng-if="showDeviceMapping" class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Devices</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addDevice()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addDevice()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add device
                   </span>
                 </div>
                 <!-- devices-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="device in config.HostConfig.Devices" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="device in config.HostConfig.Devices" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">host</span>
                       <input type="text" class="form-control" ng-model="device.pathOnHost" placeholder="e.g. /dev/tty0" />
@@ -684,15 +656,15 @@
               <!-- !devices-->
               <!-- sysctls -->
               <div ng-if="showSysctls" class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Sysctls</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addSysctl()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addSysctl()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add sysctl
                   </span>
                 </div>
                 <!-- sysctls-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="sysctl in formValues.Sysctls" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="sysctl in formValues.Sysctls" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">name</span>
                       <input type="text" class="form-control" ng-model="sysctl.name" placeholder="e.g. FOO" />
@@ -710,14 +682,10 @@
               </div>
               <!-- !sysctls -->
               <div ng-class="{ 'edit-resources': state.mode == 'duplicate' }">
-                <div class="col-sm-12 form-section-title">
-                  Resources
-                </div>
+                <div class="col-sm-12 form-section-title"> Resources </div>
                 <!-- memory-reservation-input -->
                 <div class="form-group">
-                  <label for="memory-reservation" class="col-sm-3 col-lg-2 control-label text-left mt-20">
-                    Memory reservation
-                  </label>
+                  <label for="memory-reservation" class="col-sm-3 col-lg-2 control-label text-left mt-20"> Memory reservation </label>
                   <div class="col-sm-3">
                     <slider
                       on-change="(handleResourceChange)"
@@ -732,17 +700,13 @@
                     <input type="number" min="0" class="form-control" ng-model="formValues.MemoryReservation" id="memory-reservation" />
                   </div>
                   <div class="col-sm-4">
-                    <p class="small text-muted mt-7">
-                      Memory soft limit (<b>MB</b>)
-                    </p>
+                    <p class="small text-muted mt-7"> Memory soft limit (<b>MB</b>) </p>
                   </div>
                 </div>
                 <!-- !memory-reservation-input -->
                 <!-- memory-limit-input -->
                 <div class="form-group">
-                  <label for="memory-limit" class="col-sm-3 col-lg-2 control-label text-left mt-20">
-                    Memory limit
-                  </label>
+                  <label for="memory-limit" class="col-sm-3 col-lg-2 control-label text-left mt-20"> Memory limit </label>
                   <div class="col-sm-3">
                     <slider
                       on-change="(handleResourceChange)"
@@ -757,17 +721,13 @@
                     <input type="number" min="0" class="form-control" ng-model="formValues.MemoryLimit" id="memory-limit" />
                   </div>
                   <div class="col-sm-4">
-                    <p class="small text-muted mt-7">
-                      Memory limit (<b>MB</b>)
-                    </p>
+                    <p class="small text-muted mt-7"> Memory limit (<b>MB</b>) </p>
                   </div>
                 </div>
                 <!-- !memory-limit-input -->
                 <!-- cpu-limit-input -->
                 <div class="form-group">
-                  <label for="cpu-limit" class="col-sm-3 col-lg-2 control-label text-left mt-20">
-                    CPU limit
-                  </label>
+                  <label for="cpu-limit" class="col-sm-3 col-lg-2 control-label text-left mt-20"> CPU limit </label>
                   <div class="col-sm-5">
                     <slider
                       on-change="(handleResourceChange)"
@@ -780,9 +740,7 @@
                     ></slider>
                   </div>
                   <div class="col-sm-4 mt-20">
-                    <p class="small text-muted">
-                      Maximum CPU usage
-                    </p>
+                    <p class="small text-muted"> Maximum CPU usage </p>
                   </div>
                 </div>
                 <!-- !cpu-limit-input -->

app/docker/views/containers/stats/containerstats.html

@@ -20,9 +20,7 @@
             </div>
           </div>
           <div class="form-group">
-            <label for="refreshRate" class="col-sm-3 col-md-2 col-lg-2 margin-sm-top control-label text-left">
-              Refresh rate
-            </label>
+            <label for="refreshRate" class="col-sm-3 col-md-2 col-lg-2 margin-sm-top control-label text-left"> Refresh rate </label>
             <div class="col-sm-3 col-md-2">
               <select id="refreshRate" ng-model="state.refreshRate" ng-change="changeUpdateRepeater()" class="form-control">
                 <option value="1">1s</option>
@@ -34,7 +32,7 @@
               </select>
             </div>
             <span>
-              <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+              <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
             </span>
           </div>
           <div class="form-group" ng-if="state.networkStatsUnavailable">
@@ -58,7 +56,7 @@
     <rd-widget>
       <rd-widget-header icon="fa-chart-area" title-text="Memory usage"></rd-widget-header>
       <rd-widget-body>
-        <div class="chart-container" style="position: relative;">
+        <div class="chart-container" style="position: relative">
           <canvas id="memoryChart" width="770" height="300"></canvas>
         </div>
       </rd-widget-body>
@@ -69,7 +67,7 @@
     <rd-widget>
       <rd-widget-header icon="fa-chart-area" title-text="CPU usage"></rd-widget-header>
       <rd-widget-body>
-        <div class="chart-container" style="position: relative;">
+        <div class="chart-container" style="position: relative">
           <canvas id="cpuChart" width="770" height="300"></canvas>
         </div>
       </rd-widget-body>
@@ -80,7 +78,7 @@
     <rd-widget>
       <rd-widget-header icon="fa-chart-area" title-text="Network usage (aggregate)"></rd-widget-header>
       <rd-widget-body>
-        <div class="chart-container" style="position: relative;">
+        <div class="chart-container" style="position: relative">
           <canvas id="networkChart" width="770" height="300"></canvas>
         </div>
       </rd-widget-body>
@@ -91,7 +89,7 @@
     <rd-widget>
       <rd-widget-header icon="fa-chart-area" title-text="I/O usage (aggregate)"></rd-widget-header>
       <rd-widget-body>
-        <div class="chart-container" style="position: relative;">
+        <div class="chart-container" style="position: relative">
           <canvas id="ioChart" width="770" height="300"></canvas>
         </div>
       </rd-widget-body>

app/docker/views/dashboard/dashboard.html

@@ -20,12 +20,12 @@
 >
   <span class="small">
     <p class="text-muted" ng-if="applicationState.endpoint.mode.role === 'MANAGER'">
-      <i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+      <i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px"></i>
       Portainer is connected to a node that is part of a Swarm cluster. Some resources located on other nodes in the cluster might not be available for management, have a look at
       <a href="http://portainer.readthedocs.io/en/stable/agent.html" target="_blank">our agent setup</a> for more details.
     </p>
     <p class="text-muted" ng-if="applicationState.endpoint.mode.role === 'WORKER'">
-      <i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+      <i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px"></i>
       Portainer is connected to a worker node. Swarm management features will not be available.
     </p>
   </span>
@@ -107,11 +107,11 @@
           <div class="widget-icon blue pull-left">
             <i class="fa fa-cubes"></i>
           </div>
-          <div class="pull-right" style="padding-left: 5px;">
+          <div class="pull-right" style="padding-left: 5px">
             <div><i class="fa fa-power-off space-right green-icon"></i>{{ containers | runningcontainers }} running</div>
             <div><i class="fa fa-power-off space-right red-icon"></i>{{ containers | stoppedcontainers }} stopped</div>
           </div>
-          <div class="pull-right" style="padding-right: 5px;">
+          <div class="pull-right" style="padding-right: 5px">
             <div><i class="fa fa-heartbeat space-right green-icon"></i>{{ containers | healthycontainers }} healthy</div>
             <div><i class="fa fa-heartbeat space-right orange-icon"></i>{{ containers | unhealthycontainers }} unhealthy</div>
           </div>

app/docker/views/docker-features-configuration/docker-features-configuration.html

@@ -8,12 +8,10 @@
     <rd-widget>
       <rd-widget-body>
         <form class="form-horizontal" name="$ctrl.form">
-          <div class="col-sm-12 form-section-title">
-            Host and Filesystem
-          </div>
+          <div class="col-sm-12 form-section-title"> Host and Filesystem </div>
           <div ng-if="!$ctrl.isAgent" class="form-group">
             <span class="col-sm-12 text-muted small">
-              <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px"></i>
               These features are only available for an Agent enabled environments.
             </span>
           </div>
@@ -44,9 +42,7 @@
             </div>
           </div>
           <!-- auto update window -->
-          <div class="col-sm-12 form-section-title">
-            Change Window Setting
-          </div>
+          <div class="col-sm-12 form-section-title"> Change Window Setting </div>
 
           <div class="form-group">
             <div class="col-sm-12">
@@ -64,9 +60,7 @@
           </div>
 
           <!-- security -->
-          <div class="col-sm-12 form-section-title">
-            Docker Security Settings
-          </div>
+          <div class="col-sm-12 form-section-title"> Docker Security Settings </div>
           <div class="form-group">
             <div class="col-sm-12">
               <por-switch-field
@@ -150,16 +144,14 @@
 
           <div class="form-group" ng-if="$ctrl.isContainerEditDisabled()">
             <span class="col-sm-12 text-muted small">
-              <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px"></i>
               Note: The recreate/duplicate/edit feature is currently disabled (for non-admin users) by one or more security settings.
             </span>
           </div>
           <!-- !security -->
 
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button type="button" class="btn btn-primary btn-sm" ng-click="$ctrl.save()" ng-disabled="$ctrl.state.actionInProgress" button-spinner="$ctrl.state.actionInProgress">

app/docker/views/images/build/buildimage.html

@@ -11,19 +11,15 @@
           <uib-tab index="0">
             <uib-tab-heading> <i class="fa fa-wrench space-right" aria-hidden="true"></i> Builder </uib-tab-heading>
             <form class="form-horizontal">
-              <div class="col-sm-12 form-section-title">
-                Naming
-              </div>
+              <div class="col-sm-12 form-section-title"> Naming </div>
               <!-- names -->
               <div class="form-group">
-                <span class="col-sm-12 text-muted small">
-                  You can specify multiple names to your image.
-                </span>
+                <span class="col-sm-12 text-muted small"> You can specify multiple names to your image. </span>
               </div>
               <div class="form-group">
                 <div class="col-sm-12">
                   <label class="control-label text-left">Names</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addImageName()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addImageName()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add additional name
                   </span>
                 </div>
@@ -44,8 +40,8 @@
                 </div>
                 <div class="form-group">
                   <div class="col-sm-12">
-                    <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                      <div ng-repeat="item in formValues.ImageNames track by $index" style="margin-top: 2px;">
+                    <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                      <div ng-repeat="item in formValues.ImageNames track by $index" style="margin-top: 2px">
                         <!-- name-input -->
                         <div class="input-group col-sm-5 input-group-sm">
                           <span class="input-group-addon">name</span>
@@ -69,17 +65,15 @@
               </div>
               <!-- !name-input-list -->
               <!-- build-method -->
-              <div class="col-sm-12 form-section-title">
-                Build method
-              </div>
+              <div class="col-sm-12 form-section-title"> Build method </div>
               <div class="form-group"></div>
-              <div class="form-group" style="margin-bottom: 0;">
+              <div class="form-group" style="margin-bottom: 0">
                 <div class="boxselector_wrapper">
                   <div>
                     <input type="radio" id="method_editor" ng-model="state.BuildType" value="editor" ng-click="toggleEditor()" />
                     <label for="method_editor">
                       <div class="boxselector_header">
-                        <i class="fa fa-edit" aria-hidden="true" style="margin-right: 2px;"></i>
+                        <i class="fa fa-edit" aria-hidden="true" style="margin-right: 2px"></i>
                         Web editor
                       </div>
                       <p>Use our Web editor</p>
@@ -89,7 +83,7 @@
                     <input type="radio" id="method_upload" ng-model="state.BuildType" value="upload" ng-click="saveEditorContent()" />
                     <label for="method_upload">
                       <div class="boxselector_header">
-                        <i class="fa fa-upload" aria-hidden="true" style="margin-right: 2px;"></i>
+                        <i class="fa fa-upload" aria-hidden="true" style="margin-right: 2px"></i>
                         Upload
                       </div>
                       <p>Upload a tarball or a Dockerfile from your computer</p>
@@ -99,7 +93,7 @@
                     <input type="radio" id="method_url" ng-model="state.BuildType" value="url" ng-click="saveEditorContent()" />
                     <label for="method_url">
                       <div class="boxselector_header">
-                        <i class="fa fa-globe" aria-hidden="true" style="margin-right: 2px;"></i>
+                        <i class="fa fa-globe" aria-hidden="true" style="margin-right: 2px"></i>
                         URL
                       </div>
                       <p>Specify a URL to a file</p>
@@ -110,9 +104,7 @@
               <!-- !build-method -->
               <!-- web-editor -->
               <div ng-show="state.BuildType === 'editor'">
-                <div class="col-sm-12 form-section-title">
-                  Web editor
-                </div>
+                <div class="col-sm-12 form-section-title"> Web editor </div>
                 <div class="form-group">
                   <span class="col-sm-12 text-muted small">
                     You can get more information about Dockerfile format in the
@@ -133,9 +125,7 @@
               <!-- !web-editor -->
               <!-- upload -->
               <div ng-show="state.BuildType === 'upload'">
-                <div class="col-sm-12 form-section-title">
-                  Upload
-                </div>
+                <div class="col-sm-12 form-section-title"> Upload </div>
                 <div class="form-group">
                   <span class="col-sm-12 text-muted small">
                     You can upload a Dockerfile or a tar archive containing a Dockerfile from your computer. When using a tarball, the root folder will be used as the build
@@ -145,7 +135,7 @@
                 <div class="form-group">
                   <div class="col-sm-12">
                     <button class="btn btn-sm btn-primary" ngf-select ngf-min-size="10" ng-model="formValues.UploadFile">Select file</button>
-                    <span style="margin-left: 5px;">
+                    <span style="margin-left: 5px">
                       {{ formValues.UploadFile.name }}
                       <i class="fa fa-times red-icon" ng-if="!formValues.UploadFile" aria-hidden="true"></i>
                     </span>
@@ -153,9 +143,7 @@
                 </div>
                 <div ng-if="formValues.UploadFile.type === 'application/gzip' || formValues.UploadFile.type === 'application/x-tar'">
                   <div class="form-group">
-                    <span class="col-sm-12 text-muted small">
-                      Indicate the path to the Dockerfile within the tarball.
-                    </span>
+                    <span class="col-sm-12 text-muted small"> Indicate the path to the Dockerfile within the tarball. </span>
                   </div>
                   <div class="form-group">
                     <label for="image_path" class="col-sm-2 control-label text-left">Dockerfile path</label>
@@ -168,9 +156,7 @@
               <!-- !upload -->
               <!-- url -->
               <div ng-show="state.BuildType === 'url'">
-                <div class="col-sm-12 form-section-title">
-                  URL
-                </div>
+                <div class="col-sm-12 form-section-title"> URL </div>
                 <div class="form-group">
                   <span class="col-sm-12 text-muted small">
                     Specify the URL to a Dockerfile, a tarball or a public Git repository (suffixed by <b>.git</b>). When using a tarball or a Git repository URL, the root folder
@@ -184,9 +170,7 @@
                   </div>
                 </div>
                 <div class="form-group">
-                  <span class="col-sm-12 text-muted small">
-                    Indicate the path to the Dockerfile within the tarball/repository (ignored when using a Dockerfile).
-                  </span>
+                  <span class="col-sm-12 text-muted small"> Indicate the path to the Dockerfile within the tarball/repository (ignored when using a Dockerfile). </span>
                 </div>
                 <div class="form-group">
                   <label for="image_path" class="col-sm-2 control-label text-left">Dockerfile path</label>
@@ -197,17 +181,13 @@
               </div>
               <!-- !url -->
               <div ng-if="applicationState.endpoint.mode.agentProxy && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE'">
-                <div class="col-sm-12 form-section-title">
-                  Deployment
-                </div>
+                <div class="col-sm-12 form-section-title"> Deployment </div>
                 <!-- node-selection -->
                 <node-selector model="formValues.NodeName"> </node-selector>
                 <!-- !node-selection -->
               </div>
               <!-- actions -->
-              <div class="col-sm-12 form-section-title">
-                Actions
-              </div>
+              <div class="col-sm-12 form-section-title"> Actions </div>
               <div class="form-group">
                 <div class="col-sm-12">
                   <button
@@ -223,7 +203,7 @@
                     <span ng-hide="state.actionInProgress">Build the image</span>
                     <span ng-show="state.actionInProgress">Image building in progress...</span>
                   </button>
-                  <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+                  <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
                 </div>
               </div>
               <!-- !actions -->

app/docker/views/images/edit/image.html

@@ -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">
@@ -40,13 +40,13 @@
               </span>
             </div>
             <div class="col-sm-12">
-              <span id="downloadResourceHint" class="createResource" style="display: none; margin-left: 0;">
+              <span id="downloadResourceHint" class="createResource" style="display: none; margin-left: 0">
                 Download in progress...
-                <i class="fa fa-circle-notch fa-spin" aria-hidden="true" style="margin-left: 2px;"></i>
+                <i class="fa fa-circle-notch fa-spin" aria-hidden="true" style="margin-left: 2px"></i>
               </span>
-              <span id="uploadResourceHint" class="createResource" style="display: none; margin-left: 0;">
+              <span id="uploadResourceHint" class="createResource" style="display: none; margin-left: 0">
                 Upload in progress...
-                <i class="fa fa-circle-notch fa-spin" aria-hidden="true" style="margin-left: 2px;"></i>
+                <i class="fa fa-circle-notch fa-spin" aria-hidden="true" style="margin-left: 2px"></i>
               </span>
             </div>
           </div>
@@ -217,7 +217,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>
@@ -241,20 +241,20 @@
           </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 ng-if="layer.CreatedBy.length > 130" style="margin-left: 5px;">
+                    <span ng-if="layer.CreatedBy.length > 130" style="margin-left: 5px">
                       <a id="layer-command-expander{{ $index }}" class="btn" ng-click="toggleLayerCommand($index)">
                         <i class="fa fa-plus-circle" aria-hidden="true"></i>
                       </a>

app/docker/views/images/images.html

@@ -25,9 +25,7 @@
             check-rate-limits="true"
           >
             <div ng-if="applicationState.endpoint.mode.agentProxy && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE'">
-              <div class="col-sm-12 form-section-title">
-                Deployment
-              </div>
+              <div class="col-sm-12 form-section-title"> Deployment </div>
               <!-- node-selection -->
               <node-selector model="formValues.NodeName"> </node-selector>
               <!-- !node-selection -->

app/docker/views/images/import/importimage.html

@@ -9,18 +9,14 @@
       <rd-widget-body>
         <form class="form-horizontal">
           <!-- upload -->
-          <div class="col-sm-12 form-section-title">
-            Upload
-          </div>
+          <div class="col-sm-12 form-section-title"> Upload </div>
           <div class="form-group">
-            <span class="col-sm-12 text-muted small">
-              You can upload a tar archive containing your images.
-            </span>
+            <span class="col-sm-12 text-muted small"> You can upload a tar archive containing your images. </span>
           </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button type="button" class="btn btn-sm btn-primary" ngf-select ngf-min-size="10" ng-model="formValues.UploadFile">Select file</button>
-              <span style="margin-left: 5px;">
+              <span style="margin-left: 5px">
                 {{ formValues.UploadFile.name }}
                 <i class="fa fa-times red-icon" ng-if="!formValues.UploadFile" aria-hidden="true"></i>
               </span>
@@ -28,9 +24,7 @@
           </div>
           <!-- !upload -->
           <div ng-if="applicationState.endpoint.mode.agentProxy && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE'">
-            <div class="col-sm-12 form-section-title">
-              Deployment
-            </div>
+            <div class="col-sm-12 form-section-title"> Deployment </div>
             <!-- node-selection -->
             <node-selector model="formValues.NodeName"> </node-selector>
             <!-- !node-selection -->
@@ -55,9 +49,7 @@
             </div>
           </div>
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button
@@ -70,7 +62,7 @@
                 <span ng-hide="state.actionInProgress">Upload</span>
                 <span ng-show="state.actionInProgress">Images uploading in progress...</span>
               </button>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->

app/docker/views/networks/create/createnetwork.html

@@ -16,9 +16,7 @@
             </div>
           </div>
           <!-- !name-input -->
-          <div class="col-sm-12 form-section-title">
-            Driver configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Driver configuration </div>
           <!-- driver-input -->
           <div class="form-group">
             <label for="network_driver" class="col-sm-2 col-lg-1 control-label text-left">Driver</label>
@@ -32,7 +30,7 @@
           <!-- !driver-input -->
           <!-- driver-options -->
           <div class="form-group">
-            <div class="col-sm-12" style="margin-top: 5px;">
+            <div class="col-sm-12" style="margin-top: 5px">
               <label class="control-label text-left">
                 Driver options
                 <portainer-tooltip
@@ -40,13 +38,13 @@
                   message="Driver options are specific to the selected driver. Please refer to the selected driver documentation."
                 ></portainer-tooltip>
               </label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addDriverOption()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addDriverOption()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> add driver option
               </span>
             </div>
             <!-- driver-options-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="option in formValues.DriverOptions" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="option in formValues.DriverOptions" style="margin-top: 2px">
                 <div class="input-group col-sm-5 input-group-sm">
                   <span class="input-group-addon">name</span>
                   <input type="text" class="form-control" ng-model="option.name" placeholder="e.g. com.docker.network.bridge.enable_icc" />
@@ -67,9 +65,7 @@
           <network-macvlan-form ng-show="config.Driver === 'macvlan'" data="formValues.Macvlan" application-state="applicationState"></network-macvlan-form>
           <!-- !macvlan-management -->
           <div ng-hide="config.Driver === 'macvlan' && formValues.Macvlan.Scope === 'swarm'">
-            <div class="col-sm-12 form-section-title">
-              IPV4 Network configuration
-            </div>
+            <div class="col-sm-12 form-section-title"> IPV4 Network configuration </div>
             <!-- subnet-gateway-inputs -->
             <div class="form-group">
               <label for="ipv4_network_subnet" class="col-sm-2 col-lg-1 control-label text-left">Subnet</label>
@@ -110,15 +106,13 @@
             </div>
             <!-- !iprange-auxaddr-inputs -->
             <div class="form-group">
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addIPV4AuxAddress()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addIPV4AuxAddress()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> add excluded IP
               </span>
             </div>
           </div>
           <div ng-show="config.Driver === 'bridge' || (config.Driver === 'macvlan' && formValues.Macvlan.Scope !== 'swarm')">
-            <div class="col-sm-12 form-section-title">
-              IPV6 Network configuration
-            </div>
+            <div class="col-sm-12 form-section-title"> IPV6 Network configuration </div>
             <!-- subnet-gateway-inputs -->
             <div class="form-group">
               <label for="ipv6_network_subnet" class="col-sm-2 col-lg-1 control-label text-left">Subnet</label>
@@ -159,23 +153,21 @@
             </div>
             <!-- !iprange-auxaddr-inputs -->
             <div class="form-group">
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addIPV6AuxAddress()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addIPV6AuxAddress()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> add excluded IP
               </span>
             </div>
           </div>
-          <div class="col-sm-12 form-section-title">
-            Advanced configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Advanced configuration </div>
           <!-- labels -->
           <div class="form-group">
-            <div class="col-sm-12" style="margin-top: 5px;">
+            <div class="col-sm-12" style="margin-top: 5px">
               <label class="control-label text-left">Labels</label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addLabel()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add label </span>
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addLabel()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add label </span>
             </div>
             <!-- labels-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="label in formValues.Labels" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="label in formValues.Labels" style="margin-top: 2px">
                 <div class="input-group col-sm-5 input-group-sm">
                   <span class="input-group-addon">name</span>
                   <input type="text" class="form-control" ng-model="label.key" placeholder="e.g. com.example.foo" />
@@ -199,7 +191,7 @@
                 Isolated network
                 <portainer-tooltip position="bottom" message="An isolated network has no inbound or outbound communications."></portainer-tooltip>
               </label>
-              <label name="ownership" class="switch" style="margin-left: 20px;">
+              <label name="ownership" class="switch" style="margin-left: 20px">
                 <input type="checkbox" ng-model="config.Internal" />
                 <i></i>
               </label>
@@ -209,10 +201,8 @@
           <!-- attachable -->
           <div class="form-group" ng-hide="config.Driver === 'macvlan' && formValues.Macvlan.Scope === 'local'">
             <div class="col-sm-12">
-              <label for="attachable" class="control-label text-left">
-                Enable manual container attachment
-              </label>
-              <label name="attachable" class="switch" style="margin-left: 20px;">
+              <label for="attachable" class="control-label text-left"> Enable manual container attachment </label>
+              <label name="attachable" class="switch" style="margin-left: 20px">
                 <input type="checkbox" ng-model="config.Attachable" />
                 <i></i>
               </label>
@@ -227,9 +217,7 @@
               config.Driver !== 'macvlan'
             "
           >
-            <div class="col-sm-12 form-section-title">
-              Deployment
-            </div>
+            <div class="col-sm-12 form-section-title"> Deployment </div>
             <!-- node-selection -->
             <node-selector model="formValues.NodeName"> </node-selector>
             <!-- !node-selection -->
@@ -238,9 +226,7 @@
           <por-access-control-form form-data="formValues.AccessControlData"></por-access-control-form>
           <!-- !access-control -->
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button
@@ -253,8 +239,8 @@
                 <span ng-hide="state.actionInProgress">Create the network</span>
                 <span ng-show="state.actionInProgress">Creating network...</span>
               </button>
-              <i id="createResourceSpinner" class="fa fa-cog fa-spin" style="margin-left: 5px; display: none;"></i>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+              <i id="createResourceSpinner" class="fa fa-cog fa-spin" style="margin-left: 5px; display: none"></i>
+              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->

app/docker/views/secrets/create/createsecret.html

@@ -31,19 +31,19 @@
                 Encode secret
                 <portainer-tooltip position="bottom" message="Secrets need to be base64 encoded. Disable this if your secret is already base64 encoded."></portainer-tooltip>
               </label>
-              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" name="encode_secret" ng-model="formValues.encodeSecret" /><i></i> </label>
+              <label class="switch" style="margin-left: 20px"> <input type="checkbox" name="encode_secret" ng-model="formValues.encodeSecret" /><i></i> </label>
             </div>
           </div>
           <!-- !encode-secret -->
           <!-- labels -->
           <div class="form-group">
-            <div class="col-sm-12" style="margin-top: 5px;">
+            <div class="col-sm-12" style="margin-top: 5px">
               <label class="control-label text-left">Labels</label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addLabel()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add label </span>
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addLabel()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add label </span>
             </div>
             <!-- labels-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="label in formValues.Labels" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="label in formValues.Labels" style="margin-top: 2px">
                 <div class="input-group col-sm-5 input-group-sm">
                   <span class="input-group-addon">name</span>
                   <input type="text" class="form-control" ng-model="label.key" placeholder="e.g. com.example.foo" />
@@ -64,9 +64,7 @@
           <por-access-control-form form-data="formValues.AccessControlData"></por-access-control-form>
           <!-- !access-control -->
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button
@@ -79,7 +77,7 @@
                 <span ng-hide="state.actionInProgress">Create the secret</span>
                 <span ng-show="state.actionInProgress">Creating secret...</span>
               </button>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->

app/docker/views/services/create/createservice.html

@@ -16,9 +16,7 @@
             </div>
           </div>
           <!-- !name-input -->
-          <div class="col-sm-12 form-section-title">
-            Image configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Image configuration </div>
           <!-- image-and-registry -->
           <por-image-registry
             model="formValues.RegistryModel"
@@ -32,16 +30,12 @@
           >
           </por-image-registry>
           <!-- !image-and-registry -->
-          <div class="col-sm-12 form-section-title">
-            Scheduling
-          </div>
+          <div class="col-sm-12 form-section-title"> Scheduling </div>
           <!-- scheduling-mode -->
           <div class="form-group">
             <div class="col-sm-12">
-              <label class="control-label text-left">
-                Scheduling mode
-              </label>
-              <div class="btn-group btn-group-sm" style="margin-left: 20px;">
+              <label class="control-label text-left"> Scheduling mode </label>
+              <div class="btn-group btn-group-sm" style="margin-left: 20px">
                 <label class="btn btn-primary" ng-model="formValues.Mode" uib-btn-radio="'global'">Global</label>
                 <label class="btn btn-primary" ng-model="formValues.Mode" uib-btn-radio="'replicated'">Replicated</label>
               </div>
@@ -49,33 +43,29 @@
           </div>
           <div class="form-group form-inline" ng-if="formValues.Mode === 'replicated'">
             <div class="col-sm-12">
-              <label class="control-label text-left">
-                Replicas
-              </label>
-              <input type="number" class="form-control" ng-model="formValues.Replicas" id="replicas" placeholder="e.g. 3" style="margin-left: 20px;" />
+              <label class="control-label text-left"> Replicas </label>
+              <input type="number" class="form-control" ng-model="formValues.Replicas" id="replicas" placeholder="e.g. 3" style="margin-left: 20px" />
             </div>
           </div>
           <!-- !scheduling-mode -->
-          <div class="col-sm-12 form-section-title">
-            Ports configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Ports configuration </div>
           <!-- port-mapping -->
           <div class="form-group">
-            <div class="col-sm-12" style="margin-top: 5px;">
+            <div class="col-sm-12" style="margin-top: 5px">
               <label class="control-label text-left">Port mapping</label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addPortBinding()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addPortBinding()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> map additional port
               </span>
             </div>
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="portBinding in formValues.Ports" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="portBinding in formValues.Ports" style="margin-top: 2px">
                 <!-- host-port -->
                 <div class="input-group col-sm-3 input-group-sm">
                   <span class="input-group-addon">host</span>
                   <input type="text" class="form-control" ng-model="portBinding.PublishedPort" placeholder="e.g. 80 or 1.2.3.4:80 (optional)" />
                 </div>
                 <!-- !host-port -->
-                <span style="margin: 0 10px 0 10px;">
+                <span style="margin: 0 10px 0 10px">
                   <i class="fa fa-long-arrow-alt-right" aria-hidden="true"></i>
                 </span>
                 <!-- container-port -->
@@ -106,9 +96,7 @@
           <!-- !port-mapping -->
           <!-- create-webhook -->
           <div ng-if="endpoint.Type !== 4">
-            <div class="col-sm-12 form-section-title">
-              Webhooks
-            </div>
+            <div class="col-sm-12 form-section-title"> Webhooks </div>
             <div class="form-group">
               <div class="col-sm-12">
                 <label class="control-label text-left">
@@ -118,7 +106,7 @@
                     message="Create a webhook (or callback URI) to automate the update of this service. Sending a POST request to this callback URI (without requiring any authentication) will pull the most up-to-date version of the associated image and re-deploy this service."
                   ></portainer-tooltip>
                 </label>
-                <label class="switch" style="margin-left: 20px;"> <input type="checkbox" ng-model="formValues.Webhook" /><i></i> </label>
+                <label class="switch" style="margin-left: 20px"> <input type="checkbox" ng-model="formValues.Webhook" /><i></i> </label>
               </div>
             </div>
           </div>
@@ -127,9 +115,7 @@
           <por-access-control-form form-data="formValues.AccessControlData"></por-access-control-form>
           <!-- !access-control -->
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button
@@ -142,7 +128,7 @@
                 <span ng-hide="state.actionInProgress">Create the service</span>
                 <span ng-show="state.actionInProgress">Creating service...</span>
               </button>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->
@@ -171,10 +157,8 @@
         <div class="tab-content">
           <!-- tab-command -->
           <div class="tab-pane active" id="command">
-            <form class="form-horizontal" style="margin-top: 15px;">
-              <div class="col-sm-12 form-section-title">
-                Command
-              </div>
+            <form class="form-horizontal" style="margin-top: 15px">
+              <div class="col-sm-12 form-section-title"> Command </div>
               <!-- command-input -->
               <div class="form-group">
                 <label for="service_command" class="col-sm-2 col-lg-1 control-label text-left">Command</label>
@@ -203,9 +187,7 @@
                 </div>
               </div>
               <!-- !workdir-user-input -->
-              <div class="col-sm-12 form-section-title">
-                Logging
-              </div>
+              <div class="col-sm-12 form-section-title"> Logging </div>
               <!-- logging-driver -->
               <div class="form-group">
                 <label for="log-driver" class="col-sm-2 col-lg-1 control-label text-left">Driver</label>
@@ -227,7 +209,7 @@
               <!-- !logging-driver -->
               <!-- logging-opts -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">
                     Options
                     <portainer-tooltip
@@ -237,15 +219,15 @@
                   </label>
                   <span
                     class="label label-default interactive"
-                    style="margin-left: 10px;"
+                    style="margin-left: 10px"
                     ng-click="!formValues.LogDriverName || formValues.LogDriverName === 'none' || addLogDriverOpt(formValues.LogDriverName)"
                   >
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add logging driver option
                   </span>
                 </div>
                 <!-- logging-opts-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="opt in formValues.LogDriverOpts" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="opt in formValues.LogDriverOpts" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">option</span>
                       <input type="text" class="form-control" ng-model="opt.name" placeholder="e.g. FOO" />
@@ -267,19 +249,19 @@
           <!-- !tab-command -->
           <!-- tab-volume -->
           <div class="tab-pane" id="volumes">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <!-- volumes -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Volume mapping</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addVolume()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addVolume()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> map additional volume
                   </span>
                 </div>
                 <!-- volumes-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
                   <div ng-repeat="volume in formValues.Volumes">
-                    <div class="col-sm-12" style="margin-top: 10px;">
+                    <div class="col-sm-12" style="margin-top: 10px">
                       <!-- volume-line1 -->
                       <div class="col-sm-12 form-inline">
                         <!-- container-path -->
@@ -292,7 +274,7 @@
                         </div>
                         <!-- !container-path -->
                         <!-- volume-type -->
-                        <div class="input-group col-sm-5" style="margin-left: 5px; vertical-align: top;">
+                        <div class="input-group col-sm-5" style="margin-left: 5px; vertical-align: top">
                           <div class="btn-group btn-group-sm" ng-if="allowBindMounts">
                             <label class="btn btn-primary" ng-model="volume.Type" uib-btn-radio="'volume'" ng-click="volume.Source = null">Volume</label>
                             <label class="btn btn-primary" ng-model="volume.Type" uib-btn-radio="'bind'" ng-click="volume.Source = null">Bind</label>
@@ -305,12 +287,12 @@
                       </div>
                       <!-- !volume-line1 -->
                       <!-- volume-line2 -->
-                      <div class="col-sm-12 form-inline" style="margin-top: 5px;">
-                        <div style="height: 30px; display: inline-block; vertical-align: top; display: inline-flex; align-items: center;">
+                      <div class="col-sm-12 form-inline" style="margin-top: 5px">
+                        <div style="height: 30px; display: inline-block; vertical-align: top; display: inline-flex; align-items: center">
                           <i class="fa fa-long-arrow-alt-right" aria-hidden="true"></i>
                         </div>
                         <!-- volume -->
-                        <div class="col-sm-6 input-group" ng-if="volume.Type === 'volume'" style="float: none; padding: 0;">
+                        <div class="col-sm-6 input-group" ng-if="volume.Type === 'volume'" style="float: none; padding: 0">
                           <div class="input-group input-group-sm w-full">
                             <span class="input-group-addon">volume</span>
                             <select
@@ -334,7 +316,7 @@
                         </div>
                         <!-- !bind -->
                         <!-- read-only -->
-                        <div class="input-group input-group-sm col-sm-5" style="margin-left: 5px; vertical-align: top;">
+                        <div class="input-group input-group-sm col-sm-5" style="margin-left: 5px; vertical-align: top">
                           <div class="btn-group btn-group-sm">
                             <label class="btn btn-primary" ng-model="volume.ReadOnly" uib-btn-radio="false">Writable</label>
                             <label class="btn btn-primary" ng-model="volume.ReadOnly" uib-btn-radio="true">Read-only</label>
@@ -354,7 +336,7 @@
           <!-- !tab-volume -->
           <!-- tab-network -->
           <div class="tab-pane" id="network">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <!-- network-input -->
               <div class="form-group">
                 <label for="container_network" class="col-sm-2 col-lg-1 control-label text-left">Network</label>
@@ -369,15 +351,15 @@
               <!-- !network-input -->
               <!-- extra-networks -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Extra networks</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addExtraNetwork()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addExtraNetwork()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add extra network
                   </span>
                 </div>
                 <!-- network-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="network in formValues.ExtraNetworks" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="network in formValues.ExtraNetworks" style="margin-top: 2px">
                     <select class="form-control" ng-model="network.Name">
                       <option selected disabled hidden value="">Select a network</option>
                       <option ng-repeat="net in availableNetworks" ng-value="net.Name">{{ net.Name }}</option>
@@ -392,15 +374,15 @@
               <!-- !extra-networks -->
               <!-- extra-hosts-variables -->
               <div class="form-group" ng-if="applicationState.endpoint.apiVersion >= 1.25">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Hosts file entries</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addHostsEntry()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addHostsEntry()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add additional entry
                   </span>
                 </div>
                 <!-- hosts-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="variable in formValues.HostsEntries" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="variable in formValues.HostsEntries" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">value</span>
                       <input type="text" class="form-control" ng-model="variable.value" placeholder="e.g. host:IP" />
@@ -427,18 +409,18 @@
           <!-- !tab-env -->
           <!-- tab-labels -->
           <div class="tab-pane" id="labels">
-            <form class="form-horizontal" style="margin-top: 15px;">
+            <form class="form-horizontal" style="margin-top: 15px">
               <!-- labels -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Service labels</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addLabel()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addLabel()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add service label
                   </span>
                 </div>
                 <!-- labels-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="label in formValues.Labels" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="label in formValues.Labels" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">name</span>
                       <input type="text" class="form-control" ng-model="label.key" placeholder="e.g. com.example.foo" />
@@ -457,15 +439,15 @@
               <!-- !labels-->
               <!-- container-labels -->
               <div class="form-group">
-                <div class="col-sm-12" style="margin-top: 5px;">
+                <div class="col-sm-12" style="margin-top: 5px">
                   <label class="control-label text-left">Container labels</label>
-                  <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addContainerLabel()">
+                  <span class="label label-default interactive" style="margin-left: 10px" ng-click="addContainerLabel()">
                     <i class="fa fa-plus-circle" aria-hidden="true"></i> add container label
                   </span>
                 </div>
                 <!-- container-labels-input-list -->
-                <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-                  <div ng-repeat="label in formValues.ContainerLabels" style="margin-top: 2px;">
+                <div class="col-sm-12 form-inline" style="margin-top: 10px">
+                  <div ng-repeat="label in formValues.ContainerLabels" style="margin-top: 2px">
                     <div class="input-group col-sm-5 input-group-sm">
                       <span class="input-group-addon">name</span>
                       <input type="text" class="form-control" ng-model="label.key" placeholder="e.g. com.example.foo" />

app/docker/views/services/create/includes/config.html

@@ -1,17 +1,17 @@
-<form class="form-horizontal" style="margin-top: 15px;">
+<form class="form-horizontal" style="margin-top: 15px">
   <div class="form-group">
-    <div class="col-sm-12" style="margin-top: 5px;">
+    <div class="col-sm-12" style="margin-top: 5px">
       <label class="control-label text-left">Configs</label>
-      <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addConfig()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add a config </span>
+      <span class="label label-default interactive" style="margin-left: 10px" ng-click="addConfig()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add a config </span>
     </div>
     <!-- info message -->
-    <div class="form-group" ng-show="formValues.Configs.$invalid" style="margin-bottom: 0px;">
-      <div class="col-sm-12 small text-warning" style="padding-left: 35px; padding-top: 20px;">
+    <div class="form-group" ng-show="formValues.Configs.$invalid" style="margin-bottom: 0px">
+      <div class="col-sm-12 small text-warning" style="padding-left: 35px; padding-top: 20px">
         <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> {{ formValues.Configs.$error }}
       </div>
     </div>
-    <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-      <div ng-repeat="config in formValues.Configs" style="margin-top: 2px;">
+    <div class="col-sm-12 form-inline" style="margin-top: 10px">
+      <div ng-repeat="config in formValues.Configs" style="margin-top: 2px">
         <div class="input-group col-sm-4 input-group-sm">
           <span class="input-group-addon">config</span>
           <select class="form-control" ng-model="config.model" ng-change="checkIfConfigDuplicated()" ng-options="config.Name for config in availableConfigs | orderBy: 'Name'">

app/docker/views/services/create/includes/resources-placement.html

@@ -1,12 +1,8 @@
-<form class="form-horizontal" style="margin-top: 15px;">
-  <div class="col-sm-12 form-section-title">
-    Resources
-  </div>
+<form class="form-horizontal" style="margin-top: 15px">
+  <div class="col-sm-12 form-section-title"> Resources </div>
   <!-- memory-reservation-input -->
   <div class="form-group">
-    <label for="memory-reservation" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px;">
-      Memory reservation
-    </label>
+    <label for="memory-reservation" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px"> Memory reservation </label>
     <div class="col-sm-3">
       <slider model="formValues.MemoryReservation" floor="0" ceil="state.sliderMaxMemory" step="256" ng-if="state.sliderMaxMemory"></slider>
     </div>
@@ -14,73 +10,57 @@
       <input type="number" min="0" class="form-control" ng-model="formValues.MemoryReservation" />
     </div>
     <div class="col-sm-4">
-      <p class="small text-muted" style="margin-top: 7px;">
-        Minimum memory available on a node to run a task (<b>MB</b>)
-      </p>
+      <p class="small text-muted" style="margin-top: 7px"> Minimum memory available on a node to run a task (<b>MB</b>) </p>
     </div>
   </div>
   <!-- !memory-reservation-input -->
   <!-- memory-limit-input -->
   <div class="form-group">
-    <label for="memory-limit" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px;">
-      Memory limit
-    </label>
+    <label for="memory-limit" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px"> Memory limit </label>
     <div class="col-sm-3">
       <slider model="formValues.MemoryLimit" floor="0" ceil="state.sliderMaxMemory" step="256" ng-if="state.sliderMaxMemory"></slider>
     </div>
     <div class="col-sm-2">
       <input type="number" min="0" class="form-control" ng-model="formValues.MemoryLimit" />
     </div>
-    <div class="col-sm-4" style="margin-top: 7px;">
-      <p class="small text-muted">
-        Maximum memory usage per task (<b>MB</b>)
-      </p>
+    <div class="col-sm-4" style="margin-top: 7px">
+      <p class="small text-muted"> Maximum memory usage per task (<b>MB</b>) </p>
     </div>
   </div>
   <!-- !memory-limit-input -->
   <!-- cpu-reservation-input -->
   <div class="form-group">
-    <label for="cpu-reservation" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px;">
-      CPU reservation
-    </label>
+    <label for="cpu-reservation" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px"> CPU reservation </label>
     <div class="col-sm-5">
       <slider model="formValues.CpuReservation" floor="0" ceil="state.sliderMaxCpu" step="0.25" precision="2" ng-if="state.sliderMaxCpu"></slider>
     </div>
-    <div class="col-sm-4" style="margin-top: 20px;">
-      <p class="small text-muted">
-        Minimum CPU available on a node to run a task
-      </p>
+    <div class="col-sm-4" style="margin-top: 20px">
+      <p class="small text-muted"> Minimum CPU available on a node to run a task </p>
     </div>
   </div>
   <!-- !cpu-reservation-input -->
   <!-- cpu-limit-input -->
   <div class="form-group">
-    <label for="cpu-limit" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px;">
-      CPU limit
-    </label>
+    <label for="cpu-limit" class="col-sm-3 col-lg-2 control-label text-left" style="margin-top: 20px"> CPU limit </label>
     <div class="col-sm-5">
       <slider model="formValues.CpuLimit" floor="0" ceil="state.sliderMaxCpu" step="0.25" precision="2" ng-if="state.sliderMaxCpu"></slider>
     </div>
-    <div class="col-sm-4" style="margin-top: 20px;">
-      <p class="small text-muted">
-        Maximum CPU usage per task
-      </p>
+    <div class="col-sm-4" style="margin-top: 20px">
+      <p class="small text-muted"> Maximum CPU usage per task </p>
     </div>
   </div>
   <!-- !cpu-limit-input -->
-  <div class="col-sm-12 form-section-title">
-    Placement
-  </div>
+  <div class="col-sm-12 form-section-title"> Placement </div>
   <!-- placement-constraints -->
   <div class="form-group">
-    <div class="col-sm-12" style="margin-top: 5px;">
+    <div class="col-sm-12" style="margin-top: 5px">
       <label class="control-label text-left">Placement constraints</label>
-      <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addPlacementConstraint()">
+      <span class="label label-default interactive" style="margin-left: 10px" ng-click="addPlacementConstraint()">
         <i class="fa fa-plus-circle" aria-hidden="true"></i> placement constraint
       </span>
     </div>
-    <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-      <div ng-repeat="constraint in formValues.PlacementConstraints" style="margin-top: 2px;">
+    <div class="col-sm-12 form-inline" style="margin-top: 10px">
+      <div ng-repeat="constraint in formValues.PlacementConstraints" style="margin-top: 2px">
         <div class="input-group col-sm-4 input-group-sm">
           <span class="input-group-addon">name</span>
           <input type="text" class="form-control" ng-model="constraint.key" placeholder="e.g. node.role" />
@@ -104,14 +84,14 @@
   <!-- !placement-constraints -->
   <!-- placement-preferences -->
   <div class="form-group" ng-if="applicationState.endpoint.apiVersion >= 1.3">
-    <div class="col-sm-12" style="margin-top: 5px;">
+    <div class="col-sm-12" style="margin-top: 5px">
       <label class="control-label text-left">Placement preferences</label>
-      <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addPlacementPreference()">
+      <span class="label label-default interactive" style="margin-left: 10px" ng-click="addPlacementPreference()">
         <i class="fa fa-plus-circle" aria-hidden="true"></i> placement preference
       </span>
     </div>
-    <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-      <div ng-repeat="preference in formValues.PlacementPreferences" style="margin-top: 2px;">
+    <div class="col-sm-12 form-inline" style="margin-top: 10px">
+      <div ng-repeat="preference in formValues.PlacementPreferences" style="margin-top: 2px">
         <div class="input-group col-sm-4 input-group-sm">
           <span class="input-group-addon">strategy</span>
           <input type="text" class="form-control" ng-model="preference.strategy" placeholder="e.g. spread" />

app/docker/views/services/create/includes/secret.html

@@ -1,4 +1,4 @@
-<form class="form-horizontal" style="margin-top: 15px;">
+<form class="form-horizontal" style="margin-top: 15px">
   <div class="form-group">
     <div class="col-sm-12 small text-muted">
       By default, secrets will be available under <code>/run/secrets/$SECRET_NAME</code> in containers (Linux) or
@@ -6,18 +6,18 @@
     >
   </div>
   <div class="form-group">
-    <div class="col-sm-12" style="margin-top: 5px;">
+    <div class="col-sm-12" style="margin-top: 5px">
       <label class="control-label text-left">Secrets</label>
-      <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addSecret()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add a secret </span>
+      <span class="label label-default interactive" style="margin-left: 10px" ng-click="addSecret()"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add a secret </span>
     </div>
     <!-- info message -->
-    <div class="form-group" ng-show="formValues.Secrets.$invalid" style="margin-bottom: 0px;">
-      <div class="col-sm-12 small text-warning" style="padding-left: 35px; padding-top: 20px;">
+    <div class="form-group" ng-show="formValues.Secrets.$invalid" style="margin-bottom: 0px">
+      <div class="col-sm-12 small text-warning" style="padding-left: 35px; padding-top: 20px">
         <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> {{ formValues.Secrets.$error }}
       </div>
     </div>
-    <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-      <div ng-repeat="secret in formValues.Secrets track by $index" style="margin-top: 4px;">
+    <div class="col-sm-12 form-inline" style="margin-top: 10px">
+      <div ng-repeat="secret in formValues.Secrets track by $index" style="margin-top: 4px">
         <div class="input-group col-sm-4 input-group-sm">
           <span class="input-group-addon">secret</span>
           <select class="form-control" ng-model="secret.model" ng-change="checkIfSecretDuplicated()" ng-options="secret.Name for secret in availableSecrets | orderBy: 'Name'">

app/docker/views/services/create/includes/update-restart.html

@@ -1,7 +1,5 @@
-<form class="form-horizontal" style="margin-top: 15px;">
-  <div class="col-sm-12 form-section-title">
-    Update config
-  </div>
+<form class="form-horizontal" style="margin-top: 15px">
+  <div class="col-sm-12 form-section-title"> Update config </div>
   <!-- parallelism-input -->
   <div class="form-group">
     <label for="parallelism" class="col-sm-3 col-lg-2 control-label text-left">Update parallelism</label>
@@ -9,9 +7,7 @@
       <input type="number" class="form-control" ng-model="formValues.Parallelism" id="parallelism" placeholder="e.g. 1" />
     </div>
     <div class="col-sm-5">
-      <p class="small text-muted">
-        Maximum number of tasks to be updated simultaneously (0 to update all at once).
-      </p>
+      <p class="small text-muted"> Maximum number of tasks to be updated simultaneously (0 to update all at once). </p>
     </div>
   </div>
   <!-- !parallelism-input -->
@@ -25,9 +21,7 @@
       <input type="text" class="form-control" ng-model="formValues.UpdateDelay" id="update-delay" placeholder="e.g. 1m" ng-pattern="/^([0-9]+)(h|m|s|ms|us|ns)$/i" />
     </div>
     <div class="col-sm-5">
-      <p class="small text-muted">
-        Amount of time between updates expressed by a number followed by unit (ns|us|ms|s|m|h). Default value is 0s, 0 seconds.
-      </p>
+      <p class="small text-muted"> Amount of time between updates expressed by a number followed by unit (ns|us|ms|s|m|h). Default value is 0s, 0 seconds. </p>
     </div>
   </div>
   <!-- !delay-input -->
@@ -41,9 +35,7 @@
       </div>
     </div>
     <div class="col-sm-5">
-      <p class="small text-muted">
-        Action taken on failure to start after update.
-      </p>
+      <p class="small text-muted"> Action taken on failure to start after update. </p>
     </div>
   </div>
   <!-- !failureAction-input -->
@@ -57,16 +49,12 @@
       </div>
     </div>
     <div class="col-sm-5">
-      <p class="small text-muted">
-        Operation order on failure.
-      </p>
+      <p class="small text-muted"> Operation order on failure. </p>
     </div>
   </div>
   <!-- !order-input -->
 
-  <div class="col-sm-12 form-section-title">
-    Restart policy
-  </div>
+  <div class="col-sm-12 form-section-title"> Restart policy </div>
   <!-- restartCondition-input -->
   <div class="form-group">
     <label for="restart-condition" class="col-sm-3 col-lg-2 control-label text-left">Restart condition</label>
@@ -78,9 +66,7 @@
       </div>
     </div>
     <div class="col-sm-5">
-      <p class="small text-muted">
-        Restart when condition is met (default condition "any").
-      </p>
+      <p class="small text-muted"> Restart when condition is met (default condition "any"). </p>
     </div>
   </div>
   <!-- !restartCondition-input -->
@@ -94,9 +80,7 @@
       <input type="text" class="form-control" ng-model="formValues.RestartDelay" id="restart-delay" placeholder="e.g. 1m" ng-pattern="/^([0-9]+)(h|m|s|ms|us|ns)$/i" />
     </div>
     <div class="col-sm-5">
-      <p class="small text-muted">
-        Delay between restart attempts expressed by a number followed by unit (ns|us|ms|s|m|h). Default value is 5s, 5 seconds.
-      </p>
+      <p class="small text-muted"> Delay between restart attempts expressed by a number followed by unit (ns|us|ms|s|m|h). Default value is 5s, 5 seconds. </p>
     </div>
   </div>
   <!-- !restartDelay-input -->
@@ -107,9 +91,7 @@
       <input type="number" class="form-control" ng-model="formValues.RestartMaxAttempts" id="restart-max-attempts" placeholder="e.g. 0" />
     </div>
     <div class="col-sm-5">
-      <p class="small text-muted">
-        Maximum attempts to restart a given task before giving up (default value is 0, which means unlimited).
-      </p>
+      <p class="small text-muted"> Maximum attempts to restart a given task before giving up (default value is 0, which means unlimited). </p>
     </div>
   </div>
   <!-- !restartMaxAttempts-input -->

app/docker/views/services/edit/includes/configs.html

@@ -2,14 +2,14 @@
   <rd-widget>
     <rd-widget-header icon="fa-tasks" title-text="Configs"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
-      <div class="form-inline" style="padding: 10px;" authorization="DockerServiceUpdate">
+      <div class="form-inline" style="padding: 10px" authorization="DockerServiceUpdate">
         Add a config:
         <select class="form-control" ng-options="config.Name for config in configs | orderBy: 'Name'" ng-model="newConfig">
           <option selected disabled hidden value="">Select a config</option>
         </select>
         <a class="btn btn-default btn-sm" ng-click="addConfig(service, newConfig)"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add config </a>
       </div>
-      <table class="table" style="margin-top: 5px;">
+      <table class="table" style="margin-top: 5px">
         <thead>
           <tr>
             <th>Name</th>

app/docker/views/services/edit/includes/container-specs.html

@@ -10,9 +10,7 @@
               ><code ng-if="service.Command">{{ service.Command | command }}</code></td
             >
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Command to execute.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Command to execute. </p>
             </td>
           </tr>
           <tr>
@@ -21,36 +19,28 @@
               ><code ng-if="service.Arguments">{{ service.Arguments }}</code></td
             >
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Arguments passed to command in container.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Arguments passed to command in container. </p>
             </td>
           </tr>
           <tr>
             <td>User</td>
             <td>{{ service.User }}</td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Username or UID.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Username or UID. </p>
             </td>
           </tr>
           <tr>
             <td>Working directory</td>
             <td>{{ service.Dir }}</td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Working directory inside the container.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Working directory inside the container. </p>
             </td>
           </tr>
           <tr>
             <td>Stop grace period</td>
             <td>{{ service.StopGracePeriod }}</td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Time to wait before force killing a container (default none).
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Time to wait before force killing a container (default none). </p>
             </td>
           </tr>
         </tbody>

app/docker/views/services/edit/includes/logging.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-header icon="fa-tasks" title-text="Logging driver"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
-      <div class="form-inline" style="padding: 10px;" authorization="DockerServiceUpdate">
+      <div class="form-inline" style="padding: 10px" authorization="DockerServiceUpdate">
         Driver:
         <select class="form-control" ng-model="service.LogDriverName" ng-change="updateLogDriverName(service)" ng-disabled="isUpdating">
           <option selected value="">Default logging driver</option>

app/docker/views/services/edit/includes/networks.html

@@ -30,7 +30,7 @@
                 ng-change="updateNetwork(service)"
                 ng-options="net.Id as net.Name for net in filterNetworks(swarmNetworks, network)"
                 disable-authorization="DockerServiceUpdate"
-                style="width: initial; min-width: 50%;"
+                style="width: initial; min-width: 50%"
               >
                 <option disabled value="" selected>Select a network</option>
               </select>

app/docker/views/services/edit/includes/resources.html

@@ -5,9 +5,7 @@
       <table class="table">
         <tbody>
           <tr>
-            <td style="vertical-align: middle;">
-              Memory reservation (MB)
-            </td>
+            <td style="vertical-align: middle"> Memory reservation (MB) </td>
             <td>
               <input
                 class="input-sm"
@@ -19,16 +17,12 @@
                 disable-authorization="DockerServiceUpdate"
               />
             </td>
-            <td style="vertical-align: middle;">
-              <p class="small text-muted">
-                Minimum memory available on a node to run a task (set to 0 for unlimited)
-              </p>
+            <td style="vertical-align: middle">
+              <p class="small text-muted"> Minimum memory available on a node to run a task (set to 0 for unlimited) </p>
             </td>
           </tr>
           <tr>
-            <td style="vertical-align: middle;">
-              Memory limit (MB)
-            </td>
+            <td style="vertical-align: middle"> Memory limit (MB) </td>
             <td>
               <input
                 class="input-sm"
@@ -40,17 +34,13 @@
                 disable-authorization="DockerServiceUpdate"
               />
             </td>
-            <td style="vertical-align: middle;">
-              <p class="small text-muted">
-                Maximum memory usage per task (set to 0 for unlimited)
-              </p>
+            <td style="vertical-align: middle">
+              <p class="small text-muted"> Maximum memory usage per task (set to 0 for unlimited) </p>
             </td>
           </tr>
           <tr>
-            <td style="vertical-align: middle;">
-              <div>
-                CPU reservation
-              </div>
+            <td style="vertical-align: middle">
+              <div> CPU reservation </div>
             </td>
             <td>
               <slider
@@ -64,17 +54,13 @@
                 disable-authorization="DockerServiceUpdate"
               ></slider>
             </td>
-            <td style="vertical-align: middle;">
-              <p class="small text-muted">
-                Minimum CPU available on a node to run a task
-              </p>
+            <td style="vertical-align: middle">
+              <p class="small text-muted"> Minimum CPU available on a node to run a task </p>
             </td>
           </tr>
           <tr>
-            <td style="vertical-align: middle;">
-              <div>
-                CPU limit
-              </div>
+            <td style="vertical-align: middle">
+              <div> CPU limit </div>
             </td>
             <td>
               <slider
@@ -88,10 +74,8 @@
                 disable-authorization="DockerServiceUpdate"
               ></slider>
             </td>
-            <td style="vertical-align: middle;">
-              <p class="small text-muted">
-                Maximum CPU usage per task
-              </p>
+            <td style="vertical-align: middle">
+              <p class="small text-muted"> Maximum CPU usage per task </p>
             </td>
           </tr>
         </tbody>

app/docker/views/services/edit/includes/restart.html

@@ -21,9 +21,7 @@
               </div>
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Condition for restart.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Condition for restart. </p>
             </td>
           </tr>
           <tr>
@@ -39,7 +37,7 @@
               />
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
+              <p class="small text-muted" style="margin-top: 10px">
                 Delay between restart attempts expressed by a number followed by unit (ns|us|ms|s|m|h). Default value is 5s, 5 seconds.
               </p>
             </td>
@@ -56,9 +54,7 @@
               />
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Maximum attempts to restart a given task before giving up (default value is 0, which means unlimited).
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Maximum attempts to restart a given task before giving up (default value is 0, which means unlimited). </p>
             </td>
           </tr>
           <tr>
@@ -74,7 +70,7 @@
               />
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
+              <p class="small text-muted" style="margin-top: 10px">
                 Time window to evaluate restart attempts expressed by a number followed by unit (ns|us|ms|s|m|h). Default value is 0 seconds, which is unbounded.
               </p>
             </td>

app/docker/views/services/edit/includes/secrets.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-header icon="fa-tasks" title-text="Secrets"> </rd-widget-header>
     <rd-widget-body classes="no-padding">
-      <div class="form-inline" style="padding: 10px;" authorization="DockerServiceUpdate">
+      <div class="form-inline" style="padding: 10px" authorization="DockerServiceUpdate">
         Add a secret:
         <select class="form-control" ng-options="secret.Name for secret in secrets | orderBy: 'Name'" ng-model="state.addSecret.secret">
           <option selected disabled hidden value="">Select a secret</option>
@@ -17,7 +17,7 @@
         </div>
         <a class="btn btn-default btn-sm" ng-click="addSecret(service, state.addSecret)"> <i class="fa fa-plus-circle" aria-hidden="true"></i> add secret </a>
       </div>
-      <table class="table" style="margin-top: 5px;">
+      <table class="table" style="margin-top: 5px">
         <thead>
           <tr>
             <th>Name</th>

app/docker/views/services/edit/includes/servicelabels.html

@@ -14,12 +14,8 @@
       <table class="table">
         <thead>
           <tr>
-            <th>
-              Label
-            </th>
-            <th>
-              Value
-            </th>
+            <th> Label </th>
+            <th> Value </th>
           </tr>
         </thead>
         <tbody>

app/docker/views/services/edit/includes/updateconfig.html

@@ -16,9 +16,7 @@
               />
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Maximum number of tasks to be updated simultaneously (0 to update all at once).
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Maximum number of tasks to be updated simultaneously (0 to update all at once). </p>
             </td>
           </tr>
           <tr>
@@ -34,9 +32,7 @@
               />
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Amount of time between updates expressed by a number followed by unit (ns|us|ms|s|m|h). Example: 1m.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Amount of time between updates expressed by a number followed by unit (ns|us|ms|s|m|h). Example: 1m. </p>
             </td>
           </tr>
           <tr>
@@ -68,9 +64,7 @@
               </div>
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Action taken on failure to start after update.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Action taken on failure to start after update. </p>
             </td>
           </tr>
           <tr ng-if="applicationState.endpoint.apiVersion >= 1.29">
@@ -102,9 +96,7 @@
               </div>
             </td>
             <td>
-              <p class="small text-muted" style="margin-top: 10px;">
-                Operation order on failure.
-              </p>
+              <p class="small text-muted" style="margin-top: 10px"> Operation order on failure. </p>
             </td>
           </tr>
         </tbody>

app/docker/views/services/edit/service.html

@@ -81,7 +81,7 @@
                   position="top"
                   message="Webhook (or callback URI) used to automate the update of this service. Sending a POST request to this callback URI (without requiring any authentication) will pull the most up-to-date version of the associated image and re-deploy this service."
                 ></portainer-tooltip>
-                <label class="switch" style="margin-left: 20px;">
+                <label class="switch" style="margin-left: 20px">
                   <input disable-authorization="DockerServiceUpdate" type="checkbox" ng-model="WebhookExists" ng-click="updateWebhook(service)" /><i></i>
                 </label>
               </td>
@@ -91,7 +91,7 @@
                   <span><i class="fa fa-copy space-right" aria-hidden="true"></i>Copy link</span>
                 </button>
                 <span>
-                  <i id="copyNotification" class="fa fa-check green-icon" aria-hidden="true" style="margin-left: 7px; display: none;"></i>
+                  <i id="copyNotification" class="fa fa-check green-icon" aria-hidden="true" style="margin-left: 7px; display: none"></i>
                 </span>
               </td>
             </tr>

app/docker/views/swarm/visualizer/swarmvisualizer.html

@@ -34,34 +34,26 @@
           </tbody>
         </table>
         <form class="form-horizontal">
-          <div class="col-sm-12 form-section-title">
-            Options
-          </div>
+          <div class="col-sm-12 form-section-title"> Options </div>
           <div class="form-group">
             <div class="col-sm-12">
-              <label class="control-label text-left">
-                Only display running tasks
-              </label>
-              <label class="switch" style="margin-left: 20px;">
+              <label class="control-label text-left"> Only display running tasks </label>
+              <label class="switch" style="margin-left: 20px">
                 <input type="checkbox" ng-model="state.DisplayOnlyRunningTasks" ng-change="changeDisplayOnlyRunningTasks()" /><i></i>
               </label>
             </div>
             <div class="col-sm-12">
-              <label class="control-label text-left">
-                Display node labels
-              </label>
-              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" ng-model="state.DisplayNodeLabels" ng-change="changeDisplayNodeLabels()" /><i></i> </label>
+              <label class="control-label text-left"> Display node labels </label>
+              <label class="switch" style="margin-left: 20px"> <input type="checkbox" ng-model="state.DisplayNodeLabels" ng-change="changeDisplayNodeLabels()" /><i></i> </label>
             </div>
           </div>
         </form>
         <form class="form-horizontal">
-          <div class="col-sm-12 form-section-title">
-            Refresh
-          </div>
+          <div class="col-sm-12 form-section-title"> Refresh </div>
           <div class="form-group">
             <label for="refreshRate" class="col-sm-1 margin-sm-top control-label text-left">
               Rate
-              <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="display: none;"></i>
+              <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="display: none"></i>
             </label>
             <div class="col-sm-2">
               <select id="refreshRate" ng-model="state.refreshRate" ng-change="changeUpdateRepeater()" class="form-control">

app/docker/views/volumes/create/createvolume.html

@@ -16,9 +16,7 @@
             </div>
           </div>
           <!-- !name-input -->
-          <div class="col-sm-12 form-section-title">
-            Driver configuration
-          </div>
+          <div class="col-sm-12 form-section-title"> Driver configuration </div>
           <!-- driver-input -->
           <div class="form-group">
             <label for="volume_driver" class="col-sm-2 col-md-1 control-label text-left">Driver</label>
@@ -32,7 +30,7 @@
           <!-- !driver-input -->
           <!-- driver-options -->
           <div class="form-group" ng-hide="formValues.CIFSData.useCIFS || formValues.NFSData.useNFS">
-            <div class="col-sm-12" style="margin-top: 5px;">
+            <div class="col-sm-12" style="margin-top: 5px">
               <label class="control-label text-left">
                 Driver options
                 <portainer-tooltip
@@ -40,13 +38,13 @@
                   message="Driver options are specific to the selected driver. Please refer to the selected driver documentation."
                 ></portainer-tooltip>
               </label>
-              <span class="label label-default interactive" style="margin-left: 10px;" ng-click="addDriverOption()">
+              <span class="label label-default interactive" style="margin-left: 10px" ng-click="addDriverOption()">
                 <i class="fa fa-plus-circle" aria-hidden="true"></i> add driver option
               </span>
             </div>
             <!-- driver-options-input-list -->
-            <div class="col-sm-12 form-inline" style="margin-top: 10px;">
-              <div ng-repeat="option in formValues.DriverOptions" style="margin-top: 2px;">
+            <div class="col-sm-12 form-inline" style="margin-top: 10px">
+              <div ng-repeat="option in formValues.DriverOptions" style="margin-top: 2px">
                 <div class="input-group col-sm-5 input-group-sm">
                   <span class="input-group-addon">name</span>
                   <input type="text" class="form-control" ng-model="option.name" placeholder="e.g. mountpoint" />
@@ -65,42 +63,34 @@
           <!-- !driver-options -->
           <!-- nfs-management -->
           <div class="form-group col-md-12">
-            <label for="useNFS" class="control-label text-left">
-              Use NFS volume
-            </label>
-            <label class="switch" style="margin-left: 20px;">
+            <label for="useNFS" class="control-label text-left"> Use NFS volume </label>
+            <label class="switch" style="margin-left: 20px">
               <input type="checkbox" name="useNFS" ng-model="formValues.NFSData.useNFS" ng-click="formValues.CIFSData.useCIFS = false" />
               <i></i>
             </label>
-            <div ng-if="formValues.NFSData.useNFS" class="small text-muted" style="margin-top: 10px;"> Ensure <code>nfs-utils</code> are installed on your hosts. </div>
+            <div ng-if="formValues.NFSData.useNFS" class="small text-muted" style="margin-top: 10px"> Ensure <code>nfs-utils</code> are installed on your hosts. </div>
           </div>
           <volumes-nfs-form data="formValues.NFSData" ng-show="formValues.Driver === 'local'"></volumes-nfs-form>
           <!-- !nfs-management -->
           <!-- cifs-management -->
           <div class="form-group col-md-12">
-            <label for="useCIFS" class="control-label text-left">
-              Use CIFS volume
-            </label>
-            <label class="switch" style="margin-left: 20px;">
+            <label for="useCIFS" class="control-label text-left"> Use CIFS volume </label>
+            <label class="switch" style="margin-left: 20px">
               <input type="checkbox" name="useCIFS" ng-model="formValues.CIFSData.useCIFS" ng-click="formValues.NFSData.useNFS = false" />
               <i></i>
             </label>
-            <div ng-if="formValues.CIFSData.useCIFS" class="small text-muted" style="margin-top: 10px;"> Ensure <code>cifs-utils</code> are installed on your hosts. </div>
+            <div ng-if="formValues.CIFSData.useCIFS" class="small text-muted" style="margin-top: 10px"> Ensure <code>cifs-utils</code> are installed on your hosts. </div>
           </div>
           <volumes-cifs-form data="formValues.CIFSData" ng-show="formValues.Driver === 'local'"></volumes-cifs-form>
           <!-- !cifs-management -->
           <!-- storidge -->
           <div ng-if="formValues.Driver === 'cio:latest'">
-            <div class="col-sm-12 form-section-title">
-              Storidge
-            </div>
+            <div class="col-sm-12 form-section-title"> Storidge </div>
             <storidge-profile-selector storidge-profile="formValues.StoridgeProfile"></storidge-profile-selector>
           </div>
           <!-- storidge -->
           <div ng-if="applicationState.endpoint.mode.agentProxy && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE' && formValues.Driver === 'local'">
-            <div class="col-sm-12 form-section-title">
-              Deployment
-            </div>
+            <div class="col-sm-12 form-section-title"> Deployment </div>
             <!-- node-selection -->
             <node-selector model="formValues.NodeName"> </node-selector>
             <!-- !node-selection -->
@@ -109,9 +99,7 @@
           <por-access-control-form form-data="formValues.AccessControlData"></por-access-control-form>
           <!-- !access-control -->
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button
@@ -124,7 +112,7 @@
                 <span ng-hide="state.actionInProgress">Create the volume</span>
                 <span ng-show="state.actionInProgress">Creating volume...</span>
               </button>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px;">{{ state.formValidationError }}</span>
+              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->

app/edge/components/associated-endpoints-datatable/associatedEndpointsDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="searchBar">
         <i class="fa fa-search searchIcon" aria-hidden="true"></i>
@@ -62,9 +62,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/edge/components/edge-job-form/edgeJobForm.html

@@ -1,7 +1,5 @@
 <form class="form-horizontal" name="edgeJobForm">
-  <div class="col-sm-12 form-section-title">
-    Edge job configuration
-  </div>
+  <div class="col-sm-12 form-section-title"> Edge job configuration </div>
   <!-- name-input -->
   <div class="form-group">
     <label for="edgejob_name" class="col-sm-1 control-label text-left">Name</label>
@@ -30,17 +28,15 @@
   <!-- !name-input -->
   <!-- cron-input -->
   <!-- edge-job-method-select -->
-  <div class="col-sm-12 form-section-title">
-    Edge job configuration
-  </div>
+  <div class="col-sm-12 form-section-title"> Edge job configuration </div>
   <div class="form-group"></div>
-  <div class="form-group" style="margin-bottom: 0;">
+  <div class="form-group" style="margin-bottom: 0">
     <div class="boxselector_wrapper">
       <div>
         <input type="radio" id="config_basic" ng-model="$ctrl.formValues.cronMethod" value="basic" />
         <label for="config_basic">
           <div class="boxselector_header">
-            <i class="fa fa-calendar-alt" aria-hidden="true" style="margin-right: 2px;"></i>
+            <i class="fa fa-calendar-alt" aria-hidden="true" style="margin-right: 2px"></i>
             Basic configuration
           </div>
           <p>Select date from calendar</p>
@@ -50,7 +46,7 @@
         <input type="radio" id="config_advanced" ng-model="$ctrl.formValues.cronMethod" value="advanced" />
         <label for="config_advanced">
           <div class="boxselector_header">
-            <i class="fa fa-edit" aria-hidden="true" style="margin-right: 2px;"></i>
+            <i class="fa fa-edit" aria-hidden="true" style="margin-right: 2px"></i>
             Advanced configuration
           </div>
           <p>Write your own cron rule</p>
@@ -64,7 +60,7 @@
     <div class="form-group">
       <label for="recurring" class="col-sm-2 control-label text-left">Recurring Edge job</label>
       <div class="col-sm-10">
-        <label class="switch" style="margin-left: 20px;"> <input type="checkbox" name="recurring" ng-model="$ctrl.model.Recurring" /><i></i> </label>
+        <label class="switch" style="margin-left: 20px"> <input type="checkbox" name="recurring" ng-model="$ctrl.model.Recurring" /><i></i> </label>
       </div>
     </div>
     <!-- not-recurring -->
@@ -74,9 +70,7 @@
         <div class="col-sm-10">
           <input class="form-control" moment-picker ng-model="$ctrl.formValues.datetime" format="YYYY-MM-DD HH:mm" />
         </div>
-        <div class="col-sm-12 small text-muted" style="margin-top: 10px;">
-          Time should be set according to the chosen environments' timezone.
-        </div>
+        <div class="col-sm-12 small text-muted" style="margin-top: 10px"> Time should be set according to the chosen environments' timezone. </div>
         <div ng-show="edgeJobForm.datepicker.$invalid">
           <div class="col-sm-12 small text-warning">
             <div ng-messages="edgeJobForm.datepicker.$error">
@@ -129,9 +123,7 @@
           ng-pattern="$ctrl.cronRegex"
         />
       </div>
-      <div class="col-sm-12 small text-muted" style="margin-top: 10px;">
-        Time should be set according to the chosen environments' timezone.
-      </div>
+      <div class="col-sm-12 small text-muted" style="margin-top: 10px"> Time should be set according to the chosen environments' timezone. </div>
     </div>
     <div class="form-group" ng-show="edgeJobForm.edgejob_cron.$invalid && edgeJobForm.edgejob_cron.$dirty">
       <div class="col-sm-12 small text-warning">
@@ -146,17 +138,15 @@
 
   <!-- execution-method -->
   <div ng-if="!$ctrl.model.Id">
-    <div class="col-sm-12 form-section-title">
-      Job content
-    </div>
+    <div class="col-sm-12 form-section-title"> Job content </div>
     <div class="form-group"></div>
-    <div class="form-group" style="margin-bottom: 0;">
+    <div class="form-group" style="margin-bottom: 0">
       <div class="boxselector_wrapper">
         <div>
           <input type="radio" id="method_editor" ng-model="$ctrl.formValues.method" value="editor" />
           <label for="method_editor">
             <div class="boxselector_header">
-              <i class="fa fa-edit" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-edit" aria-hidden="true" style="margin-right: 2px"></i>
               Web editor
             </div>
             <p>Use our Web editor</p>
@@ -166,7 +156,7 @@
           <input type="radio" id="method_upload" ng-model="$ctrl.formValues.method" value="upload" />
           <label for="method_upload">
             <div class="boxselector_header">
-              <i class="fa fa-upload" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-upload" aria-hidden="true" style="margin-right: 2px"></i>
               Upload
             </div>
             <p>Upload from your computer</p>
@@ -178,9 +168,7 @@
   <!-- !execution-method -->
   <!-- web-editor -->
   <div ng-show="$ctrl.formValues.method === 'editor'">
-    <div class="col-sm-12 form-section-title">
-      Web editor
-    </div>
+    <div class="col-sm-12 form-section-title"> Web editor </div>
     <div class="form-group">
       <div class="col-sm-12">
         <code-editor
@@ -195,18 +183,14 @@
   <!-- !web-editor -->
   <!-- upload -->
   <div ng-show="$ctrl.formValues.method === 'upload'">
-    <div class="col-sm-12 form-section-title">
-      Upload
-    </div>
+    <div class="col-sm-12 form-section-title"> Upload </div>
     <div class="form-group">
-      <span class="col-sm-12 text-muted small">
-        You can upload a script file from your computer.
-      </span>
+      <span class="col-sm-12 text-muted small"> You can upload a script file from your computer. </span>
     </div>
     <div class="form-group">
       <div class="col-sm-12">
         <button type="button" class="btn btn-sm btn-primary" ngf-select ng-model="$ctrl.model.File">Select file</button>
-        <span style="margin-left: 5px;">
+        <span style="margin-left: 5px">
           {{ $ctrl.model.File.name }}
           <i class="fa fa-times red-icon" ng-if="!$ctrl.model.File" aria-hidden="true"></i>
         </span>
@@ -214,9 +198,7 @@
     </div>
   </div>
   <!-- !upload -->
-  <div class="col-sm-12 form-section-title">
-    Target environments
-  </div>
+  <div class="col-sm-12 form-section-title"> Target environments </div>
   <!-- node-selection -->
   <associated-endpoints-selector
     endpoint-ids="$ctrl.model.Endpoints"
@@ -228,9 +210,7 @@
   ></associated-endpoints-selector>
   <!-- !node-selection -->
   <!-- actions -->
-  <div class="col-sm-12 form-section-title">
-    Actions
-  </div>
+  <div class="col-sm-12 form-section-title"> Actions </div>
   <div class="form-group">
     <div class="col-sm-12">
       <button
@@ -247,7 +227,7 @@
         <span ng-hide="$ctrl.actionInProgress">{{ $ctrl.formActionLabel }}</span>
         <span ng-show="$ctrl.actionInProgress">In progress...</span>
       </button>
-      <span class="text-danger" ng-if="$ctrl.state.formValidationError" style="margin-left: 5px;">
+      <span class="text-danger" ng-if="$ctrl.state.formValidationError" style="margin-left: 5px">
         {{ $ctrl.state.formValidationError }}
       </span>
     </div>

app/edge/components/edge-job-form/edgeJobFormController.js

@@ -31,7 +31,8 @@ export class EdgeJobFormController {
     };
 
     // see https://regexr.com/573i2
-    this.cronRegex = /(@(annually|yearly|monthly|weekly|daily|hourly|reboot))|(@every (\d+(ns|us|µs|ms|s|m|h))+)|((((\d+,)+\d+|(\d+(\/|-)\d+)|\d+|\*) ){4,6}((\d+,)+\d+|(\d+(\/|-)\d+)|\d+|\*))/;
+    this.cronRegex =
+      /(@(annually|yearly|monthly|weekly|daily|hourly|reboot))|(@every (\d+(ns|us|µs|ms|s|m|h))+)|((((\d+,)+\d+|(\d+(\/|-)\d+)|\d+|\*) ){4,6}((\d+,)+\d+|(\d+(\/|-)\d+)|\d+|\*))/;
 
     this.action = this.action.bind(this);
     this.editorUpdate = this.editorUpdate.bind(this);

app/edge/components/edge-job-results-datatable/edgeJobResultsDatatable.html

@@ -3,7 +3,7 @@
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
         <div class="toolBarTitle">
-          <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i>
+          <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i>
           {{ $ctrl.titleText }}
         </div>
       </div>
@@ -22,9 +22,7 @@
                   Environment
                 </a>
               </th>
-              <th>
-                Actions
-              </th>
+              <th> Actions </th>
             </tr>
           </thead>
           <tbody>
@@ -35,18 +33,10 @@
                 {{ item.Endpoint.Name }}
               </td>
               <td>
-                <button ng-if="item.LogsStatus === 0 || item.LogsStatus === 1" class="btn btn-sm btn-primary" ng-click="$ctrl.collectLogs(item.EndpointId)">
-                  Retrieve logs
-                </button>
-                <button ng-if="item.LogsStatus === 3" class="btn btn-sm btn-primary" ng-click="$ctrl.onDownloadLogsClick(item.EndpointId)">
-                  Download logs
-                </button>
-                <button ng-if="item.LogsStatus === 3" class="btn btn-sm btn-primary" ng-click="$ctrl.onClearLogsClick(item.EndpointId)">
-                  Clear logs
-                </button>
-                <span ng-if="item.LogsStatus === 2">
-                  Logs marked for collection, please wait until the logs are available.
-                </span>
+                <button ng-if="item.LogsStatus === 0 || item.LogsStatus === 1" class="btn btn-sm btn-primary" ng-click="$ctrl.collectLogs(item.EndpointId)"> Retrieve logs </button>
+                <button ng-if="item.LogsStatus === 3" class="btn btn-sm btn-primary" ng-click="$ctrl.onDownloadLogsClick(item.EndpointId)"> Download logs </button>
+                <button ng-if="item.LogsStatus === 3" class="btn btn-sm btn-primary" ng-click="$ctrl.onClearLogsClick(item.EndpointId)"> Clear logs </button>
+                <span ng-if="item.LogsStatus === 2"> Logs marked for collection, please wait until the logs are available. </span>
               </td>
             </tr>
             <tr ng-if="!$ctrl.dataset">
@@ -62,9 +52,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/edge/components/edge-jobs-datatable/edgeJobsDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="actionBar">
         <button type="button" class="btn btn-sm btn-danger" ng-disabled="$ctrl.state.selectedItemCount === 0" ng-click="$ctrl.removeAction($ctrl.state.selectedItems)">
@@ -76,9 +76,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/edge/components/edge-stack-deployment-type-selector/edge-stack-deployment-type-selector.html

@@ -1,4 +1,2 @@
-<div class="col-sm-12 form-section-title">
-  Deployment type
-</div>
+<div class="col-sm-12 form-section-title"> Deployment type </div>
 <box-selector radio-name="'deploymentType'" value="$ctrl.value" options="$ctrl.deploymentOptions" on-change="($ctrl.onChange)"></box-selector>

app/edge/components/edge-stack-endpoints-datatable/edgeStackEndpointsDatatable.html

@@ -2,7 +2,7 @@
   <rd-widget>
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
-        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
+        <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i> {{ $ctrl.titleText }} </div>
       </div>
       <div class="searchBar">
         <i class="fa fa-search searchIcon" aria-hidden="true"></i>
@@ -67,9 +67,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/edge/components/edge-stacks-datatable/edgeStacksDatatable.html

@@ -3,7 +3,7 @@
     <rd-widget-body classes="no-padding">
       <div class="toolBar">
         <div class="toolBarTitle">
-          <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i>
+          <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px"></i>
           Edge Stacks
         </div>
         <div class="settings" data-cy="edgeStack-stackTableSettings">
@@ -11,9 +11,7 @@
             <span uib-dropdown-toggle> <i class="fa fa-cog" aria-hidden="true"></i> Settings </span>
             <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
               <div class="tableMenu">
-                <div class="menuHeader">
-                  Table settings
-                </div>
+                <div class="menuHeader"> Table settings </div>
                 <div class="menuContent">
                   <div>
                     <div class="md-checkbox">
@@ -27,9 +25,7 @@
                       <label for="setting_auto_refresh">Auto refresh</label>
                     </div>
                     <div ng-if="$ctrl.settings.repeater.autoRefresh">
-                      <label for="settings_refresh_rate">
-                        Refresh rate
-                      </label>
+                      <label for="settings_refresh_rate"> Refresh rate </label>
                       <select id="settings_refresh_rate" ng-model="$ctrl.settings.repeater.refreshRate" ng-change="$ctrl.onSettingsRepeaterChange()" class="small-select">
                         <option value="10">10s</option>
                         <option value="30">30s</option>
@@ -38,15 +34,13 @@
                         <option value="300">5min</option>
                       </select>
                       <span>
-                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none;"></i>
+                        <i id="refreshRateChange" class="fa fa-check green-icon" aria-hidden="true" style="margin-top: 7px; display: none"></i>
                       </span>
                     </div>
                   </div>
                 </div>
                 <div>
-                  <a type="button" class="btn btn-default btn-sm" ng-click="$ctrl.settings.open = false;">
-                    Close
-                  </a>
+                  <a type="button" class="btn btn-default btn-sm" ng-click="$ctrl.settings.open = false;"> Close </a>
                 </div>
               </div>
             </div>
@@ -94,9 +88,7 @@
                   <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Name' && $ctrl.state.reverseOrder"></i>
                 </a>
               </th>
-              <th>
-                Status
-              </th>
+              <th> Status </th>
               <th>
                 <a ng-click="$ctrl.changeOrderBy('CreationDate')">
                   Creation Date
@@ -127,9 +119,7 @@
               <td colspan="4" class="text-center text-muted">Loading...</td>
             </tr>
             <tr ng-if="$ctrl.state.filteredDataSet.length === 0" data-cy="edgeStack-noStackRow">
-              <td colspan="4" class="text-center text-muted">
-                No stack available.
-              </td>
+              <td colspan="4" class="text-center text-muted"> No stack available. </td>
             </tr>
           </tbody>
         </table>
@@ -139,9 +129,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/edge/components/edit-edge-stack-form/editEdgeStackForm.html

@@ -1,7 +1,5 @@
 <form class="form-horizontal">
-  <div class="col-sm-12 form-section-title">
-    Edge Groups
-  </div>
+  <div class="col-sm-12 form-section-title"> Edge Groups </div>
   <div class="form-group">
     <div class="col-sm-12">
       <edge-groups-selector model="$ctrl.model.EdgeGroups" items="$ctrl.edgeGroups" on-change="($ctrl.onChangeGroups)"></edge-groups-selector>
@@ -44,9 +42,7 @@
     <editor-description>
       <div>
         You can get more information about Compose file format in the
-        <a href="https://docs.docker.com/compose/compose-file/" target="_blank">
-          official documentation
-        </a>
+        <a href="https://docs.docker.com/compose/compose-file/" target="_blank"> official documentation </a>
         .
       </div>
     </editor-description>
@@ -69,9 +65,7 @@
   </web-editor-form>
 
   <!-- actions -->
-  <div class="col-sm-12 form-section-title">
-    Actions
-  </div>
+  <div class="col-sm-12 form-section-title"> Actions </div>
   <div class="form-group">
     <div class="col-sm-12">
       <button

app/edge/components/group-form/groupForm.html

@@ -1,8 +1,6 @@
 <form class="form-horizontal" name="EdgeGroupForm" ng-submit="$ctrl.formAction()">
   <div class="form-group">
-    <label for="group_name" class="col-sm-3 col-lg-2 control-label text-left">
-      Name
-    </label>
+    <label for="group_name" class="col-sm-3 col-lg-2 control-label text-left"> Name </label>
     <div class="col-sm-9 col-lg-10">
       <input type="text" class="form-control" id="group_name" name="group_name" ng-model="$ctrl.model.Name" required auto-focus data-cy="edgeGroupCreate-groupNameInput" />
     </div>
@@ -18,16 +16,14 @@
     </div>
   </div>
 
-  <div class="col-sm-12 form-section-title">
-    Group type
-  </div>
+  <div class="col-sm-12 form-section-title"> Group type </div>
   <div class="form-group col-sm-12">
     <div class="boxselector_wrapper">
       <div class="boxselector">
         <input type="radio" id="static-group" ng-model="$ctrl.model.Dynamic" ng-value="false" ng-checked="!$ctrl.model.Dynamic" />
         <label for="static-group">
           <div class="boxselector_header">
-            <i class="fa fa-list-ol" aria-hidden="true" style="margin-right: 2px;"></i>
+            <i class="fa fa-list-ol" aria-hidden="true" style="margin-right: 2px"></i>
             Static
           </div>
           <p>Manually select Edge environments</p>
@@ -37,7 +33,7 @@
         <input type="radio" id="dynamic-group" ng-model="$ctrl.model.Dynamic" ng-value="true" ng-checked="$ctrl.model.Dynamic" />
         <label for="dynamic-group">
           <div class="boxselector_header">
-            <i class="fa fa-tags" aria-hidden="true" style="margin-right: 2px;"></i>
+            <i class="fa fa-tags" aria-hidden="true" style="margin-right: 2px"></i>
             Dynamic
           </div>
           <p>Automatically associate environments via tags</p>
@@ -50,9 +46,7 @@
   <div ng-if="!$ctrl.model.Dynamic">
     <div ng-if="!$ctrl.noEndpoints">
       <!-- environments -->
-      <div class="col-sm-12 form-section-title">
-        Associated environments
-      </div>
+      <div class="col-sm-12 form-section-title"> Associated environments </div>
       <div class="form-group">
         <associated-endpoints-selector
           endpoint-ids="$ctrl.model.Endpoints"
@@ -74,16 +68,14 @@
 
   <!-- DynamicGroup -->
   <div ng-if="$ctrl.model.Dynamic">
-    <div class="col-sm-12 form-section-title">
-      Tags
-    </div>
+    <div class="col-sm-12 form-section-title"> Tags </div>
     <div ng-if="$ctrl.tags.length" class="form-group col-sm-12">
       <div class="boxselector_wrapper">
         <div class="boxselector">
           <input type="radio" id="or-selector" ng-model="$ctrl.model.PartialMatch" ng-value="true" ng-checked="$ctrl.model.PartialMatch" />
           <label for="or-selector">
             <div class="boxselector_header">
-              <i class="fa fa-tag" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-tag" aria-hidden="true" style="margin-right: 2px"></i>
               Partial match
             </div>
             <p>Associate any environment matching at least one of the selected tags</p>
@@ -93,7 +85,7 @@
           <input type="radio" id="and-selector" ng-model="$ctrl.model.PartialMatch" ng-value="false" ng-checked="!$ctrl.model.PartialMatch" />
           <label for="and-selector">
             <div class="boxselector_header">
-              <i class="fa fa-tag" aria-hidden="true" style="margin-right: 2px;"></i>
+              <i class="fa fa-tag" aria-hidden="true" style="margin-right: 2px"></i>
               Full match
             </div>
             <p>Associate any environment matching all of the selected tags</p>
@@ -107,9 +99,7 @@
         No tags available. Head over to the <a ui-sref="portainer.tags">Tags view</a> to add tags
       </div>
     </div>
-    <div class="col-sm-12 form-section-title">
-      Associated environments by tags
-    </div>
+    <div class="col-sm-12 form-section-title"> Associated environments by tags </div>
     <div class="col-sm-12 form-group">
       <group-association-table
         loaded="$ctrl.loaded"
@@ -130,9 +120,7 @@
   <!-- !DynamicGroup -->
 
   <!-- actions -->
-  <div class="col-sm-12 form-section-title">
-    Actions
-  </div>
+  <div class="col-sm-12 form-section-title"> Actions </div>
   <div class="form-group">
     <div class="col-sm-12">
       <button

app/edge/components/groups-datatable/groupsDatatable.html

@@ -79,9 +79,7 @@
               <td colspan="4" class="text-center text-muted">Loading...</td>
             </tr>
             <tr ng-if="$ctrl.state.filteredDataSet.length === 0">
-              <td colspan="4" class="text-center text-muted">
-                No Edge group available.
-              </td>
+              <td colspan="4" class="text-center text-muted"> No Edge group available. </td>
             </tr>
           </tbody>
         </table>
@@ -91,9 +89,7 @@
         <div class="paginationControls">
           <form class="form-inline">
             <span class="limitSelector">
-              <span style="margin-right: 5px;">
-                Items per page
-              </span>
+              <span style="margin-right: 5px"> Items per page </span>
               <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                 <option value="0">All</option>
                 <option value="10">10</option>

app/edge/views/edge-jobs/edgeJob/edgeJob.html

@@ -32,7 +32,7 @@
             <uib-tab-heading> <i class="fa fa-tasks" aria-hidden="true"></i> Results </uib-tab-heading>
 
             <edge-job-results-datatable
-              style="display: block; margin-top: 10px;"
+              style="display: block; margin-top: 10px"
               ng-if="$ctrl.results"
               title-text="Results"
               title-icon="fa-tasks"

app/edge/views/edge-stacks/createEdgeStackView/create-edge-stack-view.html

@@ -10,9 +10,7 @@
         <form class="form-horizontal" name="$ctrl.form">
           <!-- name-input -->
           <div class="form-group">
-            <label for="stack_name" class="col-sm-1 control-label text-left">
-              Name
-            </label>
+            <label for="stack_name" class="col-sm-1 control-label text-left"> Name </label>
             <div class="col-sm-11">
               <input
                 type="text"
@@ -29,9 +27,7 @@
           </div>
           <!-- !name-input -->
 
-          <div class="col-sm-12 form-section-title">
-            Edge Groups
-          </div>
+          <div class="col-sm-12 form-section-title"> Edge Groups </div>
           <div class="form-group" ng-if="$ctrl.edgeGroups">
             <div class="col-sm-12">
               <edge-groups-selector ng-if="!$ctrl.noGroups" model="$ctrl.formValues.Groups" on-change="($ctrl.onChangeGroups)" items="$ctrl.edgeGroups"></edge-groups-selector>
@@ -62,9 +58,7 @@
           <edge-stacks-kube-manifest-form ng-if="$ctrl.formValues.DeploymentType == 1" form-values="$ctrl.formValues" state="$ctrl.state"></edge-stacks-kube-manifest-form>
 
           <!-- actions -->
-          <div class="col-sm-12 form-section-title">
-            Actions
-          </div>
+          <div class="col-sm-12 form-section-title"> Actions </div>
           <div class="form-group">
             <div class="col-sm-12">
               <button
@@ -82,7 +76,7 @@
                 <span ng-hide="$ctrl.state.actionInProgress">Deploy the stack</span>
                 <span ng-show="$ctrl.state.actionInProgress">Deployment in progress...</span>
               </button>
-              <span class="text-danger" ng-if="$ctrl.state.formValidationError" style="margin-left: 5px;">
+              <span class="text-danger" ng-if="$ctrl.state.formValidationError" style="margin-left: 5px">
                 {{ $ctrl.state.formValidationError }}
               </span>
             </div>

app/edge/views/edge-stacks/createEdgeStackView/docker-compose-form/docker-compose-form.html

@@ -1,6 +1,4 @@
-<div class="col-sm-12 form-section-title">
-  Build method
-</div>
+<div class="col-sm-12 form-section-title"> Build method </div>
 <box-selector radio-name="'method'" value="$ctrl.state.Method" options="$ctrl.methodOptions" on-change="($ctrl.onChangeMethod)"></box-selector>
 
 <web-editor-form
@@ -14,17 +12,13 @@
 >
   <editor-description>
     You can get more information about Compose file format in the
-    <a href="https://docs.docker.com/compose/compose-file/" target="_blank">
-      official documentation
-    </a>
+    <a href="https://docs.docker.com/compose/compose-file/" target="_blank"> official documentation </a>
     .
   </editor-description>
 </web-editor-form>
 
 <file-upload-form ng-if="$ctrl.state.Method === 'upload'" file="$ctrl.formValues.StackFile" on-change="($ctrl.onChangeFile)" ng-required="true">
-  <file-upload-description>
-    You can upload a Compose file from your computer.
-  </file-upload-description>
+  <file-upload-description> You can upload a Compose file from your computer. </file-upload-description>
 </file-upload-form>
 
 <git-form ng-if="$ctrl.state.Method === 'repository'" model="$ctrl.formValues" on-change="($ctrl.onChangeFormValues)"></git-form>
@@ -32,9 +26,7 @@
 <!-- template -->
 <div ng-if="$ctrl.state.Method === 'template'">
   <div class="form-group">
-    <label for="stack_template" class="col-sm-1 control-label text-left">
-      Template
-    </label>
+    <label for="stack_template" class="col-sm-1 control-label text-left"> Template </label>
     <div class="col-sm-11">
       <select
         class="form-control"
@@ -48,9 +40,7 @@
   </div>
   <!-- description -->
   <div ng-if="$ctrl.selectedTemplate.note">
-    <div class="col-sm-12 form-section-title">
-      Information
-    </div>
+    <div class="col-sm-12 form-section-title"> Information </div>
     <div class="form-group">
       <div class="col-sm-12">
         <div class="template-note" ng-bind-html="$ctrl.selectedTemplate.note"></div>

app/edge/views/edge-stacks/createEdgeStackView/kube-deploy-description/kube-deploy-description.html

@@ -1,5 +1,5 @@
 <p>
-  <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px;"></i>
+  <i class="fa fa-info-circle blue-icon" aria-hidden="true" style="margin-right: 2px"></i>
   This feature allows you to deploy any kind of Kubernetes resource in this environment (Deployment, Secret, ConfigMap...).
 </p>
 <p>

app/edge/views/edge-stacks/createEdgeStackView/kube-manifest-form/kube-manifest-form.html

@@ -1,6 +1,4 @@
-<div class="col-sm-12 form-section-title">
-  Build method
-</div>
+<div class="col-sm-12 form-section-title"> Build method </div>
 <box-selector radio-name="'method'" value="$ctrl.state.Method" options="$ctrl.methodOptions" on-change="($ctrl.onChangeMethod)"></box-selector>
 
 <web-editor-form