Statistics
| Branch: | Tag: | Revision:

one / src / sunstone / public / app / tabs / hosts-tab / form-panels / create / wizard.hbs @ 6de04359

History | View | Annotate | Download (7.04 KB)

1
{{! -------------------------------------------------------------------------- }}
2
{{! Copyright 2002-2017, OpenNebula Project, OpenNebula Systems                }}
3
{{!                                                                            }}
4
{{! Licensed under the Apache License, Version 2.0 (the "License"); you may    }}
5
{{! not use this file except in compliance with the License. You may obtain    }}
6
{{! a copy of the License at                                                   }}
7
{{!                                                                            }}
8
{{! http://www.apache.org/licenses/LICENSE-2.0                                 }}
9
{{!                                                                            }}
10
{{! Unless required by applicable law or agreed to in writing, software        }}
11
{{! distributed under the License is distributed on an "AS IS" BASIS,          }}
12
{{! WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   }}
13
{{! See the License for the specific language governing permissions and        }}
14
{{! limitations under the License.                                             }}
15
{{! -------------------------------------------------------------------------- }}
16

    
17
<div>
18
  <form data-abide novalidate id="{{formPanelId}}Wizard" class="custom creation">
19
    <div class="row">
20
      <div class="medium-6 columns">
21
        <label for="host_type">{{tr "Type"}}</label>
22
        <select id="host_type_mad" name="host_type">
23
          {{#each vmMadNameList}}
24
            <option value="{{this.driverName}}">{{this.displayName}}</option>
25
          {{/each}}
26
          <option value="custom">{{tr "Custom"}}</option>
27
        </select>
28
      </div>
29
      <div class="medium-6 columns" id="cluster_select">
30
        <label for="host_cluster_id">{{tr "Cluster"}}</label>
31
        <div id="host_cluster_id" name="host_cluster_id"></div>
32
      </div>
33
    </div>
34
    <div class="row">
35
      <div class="medium-6 columns" id="name_container">
36
        <label for="name">{{tr "Hostname"}}</label>
37
        <input type="text" name="name" id="name" required />
38
      </div>
39
      <div class="medium-6 columns">
40
      </div>
41
    </div>
42
    <div class="drivers">
43
      <fieldset>
44
        <legend>{{tr "Drivers"}}</legend>
45
        <div class="row">
46
          <div class="medium-6 columns">
47
            <div class="manager clear row" id="vmm_mads">
48
              <div class="large-12 columns">
49
                <label for="vmm">{{tr "Virtualization"}}</label>
50
                <select id="vmm_mad" name="vmm">
51
                  {{#each vmMadNameList}}
52
                    <option value="{{this.driverName}}">{{this.displayName}}</option>
53
                  {{/each}}
54
                  <option value="custom">{{tr "Custom"}}</option>
55
                </select>
56
              </div>
57
              <div class="large-12 columns">
58
                <label>{{tr "Custom VMM_MAD"}}</label>
59
                <input type="text" name="custom_vmm_mad" />
60
              </div>
61
            </div>
62
          </div>
63
          <div class="medium-6 columns">
64
            <div class="manager clear row" id="im_mads">
65
              <div class="large-12 columns">
66
                <label for="im">{{tr "Information"}}</label>
67
                <select id="im_mad" name="im">
68
                  {{#each imMadNameList}}
69
                    <option value="{{this.driverName}}">{{this.displayName}}</option>
70
                  {{/each}}
71
                  <option value="custom">{{tr "Custom"}}</option>
72
                </select>
73
              </div>
74
              <div class="large-12 columns">
75
                <label>{{tr "Custom IM_MAD"}}</label>
76
                <input type="text" name="custom_im_mad" />
77
              </div>
78
            </div>
79
          </div>
80
        </div>
81
      </fieldset>
82
    </div>
83

    
84
    <div class="ec2_extra">
85
      <fieldset>
86
        <legend>{{tr "EC2"}}</legend>
87
        <div class="row">
88
          <div class="large-12 columns">
89
            <label for="REGION_NAME">{{tr "Region name"}}</label>
90
            <input type="text" name="REGION_NAME" />
91
          </div>
92
        </div>
93
        <div class="row">
94
          <div class="large-6 columns">
95
            <label for="EC2_ACCESS">{{tr "Access key ID"}}</label>
96
            <input type="text" name="EC2_ACCESS" />
97
          </div>
98
          <div class="large-6 columns">
99
            <label for="EC2_SECRET">{{tr "Secret access key"}}</label>
100
            <input type="text" name="EC2_SECRET" />
101
          </div>
102
        </div>
103
        <div class="row">
104
          <div class="medium-12 columns">
105
            <label>{{tr "Capacity"}}
106
              <span class="tip">
107
                {{tr "The valid list of instance types can be found in the official Amazon EC2 documentation, please use a value from the Model column of the following table: aws.amazon.com/ ec2/instance-types/"}}
108
              </span>
109
            </label>
110
            <div class="row">
111
              <div class="large-12 columns">
112
                <table class="dataTable capacity_table">
113
                  <thead>
114
                    <tr>
115
                      <th>{{tr "Key"}}</th>
116
                      <th>{{tr "Value"}}</th>
117
                      <th></th>
118
                    </tr>
119
                  </thead>
120
                  <tbody class="capacity_ec2">
121
                  </tbody>
122
                  <tfoot>
123
                    <tr>
124
                      <td colspan="3">
125
                        <a type="button" class="add_custom_tag button small small-12 secondary radius">
126
                          <i class="fa fa-lg fa-plus-circle"></i>
127
                        </a>
128
                      </td>
129
                    </tr>
130
                  </tfoot>
131
                </table>
132
              </div>
133
            </div>
134
          </div>
135
        </div>
136
      </fieldset>
137
    </div>
138
  </form>
139
  <form data-abide novalidate class="vcenter_credentials" action="">
140
    <fieldset>
141
      <legend>{{tr "vCenter"}}</legend>
142
      <div class="row">
143
        <div class="large-3 medium-6 columns">
144
          <label for="vcenter_host">{{tr "Hostname"}}</label>
145
          <input type="text" name="vcenter_host" id="vcenter_host" required />
146
        </div>
147
        <div class="large-3 medium-6 columns">
148
          <label for="vcenter_user">{{tr "User"}}</label>
149
          <input type="text" name="vcenter_user" id="vcenter_user" required />
150
        </div>
151
        <div class="large-3 medium-6 columns">
152
          <label for="vcenter_password">{{tr "Password"}}</label>
153
          <input type="password" name="vcenter_password" id="vcenter_password" required />
154
        </div>
155
        <div class="large-3 medium-6 columns">
156
          <label>&nbsp;</label>
157
          <button type="submit" id="get_vcenter_clusters" class="button radius">
158
            {{tr "Get vCenter Clusters"}}
159
          </button>
160
        </div>
161
      </div>
162
      <div class="row collapse">
163
        {{{vCenterClustersHTML}}}
164
      </div>
165
      <div class="row import_vcenter_clusters_div" hidden>
166
        <div class="large-12 columns">
167
          <br>
168
          <a class="button right success" id="import_vcenter_clusters">{{tr "Import"}}</a>
169
        </div>
170
      </div>
171
    </fieldset>
172
  </form>
173
</div>