diff options
Diffstat (limited to 'ui/imports/ui/components/env-open-stack-db-credentials-info')
2 files changed, 161 insertions, 0 deletions
diff --git a/ui/imports/ui/components/env-open-stack-db-credentials-info/env-open-stack-db-credentials-info.html b/ui/imports/ui/components/env-open-stack-db-credentials-info/env-open-stack-db-credentials-info.html new file mode 100644 index 0000000..11421a0 --- /dev/null +++ b/ui/imports/ui/components/env-open-stack-db-credentials-info/env-open-stack-db-credentials-info.html @@ -0,0 +1,109 @@ +<!-- +######################################################################################## +# 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="EnvOpenStackDbCredentialsInfo"> +<div class="form-horizontal"> + + <div class="form-group"> + + <label for="dbHost" class="col-sm-2 + control-label" + >DB Host</label> + + <div class="col-sm-3"> + {{> InputModel(createInputArgs + value=model.host + key="host" + type="text" + disabled=disabled + placeholder="Db Host") + }} + </div> + + <div class="col-sm-4"> + <p>This is db server</p> + </div> + </div> + + <div class="form-group"> + <label for="dbPort" + class="col-sm-2 control-label" + >DB port</label> + + <div class="col-sm-3"> + {{> InputModel(createInputArgs + value=model.port + key="port" + type="text" + disabled=disabled + placeholder="Db port") + }} + </div> + + <div class="col-sm-4"> + <p>This is db port</p> + </div> + </div> + + <div class="form-group"> + <label for="dbUsername" + class="col-sm-2 control-label" + >DB Username</label> + + <div class="col-sm-3"> + {{> InputModel(createInputArgs + value=model.user + key="user" + type="text" + disabled=disabled + placeholder="Db Username") + }} + </div> + + <div class="col-sm-4"> + <p>This is db user name</p> + </div> + </div> + + <div class="form-group"> + <label for="dbPassword" + class="col-sm-2 control-label" + >Password</label> + + <div class="col-sm-3"> + {{> InputModel(createInputArgs + value=model.password + key="password" + type="password" + disabled=disabled + placeholder="Password") + }} + </div> + + <div class="col-sm-4"> + <p>This is db password</p> + </div> + </div> + + <div class="form-group"> + <div class="col-sm-offset-2 col-sm-2"> + <button type="button" + class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored toast" + >Test connection</button> + </div> + + <div class="col-sm-offset-2 col-sm-10 btn-mgt-5"> + <button type="button" + class="mdl-button mdl-js-button btnNext sm-next-button" + >Next</button> + </div> + </div> +</div> +</template> diff --git a/ui/imports/ui/components/env-open-stack-db-credentials-info/env-open-stack-db-credentials-info.js b/ui/imports/ui/components/env-open-stack-db-credentials-info/env-open-stack-db-credentials-info.js new file mode 100644 index 0000000..961e5b6 --- /dev/null +++ b/ui/imports/ui/components/env-open-stack-db-credentials-info/env-open-stack-db-credentials-info.js @@ -0,0 +1,52 @@ +///////////////////////////////////////////////////////////////////////////////////////// +// 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 Component: EnvOpenStackDbCredentialsInfo + */ + +//import { Meteor } from 'meteor/meteor'; +import { Template } from 'meteor/templating'; +//import { ReactiveDict } from 'meteor/reactive-dict'; + +import { createInputArgs } from '/imports/ui/lib/input-model'; + +import './env-open-stack-db-credentials-info.html'; + +/* + * Lifecycles + */ + +Template.EnvOpenStackDbCredentialsInfo.onCreated(function() { +}); + +/* +Template.EnvOpenStackDbCredentialsInfo.rendered = function() { +}; +*/ + +/* + * Events + */ + +Template.EnvOpenStackDbCredentialsInfo.events({ + 'click .sm-next-button': function () { + let instance = Template.instance(); + instance.data.onNextRequested(); + } +}); + +/* + * Helpers + */ + +Template.EnvOpenStackDbCredentialsInfo.helpers({ + createInputArgs: createInputArgs +}); + + |