application.js 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /**
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing, software
  13. * distributed under the License is distributed on an "AS IS" BASIS,
  14. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15. * See the License for the specific language governing permissions and
  16. * limitations under the License.
  17. */
  18. import Ember from 'ember';
  19. /**
  20. * Base controller for application.
  21. */
  22. export default Ember.Controller.extend({
  23. /**
  24. * Output main top UI menu which is common across all pages.
  25. * Menu item will be made active based on current path.
  26. */
  27. outputMainMenu: function(){
  28. var path = this.get('currentPath');
  29. var html = '<li';
  30. if (path == 'yarnQueue') {
  31. html = html + ' class="active"';
  32. }
  33. html = html + '><a href="yarnQueue/root">Queues<span class="sr-only">' +
  34. '(current)</span></a></li><li';
  35. if (path.lastIndexOf('yarnApp', 0) == 0) {
  36. html = html + ' class="active"';
  37. }
  38. html = html + '><a href="yarnApps">Applications<span class="sr-only">' +
  39. '(current)</span></a></li><li';
  40. if (path == 'clusterOverview') {
  41. html = html + ' class="active"';
  42. }
  43. html = html + '><a href="clusterOverview">Cluster Overview<span class=' +
  44. '"sr-only">(current)</span></a></li><li';
  45. if (path.lastIndexOf('yarnNode', 0) == 0) {
  46. html = html + ' class="active"';
  47. }
  48. html = html + '><a href="yarnNodes">Nodes<span class="sr-only">' +
  49. '(current)</span></a></li>';
  50. return Ember.String.htmlSafe(html);
  51. }.property('currentPath')
  52. });