aboutsummaryrefslogtreecommitdiffstats
path: root/ui/imports/ui/components/link-type/link-type.html
blob: b2a81ddbc8c4affcf24bf17efc7665a804887964 (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
<!-- 
########################################################################################
# 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="LinkType">
  <div class="os-link-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-desc cl-field-group">
          <label class="cl-field-label">Description</label>
          <input name="desc" 
            {{ getAttrDisabled }}
            value="{{ getModelField 'description' }}"     
            class="sm-input-desc cl-input" type="text" placeholder="Description" />
          <div class="cl-field-desc">Description</div>
        </div>

        <div class="sm-field-group-endpoint-a cl-field-group">
          <label class="cl-field-label">Endpoint A - Object Type</label>
          <select name="endPointA" class="sm-input-endpoint-a cl-input" 
            {{ getAttrDisabled }} >
            {{#each objectType in objectTypesList }}
            <option value="{{ objectType.value }}"
              {{ getAttrSelected objectType.value (getModelField 'endPointA') }}
              >{{ objectType.label }}</option>
            {{/each }}
          </select>
          <div class="cl-field-desc">Endpoint A</div>
        </div>

        <div class="sm-field-group-endpoint-b cl-field-group">
          <label class="cl-field-label">Endpoint B - Object Type</label>
          <select name="endPointB" class="sm-input-endpoint-b cl-input"
            {{ getAttrDisabled }} >
            {{#each objectType in objectTypesList }}
            <option value="{{ objectType.value }}"
              {{ getAttrSelected objectType.value (getModelField 'endPointB') }}
              >{{ objectType.label }}</option>
            {{/each }}
          </select>
          <div class="cl-field-desc">Endpoint B</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>