Skip to content
This repository was archived by the owner on Feb 8, 2021. It is now read-only.

Fix template styles #32

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Fix template styles #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
83809c3
Add plugin view specific styles
akankshakutal Mar 6, 2020
bdfb85a
Add plugin view specific styles for check_mk_plugin
Mar 6, 2020
735c546
Add view specific styles for docker compose plugin
Mar 6, 2020
7f96dd7
Add plugin view specific styles for fetch any artifact
Mar 7, 2020
7d09748
Add plugin view specific styles
Mar 7, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 20 additions & 18 deletions check_mk-plugin/resources/views/checkMk.template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,37 @@
<style>
.asterisk {
color : red;
}
textarea {
min-height: 100px;
}

</style>
<div class="form_item_block">
<label>CheckMK server:<span class="asterisk">*</span>
</label>
<textarea ng-model="Server" ng-required="true"></textarea>
<div role="alert">
<span class="error" color="red" ng-show="GOINPUTNAME[Server].$error.required" >Required!</span>
<span class="error" color="red" ng-show="GOINPUTNAME[Server].$error.required">Required!</span>
</div>
</div>
<div class="form_item_block">
<label>Username:<span class="asterisk">*</span>
</label>
<input type="text" ng-model="Username" ng-required="true">
<div role="alert">
<span class="error" color="red" ng-show="GOINPUTNAME[Username].$error.required" >Required!</span>
<span class="error" color="red" ng-show="GOINPUTNAME[Username].$error.required">Required!</span>
</div>
</div>
<div class="form_item_block">
<label>Password:<span class="asterisk">*</span>
</label>
<input type="password" name="password" ng-model="Password" ng-required="true">
<div role="alert">
<span class="error" color="red" ng-show="GOINPUTNAME[Password].$error.required" >Required!</span>
<span class="error" color="red" ng-show="GOINPUTNAME[Password].$error.required">Required!</span>
</div>
</div>
<select ng-init="SelectedAction='default'" ng-model="SelectedAction" >
<select ng-init="SelectedAction='default'" ng-model="SelectedAction">
<option selected disabled value="default">Select action</option>
<option value="add">Add Host</option>
<option value="edit">Edit Host</option>
Expand All @@ -36,27 +45,24 @@
<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>
<span class="error" color="red" ng-show="GOINPUTNAME[Hostname].$error.required">Required!</span>
</div>
</div>
<div class="form_item_block">
<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>
<span class="error" color="red" ng-show="GOINPUTNAME[HostIp].$error.required">Required!</span>
</div>
</div>
<div class="form_item_block">
<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>
<span class="error" color="red" ng-show="GOINPUTNAME[FolderPath].$error.required">Required!</span>
</div>
</div>
</div>
Expand All @@ -65,27 +71,24 @@
<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>
<span class="error" color="red" ng-show="GOINPUTNAME[Hostname].$error.required">Required!</span>
</div>
</div>
<div class="form_item_block">
<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>
<span class="error" color="red" ng-show="GOINPUTNAME[HostIp].$error.required">Required!</span>
</div>
</div>
<div class="form_item_block">
<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>
<span class="error" color="red" ng-show="GOINPUTNAME[FolderPath].$error.required">Required!</span>
</div>
</div>
</div>
Expand All @@ -94,9 +97,8 @@
<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>
<span class="error" color="red" ng-show="GOINPUTNAME[Hostname].$error.required">Required!</span>
</div>
</div>
</div>
Expand Down
52 changes: 30 additions & 22 deletions docker-compose-plugin/resources/views/task.template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,24 @@
<style>
.asterisk {
color : red;
}
.checkbox_row {
display: flex;
}
.checkbox_label {
line-height: 1 !important;
margin-left: 5px !important;
}
</style>
<div class="form_item_block">
<h2>Docker Compose</h2>
<div class="form_item_block">
<label>Logical name of dockerhost<span class="asterisk">*</span></label>
<input type="text" ng-model="vmname" ng-required="true">
</input>
</div>
<div class="form_item_block">
<label>Service(s) to *explicitly* build</label>
<input type="text" ng-model="COMPOSE_BUILD" ng-required="false">
</input>
</div>

<!--
Expand All @@ -29,21 +39,19 @@ <h2>Docker Compose</h2>

