mirror of https://github.com/apache/cloudstack.git
bug 7553: cloudStack - add files for new page "System Service Offering".
This commit is contained in:
Jessica Wang
parent
5a052dba74
commit
69cab811aa
|
|
@ -429,6 +429,7 @@ label.menu.physical.resources=Physical Resources
|
|||
label.menu.running.instances=Running Instances
|
||||
label.menu.security.groups=Security Groups
|
||||
label.menu.service.offerings=Service Offerings
|
||||
label.menu.system.service.offerings=System Service Offerings
|
||||
label.menu.snapshots=Snapshots
|
||||
label.menu.stopped.instances=Stopped Instances
|
||||
label.menu.storage=Storage
|
||||
|
|
@ -541,6 +542,7 @@ label.security.groups=Security Groups
|
|||
label.sent=Sent
|
||||
label.server=Server
|
||||
label.service.offering=Service Offering
|
||||
label.system.service.offering=System Service Offering
|
||||
label.session.expired=Session Expired
|
||||
label.shared=Shared
|
||||
label.size=Size
|
||||
|
|
|
|||
17
ui/index.jsp
17
ui/index.jsp
|
|
@ -44,7 +44,8 @@
|
|||
<script type="text/javascript" src="scripts/cloud.core.router.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.dashboard.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.domain.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.serviceoffering.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.serviceoffering.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.systemserviceoffering.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.diskoffering.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.networkoffering.js?t=<%=now%>"></script>
|
||||
<script type="text/javascript" src="scripts/cloud.core.globalsetting.js?t=<%=now%>"></script>
|
||||
|
|
@ -718,6 +719,20 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" style="border-bottom: 1px dashed b4c8d6;" id="leftmenu_system_service_offering">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
|
||||
<fmt:message key="label.menu.system.service.offerings"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_disk_offering">
|
||||
<div class="leftmenu_secondindent">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,309 @@
|
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<c:if test="${!empty cookie.lang}">
|
||||
<fmt:setLocale value="${cookie.lang.value}" />
|
||||
</c:if>
|
||||
<fmt:setBundle basename="resources/messages"/>
|
||||
|
||||
<script language="javascript">
|
||||
dictionary = {
|
||||
'label.action.edit.service.offering' : '<fmt:message key="label.action.edit.service.offering"/>',
|
||||
'label.action.delete.service.offering' : '<fmt:message key="label.action.delete.service.offering"/>',
|
||||
'label.action.delete.service.offering.processing' : '<fmt:message key="label.action.delete.service.offering.processing"/>',
|
||||
'message.action.delete.service.offering' : '<fmt:message key="message.action.delete.service.offering"/>'
|
||||
};
|
||||
</script>
|
||||
|
||||
<div class="main_title" id="right_panel_header">
|
||||
|
||||
<div class="main_titleicon">
|
||||
<img src="images/title_serviceofferingicon.gif"/></div>
|
||||
|
||||
<h1>
|
||||
<fmt:message key="label.service.offering"/>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="contentbox" id="right_panel_content">
|
||||
<div class="info_detailbox errorbox" id="after_action_info_container_on_top" style="display: none">
|
||||
<p id="after_action_info">
|
||||
</p>
|
||||
</div>
|
||||
<div class="tabbox" style="margin-top: 15px;">
|
||||
<div class="content_tabs on">
|
||||
<fmt:message key="label.details"/></div>
|
||||
</div>
|
||||
<div id="tab_content_details">
|
||||
<div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display: none;">
|
||||
<div class="rightpanel_mainloaderbox">
|
||||
<div class="rightpanel_mainloader_animatedicon">
|
||||
</div>
|
||||
<p>
|
||||
<fmt:message key="label.loading"/> …</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab_container">
|
||||
<div class="grid_container">
|
||||
<div class="grid_header">
|
||||
<div id="grid_header_title" class="grid_header_title">(title)</div>
|
||||
<div id="action_link" class="grid_actionbox"><p><fmt:message key="label.actions"/></p>
|
||||
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
|
||||
<ul class="actionsdropdown_boxlist" id="action_list">
|
||||
<li><fmt:message key="label.no.actions"/></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
|
||||
display: none;">
|
||||
<div class="gridheader_loader" id="Div1">
|
||||
</div>
|
||||
<p id="description">
|
||||
<fmt:message key="label.waiting"/> …</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.id"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="id">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.name"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="name">
|
||||
</div>
|
||||
<input class="text" id="name_edit" style="width: 200px; display: none;" type="text" />
|
||||
<div id="name_edit_errormsg" style="display:none"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.display.text"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="displaytext">
|
||||
</div>
|
||||
<input class="text" id="displaytext_edit" style="width: 200px; display: none;" type="text" />
|
||||
<div id="displaytext_edit_errormsg" style="display:none"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.storage.type"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="storagetype">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.cpu"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="cpu">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.memory"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="memory">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.offer.ha"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="offerha">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.CPU.cap"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="limitcpuuse">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.tags"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="tags">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_rows even">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.domain"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="domain">
|
||||
</div>
|
||||
<select class="select" id="domain_edit" style="width: 202px; display: none;">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_rows odd">
|
||||
<div class="grid_row_cell" style="width: 20%;">
|
||||
<div class="row_celltitles">
|
||||
<fmt:message key="label.created"/>:</div>
|
||||
</div>
|
||||
<div class="grid_row_cell" style="width: 79%;">
|
||||
<div class="row_celltitles" id="created">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_botactionpanel">
|
||||
<div class="gridbot_buttons" id="save_button" style="display:none;"><fmt:message key="label.save"/></div>
|
||||
<div class="gridbot_buttons" id="cancel_button" style="display:none;"><fmt:message key="label.cancel"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top buttons (begin) -->
|
||||
<div id="top_buttons">
|
||||
<div class="actionpanel_button_wrapper" id="add_serviceoffering_button">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/addvm_actionicon.png" alt="Add Service Offering" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
<fmt:message key="label.add.service.offering"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- top buttons (end) -->
|
||||
|
||||
<!-- Add Service Offering Dialog -->
|
||||
<div id="dialog_add_service" title='<fmt:message key="label.add.service.offering"/>' style="display:none">
|
||||
<p><fmt:message key="message.add.service.offering"/></p>
|
||||
<div class="dialog_formcontent">
|
||||
<form action="#" method="post" id="form_acquire">
|
||||
<ol>
|
||||
<li>
|
||||
<label for="user_name"><fmt:message key="label.name"/>:</label>
|
||||
<input class="text" type="text" name="add_service_name" id="add_service_name"/>
|
||||
<div id="add_service_name_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name"><fmt:message key="label.display.text"/>:</label>
|
||||
<input class="text" type="text" name="add_service_display" id="add_service_display"/>
|
||||
<div id="add_service_display_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="add_service_storagetype"><fmt:message key="label.storage.type"/>:</label>
|
||||
<select class="select" name="add_service_storagetype" id="add_service_storagetype">
|
||||
<option value="shared"><fmt:message key="label.shared"/></option>
|
||||
<option value="local"><fmt:message key="label.local"/></option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name"><fmt:message key="label.num.cpu.cores"/>:</label>
|
||||
<input class="text" type="text" name="add_service_cpucore" id="add_service_cpucore"/>
|
||||
<div id="add_service_cpucore_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name"><fmt:message key="label.cpu.mhz"/>:</label>
|
||||
<input class="text" type="text" name="add_service_cpu" id="add_service_cpu"/>
|
||||
<div id="add_service_cpu_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
|
||||
</li>
|
||||
<li>
|
||||
<label for="user_name"><fmt:message key="label.memory.mb"/>:</label>
|
||||
<input class="text" type="text" name="add_service_memory" id="add_service_memory"/>
|
||||
<div id="add_service_memory_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
|
||||
</li>
|
||||
<li id="add_service_offerha_container">
|
||||
<label><fmt:message key="label.offer.ha"/>:</label>
|
||||
<select class="select" id="add_service_offerha">
|
||||
<option value="false"><fmt:message key="label.no"/></option>
|
||||
<option value="true"><fmt:message key="label.yes"/></option>
|
||||
</select>
|
||||
</li>
|
||||
<li id="add_service_tags_container">
|
||||
<label for="add_service_tags">
|
||||
<fmt:message key="label.tags"/>:</label>
|
||||
<input class="text" type="text" id="add_service_tags" />
|
||||
<div id="add_service_tags_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<fmt:message key="label.CPU.cap"/>:</label>
|
||||
<select class="select" id="cpu_cap_dropdown">
|
||||
<option value="false"><fmt:message key="label.no"/></option>
|
||||
<option value="true"><fmt:message key="label.yes"/></option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<fmt:message key="label.public"/>:</label>
|
||||
<select class="select" id="public_dropdown">
|
||||
<option value="true"><fmt:message key="label.yes"/></option>
|
||||
<option value="false"><fmt:message key="label.no"/></option>
|
||||
</select>
|
||||
</li>
|
||||
<li id="domain_container" style="display: none">
|
||||
<label>
|
||||
<fmt:message key="label.domain"/>:</label>
|
||||
<input class="text" type="text" id="domain" />
|
||||
<div id="domain_errormsg" class="dialog_formcontent_errormsg" style="display: none;"></div>
|
||||
<!--
|
||||
<select class="select" id="domain_dropdown">
|
||||
</select>
|
||||
-->
|
||||
</li>
|
||||
</ol>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="hidden_container">
|
||||
<!-- advanced search popup (begin) -->
|
||||
<div class="adv_searchpopup_bg" id="advanced_search_popup" style="display: none;">
|
||||
<div class="adv_searchformbox">
|
||||
<form action="#" method="post">
|
||||
<ol>
|
||||
<li id="adv_search_domain_li" style="display: none;">
|
||||
<input class="text textwatermark" type="text" id="domain" value='<fmt:message key="label.by.domain" />' />
|
||||
<div id="domain_errormsg" class="dialog_formcontent_errormsg" style="display: none;"></div>
|
||||
<!--
|
||||
<select class="select" id="adv_search_domain">
|
||||
</select>
|
||||
-->
|
||||
</li>
|
||||
</ol>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- advanced search popup (end) -->
|
||||
</div>
|
||||
|
|
@ -236,6 +236,7 @@ $(document).ready(function() {
|
|||
|
||||
//configuration
|
||||
bindAndListMidMenuItems($("#leftmenu_service_offering"), "listServiceOfferings&issystem=false", serviceOfferingGetSearchParams, "listserviceofferingsresponse", "serviceoffering", "jsp/serviceoffering.jsp", afterLoadServiceOfferingJSP, serviceOfferingToMidmenu, serviceOfferingToRightPanel, getMidmenuId, false);
|
||||
bindAndListMidMenuItems($("#leftmenu_service_offering"), "listServiceOfferings&issystem=true", systemServiceOfferingGetSearchParams, "listserviceofferingsresponse", "serviceoffering", "jsp/serviceoffering.jsp", afterLoadServiceOfferingJSP, serviceOfferingToMidmenu, serviceOfferingToRightPanel, getMidmenuId, false);
|
||||
bindAndListMidMenuItems($("#leftmenu_disk_offering"), "listDiskOfferings", diskOfferingGetSearchParams, "listdiskofferingsresponse", "diskoffering", "jsp/diskoffering.jsp", afterLoadDiskOfferingJSP, diskOfferingToMidmenu, diskOfferingToRightPanel, getMidmenuId, false);
|
||||
bindAndListMidMenuItems($("#leftmenu_network_offering"), "listNetworkOfferings&guestiptype=Virtual", networkOfferingGetSearchParams, "listnetworkofferingsresponse", "networkoffering", "jsp/networkoffering.jsp", afterLoadNetworkOfferingJSP, networkOfferingToMidmenu, networkOfferingToRightPanel, getMidmenuId, false);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,395 @@
|
|||
/**
|
||||
* Copyright (C) 2010 Cloud.com, Inc. All rights reserved.
|
||||
*
|
||||
* This software is licensed under the GNU General Public License v3 or later.
|
||||
*
|
||||
* It is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or any later version.
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU General Public License
|
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
*
|
||||
*/
|
||||
|
||||
function systemServiceOfferingGetSearchParams() {
|
||||
var moreCriteria = [];
|
||||
|
||||
var searchInput = $("#basic_search").find("#search_input").val();
|
||||
if (searchInput != null && searchInput.length > 0) {
|
||||
moreCriteria.push("&keyword="+todb(searchInput));
|
||||
}
|
||||
|
||||
var $advancedSearchPopup = getAdvancedSearchPopupInSearchContainer();
|
||||
if ($advancedSearchPopup.length > 0 && $advancedSearchPopup.css("display") != "none" ) {
|
||||
if ($advancedSearchPopup.find("#adv_search_domain_li").css("display") != "none"
|
||||
&& $advancedSearchPopup.find("#domain").hasClass("textwatermark") == false) {
|
||||
var domainName = $advancedSearchPopup.find("#domain").val();
|
||||
if (domainName != null && domainName.length > 0) {
|
||||
var domainId;
|
||||
if(autoCompleteDomains != null && autoCompleteDomains.length > 0) {
|
||||
for(var i=0; i < autoCompleteDomains.length; i++) {
|
||||
if(fromdb(autoCompleteDomains[i].name).toLowerCase() == domainName.toLowerCase()) {
|
||||
domainId = autoCompleteDomains[i].id;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if(domainId == null) {
|
||||
showError(false, $advancedSearchPopup.find("#domain"), $advancedSearchPopup.find("#domain_errormsg"), g_dictionary["label.not.found"]);
|
||||
}
|
||||
else { //e.g. domainId == 5 (number)
|
||||
showError(true, $advancedSearchPopup.find("#domain"), $advancedSearchPopup.find("#domain_errormsg"), null)
|
||||
moreCriteria.push("&domainid="+todb(domainId));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return moreCriteria.join("");
|
||||
}
|
||||
|
||||
function afterLoadSystemServiceOfferingJSP() {
|
||||
initAddSystemServiceOfferingDialog();
|
||||
|
||||
$readonlyFields = $("#tab_content_details").find("#name, #displaytext");
|
||||
$editFields = $("#tab_content_details").find("#name_edit, #displaytext_edit");
|
||||
}
|
||||
|
||||
function initAddSystemServiceOfferingDialog() {
|
||||
initDialog("dialog_add_service");
|
||||
|
||||
var $dialogAddService = $("#dialog_add_service");
|
||||
$dialogAddService.find("#public_dropdown").unbind("change").bind("change", function(event) {
|
||||
if($(this).val() == "true") { //public zone
|
||||
$dialogAddService.find("#domain_container").hide();
|
||||
}
|
||||
else { //private zone
|
||||
$dialogAddService.find("#domain_container").show();
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
applyAutoCompleteToDomainField($dialogAddService.find("#domain"));
|
||||
|
||||
$("#add_systemserviceoffering_button").unbind("click").bind("click", function(event) {
|
||||
$dialogAddService.find("#add_service_name").val("");
|
||||
$dialogAddService.find("#add_service_display").val("");
|
||||
$dialogAddService.find("#add_service_cpucore").val("");
|
||||
$dialogAddService.find("#add_service_cpu").val("");
|
||||
$dialogAddService.find("#add_service_memory").val("");
|
||||
$dialogAddService.find("#add_service_offerha").val("false");
|
||||
|
||||
$dialogAddService
|
||||
.dialog('option', 'buttons', {
|
||||
"Add": function() {
|
||||
var $thisDialog = $(this);
|
||||
|
||||
// validate values
|
||||
var isValid = true;
|
||||
isValid &= validateString("Name", $thisDialog.find("#add_service_name"), $thisDialog.find("#add_service_name_errormsg"));
|
||||
isValid &= validateString("Display Text", $thisDialog.find("#add_service_display"), $thisDialog.find("#add_service_display_errormsg"));
|
||||
isValid &= validateInteger("# of CPU Core", $thisDialog.find("#add_service_cpucore"), $thisDialog.find("#add_service_cpucore_errormsg"), 1, 1000);
|
||||
isValid &= validateInteger("CPU", $thisDialog.find("#add_service_cpu"), $thisDialog.find("#add_service_cpu_errormsg"), 100, 100000);
|
||||
isValid &= validateInteger("Memory", $thisDialog.find("#add_service_memory"), $thisDialog.find("#add_service_memory_errormsg"), 64, 1000000);
|
||||
isValid &= validateString("Tags", $thisDialog.find("#add_service_tags"), $thisDialog.find("#add_service_tags_errormsg"), true); //optional
|
||||
|
||||
if($thisDialog.find("#domain_container").css("display") != "none") {
|
||||
isValid &= validateString("Domain", $thisDialog.find("#domain"), $thisDialog.find("#domain_errormsg"), false); //required
|
||||
var domainName = $thisDialog.find("#domain").val();
|
||||
var domainId;
|
||||
if(domainName != null && domainName.length > 0) {
|
||||
if(autoCompleteDomains != null && autoCompleteDomains.length > 0) {
|
||||
for(var i=0; i < autoCompleteDomains.length; i++) {
|
||||
if(fromdb(autoCompleteDomains[i].name).toLowerCase() == domainName.toLowerCase()) {
|
||||
domainId = autoCompleteDomains[i].id;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if(domainId == null) {
|
||||
showError(false, $thisDialog.find("#domain"), $thisDialog.find("#domain_errormsg"), g_dictionary["label.not.found"]);
|
||||
isValid &= false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!isValid)
|
||||
return;
|
||||
$thisDialog.dialog("close");
|
||||
|
||||
var $midmenuItem1 = beforeAddingMidMenuItem() ;
|
||||
|
||||
var array1 = [];
|
||||
var name = $thisDialog.find("#add_service_name").val();
|
||||
array1.push("&name="+todb(name));
|
||||
|
||||
var display = $thisDialog.find("#add_service_display").val();
|
||||
array1.push("&displayText="+todb(display));
|
||||
|
||||
var storagetype = $thisDialog.find("#add_service_storagetype").val();
|
||||
array1.push("&storageType="+storagetype);
|
||||
|
||||
var core = $thisDialog.find("#add_service_cpucore").val();
|
||||
array1.push("&cpuNumber="+core);
|
||||
|
||||
var cpu = $thisDialog.find("#add_service_cpu").val();
|
||||
array1.push("&cpuSpeed="+cpu);
|
||||
|
||||
var memory = $thisDialog.find("#add_service_memory").val();
|
||||
array1.push("&memory="+memory);
|
||||
|
||||
var offerha = $thisDialog.find("#add_service_offerha").val();
|
||||
array1.push("&offerha="+offerha);
|
||||
|
||||
var tags = $thisDialog.find("#add_service_tags").val();
|
||||
if(tags != null && tags.length > 0)
|
||||
array1.push("&tags="+todb(tags));
|
||||
|
||||
if($thisDialog.find("#cpu_cap_dropdown_container").css("display") != "none") {
|
||||
array1.push("&limitcpuuse="+$thisDialog.find("#cpu_cap_dropdown").val());
|
||||
}
|
||||
|
||||
if($thisDialog.find("#domain_container").css("display") != "none") {
|
||||
array1.push("&domainid="+domainId);
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
data: createURL("command=createServiceOffering"+array1.join("")),
|
||||
dataType: "json",
|
||||
success: function(json) {
|
||||
var item = json.createserviceofferingresponse.serviceoffering;
|
||||
systemServiceOfferingToMidmenu(item, $midmenuItem1);
|
||||
bindClickToMidMenu($midmenuItem1, systemServiceOfferingToRightPanel, getMidmenuId);
|
||||
afterAddingMidMenuItem($midmenuItem1, true);
|
||||
|
||||
},
|
||||
error: function(XMLHttpResponse) {
|
||||
handleError(XMLHttpResponse, function() {
|
||||
afterAddingMidMenuItem($midmenuItem1, false, parseXMLHttpResponse(XMLHttpResponse));
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
"Cancel": function() {
|
||||
$(this).dialog("close");
|
||||
}
|
||||
}).dialog("open");
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
function doEditSystemServiceOffering($actionLink, $detailsTab, $midmenuItem1) {
|
||||
$readonlyFields.hide();
|
||||
$editFields.show();
|
||||
$detailsTab.find("#cancel_button, #save_button").show();
|
||||
|
||||
$detailsTab.find("#cancel_button").unbind("click").bind("click", function(event){
|
||||
cancelEditMode($detailsTab);
|
||||
return false;
|
||||
});
|
||||
$detailsTab.find("#save_button").unbind("click").bind("click", function(event){
|
||||
doEditSystemServiceOffering2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
function doEditSystemServiceOffering2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields) {
|
||||
var jsonObj = $midmenuItem1.data("jsonObj");
|
||||
var id = jsonObj.id;
|
||||
|
||||
// validate values
|
||||
var isValid = true;
|
||||
isValid &= validateString("Name", $detailsTab.find("#name_edit"), $detailsTab.find("#name_edit_errormsg"), true);
|
||||
isValid &= validateString("Display Text", $detailsTab.find("#displaytext_edit"), $detailsTab.find("#displaytext_edit_errormsg"), true);
|
||||
if (!isValid)
|
||||
return;
|
||||
|
||||
var array1 = [];
|
||||
var name = $detailsTab.find("#name_edit").val();
|
||||
array1.push("&name="+todb(name));
|
||||
var displaytext = $detailsTab.find("#displaytext_edit").val();
|
||||
array1.push("&displayText="+todb(displaytext));
|
||||
var offerha = $detailsTab.find("#offerha_edit").val();
|
||||
array1.push("&offerha="+offerha);
|
||||
|
||||
var tags = $detailsTab.find("#tags_edit").val();
|
||||
array1.push("&tags="+todb(tags));
|
||||
|
||||
var domainid = $detailsTab.find("#domain_edit").val();
|
||||
array1.push("&domainid="+todb(domainid));
|
||||
|
||||
$.ajax({
|
||||
data: createURL("command=updateServiceOffering&id="+id+array1.join("")),
|
||||
dataType: "json",
|
||||
success: function(json) {
|
||||
var jsonObj = json.updateserviceofferingresponse.serviceoffering;
|
||||
systemServiceOfferingToMidmenu(jsonObj, $midmenuItem1);
|
||||
systemServiceOfferingToRightPanel($midmenuItem1);
|
||||
|
||||
$editFields.hide();
|
||||
$readonlyFields.show();
|
||||
$("#save_button, #cancel_button").hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function doDeleteSystemServiceOffering($actionLink, $detailsTab, $midmenuItem1) {
|
||||
var jsonObj = $midmenuItem1.data("jsonObj");
|
||||
var id = jsonObj.id;
|
||||
|
||||
$("#dialog_confirmation")
|
||||
.text(dictionary["message.action.delete.service.offering"])
|
||||
.dialog('option', 'buttons', {
|
||||
"Confirm": function() {
|
||||
$(this).dialog("close");
|
||||
var apiCommand = "command=deleteServiceOffering&id="+id;
|
||||
doActionToTab(id, $actionLink, apiCommand, $midmenuItem1, $detailsTab);
|
||||
},
|
||||
"Cancel": function() {
|
||||
$(this).dialog("close");
|
||||
}
|
||||
}).dialog("open");
|
||||
}
|
||||
|
||||
function systemServiceOfferingToMidmenu(jsonObj, $midmenuItem1) {
|
||||
$midmenuItem1.attr("id", getMidmenuId(jsonObj));
|
||||
$midmenuItem1.data("jsonObj", jsonObj);
|
||||
|
||||
var $iconContainer = $midmenuItem1.find("#icon_container").show();
|
||||
$iconContainer.find("#icon").attr("src", "images/midmenuicon_system_serviceoffering.png");
|
||||
|
||||
var firstRowText = fromdb(jsonObj.name);
|
||||
$midmenuItem1.find("#first_row").text(firstRowText);
|
||||
$midmenuItem1.find("#first_row_container").attr("title", firstRowText);
|
||||
|
||||
var secondRowText = jsonObj.cpunumber + " x " + convertHz(jsonObj.cpuspeed);
|
||||
$midmenuItem1.find("#second_row").text(secondRowText);
|
||||
$midmenuItem1.find("#second_row_container").attr("title", secondRowText);
|
||||
}
|
||||
|
||||
function systemServiceOfferingToRightPanel($midmenuItem1) {
|
||||
copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
|
||||
$("#right_panel_content").data("$midmenuItem1", $midmenuItem1);
|
||||
systemServiceOfferingJsonToDetailsTab();
|
||||
}
|
||||
|
||||
function systemServiceOfferingJsonToDetailsTab() {
|
||||
var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
|
||||
if($midmenuItem1 == null) {
|
||||
systemServiceOfferingClearDetailsTab();
|
||||
return;
|
||||
}
|
||||
|
||||
var jsonObj = $midmenuItem1.data("jsonObj");
|
||||
if(jsonObj == null) {
|
||||
systemServiceOfferingClearDetailsTab();
|
||||
return;
|
||||
}
|
||||
|
||||
var $thisTab = $("#right_panel_content #tab_content_details");
|
||||
$thisTab.find("#tab_container").hide();
|
||||
$thisTab.find("#tab_spinning_wheel").show();
|
||||
|
||||
var id = jsonObj.id;
|
||||
|
||||
$.ajax({
|
||||
data: createURL("command=listServiceOfferings&id="+id),
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function(json) {
|
||||
var items = json.listserviceofferingsresponse.serviceoffering;
|
||||
if(items != null && items.length > 0) {
|
||||
jsonObj = items[0];
|
||||
$midmenuItem1.data("jsonObj", jsonObj);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$thisTab.find("#id").text(fromdb(jsonObj.id));
|
||||
|
||||
$thisTab.find("#grid_header_title").text(fromdb(jsonObj.name));
|
||||
$thisTab.find("#name").text(fromdb(jsonObj.name));
|
||||
$thisTab.find("#name_edit").val(fromdb(jsonObj.name));
|
||||
|
||||
$thisTab.find("#displaytext").text(fromdb(jsonObj.displaytext));
|
||||
$thisTab.find("#displaytext_edit").val(fromdb(jsonObj.displaytext));
|
||||
|
||||
$thisTab.find("#storagetype").text(fromdb(jsonObj.storagetype));
|
||||
$thisTab.find("#cpu").text(jsonObj.cpunumber + " x " + convertHz(jsonObj.cpuspeed));
|
||||
$thisTab.find("#memory").text(convertBytes(parseInt(jsonObj.memory)*1024*1024));
|
||||
|
||||
setBooleanReadField(jsonObj.offerha, $thisTab.find("#offerha"));
|
||||
setBooleanEditField(jsonObj.offerha, $thisTab.find("#offerha_edit"));
|
||||
|
||||
setBooleanReadField(jsonObj.limitcpuuse, $thisTab.find("#limitcpuuse"));
|
||||
|
||||
$thisTab.find("#tags").text(fromdb(jsonObj.tags));
|
||||
$thisTab.find("#tags_edit").val(fromdb(jsonObj.tags));
|
||||
|
||||
$thisTab.find("#domain").text(fromdb(jsonObj.domain));
|
||||
$thisTab.find("#domain_edit").val(fromdb(jsonObj.domainid));
|
||||
|
||||
setDateField(jsonObj.created, $thisTab.find("#created"));
|
||||
|
||||
//actions ***
|
||||
var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
|
||||
$actionMenu.find("#action_list").empty();
|
||||
buildActionLinkForTab("label.action.edit.service.offering", systemServiceOfferingActionMap, $actionMenu, $midmenuItem1, $thisTab);
|
||||
buildActionLinkForTab("label.action.delete.service.offering", systemServiceOfferingActionMap, $actionMenu, $midmenuItem1, $thisTab);
|
||||
|
||||
$thisTab.find("#tab_spinning_wheel").hide();
|
||||
$thisTab.find("#tab_container").show();
|
||||
}
|
||||
|
||||
function systemServiceOfferingClearRightPanel() {
|
||||
systemServiceOfferingClearDetailsTab();
|
||||
}
|
||||
|
||||
function systemServiceOfferingClearDetailsTab() {
|
||||
var $thisTab = $("#right_panel_content #tab_content_details");
|
||||
$thisTab.find("#id").text("");
|
||||
$thisTab.find("#grid_header_title").text("");
|
||||
$thisTab.find("#name").text("");
|
||||
$thisTab.find("#name_edit").val("");
|
||||
$thisTab.find("#displaytext").text("");
|
||||
$thisTab.find("#displaytext_edit").val("");
|
||||
$thisTab.find("#storagetype").text("");
|
||||
$thisTab.find("#cpu").text("");
|
||||
$thisTab.find("#memory").text("");
|
||||
$thisTab.find("#offerha").text("");
|
||||
$thisTab.find("#offerha_edit").val("");
|
||||
$thisTab.find("#tags").text("");
|
||||
$thisTab.find("#domain").text("");
|
||||
$thisTab.find("#domain_edit").val("");
|
||||
$thisTab.find("#created").text("");
|
||||
|
||||
var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
|
||||
$actionMenu.find("#action_list").empty();
|
||||
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
|
||||
}
|
||||
|
||||
var systemServiceOfferingActionMap = {
|
||||
"label.action.edit.service.offering": {
|
||||
dialogBeforeActionFn: doEditSystemServiceOffering
|
||||
},
|
||||
"label.action.delete.service.offering": {
|
||||
api: "deleteServiceOffering",
|
||||
isAsyncJob: false,
|
||||
dialogBeforeActionFn : doDeleteSystemServiceOffering,
|
||||
inProcessText: "label.action.delete.service.offering.processing",
|
||||
afterActionSeccessFn: function(json, $midmenuItem1, id) {
|
||||
$midmenuItem1.slideUp("slow", function() {
|
||||
$(this).remove();
|
||||
if(id.toString() == $("#right_panel_content").find("#tab_content_details").find("#id").text()) {
|
||||
clearRightPanel();
|
||||
systemServiceOfferingClearRightPanel();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue