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

* chore(project): install prettier and lint-staged * chore(project): apply prettier to html too * chore(project): git ignore eslintcache * chore(project): add a comment about format script * chore(prettier): update printWidth * chore(prettier): remove useTabs option * chore(prettier): add HTML validation * refactor(prettier): fix closing tags * feat(prettier): define angular parser for html templates * style(prettier): run prettier on codebase Co-authored-by: Anthony Lapenna <lapenna.anthony@gmail.com>
2025-08-05 13:55:21 +02:00 · 2020-04-11 00:54:53 +03:00 · 2020-04-11 00:54:53 +03:00 · cf5056d9c0
commit cf5056d9c0
parent 6663073be1
714 changed files with 31228 additions and 28305 deletions
--- a/app/azure/views/containerinstances/containerInstancesController.js
+++ b/app/azure/views/containerinstances/containerInstancesController.js
@ -1,41 +1,44 @@
-angular.module('portainer.azure')
-.controller('AzureContainerInstancesController', ['$scope', '$state', 'AzureService', 'Notifications',
-function ($scope, $state, AzureService, Notifications) {
+angular.module('portainer.azure').controller('AzureContainerInstancesController', [
+  '$scope',
+  '$state',
+  'AzureService',
+  'Notifications',
+  function ($scope, $state, AzureService, Notifications) {
+    function initView() {
+      AzureService.subscriptions()
+        .then(function success(data) {
+          var subscriptions = data;
+          return AzureService.containerGroups(subscriptions);
+        })
+        .then(function success(data) {
+          $scope.containerGroups = AzureService.aggregate(data);
+        })
+        .catch(function error(err) {
+          Notifications.error('Failure', err, 'Unable to load container groups');
+        });
+    }

-  function initView() {
-    AzureService.subscriptions()
-    .then(function success(data) {
-      var subscriptions = data;
-      return AzureService.containerGroups(subscriptions);
-    })
-    .then(function success(data) {
-      $scope.containerGroups = AzureService.aggregate(data);
-    })
-    .catch(function error(err) {
-      Notifications.error('Failure', err, 'Unable to load container groups');
-    });
-  }
-
-  $scope.deleteAction = function (selectedItems) {
-    var actionCount = selectedItems.length;
-    angular.forEach(selectedItems, function (item) {
-      AzureService.deleteContainerGroup(item.Id)
-      .then(function success() {
-        Notifications.success('Container group successfully removed', item.Name);
-        var index = $scope.containerGroups.indexOf(item);
-        $scope.containerGroups.splice(index, 1);
-      })
-      .catch(function error(err) {
-        Notifications.error('Failure', err, 'Unable to remove container group');
-      })
-      .finally(function final() {
-        --actionCount;
-        if (actionCount === 0) {
-          $state.reload();
-        }
+    $scope.deleteAction = function (selectedItems) {
+      var actionCount = selectedItems.length;
+      angular.forEach(selectedItems, function (item) {
+        AzureService.deleteContainerGroup(item.Id)
+          .then(function success() {
+            Notifications.success('Container group successfully removed', item.Name);
+            var index = $scope.containerGroups.indexOf(item);
+            $scope.containerGroups.splice(index, 1);
+          })
+          .catch(function error(err) {
+            Notifications.error('Failure', err, 'Unable to remove container group');
+          })
+          .finally(function final() {
+            --actionCount;
+            if (actionCount === 0) {
+              $state.reload();
+            }
+          });
      });
-    });
-  };
+    };

-  initView();
-}]);
+    initView();
+  },
+]);
--- a/app/azure/views/containerinstances/containerinstances.html
+++ b/app/azure/views/containerinstances/containerinstances.html
@ -10,10 +10,12 @@
 <div class="row">
  <div class="col-sm-12">
    <containergroups-datatable
-    title-text="Containers" title-icon="fa-server"
-    dataset="containerGroups" table-key="containergroups"
-    order-by="Name" 
-    remove-action="deleteAction"
+      title-text="Containers"
+      title-icon="fa-server"
+      dataset="containerGroups"
+      table-key="containergroups"
+      order-by="Name"
+      remove-action="deleteAction"
    ></containergroups-datatable>
  </div>
 </div>
--- a/app/azure/views/containerinstances/create/createContainerInstanceController.js
+++ b/app/azure/views/containerinstances/create/createContainerInstanceController.js
@ -1,89 +1,93 @@
 import { ContainerGroupDefaultModel } from '../../../models/container_group';

-angular.module('portainer.azure')
-.controller('AzureCreateContainerInstanceController', ['$q', '$scope', '$state', 'AzureService', 'Notifications',
-function ($q, $scope, $state, AzureService, Notifications) {
+angular.module('portainer.azure').controller('AzureCreateContainerInstanceController', [
+  '$q',
+  '$scope',
+  '$state',
+  'AzureService',
+  'Notifications',
+  function ($q, $scope, $state, AzureService, Notifications) {
+    var allResourceGroups = [];
+    var allProviders = [];

-  var allResourceGroups = [];
-  var allProviders = [];
-
-  $scope.state = {
-    actionInProgress: false,
-    selectedSubscription: null,
-    selectedResourceGroup: null
-  };
-
-  $scope.changeSubscription = function() {
-    var selectedSubscription = $scope.state.selectedSubscription;
-    updateResourceGroupsAndLocations(selectedSubscription, allResourceGroups, allProviders);
-  };
-
-  $scope.addPortBinding = function() {
-    $scope.model.Ports.push({ host: '', container: '', protocol: 'TCP' });
-  };
-
-  $scope.removePortBinding = function(index) {
-    $scope.model.Ports.splice(index, 1);
-  };
-
-  $scope.create = function() {
-    var model = $scope.model;
-    var subscriptionId = $scope.state.selectedSubscription.Id;
-    var resourceGroupName = $scope.state.selectedResourceGroup.Name;
-
-    $scope.state.actionInProgress = true;
-    AzureService.createContainerGroup(model, subscriptionId, resourceGroupName)
-    .then(function success() {
-      Notifications.success('Container successfully created', model.Name);
-      $state.go('azure.containerinstances');
-    })
-    .catch(function error(err) {
-      Notifications.error('Failure', err, 'Unable to create container');
-    })
-    .finally(function final() {
-      $scope.state.actionInProgress = false;
-    });
-  };
-
-  function updateResourceGroupsAndLocations(subscription, resourceGroups, providers) {
-    $scope.state.selectedResourceGroup = resourceGroups[subscription.Id][0];
-    $scope.resourceGroups = resourceGroups[subscription.Id];
-
-    var currentSubLocations = providers[subscription.Id].Locations;
-    $scope.model.Location = currentSubLocations[0];
-    $scope.locations = currentSubLocations;
-  }
-
-  function initView() {
-    var model = new ContainerGroupDefaultModel();
-
-    AzureService.subscriptions()
-    .then(function success(data) {
-      var subscriptions = data;
-      $scope.state.selectedSubscription = subscriptions[0];
-      $scope.subscriptions = subscriptions;
-
-      return $q.all({
-        resourceGroups: AzureService.resourceGroups(subscriptions),
-        containerInstancesProviders: AzureService.containerInstanceProvider(subscriptions)
-      });
-    })
-    .then(function success(data) {
-      var resourceGroups = data.resourceGroups;
-      allResourceGroups = resourceGroups;
-
-      var containerInstancesProviders = data.containerInstancesProviders;
-      allProviders = containerInstancesProviders;
-
-      $scope.model = model;
+    $scope.state = {
+      actionInProgress: false,
+      selectedSubscription: null,
+      selectedResourceGroup: null,
+    };

+    $scope.changeSubscription = function () {
      var selectedSubscription = $scope.state.selectedSubscription;
-      updateResourceGroupsAndLocations(selectedSubscription, resourceGroups, containerInstancesProviders);
-    })
-    .catch(function error(err) {
-      Notifications.error('Failure', err, 'Unable to retrieve Azure resources');
-    });
-  }
+      updateResourceGroupsAndLocations(selectedSubscription, allResourceGroups, allProviders);
+    };

-  initView();
-}]);
+    $scope.addPortBinding = function () {
+      $scope.model.Ports.push({ host: '', container: '', protocol: 'TCP' });
+    };
+
+    $scope.removePortBinding = function (index) {
+      $scope.model.Ports.splice(index, 1);
+    };
+
+    $scope.create = function () {
+      var model = $scope.model;
+      var subscriptionId = $scope.state.selectedSubscription.Id;
+      var resourceGroupName = $scope.state.selectedResourceGroup.Name;
+
+      $scope.state.actionInProgress = true;
+      AzureService.createContainerGroup(model, subscriptionId, resourceGroupName)
+        .then(function success() {
+          Notifications.success('Container successfully created', model.Name);
+          $state.go('azure.containerinstances');
+        })
+        .catch(function error(err) {
+          Notifications.error('Failure', err, 'Unable to create container');
+        })
+        .finally(function final() {
+          $scope.state.actionInProgress = false;
+        });
+    };
+
+    function updateResourceGroupsAndLocations(subscription, resourceGroups, providers) {
+      $scope.state.selectedResourceGroup = resourceGroups[subscription.Id][0];
+      $scope.resourceGroups = resourceGroups[subscription.Id];
+
+      var currentSubLocations = providers[subscription.Id].Locations;
+      $scope.model.Location = currentSubLocations[0];
+      $scope.locations = currentSubLocations;
+    }
+
+    function initView() {
+      var model = new ContainerGroupDefaultModel();
+
+      AzureService.subscriptions()
+        .then(function success(data) {
+          var subscriptions = data;
+          $scope.state.selectedSubscription = subscriptions[0];
+          $scope.subscriptions = subscriptions;
+
+          return $q.all({
+            resourceGroups: AzureService.resourceGroups(subscriptions),
+            containerInstancesProviders: AzureService.containerInstanceProvider(subscriptions),
+          });
+        })
+        .then(function success(data) {
+          var resourceGroups = data.resourceGroups;
+          allResourceGroups = resourceGroups;
+
+          var containerInstancesProviders = data.containerInstancesProviders;
+          allProviders = containerInstancesProviders;
+
+          $scope.model = model;
+
+          var selectedSubscription = $scope.state.selectedSubscription;
+          updateResourceGroupsAndLocations(selectedSubscription, resourceGroups, containerInstancesProviders);
+        })
+        .catch(function error(err) {
+          Notifications.error('Failure', err, 'Unable to retrieve Azure resources');
+        });
+    }
+
+    initView();
+  },
+]);
--- a/app/azure/views/containerinstances/create/createcontainerinstance.html
+++ b/app/azure/views/containerinstances/create/createcontainerinstance.html
@ -1,8 +1,6 @@
 <rd-header>
  <rd-header-title title-text="Create container instance"></rd-header-title>
-  <rd-header-content>
-    <a ui-sref="azure.containerinstances">Container instances</a> &gt; Add container
-  </rd-header-content>
+  <rd-header-content> <a ui-sref="azure.containerinstances">Container instances</a> &gt; Add container </rd-header-content>
 </rd-header>

 <div class="row">
@ -17,7 +15,13 @@
          <div class="form-group">
            <label for="azure_subscription" class="col-sm-1 control-label text-left">Subscription</label>
            <div class="col-sm-11">
-              <select class="form-control" name="azure_subscription" ng-model="state.selectedSubscription" ng-options="subscription.Name for subscription in subscriptions" ng-change="changeSubscription()"></select>
+              <select
+                class="form-control"
+                name="azure_subscription"
+                ng-model="state.selectedSubscription"
+                ng-options="subscription.Name for subscription in subscriptions"
+                ng-change="changeSubscription()"
+              ></select>
            </div>
          </div>
          <!-- !subscription-input -->
@ -25,7 +29,12 @@
          <div class="form-group">
            <label for="azure_resourcegroup" class="col-sm-1 control-label text-left">Resource group</label>
            <div class="col-sm-11">
-              <select class="form-control" name="azure_resourcegroup" ng-model="state.selectedResourceGroup" ng-options="resourceGroup.Name for resourceGroup in resourceGroups"></select>
+              <select
+                class="form-control"
+                name="azure_resourcegroup"
+                ng-model="state.selectedResourceGroup"
+                ng-options="resourceGroup.Name for resourceGroup in resourceGroups"
+              ></select>
            </div>
          </div>
          <!-- !resourcegroup-input -->
@ -44,7 +53,7 @@
          <div class="form-group">
            <label for="container_name" class="col-sm-1 control-label text-left">Name</label>
            <div class="col-sm-11">
-              <input type="text" class="form-control" ng-model="model.Name" name="container_name" placeholder="e.g. myContainer">
+              <input type="text" class="form-control" ng-model="model.Name" name="container_name" placeholder="e.g. myContainer" />
            </div>
          </div>
          <!-- !name-input -->
@ -52,7 +61,7 @@
          <div class="form-group">
            <label for="image_name" class="col-sm-1 control-label text-left">Image</label>
            <div class="col-sm-11">
-              <input type="text" class="form-control" ng-model="model.Image" name="image_name" placeholder="e.g. nginx:alpine">
+              <input type="text" class="form-control" ng-model="model.Image" name="image_name" placeholder="e.g. nginx:alpine" />
            </div>
          </div>
          <!-- !image-input -->
@ -81,7 +90,7 @@
                <!-- 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">
+                  <input type="text" class="form-control" ng-model="binding.host" placeholder="e.g. 80" />
                </div>
                <!-- !host-port -->
                <span style="margin: 0 10px 0 10px;">
@ -90,7 +99,7 @@
                <!-- container-port -->
                <div class="input-group col-sm-4 input-group-sm">
                  <span class="input-group-addon">container</span>
-                  <input type="text" class="form-control" ng-model="binding.container" placeholder="e.g. 80">
+                  <input type="text" class="form-control" ng-model="binding.container" placeholder="e.g. 80" />
                </div>
                <!-- !container-port -->
                <!-- protocol-actions -->
@ -115,9 +124,7 @@
              <label for="public_ip" class="control-label text-left">
                Allocate public IP address
              </label>
-              <label class="switch" style="margin-left: 20px;">
-                <input type="checkbox" name="public_ip" ng-model="model.AllocatePublicIP"><i></i>
-              </label>
+              <label class="switch" style="margin-left: 20px;"> <input type="checkbox" name="public_ip" ng-model="model.AllocatePublicIP" /><i></i> </label>
            </div>
          </div>
          <!-- public-ip -->
@ -128,7 +135,7 @@
          <div class="form-group">
            <label for="container_cpu" class="col-sm-1 control-label text-left">CPU</label>
            <div class="col-sm-11">
-              <input type="number" class="form-control" ng-model="model.CPU" name="container_cpu" placeholder="1">
+              <input type="number" class="form-control" ng-model="model.CPU" name="container_cpu" placeholder="1" />
            </div>
          </div>
          <!-- !cpu-input -->
@ -136,7 +143,7 @@
          <div class="form-group">
            <label for="container_memory" class="col-sm-1 control-label text-left">Memory</label>
            <div class="col-sm-11">
-              <input type="number" class="form-control" ng-model="model.Memory" name="container_memory" placeholder="1">
+              <input type="number" class="form-control" ng-model="model.Memory" name="container_memory" placeholder="1" />
            </div>
          </div>
          <!-- !memory-input -->
--- a/app/azure/views/dashboard/dashboardController.js
+++ b/app/azure/views/dashboard/dashboardController.js
@ -1,21 +1,23 @@
-angular.module('portainer.azure')
-.controller('AzureDashboardController', ['$scope', 'AzureService', 'Notifications',
-function ($scope, AzureService, Notifications) {
+angular.module('portainer.azure').controller('AzureDashboardController', [
+  '$scope',
+  'AzureService',
+  'Notifications',
+  function ($scope, AzureService, Notifications) {
+    function initView() {
+      AzureService.subscriptions()
+        .then(function success(data) {
+          var subscriptions = data;
+          $scope.subscriptions = subscriptions;
+          return AzureService.resourceGroups(subscriptions);
+        })
+        .then(function success(data) {
+          $scope.resourceGroups = AzureService.aggregate(data);
+        })
+        .catch(function error(err) {
+          Notifications.error('Failure', err, 'Unable to load dashboard data');
+        });
+    }

-  function initView() {
-    AzureService.subscriptions()
-    .then(function success(data) {
-      var subscriptions = data;
-      $scope.subscriptions = subscriptions;
-      return AzureService.resourceGroups(subscriptions);
-    })
-    .then(function success(data) {
-      $scope.resourceGroups = AzureService.aggregate(data);
-    })
-    .catch(function error(err) {
-      Notifications.error('Failure', err, 'Unable to load dashboard data');
-    });
-  }
-
-  initView();
-}]);
+    initView();
+  },
+]);