diff --git a/ui/index.jsp b/ui/index.jsp index d1e6bfa923b..9520d671baf 100644 --- a/ui/index.jsp +++ b/ui/index.jsp @@ -1646,6 +1646,7 @@ under the License. + diff --git a/ui/scripts/network.js b/ui/scripts/network.js index 6fcd46040ef..b64925d8480 100755 --- a/ui/scripts/network.js +++ b/ui/scripts/network.js @@ -1323,6 +1323,17 @@ action: cloudStack.lbStickyPolicy.dialog() } }, + + 'health-check':{ + label:'Health Check', + custom:{ + buttonLabel:'Configure', + action:cloudStack.uiCustom.healthCheck() + + } + }, + + 'autoScale': { label: 'AutoScale', custom: { diff --git a/ui/scripts/ui-custom/healthCheck.js b/ui/scripts/ui-custom/healthCheck.js new file mode 100644 index 00000000000..5e65bc54095 --- /dev/null +++ b/ui/scripts/ui-custom/healthCheck.js @@ -0,0 +1,136 @@ +// Copyright 2012 Citrix Systems, Inc. Licensed under the +// Apache License, Version 2.0 (the "License"); you may not use this +// file except in compliance with the License. Citrix Systems, Inc. +// reserves all rights not expressly granted by the License. +// You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +(function($, cloudStack) { + + cloudStack.uiCustom.healthCheck = function(args) { + + // Place outer args here as local variables + // i.e, -- var dataProvider = args.dataProvider + + return function(args){ + + var context = args.context; + var formData = args.formData; + var forms = $.extend(true, {}, args.forms); + var topFieldForm, bottomFieldForm , $topFieldForm , $bottomFieldForm; + var topfields = forms.topFields; + + var $healthCheckDesc = $('
Your load balancer will automatically perform health checks on your cloudstack instances and only route traffic to instances that pass the health check
').addClass('health-check-description'); + var $healthCheckConfigTitle = $('


Configuration Options :
').addClass('health-check-config-title'); + var $healthCheckAdvancedTitle = $('


Advanced Options :
').addClass('health-check-advanced-title'); + + var $healthCheckDialog = $('
').addClass('health-check'); + + + $healthCheckDialog.append($healthCheckDesc); + $healthCheckDialog.append($healthCheckConfigTitle); + + + topFieldForm = cloudStack.dialog.createForm({ + context: context, + noDialog: true, // Don't render a dialog, just return $formContainer + form: { + title: '', + fields:{ + protocol: { label: 'Ping Protocol' , docID:'helpAccountUsername', validation :{required:true}, defaultValue: 'HTTP'}, + port : {label: 'Ping Port ', docID:'helpAccountUsername', validation: {required:true}, defaultValue: '80'}, + pingpath: {label: 'Ping Path', docID:'helpAccountUsername' , validation: {required: true}, defaultValue: '/' } + } + } + }); + + $topFieldForm = topFieldForm.$formContainer; + $topFieldForm.appendTo($healthCheckDialog); + + $healthCheckDialog.append($healthCheckAdvancedTitle); + + + bottomFieldForm = cloudStack.dialog.createForm ({ + context:context, + noDialog:true, + form:{ + title:'', + fields:{ + responsetimeout: {label: 'Response Timeout (in sec)' , validation:{required:false},defaultValue:'5'}, + healthinterval: {label: 'Health Check Interval (in min)', validation:{required:false}, defaultValue :'1'}, + unhealthythreshold: {label: 'Unhealthy Threshold' , validation: { required:false}, defaultValue:'2'}, + healthythreshold: {label: 'Healthy Threshold', validation: {required:false} ,defaultValue:'10'} + + } + } + }); + + $bottomFieldForm = bottomFieldForm.$formContainer; + $bottomFieldForm.appendTo($healthCheckDialog); + + + //var $loading = $('
').addClass('loading-overlay').appendTo($healthCheckDialog); + $healthCheckDialog.dialog({ + title: 'Health Check Wizard', + width: 600, + height: 600, + draggable: true, + closeonEscape: false, + overflow:'auto', + open:function() { + $("button").each(function(){ + $(this).attr("style", "left: 400px; position: relative; margin-right: 5px; "); + }); + }, + buttons: [ + { + text: _l('label.cancel'), + 'class': 'cancel', + click: function() { + $healthCheckDialog.dialog('destroy'); + $('.overlay').remove(); + } + }, + { + text: _l('Apply'), + 'class': 'ok', + click: function() { + // var data = cloudStack.serializeForm($('.ui-dialog .healthCheck form')); + + $loading.appendTo($healthCheckDialog); + /* cloudStack.autoscaler.actions.apply({ + formData: formData, + context: context, + data: data, + response: { + success: function() { + $loading.remove(); + $autoscalerDialog.dialog('destroy'); + $autoscalerDialog.closest(':ui-dialog').remove(); + $('.overlay').remove(); + cloudStack.dialog.notice({ + message: 'Autoscale configured successfully.' + }); + }, + error: function(message) { + cloudStack.dialog.notice({ message: message }); + $loading.remove(); + } + } + });*/ + + } + } + ] + }).closest('.ui-dialog').overlay(); + + + } + } + }(jQuery, cloudStack)); + +