AMBARI-2167. Support for displaying various stacks and having the user select which stack to install. (yusaku)

git-svn-id: https://svn.apache.org/repos/asf/incubator/ambari/trunk@1485445 13f79535-47bb-0310-9956-ffa450edef68

ambari-web/app/templates/wizard/step0.hbs

@@ -0,0 +1,42 @@
+{{!
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+}}
+
+<h2>{{t installer.step0.body.header}}</h2>
+<p class="alert alert-info">
+  {{t installer.step0.body}}
+</p>
+<div {{bindAttr class="view.onError:error :control-group"}}>
+  <label class="control-label" for="cluster-name">{{t installer.step0.clusterName}}
+    <a href="javascript:void(null)"
+       rel="popover"
+      {{translateAttr title="installer.step0.clusterName.tooltip.title"
+       data-content="installer.step0.clusterName.tooltip.content"}}>{{t common.learnMore}}</a>
+  </label>
+
+  <div class="controls">
+    {{view App.WizardStep0ViewClusterNameInput valueBinding="content.cluster.name" placeholder="cluster name" target="controller"}}
+    <p class="help-inline">{{clusterNameError}}</p>
+  </div>
+</div>
+
+<div class="btn-area">
+  <a class="btn btn-success pull-right" {{bindAttr disabled="invalidClusterName"}} {{action "submit" target="controller"}}>{{t common.next}} &rarr;</a>
+</div>
+
+
+

ambari-web/app/views/wizard/step0_view.js

@@ -0,0 +1,48 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+var App = require('app');
+
+App.WizardStep0View = Em.View.extend({
+
+  tagName: "form", //todo: why form?
+  templateName: require('templates/wizard/step0'),
+
+  //todo: create property for placeholder(go to template)
+
+  didInsertElement: function () {
+    $("[rel=popover]").popover({'placement': 'right', 'trigger': 'hover'});
+    this.get('controller').loadStep();
+  },
+
+  //todo: rename it to class or write comments
+  onError: function () {
+    return this.get('controller.clusterNameError') !== '';
+  }.property('controller.clusterNameError')
+
+});
+
+App.WizardStep0ViewClusterNameInput = Em.TextField.extend({
+  keyPress: function(event) {
+    if (event.keyCode == 13) {
+      this.get('parentView.controller').submit();
+      return false;
+    }
+  }
+});