adding calipso ui

Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4
Signed-off-by: Koren Lev <korenlev@gmail.com>

1 files changed, 109 insertions, 0 deletions

diff --git a/ui/imports/ui/components/env-master-host-credentials-info/env-master-host-credentials-info.html b/ui/imports/ui/components/env-master-host-credentials-info/env-master-host-credentials-info.html
new file mode 100644
index 0000000..e24c016
--- /dev/null
+++ b/ui/imports/ui/components/env-master-host-credentials-info/env-master-host-credentials-info.html
@@ -0,0 +1,109 @@
+<!-- 
+########################################################################################
+# Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others #
+#                                                                                      #
+# All rights reserved. This program and the accompanying materials                     #
+# are made available under the terms of the Apache License, Version 2.0                #
+# which accompanies this distribution, and is available at                             #
+# http://www.apache.org/licenses/LICENSE-2.0                                           #
+########################################################################################
+ -->
+<template name="EnvMasterHostCredentialsInfo">
+<div class="form-horizontal">
+
+
+  <div class="form-group">
+    <label for="mhUsername" 
+      class="col-sm-2 control-label"
+      >Host</label>
+
+    <div class="col-sm-3">
+      {{> InputModel(createInputArgs
+            value=model.host 
+            key="host"
+            type="text"
+            disabled=disabled
+            placeholder="Host")
+      }}
+    </div>
+
+    <div class="col-sm-4">
+      <p>This is master jump host</p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label for="sshKey" 
+      class="col-sm-2 control-label"
+      >SSH Key</label>
+
+    <div class="col-sm-3">
+      {{> InputModel(createInputArgs
+            value=model.key 
+            key="key"
+            type="text"
+            disabled=disabled
+            placeholder="SSH Key")
+      }}
+    </div>
+
+    <div class="col-sm-4">
+      <p>This is master ssh key</p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label for="mhUsername" 
+      class="col-sm-2 control-label"
+      >Master Host Username</label>
+
+    <div class="col-sm-3">
+      {{> InputModel(createInputArgs
+            value=model.user 
+            key="user"
+            type="text"
+            disabled=disabled
+            placeholder="Master Host Username")
+      }}
+    </div>
+
+    <div class="col-sm-4">
+      <p>This is master user name</p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label for="mhPassword" 
+      class="col-sm-2 control-label"
+      >Master Host Password</label>
+
+    <div class="col-sm-3">
+      {{> InputModel(createInputArgs
+            value=model.pwd 
+            key="pwd"
+            type="password"
+            disabled=disabled
+            placeholder="Master Host Password")
+      }}
+    </div>
+
+    <div class="col-sm-4">
+      <p>This is master password</p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <div class="col-sm-offset-2 col-sm-2">
+      <button type="button" 
+        class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored toast"
+        >Test connection</button>
+    </div>
+
+    <div class="col-sm-offset-2 col-sm-10 btn-mgt-5">
+      <button type="button" class="mdl-button mdl-js-button btnNext sm-next-button"
+        >Next</button>
+    </div>
+
+  </div>
+</div>
+</template>