AWS health Check UI development

ui/index.jsp

@@ -1646,6 +1646,7 @@ under the License.
     <script type="text/javascript" src="scripts/lbStickyPolicy.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/ui-custom/autoscaler.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/autoscaler.js?t=<%=now%>"></script>
+    <script type="text/javascript" src="scripts/ui-custom/healthCheck.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/ui-custom/zoneChart.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/ui-custom/dashboard.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/installWizard.js?t=<%=now%>"></script>

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: {

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 = $('<div>Your load balancer will automatically perform health checks on your cloudstack instances and only route traffic to instances that pass the health check </div>').addClass('health-check-description');
+     var $healthCheckConfigTitle = $('<div><br><br>Configuration Options :</div>').addClass('health-check-config-title');
+     var $healthCheckAdvancedTitle = $('<div><br><br> Advanced Options : </div>').addClass('health-check-advanced-title');
+    
+     var $healthCheckDialog = $('<div>').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 = $('<div>').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));
+
+