|
|
The flow.ftl Java example source code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Flow overview
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.2.0.min.js">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" />
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous">
<!-- Booststrap Notify plugin-->
<script src="/assets/bootstrap-notify.min.js">
<!-- DateTime formatter-->
<script src="/assets/DateTimeFormat.js">
<script src="/assets/Connection.js">
<script src="/assets/Layer.js">
<script src="/assets/Layers.js">
<script src="/assets/common.js">
<script src="/assets/renderFlow.js">
<style>
body {
font-family: 'Roboto', sans-serif;
color: #333;
font-weight: 300;
font-size: 16px;
}
.hd {
background-color: #000000;
font-size: 18px;
color: #FFFFFF;
}
.block {
width: 250px;
height: 350px;
display: inline-block;
border: 1px solid #DEDEDE;
margin-right: 64px;
}
.hd-small {
background-color: #000000;
font-size: 14px;
color: #FFFFFF;
}
.charts, .chart {
font-size: 10px;
font-color: #000000;
}
</style>
</head>
<body>
<table style="width: 100%; padding: 5px;" class="hd">
<tbody>
<tr>
<td style="width: 48px;"> |
