focuslight 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.env +13 -0
- data/.gitignore +21 -0
- data/.travis.yml +9 -0
- data/CHANGELOG.md +21 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/Procfile +3 -0
- data/Procfile-gem +3 -0
- data/README.md +162 -0
- data/Rakefile +37 -0
- data/bin/focuslight +7 -0
- data/config.ru +6 -0
- data/focuslight.gemspec +41 -0
- data/lib/focuslight.rb +6 -0
- data/lib/focuslight/cli.rb +56 -0
- data/lib/focuslight/config.rb +27 -0
- data/lib/focuslight/data.rb +258 -0
- data/lib/focuslight/graph.rb +240 -0
- data/lib/focuslight/init.rb +13 -0
- data/lib/focuslight/logger.rb +89 -0
- data/lib/focuslight/rrd.rb +393 -0
- data/lib/focuslight/validator.rb +220 -0
- data/lib/focuslight/version.rb +3 -0
- data/lib/focuslight/web.rb +614 -0
- data/lib/focuslight/worker.rb +97 -0
- data/public/css/bootstrap.min.css +7 -0
- data/public/favicon.ico +0 -0
- data/public/fonts/glyphicons-halflings-regular.eot +0 -0
- data/public/fonts/glyphicons-halflings-regular.svg +229 -0
- data/public/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/public/fonts/glyphicons-halflings-regular.woff +0 -0
- data/public/js/bootstrap.min.js +7 -0
- data/public/js/jquery-1.10.2.min.js +6 -0
- data/public/js/jquery-1.10.2.min.map +0 -0
- data/public/js/jquery.storageapi.min.js +2 -0
- data/public/js/site.js +214 -0
- data/spec/spec_helper.rb +3 -0
- data/spec/syntax_spec.rb +9 -0
- data/spec/validator_predefined_rules_spec.rb +177 -0
- data/spec/validator_result_spec.rb +27 -0
- data/spec/validator_rule_spec.rb +68 -0
- data/spec/validator_spec.rb +121 -0
- data/view/add_complex.erb +143 -0
- data/view/base.erb +200 -0
- data/view/docs.erb +125 -0
- data/view/edit.erb +102 -0
- data/view/edit_complex.erb +158 -0
- data/view/index.erb +19 -0
- data/view/list.erb +22 -0
- data/view/view.erb +42 -0
- data/view/view_graph.erb +16 -0
- metadata +345 -0
data/view/base.erb
ADDED
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
|
|
5
|
+
<link rel="shortcut icon" href="<%= url_for '/favicon.ico', v: 2 %>" type="image/vnd.microsoft.icon" />
|
|
6
|
+
<link rel="stylesheet" href="<%= url_for '/css/bootstrap.min.css' %>">
|
|
7
|
+
<style type='text/css'>
|
|
8
|
+
.modal form {
|
|
9
|
+
margin: 0 0;
|
|
10
|
+
}
|
|
11
|
+
.table-order-pointer, .table-order-remove {
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
}
|
|
14
|
+
.table-order-pointer:hover, .table-order-remove:hover {
|
|
15
|
+
color: #999;
|
|
16
|
+
}
|
|
17
|
+
.panel {
|
|
18
|
+
border: 0;
|
|
19
|
+
box-shadow: none;
|
|
20
|
+
}
|
|
21
|
+
.panel-heading {
|
|
22
|
+
border-radius: 4px;
|
|
23
|
+
}
|
|
24
|
+
.panel>.list-group .list-group-item {
|
|
25
|
+
border: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.input-group-static {
|
|
29
|
+
display: table-cell;
|
|
30
|
+
padding: 6px 12px;
|
|
31
|
+
font-size:14px;
|
|
32
|
+
width: 1%;
|
|
33
|
+
white-space: nowrap;
|
|
34
|
+
text-align: center;
|
|
35
|
+
vertical-align: middle;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Sticky footer styles
|
|
39
|
+
-------------------------------------------------- */
|
|
40
|
+
|
|
41
|
+
html,
|
|
42
|
+
body {
|
|
43
|
+
height: 100%;
|
|
44
|
+
/* The html and body elements cannot have any padding or margin. */
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* Wrapper for page content to push down footer */
|
|
48
|
+
#wrap {
|
|
49
|
+
min-height: 100%;
|
|
50
|
+
height: auto;
|
|
51
|
+
/* Negative indent footer by its height */
|
|
52
|
+
margin: 0 auto -40px;
|
|
53
|
+
/* Pad bottom by footer height */
|
|
54
|
+
padding: 0 0 40px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Set the fixed height of the footer here */
|
|
58
|
+
#footer {
|
|
59
|
+
height: 40px;
|
|
60
|
+
background-color: #f5f5f5;
|
|
61
|
+
}
|
|
62
|
+
</style>
|
|
63
|
+
<title>
|
|
64
|
+
<% if pathinfo.length() > 0 && pathinfo.length() < 5 %>
|
|
65
|
+
<%= pathinfo[0] %><%= pathinfo[1] ? " » " + pathinfo[1] : "" %><%= pathinfo[2] ? " » " + pathinfo[2] : "" %> | Focuslight
|
|
66
|
+
<% else %>
|
|
67
|
+
Focuslight
|
|
68
|
+
<% end %>
|
|
69
|
+
</title>
|
|
70
|
+
</head>
|
|
71
|
+
<body>
|
|
72
|
+
<div id="wrap">
|
|
73
|
+
|
|
74
|
+
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
75
|
+
<div class="container">
|
|
76
|
+
<div class="navbar-header">
|
|
77
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
78
|
+
<span class="sr-only">Toggle navigation</span>
|
|
79
|
+
<span class="icon-bar"></span>
|
|
80
|
+
<span class="icon-bar"></span>
|
|
81
|
+
<span class="icon-bar"></span>
|
|
82
|
+
</button>
|
|
83
|
+
<a class="navbar-brand" href="<%= url_for '/' %>">Focuslight</a>
|
|
84
|
+
</div>
|
|
85
|
+
<div class="navbar-collapse collapse">
|
|
86
|
+
<ul class="nav navbar-nav">
|
|
87
|
+
<li class="<%= pathinfo[4] != :docs ? 'active' : '' %>"><a href="<%= url_for '/' %>">Home</a></li>
|
|
88
|
+
<li class="<%= pathinfo[4] == :docs ? 'active' : '' %>"><a href="<%= url_for '/docs' %>">Docs</a></li>
|
|
89
|
+
</ul>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
<div class="container">
|
|
95
|
+
|
|
96
|
+
<div class="page-header">
|
|
97
|
+
|
|
98
|
+
<% if pathinfo[4] %>
|
|
99
|
+
<div class="row">
|
|
100
|
+
<div class="col-md-12">
|
|
101
|
+
<% if pathinfo[4] == :docs %>
|
|
102
|
+
<h1>Document and Usage</h1>
|
|
103
|
+
<% elsif pathinfo[4] == :edit %>
|
|
104
|
+
<h1>Edit Graph</h1>
|
|
105
|
+
<% elsif pathinfo[4] == :add_complex %>
|
|
106
|
+
<h1>Add Complex Graph</h1>
|
|
107
|
+
<% elsif pathinfo[4] == :edit_complex %>
|
|
108
|
+
<h1>Edit Complex Graph</h1>
|
|
109
|
+
<% end %>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
|
|
113
|
+
<% else %>
|
|
114
|
+
|
|
115
|
+
<div class="row">
|
|
116
|
+
<% header_left_col_cls = pathinfo.size >= 3 ? "col-md-10" : "col-md-8" %>
|
|
117
|
+
<% header_right_col_cls = pathinfo.size >= 3 ? "col-md-2" : "col-md-4" %>
|
|
118
|
+
<% term_arg = pathinfo.size == 4 ? {t: pathinfo[4]} : {} %>
|
|
119
|
+
<div class="<%= header_left_col_cls %>">
|
|
120
|
+
<h1>
|
|
121
|
+
<a href="<%= url_for '/' %>">Home</a>
|
|
122
|
+
<% if pathinfo.size == 1 %> » <%= pathinfo[0] %><% end %>
|
|
123
|
+
<% if pathinfo.size >= 2 %> » <a href="<%= url_for linkpath(pathinfo[0..0]) %>"><%= pathinfo[0] %></a><% end %>
|
|
124
|
+
<% if pathinfo.size == 2 %> » <%= pathinfo[1] %><% end %>
|
|
125
|
+
<% if pathinfo.size >= 3 %> » <a href="<%= url_for linkpath(pathinfo[0..1]), term_arg %>"><%= pathinfo[1] %></a><% end %>
|
|
126
|
+
<% if pathinfo.size >= 3 %> » <%= pathinfo[2] %><% end %>
|
|
127
|
+
</h1>
|
|
128
|
+
</div>
|
|
129
|
+
<div class="<%= header_right_col_cls %>" style="padding-top:25px; text-align:right">
|
|
130
|
+
<% if pathinfo.size == 0 %>
|
|
131
|
+
<a class="btn btn-default btn-sm" id="link-fold-all" href="#">fold all</a>
|
|
132
|
+
<a class="btn btn-default btn-sm" id="link-expand-all" href="#">expand all</a>
|
|
133
|
+
<% end %>
|
|
134
|
+
<% add_complex_arg = {} %>
|
|
135
|
+
<% add_complex_arg[:service_name] = pathinfo[0] if pathinfo.size >= 1 %>
|
|
136
|
+
<% add_complex_arg[:section_name] = pathinfo[1] if pathinfo.size >= 2 %>
|
|
137
|
+
<a class="btn btn-default btn-sm" href="<%= url_for '/add_complex', add_complex_arg %>">add complex graph</a>
|
|
138
|
+
</div>
|
|
139
|
+
</div>
|
|
140
|
+
<% end %>
|
|
141
|
+
</div>
|
|
142
|
+
|
|
143
|
+
<div class="row">
|
|
144
|
+
<div class="col-md-12">
|
|
145
|
+
<%== yield %>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
|
|
150
|
+
</div>
|
|
151
|
+
|
|
152
|
+
<div id="footer">
|
|
153
|
+
<div class="container">
|
|
154
|
+
<p style="text-align:center;margin: 10px 0px 10px"><a href="#">back to top</a></p>
|
|
155
|
+
</div>
|
|
156
|
+
</div>
|
|
157
|
+
|
|
158
|
+
<script type="text/javascript" src="<%= url_for '/js/jquery-1.10.2.min.js' %>"></script>
|
|
159
|
+
<script type="text/javascript" src="<%= url_for '/js/bootstrap.min.js' %>"></script>
|
|
160
|
+
<script type="text/javascript" src="<%= url_for '/js/jquery.storageapi.min.js' %>"></script>
|
|
161
|
+
<script type="text/javascript" src="<%= url_for '/js/site.js' %>"></script>
|
|
162
|
+
<script type="text/javascript">
|
|
163
|
+
$(function(){
|
|
164
|
+
$('form.hxrpost').each(setHxrpost);
|
|
165
|
+
$('button.hxr_confirm_button').each(setHxrConfirmBtn);
|
|
166
|
+
$('#add-new-row').click(add_new_row);
|
|
167
|
+
$('form#complex-form').each(setTablePreview);
|
|
168
|
+
$('input.color_pallet').each(setColorPallets);
|
|
169
|
+
$('#link-fold-all').click(fold_all);
|
|
170
|
+
$('#link-expand-all').click(expand_all);
|
|
171
|
+
|
|
172
|
+
var $foldable_items = $('.service_sections, .section_graphs');
|
|
173
|
+
|
|
174
|
+
$foldable_items
|
|
175
|
+
.on('hidden.bs.collapse', function (e) {
|
|
176
|
+
var id = $(e.target).attr('id');
|
|
177
|
+
$.localStorage.set(id,'hide');
|
|
178
|
+
$('#for_'+id).find('span').removeClass('glyphicon-chevron-down')
|
|
179
|
+
.addClass('glyphicon-chevron-right');
|
|
180
|
+
})
|
|
181
|
+
.on('shown.bs.collapse', function (e) {
|
|
182
|
+
var id = $(e.target).attr('id');
|
|
183
|
+
$.localStorage.remove(id);
|
|
184
|
+
$('#for_'+id).find('span').removeClass('glyphicon-chevron-right')
|
|
185
|
+
.addClass('glyphicon-chevron-down');
|
|
186
|
+
})
|
|
187
|
+
;
|
|
188
|
+
|
|
189
|
+
$foldable_items.each(function () {
|
|
190
|
+
var $target = $(this);
|
|
191
|
+
if ( $.localStorage.isSet($target.attr('id')) )
|
|
192
|
+
$target.collapse('hide');
|
|
193
|
+
});
|
|
194
|
+
|
|
195
|
+
});
|
|
196
|
+
|
|
197
|
+
</script>
|
|
198
|
+
</body>
|
|
199
|
+
</html>
|
|
200
|
+
|
data/view/docs.erb
ADDED
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
<p class="alert alert-info">more details and japanese document are <a href="http://kazeburo.github.com/GrowthForecast/">here</a>.</p>
|
|
2
|
+
|
|
3
|
+
<hr />
|
|
4
|
+
|
|
5
|
+
<h3>How to Register Graphs</h3>
|
|
6
|
+
|
|
7
|
+
<p>To create graphs or update data, make a request to the following URL via a POST method.</p>
|
|
8
|
+
|
|
9
|
+
<pre>
|
|
10
|
+
<%= url_for '/', :full %>api/:service_name/:section_name/:graph_name
|
|
11
|
+
</pre>
|
|
12
|
+
|
|
13
|
+
<div class="row">
|
|
14
|
+
<div class="col-md-3">
|
|
15
|
+
<p>The names of the items within the URL to POST to are shown in the table to the right.</p>
|
|
16
|
+
|
|
17
|
+
<p>You can use multi-byte strings for each item name as long as it is UTF-8.</p>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="col-md-7">
|
|
20
|
+
|
|
21
|
+
<table class="table">
|
|
22
|
+
<tr>
|
|
23
|
+
<th>The Name Used in the Example</th>
|
|
24
|
+
<th>Purpose</th>
|
|
25
|
+
<th>Actual Parameters</th>
|
|
26
|
+
</tr>
|
|
27
|
+
<tr>
|
|
28
|
+
<td>:service_name</td>
|
|
29
|
+
<td>The name of the service that you'd like to graph</td>
|
|
30
|
+
<td>blog, photo, place, socialgame</td>
|
|
31
|
+
</tr>
|
|
32
|
+
<tr>
|
|
33
|
+
<td>:section_name</td>
|
|
34
|
+
<td>The name of the feature or system to graph, within said service.</td>
|
|
35
|
+
<td>entry, user, spot, items</td>
|
|
36
|
+
</tr>
|
|
37
|
+
<tr>
|
|
38
|
+
<td>:graph_name</td>
|
|
39
|
+
<td>The actual name of the value being graphed</td>
|
|
40
|
+
<td>total_entry, kakin_user, muryo_user</td>
|
|
41
|
+
</tr>
|
|
42
|
+
</table>
|
|
43
|
+
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
|
|
47
|
+
<p>For example, if we are graphing the number of registered users in a social game, we would POST to the following URL:</p>
|
|
48
|
+
|
|
49
|
+
<pre>
|
|
50
|
+
<%= url_for '/', :full %>api/socialgame/member/register
|
|
51
|
+
</pre>
|
|
52
|
+
|
|
53
|
+
<p>Also, we would use the following parametens when POSTing.</p>
|
|
54
|
+
|
|
55
|
+
<table class="table">
|
|
56
|
+
<tr>
|
|
57
|
+
<th>Parameter</th>
|
|
58
|
+
<th>Description</th>
|
|
59
|
+
<th>Required/Optional</th>
|
|
60
|
+
</tr>
|
|
61
|
+
<tr>
|
|
62
|
+
<td>number</td>
|
|
63
|
+
<td>The number to give the graph</td>
|
|
64
|
+
<td>Required</td>
|
|
65
|
+
</tr>
|
|
66
|
+
<tr>
|
|
67
|
+
<td>mode</td>
|
|
68
|
+
<td>
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
Update method for the number: count, modified, gauge。
|
|
73
|
+
|
|
74
|
+
<dl>
|
|
75
|
+
<dt>count</dt>
|
|
76
|
+
<dd>Add the number and update</dd>
|
|
77
|
+
|
|
78
|
+
<dt>modified</dt>
|
|
79
|
+
<dd>Overwritten only when the numbers different from the previous</dd>
|
|
80
|
+
|
|
81
|
+
<dt>gauge</dt>
|
|
82
|
+
<dd>Always overwritten by the number</dd>
|
|
83
|
+
|
|
84
|
+
<dt>derive</dt>
|
|
85
|
+
<dd>Always overwritten by the number. To Display figures in per seconds</dd>
|
|
86
|
+
</dl>
|
|
87
|
+
|
|
88
|
+
Default is "gauge"<br />
|
|
89
|
+
<strong>⚠</strong>
|
|
90
|
+
The data type is determined at first time. Can't change mode from DERIVE to other and other to DERIVE.
|
|
91
|
+
|
|
92
|
+
</td>
|
|
93
|
+
<td>Optional</td>
|
|
94
|
+
</tr>
|
|
95
|
+
<tr>
|
|
96
|
+
<td>color</td>
|
|
97
|
+
<td>The color of the grah. Specify with #FFFFFF format.</td>
|
|
98
|
+
<td>Optional (auto-generated if unspecified in a new graph)</td>
|
|
99
|
+
</tr>
|
|
100
|
+
|
|
101
|
+
<tr>
|
|
102
|
+
<td>description</td>
|
|
103
|
+
<td>short description of this Graph</td>
|
|
104
|
+
<td>Option</td>
|
|
105
|
+
</tr>
|
|
106
|
+
|
|
107
|
+
</table>
|
|
108
|
+
|
|
109
|
+
<h3>Example: Creating a New Graph</h3>
|
|
110
|
+
|
|
111
|
+
<p>The example below shows how to create a new graph or update an existing one, using Perl's LWP module.</p>
|
|
112
|
+
|
|
113
|
+
<pre>
|
|
114
|
+
my $ua = LWP::UserAgent->new;
|
|
115
|
+
$ua->post('<%= url_for '/', :full %>api/socialgame/member/register', {
|
|
116
|
+
number => 10,
|
|
117
|
+
color => '#333399'
|
|
118
|
+
});
|
|
119
|
+
</pre>
|
|
120
|
+
|
|
121
|
+
<p>If using curl:</p>
|
|
122
|
+
|
|
123
|
+
<pre>
|
|
124
|
+
$ curl -F number=10 <%= url_for '/', :full %>api/socialgame/member/register
|
|
125
|
+
</pre>
|
data/view/edit.erb
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
<form class="hxrpost form-horizontal" method="post" action="<%= url_for linkpath(graph.path, '/edit') %>" role="form">
|
|
2
|
+
|
|
3
|
+
<fieldset>
|
|
4
|
+
|
|
5
|
+
<div class="form-group">
|
|
6
|
+
<label for="" class="col-sm-3 control-label">Path</label>
|
|
7
|
+
<div class="col-sm-8">
|
|
8
|
+
<div class="input-group">
|
|
9
|
+
<span class="input-group-addon">/</span>
|
|
10
|
+
<input type="text" class="form-control" name="service_name" value="<%= graph.service %>" />
|
|
11
|
+
<span class="input-group-addon">/</span>
|
|
12
|
+
<input type="text" class="form-control" name="section_name" value="<%= graph.section %>" />
|
|
13
|
+
<span class="input-group-addon">/</span>
|
|
14
|
+
<input type="text" class="form-control" name="graph_name" value="<%= graph.graph %>" />
|
|
15
|
+
</div>
|
|
16
|
+
<p class="help-block">Graph's URI(service name/section name/graph name)</p>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<div class="form-group">
|
|
21
|
+
<label for="" class="col-sm-3 control-label">Description</label>
|
|
22
|
+
<div class="col-sm-9">
|
|
23
|
+
<input type="text" class="form-control" name="description" value="<%= graph.description %>" />
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
<div class="form-group">
|
|
28
|
+
<label for="" class="col-sm-3 control-label">Display order</label>
|
|
29
|
+
<div class="col-sm-4">
|
|
30
|
+
<select name="sort" class="form-control">
|
|
31
|
+
<% (0..19).map(&:to_i).reverse.each do |i| %>
|
|
32
|
+
<option value="<%= i %>" <%= selected?(graph.sort, i) %>><%= i %></option>
|
|
33
|
+
<% end %>
|
|
34
|
+
</select>
|
|
35
|
+
<p class="help-block">19 is top</p>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
<div class="form-group">
|
|
40
|
+
<label for="" class="col-sm-3 control-label">Data adjustment</label>
|
|
41
|
+
<div class="col-sm-7">
|
|
42
|
+
<div class="input-group">
|
|
43
|
+
<span class="input-group-static">Value</span>
|
|
44
|
+
<select name="adjust" class="form-control">
|
|
45
|
+
<option value="*" <%= selected?(graph.adjust, '*') %>>×</option>
|
|
46
|
+
<option value="/" <%= selected?(graph.adjust, '/') %>>÷</option>
|
|
47
|
+
</select>
|
|
48
|
+
<span class="input-group-static" style="padding: 0"></span>
|
|
49
|
+
<input type="text" class="form-control" name="adjustval" value="<%= graph.adjustval %>" />
|
|
50
|
+
<span class="input-group-static">unit</span>
|
|
51
|
+
<input type="text" class="form-control" name="unit" value="<%= graph.unit %>" />
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
<div class="form-group">
|
|
57
|
+
<label for="" class="col-sm-3 control-label">Color</label>
|
|
58
|
+
<div class="col-sm-3">
|
|
59
|
+
<div class="input-group">
|
|
60
|
+
<input type="text" name="color" id="form--color" class="form-control color_pallet" value="<%= graph.color %>" />
|
|
61
|
+
</div>
|
|
62
|
+
<p class="help-block">#000000-#FFFFFF</p>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div class="form-group">
|
|
67
|
+
<label for="" class="col-sm-3 control-label">Type</label>
|
|
68
|
+
<div class="col-sm-4">
|
|
69
|
+
<select name="type" class="form-control">
|
|
70
|
+
<option value="AREA" <%= selected?(graph.type, 'AREA') %>>AREA</option>
|
|
71
|
+
<option value="LINE1" <%= selected?(graph.type, 'LINE1') %>>LINE</option>
|
|
72
|
+
<option value="LINE2" <%= selected?(graph.type, 'LINE2') %>>LINE(Bold)</option>
|
|
73
|
+
</select>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
|
|
77
|
+
<div class="form-group">
|
|
78
|
+
<label for="" class="control-label col-sm-3">Effective range</label>
|
|
79
|
+
<div class="col-sm-6">
|
|
80
|
+
<div class="input-group">
|
|
81
|
+
<input type="text" class="form-control" name="llimit" value="<%= graph.llimit %>" />
|
|
82
|
+
<span class="input-group-static">〜</span>
|
|
83
|
+
<input type="text" class="form-control" name="ulimit" value="<%= graph.ulimit %>" />
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
</fieldset>
|
|
89
|
+
|
|
90
|
+
<hr />
|
|
91
|
+
|
|
92
|
+
<div class="form-group">
|
|
93
|
+
<div class="col-sm-offset-3 col-sm-6">
|
|
94
|
+
<input type="submit" class="btn btn-default btn-primary" value="Submit" />
|
|
95
|
+
<a href="<%= url_for linkpath([graph.service, graph.section]) %>" class="btn btn-default">Cancel</a>
|
|
96
|
+
<button type="button" class="btn btn-default btn-danger hxr_confirm_button" data-confirm="remove '<%= graph.graph %>'?" data-uri="<%= url_for linkpath(graph.path, '/delete') %>">remove</button>
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
|
|
100
|
+
</form>
|
|
101
|
+
<br />
|
|
102
|
+
<br />
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
<form id="complex-form" class="hxrpost form-horizontal" method="post" action="<%= url_for "/edit_complex/#{complex.id}" %>" role="form">
|
|
2
|
+
|
|
3
|
+
<fieldset>
|
|
4
|
+
|
|
5
|
+
<div class="form-group">
|
|
6
|
+
<label for="" class="control-label col-sm-3">Path</label>
|
|
7
|
+
<div class="col-sm-8">
|
|
8
|
+
<div class="input-group">
|
|
9
|
+
<span class="input-group-addon">/</span>
|
|
10
|
+
<input type="text" class="form-control" name="service_name" value="<%= complex.service %>" />
|
|
11
|
+
<span class="input-group-addon">/</span>
|
|
12
|
+
<input type="text" class="form-control" name="section_name" value="<%= complex.section %>" />
|
|
13
|
+
<span class="input-group-addon">/</span>
|
|
14
|
+
<input type="text" class="form-control" name="graph_name" value="<%= complex.graph %>" />
|
|
15
|
+
</div>
|
|
16
|
+
<p class="help-block">Graph's URI(service name/section name/graph name)</p>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<div class="form-group">
|
|
21
|
+
<label for="" class="col-sm-3 control-label">Description</label>
|
|
22
|
+
<div class="col-sm-9">
|
|
23
|
+
<input type="text" class="form-control" name="description" value="<%= complex.description %>" />
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
<div class="form-group">
|
|
28
|
+
<label for="" class="control-label col-sm-3">Display sum up value</label>
|
|
29
|
+
<div class="col-sm-4">
|
|
30
|
+
<select name="sumup" class="form-control">
|
|
31
|
+
<option value="0" <%= selected?(complex.sumup, false) %>>disable</option>
|
|
32
|
+
<option value="1" <%= selected?(complex.sumup, true ) %>>enable</option>
|
|
33
|
+
</select>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
<div class="form-group">
|
|
38
|
+
<label for="" class="control-label col-sm-3">Display order</label>
|
|
39
|
+
<div class="col-sm-4">
|
|
40
|
+
<select name="sort" class="form-control">
|
|
41
|
+
<% (0..19).map(&:to_i).reverse.each do |i| %>
|
|
42
|
+
<option value="<%= i %>" <%= selected?(complex.sort, i) %>><%= i %></option>
|
|
43
|
+
<% end %>
|
|
44
|
+
</select>
|
|
45
|
+
<p class="help-block">19 is top</p>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
|
|
49
|
+
</fieldset>
|
|
50
|
+
|
|
51
|
+
<fieldset>
|
|
52
|
+
<legend>Data</legend>
|
|
53
|
+
|
|
54
|
+
<div class="form-group">
|
|
55
|
+
<label for="" class="control-label col-sm-2">Series-1</label>
|
|
56
|
+
<div class="col-sm-10">
|
|
57
|
+
|
|
58
|
+
<% first_row = complex.data_rows.first %>
|
|
59
|
+
|
|
60
|
+
<table class="table table-bordered table-striped">
|
|
61
|
+
<tr>
|
|
62
|
+
<th style="width: 6%;"> </th>
|
|
63
|
+
<th style="width: 18%;">Type</th>
|
|
64
|
+
<th style="width: 62%;">Path</th>
|
|
65
|
+
<th style="width: 13%; text-align: center">Mode</th>
|
|
66
|
+
</tr>
|
|
67
|
+
<tr>
|
|
68
|
+
<td> </td>
|
|
69
|
+
<td><select name="type-1" class="form-control">
|
|
70
|
+
<option value="AREA" <%= selected?(first_row[:type], 'AREA') %>>AREA</option>
|
|
71
|
+
<option value="LINE1" <%= selected?(first_row[:type], 'LINE1') %>>LINE</option>
|
|
72
|
+
<option value="LINE2" <%= selected?(first_row[:type], 'LINE2') %>>LINE(Bold)</option>
|
|
73
|
+
</select></td>
|
|
74
|
+
<td><select name="path-1" class="form-control">
|
|
75
|
+
<% graphs.each do |graph| %>
|
|
76
|
+
<option value="<%= graph[:id] %>" <%= selected?(first_row[:path], graph[:id]) %>>/<%= graph[:service_name] %>/<%= graph[:section_name] %>/<%= graph[:graph_name] %></option>
|
|
77
|
+
<% end %>
|
|
78
|
+
</select></td>
|
|
79
|
+
</tr>
|
|
80
|
+
</table>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
<div class="form-group">
|
|
85
|
+
<label for="" class="control-label col-sm-2">Series-2 and more</label>
|
|
86
|
+
<div class="col-sm-10">
|
|
87
|
+
|
|
88
|
+
<table class="table table-bordered table-striped" id="add-data-tbl">
|
|
89
|
+
<tr>
|
|
90
|
+
<th style="width: 6%;"> </th>
|
|
91
|
+
<th style="width: 18%;">Type</th>
|
|
92
|
+
<th style="width: 39%;">Path</th>
|
|
93
|
+
<th style="width: 12%; text-align: center;">Mode</th>
|
|
94
|
+
<th style="width: 12%; text-align: center;">Stack</th>
|
|
95
|
+
<th style="width: 12%; text-align: center;"> </th>
|
|
96
|
+
</tr>
|
|
97
|
+
|
|
98
|
+
<tr>
|
|
99
|
+
<td> </td>
|
|
100
|
+
<td><select name="type-add" id="type-add" class="form-control">
|
|
101
|
+
<option value="AREA">AREA</option>
|
|
102
|
+
<option value="LINE1">LINE</option>
|
|
103
|
+
<option value="LINE2">LINE(Bold)</option>
|
|
104
|
+
</select></t>
|
|
105
|
+
<td><select name="path-add" id="path-add" class="form-control">
|
|
106
|
+
<% graphs.each do |graph| %>
|
|
107
|
+
<option value="<%= graph[:id] %>" <%= selected?(first_row[:path], graph[:id]) %>>/<%= graph[:service_name] %>/<%= graph[:section_name] %>/<%= graph[:graph_name] %></option>
|
|
108
|
+
<% end %>
|
|
109
|
+
</select></td>
|
|
110
|
+
<td style="text-align:center;"><select name="stack-add" id="stack-add" class="form-control">
|
|
111
|
+
<option value="1">enable</option>
|
|
112
|
+
<option value="0">disable</option>
|
|
113
|
+
</select>
|
|
114
|
+
</td>
|
|
115
|
+
<td style="text-align:center;"><button id="add-new-row" class="btn btn-default" style="padding: 3px 14px 4px;">追加</button></td>
|
|
116
|
+
</tr>
|
|
117
|
+
|
|
118
|
+
<% complex.data_rows[1..-1].each do |row| %>
|
|
119
|
+
<tr class="can-table-order">
|
|
120
|
+
<td><span class="table-order-pointer table-order-up">⬆</span><span class="table-order-pointer table-order-down">⬇</span></td>
|
|
121
|
+
<td><%= case row[:type] when 'AREA' then 'AREA' when 'LINE1' then 'LINE' else 'LINE(Bold)' end %><input type="hidden" name="type-2[]" value="<%= row[:type] %>"/></td>
|
|
122
|
+
<% graph = dic[row[:graph_id]] %>
|
|
123
|
+
<td>/<%= graph[:service_name] %>/<%= graph[:section_name] %>/<%= graph[:graph_name] %><input type="hidden" name="path-2[]" value="<%= row[:path] %>"/></td>
|
|
124
|
+
<td style="text-align:center"><%= row[:stack] ? 'enable' : 'disable' %><input type="hidden" name="stack-2[]" value="<%= row[:stack] ? 1 : 0 %>" /></td>
|
|
125
|
+
<td style="text-align:center"><span class="table-order-remove">✖</span></td>
|
|
126
|
+
</tr>
|
|
127
|
+
<% end %>
|
|
128
|
+
|
|
129
|
+
</table>
|
|
130
|
+
</div>
|
|
131
|
+
</div>
|
|
132
|
+
|
|
133
|
+
</fieldset>
|
|
134
|
+
|
|
135
|
+
<fieldset>
|
|
136
|
+
<legend>Preview</legend>
|
|
137
|
+
|
|
138
|
+
<div class="form-group">
|
|
139
|
+
<div class="col-sm-offset-2 col-sm-10">
|
|
140
|
+
<div id="preview-graph"></div>
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
|
|
144
|
+
</fieldset>
|
|
145
|
+
|
|
146
|
+
<hr />
|
|
147
|
+
|
|
148
|
+
<div class="form-group">
|
|
149
|
+
<div class="col-sm-offset-3 col-sm-9">
|
|
150
|
+
<input type="submit" class="btn btn-primary" value="Submit" />
|
|
151
|
+
<a href="<%= url_for linkpath([complex.service, complex.section]) %>" class="btn btn-default">Cancel</a>
|
|
152
|
+
<button type="button" class="btn btn-danger hxr_confirm_button" data-confirm="Remove '<%= complex.graph %>'?" data-uri="<%= url_for "/delete_complex/#{complex.id}" %>">Remove</button>
|
|
153
|
+
</div>
|
|
154
|
+
</div>
|
|
155
|
+
|
|
156
|
+
</form>
|
|
157
|
+
<br />
|
|
158
|
+
<br />
|