You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by ab...@apache.org on 2018/04/20 12:25:11 UTC
[ambari] branch trunk updated: AMBARI-23633 Missing
tooltip/indicator for unsupported services in Versions page when HDP-3.0
VDF is registered. (ababiichuk)
This is an automated email from the ASF dual-hosted git repository.
ababiichuk pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/ambari.git
The following commit(s) were added to refs/heads/trunk by this push:
new 82243a3 AMBARI-23633 Missing tooltip/indicator for unsupported services in Versions page when HDP-3.0 VDF is registered. (ababiichuk)
82243a3 is described below
commit 82243a300ad3e1ae911d8333bbc354c53bb00e08
Author: ababiichuk <ab...@hortonworks.com>
AuthorDate: Fri Apr 20 14:37:42 2018 +0300
AMBARI-23633 Missing tooltip/indicator for unsupported services in Versions page when HDP-3.0 VDF is registered. (ababiichuk)
---
ambari-web/app/messages.js | 1 +
ambari-web/app/styles/stack_versions.less | 23 +++++++++++-------
.../admin/stack_upgrade/upgrade_version_column.hbs | 2 +-
.../stack_upgrade/upgrade_version_column_view.js | 27 +++++++++++++---------
4 files changed, 33 insertions(+), 20 deletions(-)
diff --git a/ambari-web/app/messages.js b/ambari-web/app/messages.js
index 9f1e4ca..c781aec 100644
--- a/ambari-web/app/messages.js
+++ b/ambari-web/app/messages.js
@@ -1842,6 +1842,7 @@ Em.I18n.translations = {
'admin.stackDowngrade.state.paused.fail.body': "Downgrade could not be paused. Try again later.",
'admin.stackVersions.version.service.notUpgradable': "The version of this service included in this repository is already installed in the cluster.",
+ 'admin.stackVersions.version.service.notSupported': "This service is unsupported in the current version of the stack.",
'admin.stackVersions.version.upgrade.upgradeOptions.header': "Upgrade Options",
'admin.stackVersions.version.upgrade.upgradeOptions.bodyMsg.version': "You are about to perform an upgrade to <b>{0}</b>.",
diff --git a/ambari-web/app/styles/stack_versions.less b/ambari-web/app/styles/stack_versions.less
index b218141..60950ea 100644
--- a/ambari-web/app/styles/stack_versions.less
+++ b/ambari-web/app/styles/stack_versions.less
@@ -17,6 +17,9 @@
*/
@import 'common.less';
+@left-menu-table-z-index: 999;
+@version-line-height: 20px;
+
#advancedRepoAccordion{
.panel-heading {
background-color: #f0f0f0;
@@ -163,7 +166,7 @@
.border-extended-table {
width: 100%;
position: relative;
- z-index: 999;
+ z-index: @left-menu-table-z-index;
background: transparent;
td.service-display-name {
border-top: 1px solid #d2d9dd;
@@ -244,8 +247,8 @@
color: #000;
text-align: center;
font-weight: 500;
- font-size: 20px;
- line-height: 20px;
+ font-size: @version-line-height;
+ line-height: @version-line-height;
padding: 5px 5px 0 5px;
margin-bottom: 0;
span {
@@ -254,7 +257,7 @@
.pull-right .not-active {
font-size: 15px;
color: #0088cc;
- line-height: 20px;
+ line-height: @version-line-height;
}
}
.repository-name {
@@ -267,7 +270,7 @@
.patch-icon {
text-align: center;
color: #ff4500;
- height: 20px;
+ height: @version-line-height;
font-size: 14px;
margin: 18px 0px -18px 1px;
padding: 1px;
@@ -305,7 +308,7 @@
}
.version-column-display-type{
text-align: center;
- height: 20px;
+ height: @version-line-height;
margin-bottom: 0;
color: #ff4500;
}
@@ -321,7 +324,7 @@
}
.state {
margin: 5px 0 15px 0;
- line-height: 20px;
+ line-height: @version-line-height;
height: 35px;
.label-wrapper{
display: inline-block;
@@ -352,6 +355,7 @@
}
.open .dropdown-menu {
min-width: 90px;
+ z-index: @left-menu-table-z-index + 2;
}
}
.state.installing {
@@ -363,7 +367,7 @@
padding-bottom: 4px;
margin-top: -5px;
.service-version-info {
- line-height: 20px;
+ line-height: @version-line-height;
margin-bottom: 9px;
padding-top: 6px;
text-align: center;
@@ -378,6 +382,9 @@
}
div.version-column {
.not-upgradable {
+ position: absolute;
+ z-index: @left-menu-table-z-index + 1;
+ line-height: @version-line-height;
padding-left: 10px;
margin-right: -20px;
cursor: pointer;
diff --git a/ambari-web/app/templates/main/admin/stack_upgrade/upgrade_version_column.hbs b/ambari-web/app/templates/main/admin/stack_upgrade/upgrade_version_column.hbs
index bfeae65..de0c197 100644
--- a/ambari-web/app/templates/main/admin/stack_upgrade/upgrade_version_column.hbs
+++ b/ambari-web/app/templates/main/admin/stack_upgrade/upgrade_version_column.hbs
@@ -114,7 +114,7 @@
{{service.latestVersion}}
</span>
{{#if service.notUpgradable}}
- <i class="icon-info-sign not-upgradable"></i>
+ <i class="icon-info-sign not-upgradable" {{bindAttr data-original-title="service.notUpgradableTitle"}}></i>
{{/if}}
</p>
{{/each}}
diff --git a/ambari-web/app/views/main/admin/stack_upgrade/upgrade_version_column_view.js b/ambari-web/app/views/main/admin/stack_upgrade/upgrade_version_column_view.js
index cb276ae..d775c27 100644
--- a/ambari-web/app/views/main/admin/stack_upgrade/upgrade_version_column_view.js
+++ b/ambari-web/app/views/main/admin/stack_upgrade/upgrade_version_column_view.js
@@ -25,7 +25,7 @@ App.UpgradeVersionColumnView = App.UpgradeVersionBoxView.extend({
didInsertElement: function () {
App.tooltip($('.out-of-sync-badge'), {title: Em.I18n.t('hosts.host.stackVersions.status.out_of_sync')});
- App.tooltip($('.not-upgradable'), {title: Em.I18n.t('admin.stackVersions.version.service.notUpgradable')});
+ App.tooltip($('.not-upgradable'));
if (!this.get('content.isCompatible')) {
App.tooltip(this.$(".repo-version-tooltip"), {
title: Em.I18n.t('admin.stackVersions.version.noCompatible.tooltip')
@@ -48,19 +48,23 @@ App.UpgradeVersionColumnView = App.UpgradeVersionBoxView.extend({
}.observes('parentView.repoVersions.@each.isVisible'),
services: function() {
- var originalServices = this.get('content.stackServices');
+ const originalServices = this.get('content.stackServices');
// sort the services in the order the same as service menu
- return App.Service.find().map(function (service) {
+ return App.Service.find().map(service => {
- var stackService = originalServices.findProperty('name', service.get('serviceName'));
- var isAvailable = this.isStackServiceAvailable(stackService);
-
- var notUpgradable = false;
+ const stackService = originalServices.findProperty('name', service.get('serviceName')),
+ isAvailable = this.isStackServiceAvailable(stackService);
+ let notUpgradable = false,
+ notUpgradableTitle = '';
if (!stackService) {
- console.error(stackService + " definition does not exist in the stack.")
+ console.error(`${stackService} definition does not exist in the stack.`);
notUpgradable = true;
+ notUpgradableTitle = Em.I18n.t('admin.stackVersions.version.service.notSupported');
} else {
notUpgradable = this.getNotUpgradable(isAvailable, stackService.get('isUpgradable'));
+ if (notUpgradable) {
+ notUpgradableTitle = Em.I18n.t('admin.stackVersions.version.service.notUpgradable');
+ }
}
return Em.Object.create({
@@ -68,10 +72,11 @@ App.UpgradeVersionColumnView = App.UpgradeVersionBoxView.extend({
name: service.get('serviceName'),
latestVersion: stackService ? stackService.get('latestVersion') : '',
isVersionInvisible: !stackService,
- notUpgradable: notUpgradable,
- isAvailable: isAvailable
+ notUpgradable,
+ notUpgradableTitle,
+ isAvailable
});
- }, this);
+ });
}.property(),
getNotUpgradable: function(isAvailable, isUpgradable) {
--
To stop receiving notification emails like this one, please contact
ababiichuk@apache.org.