1
0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-30 22:50:10 +03:00

Feature #4363: Fix cloud view callouts

This commit is contained in:
Daniel Molina 2016-04-14 12:13:08 +02:00
parent 8e991daf7a
commit 25f9fe3e01
4 changed files with 81 additions and 52 deletions

View File

@ -437,15 +437,17 @@ define(function(require) {
'<div class="row">'+
'<div class="large-12 large-centered columns">'+
'<div class="row">'+
'<div class="large-4 columns">'+
'<span class="cardinality_value">'+role.cardinality+'</span>'+
'<div class="large-4 columns text-center">'+
'<h5 class="cardinality_value">'+role.cardinality+
'<br>'+
'<span>'+role.name + ' ' + Locale.tr("VMs")+'</span>'+
'<small>'+role.name + ' ' + Locale.tr("VMs")+'</small>'+
'</h5>'+
'</div>'+
'<div class="large-8 columns">'+
'<div class="cardinality_slider_div">'+
'</div>'+
'<a href"#" class="provision_change_cardinality_button success button radius large-12" role_id="'+role.name+'">'+Locale.tr("Change Cardinality")+'</a>'+
'<br>'+
'<button href"#" class="provision_change_cardinality_button success button right" role_id="'+role.name+'">'+Locale.tr("Change Cardinality")+'</button>'+
'<div class="cardinality_no_slider_div">'+
'<span class="">'+Locale.tr("The cardinality for this role cannot be changed")+'</span>'+
'</div>'+
@ -515,7 +517,7 @@ define(function(require) {
'</span>'+
'</div>'+
'<div class="large-3 columns">'+
'<a href"#" class="provision_delete_button alert button large-12 radius">'+Locale.tr("Delete")+'</a>'+
'<button href"#" class="provision_delete_button alert button large-12 radius">'+Locale.tr("Delete")+'</button>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +
@ -536,7 +538,7 @@ define(function(require) {
'</span>'+
'</div>'+
'<div class="large-3 columns">'+
'<a href"#" class="provision_shutdown_button alert button large-12 radius">'+Locale.tr("Shutdown")+'</a>'+
'<button href"#" class="provision_shutdown_button alert button large-12 radius">'+Locale.tr("Shutdown")+'</button>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +

View File

@ -257,20 +257,22 @@ define(function(require) {
var template_name = $(".provision-title", ul_context).text();
$(".provision_confirm_delete_template_div", context).html(
'<div data-alert class="label secondary radius">'+
'<div data-closable class="callout large secondary">'+
'<div class="row">'+
'<div class="large-9 columns">'+
'<span>'+
'<div class="large-12 columns">'+
'<p>'+
Locale.tr("Handle with care! This action will immediately destroy the template")+
' "' + template_name + '" ' +
Locale.tr("and the image associated.") +
'</span>'+
'</p>'+
'</div>'+
'<div class="large-3 columns">'+
'<a href"#" class="provision_delete_template_button alert button large-12 radius right" template_id="'+template_id+'">'+Locale.tr("Delete")+'</a>'+
'<div class="large-12 columns">'+
'<button href"#" class="provision_delete_template_button alert button right" template_id="'+template_id+'">'+Locale.tr("Delete")+'</button>'+
'</div>'+
'</div>'+
'<a href="#" class="close">&times;</a>'+
'<button class="close-button" aria-label="Dismiss alert" type="button" data-close>' +
'<span aria-hidden="true">&times;</span>' +
'</button>' +
'</div>');
});

View File

@ -516,20 +516,26 @@ define(function(require) {
'<br>'+
'<div class="row">'+
'<div class="large-12 columns">'+
'<label class="left">'+
'<input type="radio" name="provision_snapshot_radio" value="persistent" class="provision_snapshot_persistent_radio">'+
' <i class="fa fa-fw fa-save"/> '+Locale.tr("Persistent")+
'</label>'+
'<label class="left">'+
'<input type="radio" name="provision_snapshot_radio" value="nonpersistent" class="provision_snapshot_nonpersisten_radio" checked>'+
' <i class="fa fa-fw fa-trash-o"/> '+Locale.tr("Non-persistent")+
'</label>'+
'<ul class="menu simple">'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_snapshot_radio" value="persistent" class="provision_snapshot_persistent_radio">'+
' <i class="fa fa-fw fa-save"/> '+Locale.tr("Persistent")+
'</label>'+
'</li>'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_snapshot_radio" value="nonpersistent" class="provision_snapshot_nonpersisten_radio" checked>'+
' <i class="fa fa-fw fa-trash-o"/> '+Locale.tr("Non-persistent")+
'</label>'+
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'<br>'+
'<div class="row">'+
'<div class="large-11 large-centered columns">'+
'<a href"#" class="provision_snapshot_create_button success button large-12 radius right">'+Locale.tr("Save Virtual Machine to Template")+'</a>'+
'<button href"#" class="provision_snapshot_create_button success button right">'+Locale.tr("Save Virtual Machine to Template")+'</button>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +
@ -591,7 +597,7 @@ define(function(require) {
'</span>'+
'</div>'+
'<div class="large-3 columns">'+
'<a href"#" class="provision_delete_button alert button large-12 radius right">'+Locale.tr("Delete")+'</a>'+
'<button href"#" class="provision_delete_button alert button right">'+Locale.tr("Delete")+'</button>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +
@ -612,7 +618,7 @@ define(function(require) {
'</span>'+
'</div>'+
'<div class="large-3 columns">'+
'<a href"#" class="provision_shutdownhard_button alert button large-12 radius right">'+Locale.tr("Delete")+'</a>'+
'<button href"#" class="provision_shutdownhard_button alert button right">'+Locale.tr("Delete")+'</button>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +
@ -637,15 +643,21 @@ define(function(require) {
'<br>'+
'<div class="row">'+
'<div class="large-12 columns">'+
'<a href"#" class="provision_poweroff_button button radius right">'+Locale.tr("Power off")+'</a>'+
'<label class="left">'+
'<input type="radio" name="provision_poweroff_radio" value="poweroff_hard" class="provision_poweroff_hard_radio">'+
' <i class="fa fa-fw fa-bolt"/> '+Locale.tr("Power off the machine")+
'</label>'+
'<label class="left">'+
'<input type="radio" name="provision_poweroff_radio" value="poweroff" class="provision_poweroff_radio" checked>'+
' <i class="fa fa-fw fa-power-off"/> '+Locale.tr("Send the power off signal")+
'</label>'+
'<button href"#" class="provision_poweroff_button button right">'+Locale.tr("Power off")+'</button>'+
'<ul class="menu simple">'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_poweroff_radio" value="poweroff_hard" class="provision_poweroff_hard_radio">'+
' <i class="fa fa-fw fa-bolt"/> '+Locale.tr("Power off the machine")+
'</label>'+
'</li>'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_poweroff_radio" value="poweroff" class="provision_poweroff_radio" checked>'+
' <i class="fa fa-fw fa-power-off"/> '+Locale.tr("Send the power off signal")+
'</label>'+
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +
@ -670,15 +682,21 @@ define(function(require) {
'<br>'+
'<div class="row">'+
'<div class="large-12 columns">'+
'<a href"#" class="provision_undeploy_button button radius right">'+Locale.tr("Power off and undeploy")+'</a>'+
'<label class="left">'+
'<input type="radio" name="provision_undeploy_radio" value="undeploy_hard" class="provision_undeploy_hard_radio">'+
' <i class="fa fa-fw fa-bolt"/> '+Locale.tr("Power off and undeploy the VM")+
'</label>'+
'<label class="left">'+
'<input type="radio" name="provision_undeploy_radio" value="undeploy" class="provision_undeploy_radio" checked>'+
' <i class="fa fa-fw fa-power-off"/> '+Locale.tr("Send the power off signal and undeploy the VM")+
'</label>'+
'<button href"#" class="provision_undeploy_button button right">'+Locale.tr("Power off and undeploy")+'</button>'+
'<ul class="menu simple">'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_undeploy_radio" value="undeploy_hard" class="provision_undeploy_hard_radio">'+
' <i class="fa fa-fw fa-bolt"/> '+Locale.tr("Power off and undeploy the VM")+
'</label>'+
'</li>'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_undeploy_radio" value="undeploy" class="provision_undeploy_radio" checked>'+
' <i class="fa fa-fw fa-power-off"/> '+Locale.tr("Send the power off signal and undeploy the VM")+
'</label>'+
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +
@ -703,15 +721,21 @@ define(function(require) {
'<br>'+
'<div class="row">'+
'<div class="large-12 columns">'+
'<a href"#" class="provision_reboot_button button radius right">'+Locale.tr("Reboot")+'</a>'+
'<label class="left">'+
'<input type="radio" name="provision_reboot_radio" value="reset" class="provision_reboot_hard_radio">'+
' <i class="fa fa-fw fa-bolt"/> '+Locale.tr("Reboot the machine")+
'</label>'+
'<label class="left">'+
'<input type="radio" name="provision_reboot_radio" value="reboot" class="provision_reboot_radio" checked>'+
' <i class="fa fa-fw fa-power-off"/> '+Locale.tr("Send the reboot signal")+
'</label>'+
'<button href"#" class="provision_reboot_button button right">'+Locale.tr("Reboot")+'</button>'+
'<ul class="menu simple">'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_reboot_radio" value="reset" class="provision_reboot_hard_radio">'+
' <i class="fa fa-fw fa-bolt"/> '+Locale.tr("Reboot the machine")+
'</label>'+
'</li>'+
'<li>'+
'<label class="left">'+
'<input type="radio" name="provision_reboot_radio" value="reboot" class="provision_reboot_radio" checked>'+
' <i class="fa fa-fw fa-power-off"/> '+Locale.tr("Send the reboot signal")+
'</label>'+
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'<button class="close-button" aria-label="' + Locale.tr("Dismiss Alert") + ' type="button" data-close>' +

View File

@ -2,6 +2,7 @@ input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 5.8px 0;
background: transparent;
}
input[type=range]:focus {
outline: none;
@ -53,7 +54,7 @@ input[type=range]::-ms-track {
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #bdbdbd;
background: transparent;
border: 0.1px solid $medium-gray;
border-radius: 2px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;