github.com/wtsi-ssg/wrstat/v3@v3.2.3/server/static/tree/tree.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3  
     4  <head>
     5  	<meta charset="utf-8">
     6  	<link href="css/style.css" rel="stylesheet" type="text/css" />
     7  	<link href="css/jquery.flexdatalist.min.css" rel="stylesheet" type="text/css" />
     8  </head>
     9  
    10  <body>
    11  	<div id="login" style="display: none;">
    12  		<form action="/login">
    13  			<button id="login-button" type="submit" class="form-control">Login with OKTA</button>
    14  		</form>
    15  
    16  		<div id="loginFailure"></div>
    17  	</div>
    18  
    19  	<div id="body" style="display: none;">
    20  		<div class="main">
    21  			<div id="chart"></div>
    22  
    23  			<div id="breadcrumbs"></div>
    24  
    25  			<div id="sidebar">
    26  				<div id="header">
    27  					<div id="title">
    28  						DiskTree
    29  						<div id="spinner" class="lds-ellipsis" style="display: none;">
    30  							<div></div>
    31  							<div></div>
    32  							<div></div>
    33  							<div></div>
    34  						</div>
    35  					</div>
    36  				</div>
    37  
    38  				<div>
    39  					<div class="sidebar_section">
    40  						<span class="select_label">Area:</span>
    41  						<form id="select_area">
    42  							<input type="radio" id="size" name="area" value="size" checked="checked">
    43  							<label for="size">Size</label>
    44  							<input type="radio" id="count" name="area" value="count">
    45  							<label for="count">Count</label>
    46  						</form>
    47  					</div>
    48  
    49  					<div class="sidebar_section">
    50  						<span class="select_label">Filters:</span><br>
    51  
    52  						<div class="filter">
    53  							<input type='text' placeholder='Users' class='form-control flexdatalist' multiple=''
    54  								list='users_list' name='users_list' id='users_list'>
    55  
    56  							<datalist id="users_list"></datalist>
    57  						</div>
    58  
    59  						<div class="filter">
    60  							<input type='text' placeholder='Groups' class='form-control flexdatalist' multiple=''
    61  								list='groups_list' name='groups_list' id='groups_list'>
    62  
    63  							<datalist id="groups_list"></datalist>
    64  
    65  							<div id="supergroups" style="display: none;">
    66  								<label for="supergrouping">Group areas:</label>
    67  
    68  								<select name="supergrouping" id="supergrouping" class='form-control'>
    69  								</select>
    70  							</div>
    71  						</div>
    72  
    73  						<div class="filter">
    74  							<input type='text' placeholder='File types' class='form-control flexdatalist' multiple=''
    75  								list='ft_list' name='ft_list' id='ft_list'>
    76  
    77  							<datalist id="ft_list"></datalist>
    78  						</div>
    79  
    80  						<div class="filter">
    81  							<label for="age_filter">Time since access:</label>
    82  
    83  							<select name="age_filter" id="age_filter" class='form-control'>
    84  								<option value="0">&gt; 0 days</option>
    85  								<option value="30">&gt; 1 month</option>
    86  								<option value="61">&gt; 2 months</option>
    87  								<option value="91">&gt; 3 months</option>
    88  								<option value="182">&gt; 6 months</option>
    89  								<option value="243">&gt; 8 months</option>
    90  								<option value="304">&gt; 10 months</option>
    91  								<option value="365">&gt; 1 year</option>
    92  								<option value="730">&gt; 2 years</option>
    93  							</select>
    94  						</div>
    95  
    96  						<button id="filterButton">filter</button>
    97  					</div>
    98  				</div>
    99  
   100  				<div id="error"></div>
   101  
   102  				<div id="sidebar_bottom">
   103  					<div class="filter">
   104  						Data collected: <time id="timestamp" datetime=""></time>
   105  					</div>
   106  					<button id="resetButton">Reset Page</button>
   107  					<button id="logoutButton">Logout <span id="username"></span></button>
   108  				</div>
   109  			</div>
   110  		</div>
   111  
   112  		<div id="under">
   113  			<div id="details">
   114  				<span id="details_path"></span>
   115  				<table>
   116  					<tr>
   117  						<th>Size</th>
   118  						<td id="details_size"></td>
   119  					</tr>
   120  					<tr>
   121  						<th>Count</th>
   122  						<td id="details_count"></td>
   123  					</tr>
   124  					<tr>
   125  						<th>Accessed</th>
   126  						<td id="details_atime"></td>
   127  					</tr>
   128  					<tr>
   129  						<th>Groups</th>
   130  						<td>
   131  							<div id="details_groups"></div>
   132  						</td>
   133  					</tr>
   134  					<tr>
   135  						<th>Users</th>
   136  						<td>
   137  							<div id="details_users"></div>
   138  						</td>
   139  					</tr>
   140  					<tr>
   141  						<th>Filetypes</th>
   142  						<td>
   143  							<div id="details_filetypes"></div>
   144  						</td>
   145  					</tr>
   146  				</table>
   147  			</div>
   148  
   149  			<div id="key">
   150  				<table>
   151  					<caption class="key_caption">
   152  						<span class="key_highlight">Colour Key</span>
   153  						Greatest time since a file nested within the directory was accessed:
   154  					</caption>
   155  					<tr>
   156  						<td class="age_2years">&gt; 2 years</td>
   157  						<td class="age_1year">&gt; 1 year</td>
   158  						<td class="age_10months">&gt; 10 months</td>
   159  						<td class="age_8months">&gt; 8 months</td>
   160  						<td class="age_6months">&gt; 6 months</td>
   161  						<td class="age_3months">&gt; 3 months</td>
   162  						<td class="age_2months">&gt; 2 months</td>
   163  						<td class="age_1month">&gt; 1 month</td>
   164  						<td class="age_1week">&lt; 1 month</td>
   165  					</tr>
   166  				</table>
   167  			</div>
   168  		</div>
   169  	</div>
   170  
   171  	<script data-main="js/main" src="js/require.js"></script>
   172  </body>
   173  
   174  </html>