shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-28 14:50:08 +03:00
Code Releases Wiki Activity

feature #3748: Do not use Foundation.tooltips due to performance issues

Browse Source 
System tooltips will be used instead
This commit is contained in:
Daniel Molina 2015-07-30 16:41:27 +02:00
parent fe5323b55d
commit 590fbbdf41
20 changed files with 77 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/sunstone/public/app/tabs/images-tab/panels/snapshots.js
View File

@ -179,7 +179,7 @@ define(function(require){
var active = (snapshot.ACTIVE == "YES");
if(active){
html += '<i class="fa fa-play-circle-o fa-lg" data-tooltip title="'+
html += '<i class="fa fa-play-circle-o fa-lg" title="'+
Locale.tr("Active")+'"/>' + SPACE;
}

4
src/sunstone/public/app/tabs/oneflow-services-tab/panels/roles.js
View File

@ -198,10 +198,10 @@ define(function(require) {
if (that.element.TEMPLATE.BODY.ready_status_gate) {
if (vm_info.VM.USER_TEMPLATE.READY == "YES") {
info.push('<span data-tooltip class="has-tip" title="'+tr("The VM is ready")+'"><i class="fa fa-check"/></span>');
info.push('<span class="has-tip" title="'+tr("The VM is ready")+'"><i class="fa fa-check"/></span>');
} else {
info.push('<span data-tooltip class="has-tip" title="'+tr("Waiting for the VM to be ready")+'"><i class="fa fa-clock-o"/></span>');
info.push('<span class="has-tip" title="'+tr("Waiting for the VM to be ready")+'"><i class="fa fa-clock-o"/></span>');
}
} else {
info.push("");

24
src/sunstone/public/app/tabs/oneflow-services-tab/panels/roles/roleInfo.hbs
View File

@ -68,28 +68,28 @@
</thead>
<thead>
<tr>
<th class="has-tip" data-tooltip title="{{tr "Type of adjustment."}}<br><br>
<th class="has-tip" title="{{tr "Type of adjustment."}}<br><br>
{{tr "CHANGE: Add/substract the given number of VMs."}}<br>
{{tr "CARDINALITY: Set the cardinality to the given number."}}<br>
{{tr "PERCENTAGE_CHANGE: Add/substract the given percentage to the current cardinality."}}
" style="width:14%">{{tr "Type"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}<br><br>
<th class="has-tip" title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}<br><br>
{{tr "CHANGE: -2, will substract 2 VMs from the role"}}<br>
{{tr "CARDINALITY: 8, will set carditanilty to 8"}}<br>
{{tr "PERCENTAGE_CHANGE: 20, will increment cardinality by 20%"}}" style="width:12%">{{tr "Adjust"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type."}}<br>
<th class="has-tip" title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type."}}<br>
{{tr " If present, the policy will change the cardinality by at least the number of VMs set in this attribute."}}" style="width:9%">{{tr "Min"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Expression to trigger the elasticity"}}<br><br>
<th class="has-tip" title="{{tr "Expression to trigger the elasticity"}}<br><br>
{{tr "Example: ATT < 20"}}" style="width:30%">{{tr "Expression"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Number of periods that the expression must be true before the elasticity is triggered"}}" style="width:8%">#
<th class="has-tip" title="{{tr "Number of periods that the expression must be true before the elasticity is triggered"}}" style="width:8%">#
</th>
<th class="has-tip" data-tooltip title="{{tr "Duration, in seconds, of each period in '# Periods'"}}" style="width:9%">{{tr "Period"}}
<th class="has-tip" title="{{tr "Duration, in seconds, of each period in '# Periods'"}}" style="width:9%">{{tr "Period"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Cooldown period duration after a scale operation, in seconds"}}" style="width:15%">{{tr "Cooldown"}}
<th class="has-tip" title="{{tr "Cooldown period duration after a scale operation, in seconds"}}" style="width:15%">{{tr "Cooldown"}}
</th>
<th style="width:3%"></th>
</tr>
@ -129,22 +129,22 @@
</thead>
<thead>
<tr>
<th class="has-tip" data-tooltip title="{{tr "Type of adjustment."}}<br><br>
<th class="has-tip" title="{{tr "Type of adjustment."}}<br><br>
{{tr "CHANGE: Add/substract the given number of VMs."}}<br>
{{tr "CARDINALITY: Set the cardinality to the given number."}}<br>
{{tr "PERCENTAGE_CHANGE: Add/substract the given percentage to the current cardinality."}}" style="width:14%">{{tr "Type"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}<br><br>
<th class="has-tip" title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}<br><br>
{{tr "CHANGE: -2, will substract 2 VMs from the role"}}<br>
{{tr "CARDINALITY: 8, will set carditanilty to 8"}}<br>
{{tr "PERCENTAGE_CHANGE: 20, will increment cardinality by 20%"}}" style="width:12%">{{tr "Adjust"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type. If present, the policy will change the cardinality by at least the number of VMs set in this attribute."}}" style="width:9%">{{tr "Min"}}
<th class="has-tip" title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type. If present, the policy will change the cardinality by at least the number of VMs set in this attribute."}}" style="width:9%">{{tr "Min"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Recurrence: Time for recurring adjustements. Time is specified with the Unix cron syntax"}}<br><br>
<th class="has-tip" title="{{tr "Recurrence: Time for recurring adjustements. Time is specified with the Unix cron syntax"}}<br><br>
{{tr "Start time: Exact time for the adjustement"}}" style="width:28%">{{tr "Time format"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Time expression depends on the the time formar selected"}}<br><br>
<th class="has-tip" title="{{tr "Time expression depends on the the time formar selected"}}<br><br>
{{tr "Recurrence: Time for recurring adjustements. Time is specified with the Unix cron syntax"}}<br>
{{tr "Start time: Exact time for the adjustement"}}" style="width:33%">{{tr "Time expression"}}
</th>

