diff options
author | Koren Lev <korenlev@gmail.com> | 2017-07-27 16:42:15 +0300 |
---|---|---|
committer | Koren Lev <korenlev@gmail.com> | 2017-07-27 16:42:15 +0300 |
commit | b88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 (patch) | |
tree | ffa30a6e1511d72562d8772b8700cda52b2752a1 /ui/imports/ui/components/environment-wizard/environment-wizard.html | |
parent | b70483739d1f6f4f0d31987ed2e4d1e30d71d579 (diff) |
adding calipso ui
Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4
Signed-off-by: Koren Lev <korenlev@gmail.com>
Diffstat (limited to 'ui/imports/ui/components/environment-wizard/environment-wizard.html')
-rw-r--r-- | ui/imports/ui/components/environment-wizard/environment-wizard.html | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/ui/imports/ui/components/environment-wizard/environment-wizard.html b/ui/imports/ui/components/environment-wizard/environment-wizard.html new file mode 100644 index 0000000..4898a5a --- /dev/null +++ b/ui/imports/ui/components/environment-wizard/environment-wizard.html @@ -0,0 +1,83 @@ +<!-- +######################################################################################## +# 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="EnvironmentWizard"> + + <div class="sm-environment-wizard-container"> + + <div class="flex-box-1 site-sidenav"> + <div class="menu-header"> + <p> + {{ model.name }} + </p> + <a href="#"><i class="material-icons">menu</i></a> + </div> + </div> + + <form class="sm-environment-form"> + + <div class="sm-main-layout-no-nav cards white"> + <!-- Nav tabs --> + <ul class="nav nav-tabs" role="tablist"> + {{#each tab in tabs }} + <li role="presentation" + class="{{#if tab.defaultTab }}active{{/if}} {{#if tab.disabled }}disabled{{/if}}"> + <a href="#{{ tab.localLink }}" + aria-controls="{{ tab.localLink }}" + role="tab" + data-toggle="tab" + id="link-{{ tab.localLink }}" + data-is-disabled="{{ tab.disabled }}" + class="sm-tab-link" + >{{tab.label}}</a> + </li> + {{/each}} + </ul> + + <!-- Tab panes --> + <div class="tab-content"> + {{#each tab in tabs }} + <div role="tabpanel" + class="tab-pane fade {{#if tab.defaultTab }}in active{{/if}}" + id="{{ tab.localLink }}"> + {{> Template.dynamic template=tab.templateName data=tab.templateData }} + </div> + {{/each }} + + </div> + + <div class="row"> + <div class="row"> + <div class="col-sm-offset-2 col-sm-10 btn-mgt-5"> + <button type="button" + class="sm-submit-button mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored" + {{ markIfDisabled }} + >Submit</button> + </div> + </div> + + {{#if (getState 'isMessage') }} + <div class="row"> + <div class="js-message-panel alert {{#if (getState 'isError')}}alert-danger{{/if}} + {{#if (getState 'isSuccess')}}alert-success{{/if}}" + role="alert" + >{{ getState 'message' }}</div> + </div> + {{/if }} + + </div> + + </div> + + </form> + + </div> + +</template> |