status.ftl

<#import "/spring.ftl" as spring />
<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <base href="<@spring.url basePath/>">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Eureka</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="eureka/css/wro.css">
</head>

<body id="one">
    <#include "header.ftl">
<div class="container-fluid xd-container">
      <#include "navbar.ftl">
    <h1>Instances currently registered with Eureka</h1>
    <table id='instances' class="table table-striped table-hover">
        <thead>
        <tr>
            <th>Application</th>
            <th>AMIs</th>
            <th>Availability Zones</th>
            <th>Status</th>
        </tr>
        </thead>
        <tbody>
          <#if apps?has_content>
            <#list apps as app>
              <tr>
                  <td><b>${app.name}</b></td>
                  <td>
                  <#list app.amiCounts as amiCount>
                      <b>${amiCount.key}</b> (${amiCount.value})<#if amiCount_has_next>,</#if>
                  </#list>
                  </td>
                  <td>
                  <#list app.zoneCounts as zoneCount>
                      <b>${zoneCount.key}</b> (${zoneCount.value})<#if zoneCount_has_next>,</#if>
                  </#list>
                  </td>
                  <td>
                  <#list app.instanceInfos as instanceInfo>
                    <#if instanceInfo.isNotUp>
                      <font color=red size=+1><b>
                    </#if>
                      <b>${instanceInfo.status}</b> (${instanceInfo.instances?size}) -
                    <#if instanceInfo.isNotUp>
                      </b></font>
                    </#if>
                    <#list instanceInfo.instances as instance>
                        <span hidden>${app.name}</span>
                        <#if instance.isHref>
                        <a href="${instance.url}" target="_blank">${instance.id}</a>
                        <#else>
                            ${instance.id}
                        </#if>
                        <button class="cc" type="button">关闭</button>
                        <#if instance_has_next>,</#if>
                    </#list>
                  </#list>
                  </td>
              </tr>
            </#list>
          <#else>
            <tr>
                <td colspan="4">No instances available</td>
            </tr>
          </#if>

        </tbody>
    </table>

    <h1>General Info</h1>

    <table id='generalInfo' class="table table-striped table-hover">
        <thead>
        <tr>
            <th>Name</th>
            <th>Value</th>
        </tr>
        </thead>
        <tbody>
          <#list statusInfo.generalStats?keys as stat>
            <tr>
                <td>${stat}</td>
                <td>${statusInfo.generalStats[stat]!""}</td>
            </tr>
          </#list>
          <#list statusInfo.applicationStats?keys as stat>
            <tr>
                <td>${stat}</td>
                <td>${statusInfo.applicationStats[stat]!""}</td>
            </tr>
          </#list>
        </tbody>
    </table>

    <h1>Instance Info</h1>

    <table id='instanceInfo' class="table table-striped table-hover">
        <thead>
        <tr>
            <th>Name</th>
            <th>Value</th>
        </tr>
        <thead>
        <tbody>
          <#list instanceInfo?keys as key>
          <tr>
              <td>${key}</td>
              <td>${instanceInfo[key]!""}</td>
          </tr>
          </#list>
        </tbody>
    </table>
</div>
<script type="text/javascript" src="eureka/js/wro.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        function domainURI(str) {
            var durl = /http:\/\/([^\/]+)\//i;
            domain = str.match(durl);
            return domain[1];
        }

        $('.cc').click(function () {
            debugger;
            var instance = $(this).prev().text();
            console.log(instance);
            var appName = $(this).prev().prev().text();
            console.log(appName);
            var stopUrl = domainURI($(this).prev().attr("href"));
            console.log(stopUrl);
            var host = window.location.href;
            $.ajax({
                url: host + 'eureka/apps/' + appName + '/' + instance,
                type: 'DELETE',
                success: function () {
                    alert("从eureka删除实例成功");
                },
                error: function () {
                    alert("删除失败")
                }
            });
            $.ajax({
                url: "http://"+stopUrl+'/actuator/shutdown',
                type: 'POST',
                success: function () {
                    alert("停止实例成功");
                },
                error: function () {
                    alert("删除失败")
                }
            });
        });

        $('table.stripeable tr:odd').addClass('odd');
        $('table.stripeable tr:even').addClass('even');
    });
</script>
</body>
</html>