From 7d09748735a0860989b214abcb022fd94de76252 Mon Sep 17 00:00:00 2001
From: Akanksha Kutal <akankshakutal@Akankshas-MacBook-Pro.local>
Date: Sat, 7 Mar 2020 12:21:37 +0530
Subject: [PATCH] Add plugin view specific styles

Github Issue: gocd/gocd#7801
---
 .../resources/views/checkMk.template.html     |  8 +--
 .../resources/views/task.template.html        | 40 +++---------
 .../resources/views/task.template.html        |  5 ++
 .../resources/views/task.template.html        | 61 ++++++++++---------
 .../resources/views/task.template.html        | 44 ++++++-------
 5 files changed, 68 insertions(+), 90 deletions(-)

diff --git a/check_mk-plugin/resources/views/checkMk.template.html b/check_mk-plugin/resources/views/checkMk.template.html
index d7aef30..f649648 100755
--- a/check_mk-plugin/resources/views/checkMk.template.html
+++ b/check_mk-plugin/resources/views/checkMk.template.html
@@ -5,6 +5,7 @@
     textarea {
         min-height: 100px;
     }
+
 </style>
 <div class="form_item_block">
     <label>CheckMK server:<span class="asterisk">*</span>
@@ -44,7 +45,6 @@
             <label>Hostname:<span class="asterisk">*</span>
             </label>
             <input type="text" ng-model="Hostname" ng-required="true">
-            </input>
             <div role="alert">
                 <span class="error" color="red" ng-show="GOINPUTNAME[Hostname].$error.required">Required!</span>
             </div>
@@ -53,7 +53,6 @@
             <label>Host ip:<span class="asterisk">*</span>
             </label>
             <input type="text" ng-model="HostIp" ng-required="true">
-            </input>
             <div role="alert">
                 <span class="error" color="red" ng-show="GOINPUTNAME[HostIp].$error.required">Required!</span>
             </div>
@@ -62,7 +61,6 @@
             <label>Folder path:<span class="asterisk">*</span>
             </label>
             <input type="text" ng-model="FolderPath" ng-required="true">
-            </input>
             <div role="alert">
                 <span class="error" color="red" ng-show="GOINPUTNAME[FolderPath].$error.required">Required!</span>
             </div>
@@ -73,7 +71,6 @@
             <label>Hostname:<span class="asterisk">*</span>
             </label>
             <input type="text" ng-model="Hostname" ng-required="true">
-            </input>
             <div role="alert">
                 <span class="error" color="red" ng-show="GOINPUTNAME[Hostname].$error.required">Required!</span>
             </div>
@@ -82,7 +79,6 @@
             <label>New Host ip:<span class="asterisk">*</span>
             </label>
             <input type="text" ng-model="HostIp" ng-required="true">
-            </input>
             <div role="alert">
                 <span class="error" color="red" ng-show="GOINPUTNAME[HostIp].$error.required">Required!</span>
             </div>
@@ -91,7 +87,6 @@
             <label>New Folder path:<span class="asterisk">*</span>
             </label>
             <input type="text" ng-model="FolderPath" ng-required="true">
-            </input>
             <div role="alert">
                 <span class="error" color="red" ng-show="GOINPUTNAME[FolderPath].$error.required">Required!</span>
             </div>
@@ -102,7 +97,6 @@
             <label>Hostname:<span class="asterisk">*</span>
             </label>
             <input type="text" ng-model="Hostname" ng-required="true">
-            </input>
             <div role="alert">
                 <span class="error" color="red" ng-show="GOINPUTNAME[Hostname].$error.required">Required!</span>
             </div>
diff --git a/docker-machine-plugin/resources/views/task.template.html b/docker-machine-plugin/resources/views/task.template.html
index 6411b89..fa0ad99 100644
--- a/docker-machine-plugin/resources/views/task.template.html
+++ b/docker-machine-plugin/resources/views/task.template.html
@@ -1,10 +1,15 @@
+<style>
+   .asterisk {
+      color : red;
+   }
+</style>
 <a href="https://docs.docker.com/machine/reference/create/">Docker create documentation</a>
 <br>
 <div class="form_item_block">
     <div class="form_item_block">
