Statistics
| Branch: | Tag: | Revision:

one / src / sunstone / public / app / tabs / provision-tab / vms / create.hbs @ d289fb8f

History | View | Annotate | Download (6.29 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
<form id="provision_create_vm" class="section_content" hidden>
17
  <div class="row">
18
    <div class="large-12 columns">
19
      <h4>
20
        {{tr "Create Virtual Machine"}}
21
        <span class="total_cost_div" hidden>
22
          <small class="cost_value">0.00</small>
23
          <small>{{tr "COST"}} / {{tr "HOUR"}}</small>
24
        </span>
25
      </h4>
26
    </div>
27
  </div>
28
  <div class="row">
29
    <div class="medium-6 columns">
30
      <input type="text" id="vm_name" class="provision-input" placeholder="{{tr "Virtual Machine Name"}}"/>
31
    </div>
32
    {{#isFeatureEnabled "instantiate_persistent"}}
33
    <div class="large-3 medium-6 columns">
34
      <div class="switch left">
35
        <input class="switch-input instantiate_pers" id="instantiate_pers" type="checkbox">
36
        <label class="switch-paddle" for="instantiate_pers">
37
        </label>
38
      </div>
39
      <label class="left">
40
        &nbsp;&nbsp;
41
        {{tr "Persistent"}}
42
        {{{tip (tr "Creates a private persistent copy of the template plus any image defined in DISK, and instantiates that copy")}}}
43
      </label>
44
    </div>
45
    {{/isFeatureEnabled}}
46
    <div class="large-3 medium-6 columns">
47
      <button href="#" class="button success expanded" type="submit">{{tr "Create"}}</button>
48
      <div data-alert class="label alert-box-error" hidden></div>
49
    </div>
50
  </div>
51
  <fieldset id="provisionVMInstantiateTemplatesRow">
52
    <legend>{{tr "Template"}}</legend>
53
    <div class="row">
54
      <div class="large-12 columns">
55
        <ul class="accordion provision_accordion_template" data-accordion data-allow-all-closed="true">
56
          <li class="accordion-item is-active" data-accordion-item>
57
            <a href="#provision_dd_template" class="accordion-title">
58
              <span class="selected_template" hidden>
59
                <span class="provision-logo selected_template_logo"></span>
60
                <span class="selected_template_name"></span>
61
                <span class=""> <i class="fa fa-lg fa-pencil"/></span>
62
              </span>
63
            </a>
64
            <div id="provision_dd_template" class="accordion-content" data-tab-content>
65
              <div class="row">
66
                <div class="medium-6 columns">
67
                  <div class="row collapse">
68
                    <div class="medium-5 columns">
69
                      <input type="search" class="provision-search-input" placeholder="Search Template" id="provision_vm_instantiate_template_search"/>
70
                    </div>
71
                    <div class="medium-3 columns">
72
                      <select id="provision_vm_instantiate_templates_owner_filter">
73
                        <option value="all" selected="selected">{{tr "ALL"}}</option>
74
                        <option value="mine">{{tr "mine"}}</option>
75
                        <option value="group">{{tr "group"}}</option>
76
                        <option value="system">{{tr "system"}}</option>
77
                      </select>
78
                    </div>
79
                    <div class="medium-4 columns">
80
                      <button type="button" data-toggle="provisionVMInstantiateLabelsDropdown" class="secondary button dropdown"> <i class="fa fa-tags"/> {{tr "Labels"}}
81
                      </button>
82
                      <div id="provisionVMInstantiateLabelsDropdown" class="dropdown-pane large labels-dropdown" data-dropdown>
83
                      </div>
84
                    </div>
85
                  </div>
86
                  <div class="medium-6 columns"></div>
87
                </div>
88
              </div>
89
              <div class="row provision_select_template">
90
                <div class="small-12 columns">
91
                  <table id="provision_vm_instantiate_templates_table">
92
                    <thead hidden>
93
                      <tr>
94
                        <th>ID</th>
95
                        <th>Name</th>
96
                        <th>OWNER</th>
97
                        <th>Labels</th>
98
                      </tr>
99
                    </thead>
100
                    <tbody hidden></tbody>
101
                  </table>
102
                </div>
103
              </div>
104
            </div>
105
          </li>
106
        </ul>
107
      </div>
108
    </div>
109
  </fieldset>
110
  <div class="row">
111
    <div class="medium-6 small-12 columns">
112
      <div class="provision_capacity_selector"></div>
113
    </div>
114
    <div class="medium-6 small-12 columns columns">
115
      <div class="provision_disk_selector"></div>
116
    </div>
117
  </div>
118
  <div class="row">
119
    <div class="large-6 medium-8 small-12 columns">
120
      <div class="provision_custom_attributes_selector"></div>
121
    </div>
122
  </div>
123
  <div class="row">
124
    <div class="small-12 columns">
125
      <div class="provision_network_selector"></div>
126
    </div>
127
  </div>
128
  <div class="row provision_vmgroup" hidden="true">
129
    <div class="small-12 columns vmgroupContext{{element.ID}}">
130
      <fieldset>
131
        <legend>
132
          <i class="fa fa-globe"></i> {{tr "VM Group"}}
133
        </legend>
134
        <div>
135
          <a class="button small provision_add_vmgroup">
136
            <i class="fa fa-lg fa-plus-circle add_vmgroup"></i> {{tr "VM Group"}}
137
          </a>
138
        </div>
139
        <div class="provision_vmgroup_selector"></div>
140
      </fieldset>
141
    </div>
142
  </div>
143
</form>