new UI - show boolean field as a tick icon or a cross icon.

This commit is contained in:
Jessica Wang 2010-09-13 16:48:00 -07:00
parent 6e2beaba3a
commit 70b533fd8f
4 changed files with 27 additions and 13 deletions

View File

@ -53,6 +53,16 @@
</div>
</div>
<div class="grid_container">
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("id")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="id">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">

View File

@ -386,20 +386,15 @@ function clickInstanceGroupHeader($arrowIcon) {
$rightPanelContent.find("#ipAddress").text(jsonObj.ipaddress);
$rightPanelContent.find("#zoneName").text(fromdb(jsonObj.zonename));
$rightPanelContent.find("#templateName").text(fromdb(jsonObj.templatename));
$rightPanelContent.find("#serviceOfferingName").text(fromdb(jsonObj.serviceofferingname));
if(jsonObj.haenable == "true")
$rightPanelContent.find("#ha").removeClass("cross_icon").addClass("tick_icon").show();
else
$rightPanelContent.find("#ha").removeClass("tick_icon").addClass("cross_icon").show();
$rightPanelContent.find("#serviceOfferingName").text(fromdb(jsonObj.serviceofferingname));
$rightPanelContent.find("#created").text(jsonObj.created);
$rightPanelContent.find("#account").text(fromdb(jsonObj.account));
$rightPanelContent.find("#domain").text(fromdb(jsonObj.domain));
$rightPanelContent.find("#hostName").text(fromdb(jsonObj.hostname));
$rightPanelContent.find("#group").text(fromdb(jsonObj.group));
if(jsonObj.isoid != null && jsonObj.isoid.length > 0)
$rightPanelContent.find("#iso").removeClass("cross_icon").addClass("tick_icon").show();
else
$rightPanelContent.find("#iso").removeClass("tick_icon").addClass("cross_icon").show();
setBooleanField(jsonObj.haenable, $rightPanelContent.find("#ha"));
setBooleanField((jsonObj.isoid != null && jsonObj.isoid.length > 0), $rightPanelContent.find("#iso"));
//volume tab
//if (getHypervisorType() == "kvm")

View File

@ -360,6 +360,14 @@ function todb(val) {
var midmenuItemCount = 20;
function setBooleanField(value, $field) {
if(value == "true")
$field.removeClass("cross_icon").addClass("tick_icon").show();
else
$field.removeClass("tick_icon").addClass("cross_icon").show();
}

View File

@ -36,10 +36,11 @@ function templateToRigntPanel($midmenuItem) {
status = jsonObj.templatestatus;
$rightPanelContent.find("#status").text(status);
$rightPanelContent.find("#passwordenabled").text(fromdb(jsonObj.passwordenabled));
$rightPanelContent.find("#ispublic").text(fromdb(jsonObj.ispublic));
$rightPanelContent.find("#isfeatured").text(fromdb(jsonObj.isfeatured));
$rightPanelContent.find("#crossZones").text(fromdb(jsonObj.crossZones));
setBooleanField(jsonObj.passwordenabled, $rightPanelContent.find("#passwordenabled"));
setBooleanField(jsonObj.ispublic, $rightPanelContent.find("#ispublic"));
setBooleanField(jsonObj.isfeatured, $rightPanelContent.find("#isfeatured"));
setBooleanField(jsonObj.crossZones, $rightPanelContent.find("#crossZones"));
$rightPanelContent.find("#ostypename").text(fromdb(jsonObj.ostypename));
$rightPanelContent.find("#account").text(fromdb(jsonObj.account));