adding calipso ui

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

1 files changed, 100 insertions, 0 deletions

diff --git a/ui/imports/ui/components/clique-type/clique-type.html b/ui/imports/ui/components/clique-type/clique-type.html
new file mode 100644
index 0000000..318fb38
--- /dev/null
+++ b/ui/imports/ui/components/clique-type/clique-type.html
@@ -0,0 +1,100 @@
+<!-- 
+########################################################################################
+# 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="CliqueType">
+  <div class="os-clique-type cards white">
+    {{#if notificationsExists}}
+    <div class="sm-notification-panel alert alert-danger">
+      {{#each note in notifications }}
+      <div>{{ note }}</div>
+      {{/each }}
+    </div>
+    {{/if}}
+
+    <h3>{{ getState 'pageHeader' }}</h3>
+
+    <div class="sm-form-container">
+      <form role="form" class="sm-item-form form-horizontal">
+
+        <div class="sm-field-group-id cl-field-group">
+          <label class="cl-field-label">Id</label>
+          <input name="id" 
+            disabled="disabled"
+            value="{{ getModelField '_id' }}"     
+            class="sm-input-id cl-input" type="text" placeholder="Id" />
+          <div class="cl-field-id">Id</div>
+        </div>
+
+        <div class="sm-field-group-env cl-field-group">
+          <label class="cl-field-label">Environment</label>
+          <select name="env" class="sm-input-env cl-input" 
+            {{ getAttrDisabled }} >
+            <option value="" selected disabled hidden></option>
+            {{#each env in envsList }}
+            <option value="{{ env.name }}"
+              {{ getAttrSelected env.name (getModelField 'environment') }}
+              >{{ env.name }}</option>
+            {{/each }}
+          </select>
+          <div class="cl-field-desc">Environment</div>
+        </div>
+
+        <div class="sm-field-group-focal-point-type cl-field-group">
+          <label class="cl-field-label">Focal Point Type</label>
+          <select name="focalPointType" class="sm-input-focal-point-type cl-input" 
+            {{ getAttrDisabled }} >
+            {{#each objectType in objectTypesList }}
+            <option value="{{ objectType.value }}"
+              {{ getAttrSelected objectType.value (getModelField 'focal_point_type') }}
+              >{{ objectType.label }}</option>
+            {{/each }}
+          </select>
+          <div class="cl-field-desc">Focal Point Type</div>
+        </div>
+
+        <div class="sm-field-group-link-types cl-field-group">
+          <label class="cl-field-label">Link Types</label>
+          {{#if (getModelField 'link_types') }}
+          {{>SelectableOrderedInput (argsLinkTypesInput linkTypesList (getModelField 'link_types')) }}
+          {{/if }}
+          <div class="cl-field-desc">Link Types</div>
+        </div>
+
+        <div class="sm-field-group-name cl-field-group">
+          <label class="cl-field-label">Name</label>
+          <input name="name" 
+            {{ getAttrDisabled }}
+            value="{{ getModelField 'name' }}"     
+            class="sm-input-name cl-input" 
+            type="text" 
+            placeholder="Name" />
+          <div class="cl-field-desc">Name</div>
+        </div>
+
+        {{#if isUpdateableAction }}
+        <button type="submit" 
+          class="js-submit-button mdl-button mdl-js-button mdl-button--raised 
+            mdl-js-ripple-effect mdl-button--colored"
+          >{{ actionLabel }}</button>
+        {{/if }}
+
+      </form>
+
+      {{#if (getState 'isMessage') }}
+      <div class="js-message-panel alert {{#if (getState 'isError')}}alert-danger{{/if}}
+          {{#if (getState 'isSuccess')}}alert-success{{/if}}" 
+          role="alert">
+        {{ getState 'message' }}
+      </div>
+      {{/if }}
+
+    </div>
+  </div>
+</template>