<div class="form_item_block">
<div class="checkbox_row">
<div class="checkbox_label_wrapper">
<input id="FORCE_BUILD_ONLY2" type="checkbox" ng-model="FORCE_BUILD_ONLY2"
ng-init="FORCE_BUILD_ONLY2 = FORCE_BUILD_ONLY"
ng-change="FORCE_BUILD_ONLY = FORCE_BUILD_ONLY2" ng-true-value="true" ng-false-value="false"/>
<input id="FORCE_BUILD_ONLY" type="hidden" ng-model="FORCE_BUILD_ONLY" value="{{FORCE_BUILD_ONLY}}"/>
<label>Do NOT start any services.</label>
</div>
<input id="FORCE_BUILD_ONLY2" type="checkbox" ng-model="FORCE_BUILD_ONLY2"
ng-init="FORCE_BUILD_ONLY2 = FORCE_BUILD_ONLY"
ng-change="FORCE_BUILD_ONLY = FORCE_BUILD_ONLY2" ng-true-value="true" ng-false-value="false"/>
<input id="FORCE_BUILD_ONLY" type="hidden" ng-model="FORCE_BUILD_ONLY" value="{{FORCE_BUILD_ONLY}}"/>
<label class="checkbox_label">Do NOT start any services.</label>
</div>
</div>
<div class="form_item_block">
<div class="checkbox_row">
<input id="FORCE_BUILD2" type="checkbox" ng-model="FORCE_BUILD2" ng-init="FORCE_BUILD2 = FORCE_BUILD"
ng-change="FORCE_BUILD = FORCE_BUILD2" ng-true-value="true" ng-false-value="false">
<input id="FORCE_BUILD" type="hidden" ng-model="FORCE_BUILD" value="{{FORCE_BUILD}}">
<label>Force a 'build', even if *local* resources/files are NOT modified.</label>
<label class="checkbox_label">Force a 'build', even if *local* resources/files are NOT modified.</label>
</div>
</div>
<div class="form_item_block">
Expand All @@ -52,7 +60,7 @@ <h2>Docker Compose</h2>
ng-init="COMPOSE_NO_CACHE2 = COMPOSE_NO_CACHE"
ng-change="COMPOSE_NO_CACHE = COMPOSE_NO_CACHE2" ng-true-value="true" ng-false-value="false">
<input id="COMPOSE_NO_CACHE" type="hidden" ng-model="COMPOSE_NO_CACHE" value="{{COMPOSE_NO_CACHE}}">
<label>Force a 'build' WITHOUT using already cached layers.</label>
<label class="checkbox_label">Force a 'build' WITHOUT using already cached layers.</label>
</div>
</div>
<div class="form_item_block">
Expand All @@ -63,7 +71,7 @@ <h2>Docker Compose</h2>
ng-false-value="false">
<input id="COMPOSE_REMOVE_VOLUMES" type="hidden" ng-model="COMPOSE_REMOVE_VOLUMES"
value="{{COMPOSE_REMOVE_VOLUMES}}">
<label>Remove volumes associated with containers.</label>
<label class="checkbox_label">Remove volumes associated with containers.</label>
</div>
</div>
<div class="form_item_block">
Expand All @@ -74,15 +82,15 @@ <h2>Docker Compose</h2>
ng-false-value="false">
<input id="COMPOSE_DOWN" type="hidden" ng-model="COMPOSE_DOWN"
value="{{COMPOSE_DOWN}}">
<label>Issue a "compose down" command</label>
<label class="checkbox_label">Issue a "compose down" command</label>
</div>
</div>
<div class="form_item_block">
<div class="checkbox_row">
<input id="FORCE_PULL2" type="checkbox" ng-model="FORCE_PULL2" ng-init="FORCE_PULL2 = FORCE_PULL"
ng-change="FORCE_PULL = FORCE_PULL2" ng-true-value="true" ng-false-value="false">
<input id="FORCE_PULL" type="hidden" ng-model="FORCE_PULL" value="{{FORCE_PULL}}">
<label>Update images used in the docker-compose file.</label>
<label class="checkbox_label">Update images used in the docker-compose file.</label>
</div>
</div>
<div class="form_item_block">
Expand All @@ -106,14 +114,14 @@ <h2>Docker Compose</h2>
ng-init="FORCE_RECREATE2 = FORCE_RECREATE"
ng-change="FORCE_RECREATE = FORCE_RECREATE2" ng-true-value="true" ng-false-value="false">
<input id="FORCE_RECREATE" type="hidden" ng-model="FORCE_RECREATE" value="{{FORCE_RECREATE}}">
<label>Force recreation of containers (e.g. For restarting init)</label>
<label class="checkbox_label">Force recreation of containers (e.g. For restarting init)</label>
</div>
</div>
<!--
<div class="form_item_block">
<label>Create an deployment bundle (*.dab)</label>
<input type="text" ng-model="BUNDLE_OUTPUT_PATH" ng-required="false">
</input>
</div>
-->
<!--
<div class="form_item_block">
<label>Create an deployment bundle (*.dab)</label>
<input type="text" ng-model="BUNDLE_OUTPUT_PATH" ng-required="false">
</input>
</div>
-->
</div>
40 changes: 9 additions & 31 deletions docker-machine-plugin/resources/views/task.template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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">
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Loading