-        <label>Name(s) of the virtual machine(s). Format is text[format,start,stop,step]text. You can enter multiple names, separated with a semicolon. <span class="asterisk">*</span></label>
+        <label>Name(s) of the virtual machine(s). Format is text[format,start,stop,step]text. You can enter multiple
+            names, separated with a semicolon. <span class="asterisk">*</span></label>
         <input type="text" ng-model="VMNAME" ng-required="true">
-        </input>
     </div>
 </div>
 <div class="form_item_block">
@@ -16,12 +21,11 @@
 <div class="form_item_block">
     <label>Specify environment variables to set in the engine</label>
     <input type="text" ng-model="ENGINE_ENV" ng-required="false">
-    </input>
 </div>
 <div class="form_item_block">
-    <label>Specify arbitrary daemon options with the syntax name=value. Multiple pairs can be provided separated by ','</label>
+    <label>Specify arbitrary daemon options with the syntax name=value. Multiple pairs can be provided separated by
+        ','</label>
     <input type="text" ng-model="ENGINE_OPT" ng-required="false">
-    </input>
 </div>
 <div class="form_item_block">
     <H2>Driver used by create</H2>
@@ -38,27 +42,22 @@ <H2>Generic Driver</H2>
         <div class="form_item_block">
             <label>Path to the SSH user private key (must be accessible from go-agent!)</label>
             <input type="text" ng-model="GENERIC_SSH_KEY">
-            </input>
         </div>
         <div class="form_item_block">
             <label>SSH username used to connect</label>
             <input type="text" ng-model="GENERIC_SSH_USER">
-            </input>
         </div>
         <div class="form_item_block">
             <label>IP Address of host</label>
             <input type="text" ng-model="GENERIC_IP_ADDRESS">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Port to use for SSH</label>
             <input type="text" ng-model="GENERIC_SSH_PORT">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Port to use for Docker Daemon (Note: This flag will not work with boot2docker).</label>
             <input type="text" ng-model="GENERIC_ENGINE_PORT">
-            </input>
         </div>
     </div>
 </div>
@@ -68,43 +67,34 @@ <H2>VMWare VSphere Driver</H2>
         <div class="form_item_block">
             <label>Username</label>
             <input type="text" ng-model="VSPHERE_USERNAME">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Password</label>
             <input type="password" ng-model="VSPHERE_PASSWORD">
-            </input>
         </div>
         <div class="form_item_block">
             <label>IP/hostname for vCenter or ESXi</label>
             <input type="text" ng-model="VSPHERE_VCENTER">
-            </input>
         </div>
         <div class="form_item_block">
             <label>DataCenter (for ESXi use ha-datacenter)</label>
             <input type="text" ng-model="VSPHERE_DATACENTER">
-            </input>
         </div>
-
         <div class="form_item_block">
             <label>CPU count</label>
             <input type="text" ng-model="VSPHERE_CPU_COUNT">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Memory size</label>
             <input type="text" ng-model="VSPHERE_MEMORY_SIZE">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Disk size</label>
             <input type="text" ng-model="VSPHERE_DISK_SIZE">
-            </input>
         </div>
         <div class="form_item_block">
             <label>URL of BootImage</label>
             <input type="text" ng-model="VSPHERE_BOOT2DOCKER_URL">
-            </input>
         </div>
     </div>
 </div>
