aboutsummaryrefslogtreecommitdiffstats
path: root/ui/imports/ui/components/clique-type/clique-type.html
blob: 318fb387ef239ae92cb1c91f4e267042a3b76ea0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
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>