1 files changed, 108 insertions, 0 deletions
diff --git a/ui/imports/ui/components/env-amqp-credentials-info/env-amqp-credentials-info.html b/ui/imports/ui/components/env-amqp-credentials-info/env-amqp-credentials-info.html
new file mode 100644
index 0000000..b6187e6
--- /dev/null
+++ b/ui/imports/ui/components/env-amqp-credentials-info/env-amqp-credentials-info.html
@@ -0,0 +1,108 @@
+<!-- 
+########################################################################################
+# 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="EnvAmqpCredentialsInfo">
+<div class="form-horizontal">
+  <!-- Host -->
+  <div class="form-group">
+
+    <label for="dbHost" 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 AMQP host</p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label for="dbPort" 
+      class="col-sm-2 control-label"
+      >port</label>
+
+    <div class="col-sm-3">
+      {{> InputModel(createInputArgs
+            value=model.port 
+            key="port"
+            type="text"
+            disabled=disabled
+            placeholder="Port")
+      }}
+    </div>
+
+    <div class="col-sm-4">
+      <p>This is AMQP port</p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label for="dbUsername" 
+      class="col-sm-2 control-label"
+      >Username</label>
+
+    <div class="col-sm-3">
+      {{> InputModel(createInputArgs
+            value=model.user 
+            key="user"
+            type="text"
+            disabled=disabled
+            placeholder="Username")
+      }}
+    </div>
+
+    <div class="col-sm-4">
+      <p>This is AMQP user name</p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label for="dbPassword" 
+      class="col-sm-2 control-label"
+      >Password</label>
+
+    <div class="col-sm-3">
+      {{> InputModel(createInputArgs
+            value=model.password 
+            key="password"
+            type="password"
+            disabled=disabled
+            placeholder="Password")
+      }}
+    </div>
+
+    <div class="col-sm-4">
+      <p>This is AMQP 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>