@@ -114,63 +104,51 @@ <H2>Azure Driver</H2>
         <div class="form_item_block">
             <label>Your Azure Subscription ID</label>
             <input type="text" ng-model="AZURE_SUBSCRIPTION_ID">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Azure environment (e.g. AzurePublicCloud, AzureChinaCloud)</label>
             <input type="text" ng-model="AZURE_ENVIRONMENT">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Azure virtual machine image in the format of Publisher:Offer:Sku:Version</label>
             <input type="text" ng-model="AZURE_IMAGE">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Azure region to create the virtual machine</label>
             <input type="text" ng-model="AZURE_LOCATION">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Azure Resource Group name to create the resources in.</label>
             <input type="text" ng-model="AZURE_RESOURCE_GROUP">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Size for Azure Virtual Machine</label>
             <input type="text" ng-model="AZURE_SIZE">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Username for SSH login</label>
             <input type="text" ng-model="AZURE_SSH_USER">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Azure Virtual Network name to connect the virtual machine</label>
             <input type="text" ng-model="AZURE_VNET">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Azure Subnet Name to be used within the Virtual Network.</label>
             <input type="text" ng-model="AZURE_SUBNET">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Private CIDR block. Used to create subnet if it does not exist. Must match in the case that the
                 subnet does exist.</label>
             <input type="text" ng-model="AZURE_SUBNET_PREFIX">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Azure Availability Set to place the virtual machine into</label>
             <input type="text" ng-model="AZURE_AVAILABILITY_SET">
-            </input>
         </div>
         <div class="form_item_block">
             <label>Port number for Docker engine </label>
             <input type="text" ng-model="AZURE_DOCKER_PORT">
-            </input>
         </div>
     </div>
 </div>
diff --git a/fortify-plugin/resources/views/task.template.html b/fortify-plugin/resources/views/task.template.html
index 6409796..fb90a25 100755
--- a/fortify-plugin/resources/views/task.template.html
+++ b/fortify-plugin/resources/views/task.template.html
@@ -1,3 +1,8 @@
+<style>
+   .asterisk {
+      color :red;
+   }
+</style>
 <div class="form_item_block">
   <label>Username: <span class="asterisk">*</span>
   </label>
diff --git a/nessus-scan-plugin/resources/views/task.template.html b/nessus-scan-plugin/resources/views/task.template.html
index 6e6e21b..09b42d2 100644
--- a/nessus-scan-plugin/resources/views/task.template.html
+++ b/nessus-scan-plugin/resources/views/task.template.html
@@ -1,46 +1,47 @@
+<style>
+   .asterisk {
+      color :red;
+   }
+</style>
 <div class="form_item_block">
-  <label>IP of server to scan:<span class="asterisk">*</span>
-  </label>
-  <input type="text" ng-model="ServerIp" ng-required="true">
-  </input>
-  <span class="form_error" ng-show="GOINPUTNAME[ServerIp].$error.ip">Incorrect IP Adress</span>
+    <label>IP of server to scan:<span class="asterisk">*</span>
+    </label>
+    <input type="text" ng-model="ServerIp" ng-required="true">
+    <span class="form_error" ng-show="GOINPUTNAME[ServerIp].$error.ip">Incorrect IP Adress</span>
 </div>
 <div class="form_item_block">
-  <label>Scan Template:<span class="asterisk">*</span>
-  </label>
-  <input type="text" ng-model="ScanTemplate" ng-required="true">
-  </input>
+    <label>Scan Template:<span class="asterisk">*</span>
+    </label>
+    <input type="text" ng-model="ScanTemplate" ng-required="true">
 </div>
 <div class="form_item_block">
-  <label>Policy ID:<span class="asterisk">*</span>
-  </label>
-  <input type="text" ng-model="Policy" ng-required="true">
-  </input>
+    <label>Policy ID:<span class="asterisk">*</span>
+    </label>
+    <input type="text" ng-model="Policy" ng-required="true">
 </div>
 <div class="form_item_block">
-  <label>Fail issue type:</label>
-  <select ng-model="IssueTypeFail">
-    <option value="critical">Critical</option>
-    <option value="high">High and Critical</option>
-    <option value="medium">Medium, High and Critical</option>
-    <option value="any">Any</option>
-  </select>
+    <label>Fail issue type:</label>
+    <select ng-model="IssueTypeFail">
+        <option value="critical">Critical</option>
+        <option value="high">High and Critical</option>
+        <option value="medium">Medium, High and Critical</option>
+        <option value="any">Any</option>
+    </select>
 </div>
 <div class="form_item_block">