44
src/sunstone/public/app/tabs/oneflow-templates-tab/utils/role-tab/html.hbs
View File

@ -86,28 +86,28 @@
</thead>
<thead>
<tr>
<th class="has-tip" data-tooltip title="{{tr "Type of adjustment."}}<br><br>
{{tr "CHANGE: Add/substract the given number of VMs."}}<br>
{{tr "CARDINALITY: Set the cardinality to the given number."}}<br>
<th class="has-tip" title="{{tr "Type of adjustment."}}
{{tr "CHANGE: Add/substract the given number of VMs."}}
{{tr "CARDINALITY: Set the cardinality to the given number."}}
{{tr "PERCENTAGE_CHANGE: Add/substract the given percentage to the current cardinality."}}
" style="width:14%">{{tr "Type"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}<br><br>
{{tr "CHANGE: -2, will substract 2 VMs from the role"}}<br>
{{tr "CARDINALITY: 8, will set carditanilty to 8"}}<br>
<th class="has-tip" title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}
{{tr "CHANGE: -2, will substract 2 VMs from the role"}}
{{tr "CARDINALITY: 8, will set carditanilty to 8"}}
{{tr "PERCENTAGE_CHANGE: 20, will increment cardinality by 20%"}}" style="width:12%">{{tr "Adjust"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type."}}<br>
<th class="has-tip" title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type."}}
{{tr " If present, the policy will change the cardinality by at least the number of VMs set in this attribute."}}" style="width:9%">{{tr "Min"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Expression to trigger the elasticity"}}<br><br>
<th class="has-tip" title="{{tr "Expression to trigger the elasticity"}}
{{tr "Example: ATT < 20"}}" style="width:30%">{{tr "Expression"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Number of periods that the expression must be true before the elasticity is triggered"}}" style="width:8%">#
<th class="has-tip" title="{{tr "Number of periods that the expression must be true before the elasticity is triggered"}}" style="width:8%">#
</th>
<th class="has-tip" data-tooltip title="{{tr "Duration, in seconds, of each period in '# Periods'"}}" style="width:9%">{{tr "Period"}}
<th class="has-tip" title="{{tr "Duration, in seconds, of each period in '# Periods'"}}" style="width:9%">{{tr "Period"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Cooldown period duration after a scale operation, in seconds"}}" style="width:15%">{{tr "Cooldown"}}
<th class="has-tip" title="{{tr "Cooldown period duration after a scale operation, in seconds"}}" style="width:15%">{{tr "Cooldown"}}
</th>
<th style="width:3%"></th>
</tr>
@ -137,23 +137,23 @@
</thead>
<thead>
<tr>
<th class="has-tip" data-tooltip title="{{tr "Type of adjustment."}}<br><br>
{{tr "CHANGE: Add/substract the given number of VMs."}}<br>
{{tr "CARDINALITY: Set the cardinality to the given number."}}<br>
<th class="has-tip" title="{{tr "Type of adjustment."}}
{{tr "CHANGE: Add/substract the given number of VMs."}}
{{tr "CARDINALITY: Set the cardinality to the given number."}}
{{tr "PERCENTAGE_CHANGE: Add/substract the given percentage to the current cardinality."}}" style="width:14%">{{tr "Type"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}<br><br>
{{tr "CHANGE: -2, will substract 2 VMs from the role"}}<br>
{{tr "CARDINALITY: 8, will set carditanilty to 8"}}<br>
<th class="has-tip" title="{{tr "Positive or negative adjustment. Its meaning depends on 'type'"}}
{{tr "CHANGE: -2, will substract 2 VMs from the role"}}
{{tr "CARDINALITY: 8, will set carditanilty to 8"}}
{{tr "PERCENTAGE_CHANGE: 20, will increment cardinality by 20%"}}" style="width:12%">{{tr "Adjust"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type. If present, the policy will change the cardinality by at least the number of VMs set in this attribute."}}" style="width:9%">{{tr "Min"}}
<th class="has-tip" title="{{tr "Optional parameter for PERCENTAGE_CHANGE adjustment type. If present, the policy will change the cardinality by at least the number of VMs set in this attribute."}}" style="width:9%">{{tr "Min"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Recurrence: Time for recurring adjustements. Time is specified with the Unix cron syntax"}}<br><br>
{{tr "Start time: Exact time for the adjustement"}}" style="width:28%">{{tr "Time format"}}
<th class="has-tip" title="{{tr "Recurrence: Time for recurring adjustements. Time is specified with the Unix cron syntax"}}
{{tr "Start time: Exact time for the adjustement"}}" style="width:28%">{{tr "Time format"}}
</th>
<th class="has-tip" data-tooltip title="{{tr "Time expression depends on the the time formar selected"}}<br><br>
{{tr "Recurrence: Time for recurring adjustements. Time is specified with the Unix cron syntax"}}<br>
<th class="has-tip" title="{{tr "Time expression depends on the the time formar selected"}}
{{tr "Recurrence: Time for recurring adjustements. Time is specified with the Unix cron syntax"}}
{{tr "Start time: Exact time for the adjustement"}}" style="width:33%">{{tr "Time expression"}}
</th>
<th style="width:3%"></th>

6
src/sunstone/public/app/tabs/provision-tab/flows/info.hbs
View File

@ -10,13 +10,13 @@
<div class="large-12 large-centered columns">
<ul class="inline-list provision_action_icons">
<li>
<a href"#" data-tooltip title="{{tr "Recover a failed service, cleaning the failed VMs"}}" class="left button small radius success provision_recover_button">
<a href"#" title="{{tr "Recover a failed service, cleaning the failed VMs"}}" class="left button small radius success provision_recover_button">
<i class="fa fa-fw fa-lg fa-wrench"/></a>
</li>
<li class="right">
<a href"#" data-tooltip title="{{tr "Delete"}}" class="button small radius alert provision_delete_confirm_button tip-top right">
<a href"#" title="{{tr "Delete"}}" class="button small radius alert provision_delete_confirm_button tip-top right">
<i class="fa fa-fw fa-lg fa-trash-o"/></a>
<a href"#" data-tooltip title="{{tr "Shutdown"}}" class="button small radius secondary provision_shutdown_confirm_button tip-top right">
<a href"#" title="{{tr "Shutdown"}}" class="button small radius secondary provision_shutdown_confirm_button tip-top right">
<i class="fa fa-fw fa-lg fa-power-off"/>
</a>
</li>

6
src/sunstone/public/app/tabs/provision-tab/flows/list.hbs
View File

@ -8,14 +8,14 @@
{{!opts.title}}
<span class="provision_info_flow_name only-not-active"></span>
<span href"#" class="only-active right button radius small secondary provision_flows_list_refresh_button"
{{#unless opts.refresh}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Refresh"}}">
{{#unless opts.refresh}}style="display:none"{{/unless}} title=" {{tr "Refresh"}}">
<i class="fa fa-fw fa-lg fa-refresh"/></span>
<span href"#" class="only-not-active right button small radius secondary provision_refresh_info"
{{#unless opts.refresh}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Refresh"}}">
{{#unless opts.refresh}}style="display:none"{{/unless}} title=" {{tr "Refresh"}}">
<i class="fa fa-fw fa-lg fa-refresh"/>
</span>
<span href"#" class="only-active right button radius small secondary provision_flows_list_filter_button"
{{#unless opts.filter}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Filter by User"}}">
{{#unless opts.filter}}style="display:none"{{/unless}} title=" {{tr "Filter by User"}}">
<i class="fa fa-fw fa-lg fa-filter"/>
</span>
<span class="only-active right provision_list_flows_filter" style="display: none"></span>

2
src/sunstone/public/app/tabs/provision-tab/flows/list.js
View File

@ -181,7 +181,7 @@ define(function(require) {
'<ul class="provision-pricing-table" opennebula_id="'+data.ID+'" datatable_index="'+iDisplayIndexFull+'">'+
'<li class="provision-title text-left">'+
'<a class="provision_info_flow_button" style="color:#555" href="#">'+
'<span class="'+ state.color +'-color" data-tooltip title="'+ state.str +'">'+
'<span class="'+ state.color +'-color" title="'+ state.str +'">'+
'<i class="fa fa-fw fa-lg fa-square"/>&emsp;'+
'</span>'+
data.NAME +

4
src/sunstone/public/app/tabs/provision-tab/templates/list.hbs
View File

@ -7,10 +7,10 @@
<h3 class="subheader">
{{!opts.title}}
<span href"#" class="right only-active button small radius secondary provision_templates_list_refresh_button"
{{#unless opts.refresh}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Refresh"}}">
{{#unless opts.refresh}}style="display:none"{{/unless}} title=" {{tr "Refresh"}}">
<i class="fa fa-fw fa-lg fa-refresh"/></span>
<span href"#" class="right only-active button small radius secondary provision_templates_list_filter_button"
{{#unless opts.filter}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Filter by User"}}">
{{#unless opts.filter}}style="display:none"{{/unless}} title=" {{tr "Filter by User"}}">
<i class="fa fa-fw fa-lg fa-filter"/>
</span>
<span class="right only-active provision_list_templates_filter" style="display: none"></span>

6
src/sunstone/public/app/tabs/provision-tab/templates/list.js
View File

@ -124,16 +124,16 @@ define(function(require) {
if (data.UID == config['user_id']) {
if (data.PERMISSIONS.GROUP_U == "1") {
actions_html += '<a class="provision_confirm_unshare_template_button left" data-tooltip title="'+ Locale.tr("Unshare")+'" style="color:#555" href="#"><i class="fa fa-fw fa-lg fa-ban only-on-hover"/></a>';
actions_html += '<a class="provision_confirm_unshare_template_button left" title="'+ Locale.tr("Unshare")+'" style="color:#555" href="#"><i class="fa fa-fw fa-lg fa-ban only-on-hover"/></a>';
actions_html += '<span style="font-size:12px; color: #777">' + Locale.tr("SHARED") + '</span>';
} else {
actions_html += '<a class="provision_confirm_chmod_template_button left" data-tooltip title="'+ Locale.tr("Share")+'" style="color:#555" href="#"><i class="fa fa-fw fa-lg fa-share-alt only-on-hover"/></a>';
actions_html += '<a class="provision_confirm_chmod_template_button left" title="'+ Locale.tr("Share")+'" style="color:#555" href="#"><i class="fa fa-fw fa-lg fa-share-alt only-on-hover"/></a>';
}
}
}
if (Config.isTabActionEnabled("provision-tab", "Template.delete")) {
actions_html += '<a class="provision_confirm_delete_template_button" data-tooltip title="'+ Locale.tr("Delete")+'" style="color:#555" href="#"><i class="fa fa-fw fa-lg fa-trash-o right only-on-hover"/></a>';
actions_html += '<a class="provision_confirm_delete_template_button" title="'+ Locale.tr("Delete")+'" style="color:#555" href="#"><i class="fa fa-fw fa-lg fa-trash-o right only-on-hover"/></a>';
}
$(".provision_templates_ul", context).append('<li>'+

6
src/sunstone/public/app/tabs/provision-tab/users/info.hbs
View File

@ -10,13 +10,13 @@
<div class="large-12 large-centered columns">
<ul class="inline-list provision_action_icons">
<li class="">
<a href"#" data-tooltip title="{{tr "Update the User Quotas"}}" class="left button small secondary radius provision_vdc_user_quota_confirm_button tip-top">
<a href"#" title="{{tr "Update the User Quotas"}}" class="left button small secondary radius provision_vdc_user_quota_confirm_button tip-top">
<i class="fa fa-fw fa-lg fa-align-left"/></a>
<a href"#" data-tooltip title="{{tr "Change the password of the User"}}" class="left button small secondary radius provision_vdc_user_password_confirm_button tip-top">
<a href"#" title="{{tr "Change the password of the User"}}" class="left button small secondary radius provision_vdc_user_password_confirm_button tip-top">
<i class="fa fa-fw fa-lg fa-lock"/></a>
</li>
<li class="right">
<a href"#" data-tooltip title="{{tr "Delete the User"}}" class="right button small radius alert provision_vdc_user_delete_confirm_button tip-top">
<a href"#" title="{{tr "Delete the User"}}" class="right button small radius alert provision_vdc_user_delete_confirm_button tip-top">
<i class="fa fa-fw fa-lg fa-trash-o"/>
</a>
</li>

4
src/sunstone/public/app/tabs/provision-tab/users/list.hbs
View File

@ -7,9 +7,9 @@
<h3 class="subheader">
{{!tr "Users"}}
<span class="provision_info_vdc_user_name only-not-active"></span>
<span href"#" class="right only-active provision_users_list_refresh_button button small radius secondary" data-tooltip title="{{tr "Refresh"}}">
<span href"#" class="right only-active provision_users_list_refresh_button button small radius secondary" title="{{tr "Refresh"}}">
<i class="fa fa-fw fa-lg fa-refresh"/></span>
<span href"#" class="right only-not-active provision_refresh_info button small radius secondary" data-tooltip title="{{tr "Refresh"}}">
<span href"#" class="right only-not-active provision_refresh_info button small radius secondary" title="{{tr "Refresh"}}">
<i class="fa fa-fw fa-lg fa-refresh"/>
</span>
<input type="search" class="provision_list_users_search provision-search-input only-active" placeholder="Search Users"/>

10
src/sunstone/public/app/tabs/provision-tab/users/list.js
View File

@ -330,19 +330,19 @@ define(function(require) {
}
$(".provision-user-resource-header", context).html(
'<span class="provision_vdc_user_info_show_vms button medium radius" data-tooltip title="' + Locale.tr("User Virtual Machines") + '" style="margin-right: 10px">' +
'<span class="provision_vdc_user_info_show_vms button medium radius" title="' + Locale.tr("User Virtual Machines") + '" style="margin-right: 10px">' +
'<i class="fa fa-th fa-lg"></i>' +
'</span>' +
'<span class="provision_vdc_user_info_show_templates button medium radius" data-tooltip title="' + Locale.tr("User Saved Templates") + '" style="margin-right: 10px">' +
'<span class="provision_vdc_user_info_show_templates button medium radius" title="' + Locale.tr("User Saved Templates") + '" style="margin-right: 10px">' +
'<i class="fa fa-save fa-lg"></i>' +
'</span>' +
'<span class="provision_vdc_user_info_show_flows button medium radius" data-tooltip title="' + Locale.tr("User Services") + '" style="margin-right: 10px">' +
'<span class="provision_vdc_user_info_show_flows button medium radius" title="' + Locale.tr("User Services") + '" style="margin-right: 10px">' +
'<i class="fa fa-cubes fa-lg"></i>' +
'</span>' +
'<span class="provision_vdc_user_info_show_acct button medium radius" data-tooltip title="' + Locale.tr("User Accounting") + '" style="margin-right: 10px">' +
'<span class="provision_vdc_user_info_show_acct button medium radius" title="' + Locale.tr("User Accounting") + '" style="margin-right: 10px">' +
'<i class="fa fa-bar-chart-o fa-lg"></i>' +
'</span>' +
(Config.isFeatureEnabled("showback") ? '<span class="provision_vdc_user_info_show_showback button medium radius" data-tooltip title="' + Locale.tr("User Showback") + '" style="margin-right: 10px">' +
(Config.isFeatureEnabled("showback") ? '<span class="provision_vdc_user_info_show_showback button medium radius" title="' + Locale.tr("User Showback") + '" style="margin-right: 10px">' +
'<i class="fa fa-money fa-lg"></i>' +
'</span>' : ''))

18
src/sunstone/public/app/tabs/provision-tab/vms/info.hbs
View File

@ -10,33 +10,33 @@
<div class="large-12 large-centered columns">
<ul class="inline-list provision_action_icons">
<li>
<a href"#" data-tooltip title="{{tr "Open a remote console in a new window"}}" class="left button small radius provision_vnc_button tip-top">
<a href"#" title="{{tr "Open a remote console in a new window"}}" class="left button small radius provision_vnc_button tip-top">
<i class="fa fa-fw fa-lg fa-desktop"/></a>
<a data-tooltip title="{{tr "You have to boot the Virtual Machine first"}}" class="left button small radius white provision_vnc_button_disabled tip-top" style="color: #999">
<a title="{{tr "You have to boot the Virtual Machine first"}}" class="left button small radius white provision_vnc_button_disabled tip-top" style="color: #999">
<i class="fa fa-fw fa-lg fa-desktop"/></a>
{{#isTabPanelEnabled "provision-tab" "templates"}}
<a href"#" data-tooltip title="{{tr "The main disk of the Virtual Machine will be saved in a new Image"}}" class="left button small radius success provision_snapshot_button tip-top">
<a href"#" title="{{tr "The main disk of the Virtual Machine will be saved in a new Image"}}" class="left button small radius success provision_snapshot_button tip-top">
<i class="fa fa-fw fa-lg fa-save"/>
</a>
<a data-tooltip title="{{tr "You have to power-off the virtual machine first"}}" class="left button small radius white provision_snapshot_button_disabled tip-top" style="color: #999">
<a title="{{tr "You have to power-off the virtual machine first"}}" class="left button small radius white provision_snapshot_button_disabled tip-top" style="color: #999">
<i class="fa fa-fw fa-lg fa-save"/>
</a>
{{/isTabPanelEnabled}}
</li>
<li class="right">
<a href"#" data-tooltip title="{{tr "Delete"}}" class="button small radius alert provision_delete_confirm_button tip-top right">
<a href"#" title="{{tr "Delete"}}" class="button small radius alert provision_delete_confirm_button tip-top right">
<i class="fa fa-fw fa-lg fa-trash-o"/>
</a>
<a href"#" data-tooltip title="{{tr "Delete"}}" class="button small radius alert provision_shutdownhard_confirm_button tip-top right">
<a href"#" title="{{tr "Delete"}}" class="button small radius alert provision_shutdownhard_confirm_button tip-top right">
<i class="fa fa-fw fa-lg fa-trash-o"/>
</a>
<a href"#" data-tooltip title="{{tr "Power off"}}" class="button small radius secondary provision_poweroff_confirm_button tip-top right">
<a href"#" title="{{tr "Power off"}}" class="button small radius secondary provision_poweroff_confirm_button tip-top right">
<i class="fa fa-fw fa-lg fa-power-off"/>
</a>
<a href"#" data-tooltip title="{{tr "Power on"}}" class="button small radius secondary provision_poweron_button tip-top right">
<a href"#" title="{{tr "Power on"}}" class="button small radius secondary provision_poweron_button tip-top right">
<i class="fa fa-fw fa-lg fa-play"/>
</a>
<a href"#" data-tooltip title="{{tr "Reboot"}}" class="button small radius secondary provision_reboot_confirm_button tip-top right">
<a href"#" title="{{tr "Reboot"}}" class="button small radius secondary provision_reboot_confirm_button tip-top right">
<i class="fa fa-fw fa-lg fa-repeat"/>
</a>
</li>

6
src/sunstone/public/app/tabs/provision-tab/vms/list.hbs
View File

@ -10,14 +10,14 @@
</span>
<span class="provision_info_vm_name only-not-active"></span>
<span href"#" class="right only-active button small radius secondary provision_vms_list_refresh_button"
{{#unless opts.refresh}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Refresh"}}">
{{#unless opts.refresh}}style="display:none"{{/unless}} title=" {{tr "Refresh"}}">
<i class="fa fa-fw fa-lg fa-refresh"/></span>
<span href"#" class="right only-not-active button small radius secondary provision_refresh_info"
{{#unless opts.refresh}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Refresh"}}">
{{#unless opts.refresh}}style="display:none"{{/unless}} title=" {{tr "Refresh"}}">
<i class="fa fa-fw fa-lg fa-refresh"/>
</span>
<span href"#" class="right only-active button small radius secondary provision_vms_list_filter_button"
{{#unless opts.filter}}style="display:none"{{/unless}} data-tooltip title=" {{tr "Filter by User"}}">
{{#unless opts.filter}}style="display:none"{{/unless}} title=" {{tr "Filter by User"}}">
<i class="fa fa-fw fa-lg fa-filter"/>
</span>
<span class="right only-active provision_list_vms_filter" style="display: none"></span>

2
src/sunstone/public/app/tabs/provision-tab/vms/list.js
View File

@ -147,7 +147,7 @@ define(function(require) {
'<ul class="provision-pricing-table" opennebula_id="'+data.ID+'" datatable_index="'+iDisplayIndexFull+'">'+
'<li class="provision-title text-left">'+
'<a class="provision_info_vm_button" style="color:#555" href="#">'+
'<span class="'+ state.color +'-color" data-tooltip title="'+state.str+'">'+
'<span class="'+ state.color +'-color" title="'+state.str+'">'+
'<i class="fa fa-fw fa-square"/> '+
'</span>'+
data.NAME + '</a>'+

2
src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/hybrid.js
View File

@ -509,8 +509,6 @@ define(function(require) {
required_str +
'<br><hr><br>' +
not_required_str);
providerSection.foundation('tooltip', 'reflow');
})
}

1
src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/network/nic-tab.js
View File

@ -65,7 +65,6 @@ define(function(require) {
function _setup(context) {
var that = this;
context.foundation('tooltip', 'reflow');
that.vnetsTable.initialize({
'selectOptions': {
'select_callback': function(aData, options) {

1
src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/storage/disk-tab.js
View File

@ -55,7 +55,6 @@ define(function(require) {
function _setup(context) {
var that = this;
context.foundation('tooltip', 'reflow');
that.imageTable.initialize({
'selectOptions': {
'select_callback': function(aData, options) {

2
src/sunstone/public/app/tabs/vms-tab/panels/storage.js
View File

@ -468,7 +468,7 @@ define(function(require) {
var active = (snapshot.ACTIVE == "YES");
if(active){
html += '<i class="fa fa-play-circle-o fa-lg" data-tooltip title="'+
html += '<i class="fa fa-play-circle-o fa-lg" title="'+
Locale.tr("Active")+'"/>' + SPACE;
}

8
src/sunstone/public/app/utils/tips.js
View File

@ -18,14 +18,14 @@ define(function(require) {
tip_classes.push(position)
}
//replace the text with an icon and spans
obj.html('<span data-tooltip class="' + tip_classes.join(' ') + '" data-width="210" title="' + tip + '"><i class="fa fa-question-circle"></i></span>');
//obj.html('<span data-tooltip class="' + tip_classes.join(' ') + '" data-width="210" title="' + tip + '"><i class="fa fa-question-circle"></i></span>');
obj.html('<span title="' + tip + '"><i class="fa fa-question-circle"></i></span>');
});
context.foundation('reflow', 'tooltip');
}
var _html = function(str) {
return '<span data-tooltip class="" data-width="210" title="' + str + '"><i class="fa fa-question-circle"></i></span>'
//return '<span data-tooltip class="" data-width="210" title="' + str + '"><i class="fa fa-question-circle"></i></span>'
return '<span title="' + str + '"><i class="fa fa-question-circle"></i></span>';
}
return {