administration_view.tpl 5.23 KB
Newer Older
Jerome Mariette's avatar
Jerome Mariette committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{*
Copyright (C) 2009 INRA
 
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*}

Jerome Mariette's avatar
Jerome Mariette committed
18
19
20
21
22
23
<div id="user_information_dialog" title=""></div>

<input type="hidden" id="user_is_login" value="{$login_user}" />
<input type="hidden" id="user_id" value="{$user_id}" />
<input type="hidden" id="data_folder" value="{$data_folder}" />
<input type="hidden" id="usergroup" value="{$group_info.uid}" />
24
<input type="hidden" id="server_url" value="{$server_url}" />
Jerome Mariette's avatar
Jerome Mariette committed
25

Jerome Mariette's avatar
Jerome Mariette committed
26
27
28
29
30
<div class="sub-content sc-top">	
	<div class="ng6-content-header-left administration">
		<h2>Administration <small> center </small> </h2>
	</div>
	<div class="ng6-content-header-right">
31
		Monitor running workflows and disk space usage. Select a tab to display what you want.
Jerome Mariette's avatar
Jerome Mariette committed
32
33
	</div>
	<div style="clear:both"></div>
Jerome Mariette's avatar
Jerome Mariette committed
34
</div>
Jerome Mariette's avatar
Jerome Mariette committed
35
36
37
38

<div class="sub-content sc-bottom">

	<ul id="myTab" class="nav nav-tabs">
39
		<li class="active"><a href="#wf_monitoring" data-toggle="tab">Workflows monitoring</a></li>
Jerome Mariette's avatar
Jerome Mariette committed
40
41
		<li><a href="#project_stat" data-toggle="tab">Project statistics</a></li>
		<li><a href="#storage_stat" data-toggle="tab">Storage statistics</a></li>
Jerome Mariette's avatar
Jerome Mariette committed
42
43
44
45
	</ul>

	<div id="myTabContent" class="tab-content">
	
46
47
		<div class="tab-pane fade in active" id="wf_monitoring"></div>
		
Jerome Mariette's avatar
Jerome Mariette committed
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
		<div class="tab-pane fade" id="project_stat">

			<div class="accordion" id="stat_menu">
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent="#stat_menu" href="#bygroup">
							By group
						</a>
					</div>
					<div id="bygroup" class="accordion-body collapse in">
						<div class="accordion-inner">
							<table class="table table-striped table-bordered dataTable" id="group_data_table">
								<thead>
									<th><center><input type="checkbox" id="chk_all_group"></center></th>
									<th>Group name</th>
									<th>Organism</th>
									<th>Location</th>
									<th>Number of user in group</th>
								</thead>
								<tbody>
									<td><center><input type="checkbox" id="chk_group_" value="group_"></center></td>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tbody>
							</table>
							<div id="group_graph"> </div>
						</div>
					</div>
				</div>
	
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent="#stat_menu" href="#byorganism">
							By organism
						</a>
					</div>
					<div id="byorganism" class="accordion-body collapse">
						<div class="accordion-inner">
							Anim pariatur cliche...
						</div>
					</div>
				</div>

				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent="#stat_menu" href="#bylocation">
							By location
						</a>
					</div>
					<div id="bylocation" class="accordion-body collapse">
						<div class="accordion-inner">
							Anim pariatur cliche...
						</div>
					</div>
				</div>
	
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse" data-parent="#stat_menu" href="#bysequencer">
							By sequencer
						</a>
					</div>
					<div id="bysequencer" class="accordion-body collapse">
						<div class="accordion-inner">
							Anim pariatur cliche...
						</div>
					</div>
				</div>
				
			</div>
		
		
		</div>
		
		<div class="tab-pane fade" id="storage_stat">
Jerome Mariette's avatar
Jerome Mariette committed
125
			<div id="size_chart"></div>
philippe's avatar
philippe committed
126
127
			<div id="chart_options" class="form-inline">
				<label class="control-label" for="group_list" style="font-size:12px">Select a user group</label>
Jerome Mariette's avatar
Jerome Mariette committed
128
				<select id="group_list">
philippe's avatar
philippe committed
129
130
131
132
					<option value="0">All</option>
					{foreach from=$group_list key=g_id item=g_val}
						<option value="{$g_val.uid}">{$g_val.title}</option>
					{/foreach}
Jerome Mariette's avatar
Jerome Mariette committed
133
				</select>
philippe's avatar
philippe committed
134
135
136
137
138
139
140
141
142
143
				&nbsp;&nbsp;&nbsp;
				<label class="checkbox" style="font-size:12px">
					<input id="chk_get_analyzes" type="checkbox">
					Includes analyses
				</label>
				&nbsp;&nbsp;&nbsp;
				<label class="checkbox" style="font-size:12px">
					<input id="chk_get_cumulative" type="checkbox">
					Cumulate values
				</label>
Jerome Mariette's avatar
Jerome Mariette committed
144
			</div>
Jerome Mariette's avatar
Jerome Mariette committed
145
		</div>
Jerome Mariette's avatar
Jerome Mariette committed
146
		
Jerome Mariette's avatar
Jerome Mariette committed
147
	</div>
148
149
150
151
152
</div>

<!-- statusModal -->
<div id="statusModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="statusModalLabel" aria-hidden="true">
	<div class="modal-header">
Penom Nom's avatar
Penom Nom committed
153
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
154
155
156
157
158
159
160
		<h3 id="statusModalLabel"></h3>
	</div>
	<div id="statusModalBody" class="modal-body"></div>
	<div class="modal-footer">
		<button id="refresh_workflow" class="btn"><i class="icon-refresh"></i> Refresh</button>
		<button id="rerun_workflow" class="btn btn-primary"><i class="icon-cog icon-white"></i> ReRun</button>
	</div>
Jerome Mariette's avatar
Jerome Mariette committed
161
</div>