-  <label>Nessus Api Url<span class="asterisk">*</span>
-  </label>
-  <input type="text" ng-model="NessusApiUrl" ng-required="true">
-  </input>
+    <label>Nessus Api Url<span class="asterisk">*</span>
+    </label>
+    <input type="text" ng-model="NessusApiUrl" ng-required="true">
 </div>
 <div class="form_item_block">
-  <label>Nessus Api Access Key:<span class="asterisk">*</span>
-  </label>
-  <textarea ng-model="NessusApiAccessKey" ng-required="true">
+    <label>Nessus Api Access Key:<span class="asterisk">*</span>
+    </label>
+    <textarea ng-model="NessusApiAccessKey" ng-required="true">
   </textarea>
 </div>
 <div class="form_item_block">
-  <label>Nessus Api Secret Key<span class="asterisk">*</span>
-  </label>
-  <textarea ng-model="NessusApiAccessSecret" ng-required="true">
+    <label>Nessus Api Secret Key<span class="asterisk">*</span>
+    </label>
+    <textarea ng-model="NessusApiAccessSecret" ng-required="true">
   </textarea>
 </div>
diff --git a/sonar-qualitygates-plugin/resources/views/task.template.html b/sonar-qualitygates-plugin/resources/views/task.template.html
index df632b4..fe58042 100755
--- a/sonar-qualitygates-plugin/resources/views/task.template.html
+++ b/sonar-qualitygates-plugin/resources/views/task.template.html
@@ -1,35 +1,35 @@
+<style>
+   .asterisk {
+      color :red;
+   }
+</style>
 <div class="form_item_block">
-  <label>Stage name where the sonar scan is executed</label>
-  <input type="text" ng-model="StageName" ng-required="false">
-  </input>
+    <label>Stage name where the sonar scan is executed</label>
+    <input type="text" ng-model="StageName" ng-required="false">
 </div>
 <div class="form_item_block">
-  <label>Job name where the sonar scan is executed</label>
-  <input type="text" ng-model="JobName" ng-required="false">
-  </input>
+    <label>Job name where the sonar scan is executed</label>
+    <input type="text" ng-model="JobName" ng-required="false">
 </div>
 <div class="form_item_block">
-  <label>Stage counter</label>
-  <input type="text" ng-model="JobCounter" ng-required="false">
-  </input>
+    <label>Stage counter</label>
+    <input type="text" ng-model="JobCounter" ng-required="false">
 </div>
 <div class="form_item_block">
-  <label>Key of Sonar Project<span class="asterisk">*</span>
-  </label>
-  <input type="text" ng-model="SonarProjectKey" ng-required="true">
-  </input>
+    <label>Key of Sonar Project<span class="asterisk">*</span>
+    </label>
+    <input type="text" ng-model="SonarProjectKey" ng-required="true">
 </div>
 <div class="form_item_block">
-  <label>Fail Quality Gate result:</label>
-  <select ng-model="IssueTypeFail">
-    <option value="error">Error and Missing</option>
-    <option value="warning">Warning, Error and Missing</option>
-  </select>
+    <label>Fail Quality Gate result:</label>
+    <select ng-model="IssueTypeFail">
+        <option value="error">Error and Missing</option>
+        <option value="warning">Warning, Error and Missing</option>
+    </select>
 </div>
 <div class="form_item_block">
-  <label>SonarQube Api Url<span class="asterisk">*</span>
-  </label>
-  <input type="text" ng-model="SonarApiUrl" ng-required="true">
-  </input>
+    <label>SonarQube Api Url<span class="asterisk">*</span>
+    </label>
+    <input type="text" ng-model="SonarApiUrl" ng-required="true">
 </div>