Splout SQL Panel

<div class="accordion" id="dnodes">
			{#foreach $T as dnode}
			<div class="accordion-group">
			<div class="accordion-heading">
			<a class="accordion-toggle collapsed" data-toggle="collapse"
							data-parent="#dnodes" href="#dnodesCollapse{$T.dnode$index}">
							{$T.dnode$key}</a>
					</div>
					<div id="dnodesCollapse{$T.dnode$index}" class="accordion-body collapse"
						style="height: 0px;">
						<div class="accordion-inner">
							<table class="table table-striped table-condensed table-bordered">
								<tbody>
									{#foreach $T.dnode as property}
									{#if $T.property$key == 'files'}{#continue}{#/if}								
									
									<tr>
										<td>{$T.property$key}</td>
										<td>
											{#if $T.property$key == 'upSince'}
												{new Date($T.property)}
											{#else}
												{$T.property}
											{#/if}
										</td>
									</tr>
									{#/for}
								</tbody>
							</table>
							<form action="dnode.html">
								<div class="form-actions">
									<input type="hidden" value="{$T.dnode$key}" name="dnode" />
									<button class="btn btn-primary btn-block">See more details</button>						
								</div>
							</form>
						</div>
					</div>
				</div>
				{#/for}
			</div>

<div class="accordion" id="tablespaces">
			{#foreach $T as tablespace}
			<div class="accordion-group">
			<div class="accordion-heading">
			<a class="accordion-toggle collapsed" data-toggle="collapse"
							data-parent="#tablespaces" href="#tablespacesCollapse{$T.tablespace$index}">
							{$T.tablespace$key}</a>
					</div>
					<div id="tablespacesCollapse{$T.tablespace$index}" class="accordion-body collapse"
						style="height: 0px;">
						<div class="accordion-inner">
							<dl class="dl-horizontal well">
								<dt>Version:<dt>
								<dd>{$T.tablespace.version}</dd>
								<dt>Created:<dt>
								<dd>{new Date($T.tablespace.creationDate)}</dd>												
							</dl>
							
							<h4>Partitions</h4>						
							<table class="table table-striped table-condensed table-bordered">
								<theader>
									<tr>
										<td style="text-align: center;"><strong>Shard</strong></td>
										<td style="text-align: center;"><strong>Min key</strong></td>
										<td style="text-align: center;"><strong>Max key</strong></td>
										<td style="text-align: center;"><strong></strong></td>
									</tr>
								</theader>
								<tbody>
									{#foreach $T.tablespace.partitionMap.partitionEntries as partition}								
									<tr>
										<td style="text-align: center;">{$T.partition.shard}</td>
										<td style="text-align: center;">{$T.partition.min}</td>
										<td style="text-align: center;">{$T.partition.max}</td>
										<td>
											<div class="btn-group">
												<a class="btn btn-small dropdown-toggle" data-toggle="dropdown" href="#">
		    									{$T.tablespace.replicationMap.replicationEntries[$T.partition.shard].nodes.length} Replicas
		    									<span class="caret"></span>
		  									</a>
		  									<ul class="dropdown-menu pull-right">
		  										{#foreach $T.tablespace.replicationMap.replicationEntries[$T.partition.shard].nodes as replica}
	    											<li><a href="dnode.html?dnode={$T.replica}">{$T.replica}</a></li>
	    										{#/for}
	  										</ul>
  										</div>
										</td>
									</tr>
									{#/for}
								</tbody>
							</table>
														
							<form action="tablespace.html">
								<input type="hidden" value="{$T.tablespace$key}" name="tablespace" />
								<div class="form-actions">			            
										<button class="btn btn-primary btn-block">See more details</button>															
								</div>
							</form>
						</div>
					</div>
				</div>
				{#/for}
			</div>

QNodes:

DNodes:

Tablespaces:

Status

DNodes

Tablespaces