marble
Version:
WeDeploy's style guide and UI components
135 lines (129 loc) • 3.56 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo: Table</title>
<link rel="stylesheet" href="../build/marble.css">
<link rel="stylesheet" href="../build/fonts/galano/galano.css">
<link rel="stylesheet" href="../build/fonts/icon-12/icon-12.css">
<link rel="stylesheet" href="../build/fonts/icon-16/icon-16.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:700,400,300|Open+Sans:700,400,300">
<style>
body {
margin: 100px;
}
table {
margin-bottom: 20px;
}
</style>
</head>
<body>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</td>
<th>Username</td>
<th class="text-center">Required</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td class="text-center">
<span style="color: #77d55a;" class="icon-16-confirm"></span>
</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam asperiores repudiandae architecto eaque veritatis officia dicta quam ex natus, aliquam reprehenderit ipsam. Tempore eius ducimus cum aspernatur minus ipsum non?</td>
<td class="text-center">
<span style="color: #77d55a;" class="icon-16-confirm"></span>
</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td class="text-center">
<span style="color: #77d55a;" class="icon-16-confirm"></span>
</td>
</tr>
</tbody>
</table>
<table class="table no-header">
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td class="text-center">
<span style="color: #77d55a;" class="icon-16-confirm"></span>
</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
<td class="text-center">
<span style="color: #77d55a;" class="icon-16-confirm"></span>
</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td class="text-center">
<span style="color: #77d55a;" class="icon-16-confirm"></span>
</td>
</tr>
</tbody>
</table>
<table class="table">
<tbody>
<tr>
<th>Variable</th>
<th>Description</th>
</tr>
<tr>
<td>$auth</td>
<td>The authenticated user of this request. If the request was not authenticated, it will be null.</td>
</tr>
<tr>
<td>$config</td>
<td>The raw JSON data stored in the service's config.json file.</td>
</tr>
<tr>
<td>$session</td>
<td>All stored session data. If the request had no session cookie, it will be an empty map for the new session created for this request.</td>
</tr>
<tr>
<td>$params</td>
<td>The request params as they were loaded from url query and request body. All query and form parameters will be strings here.</td>
</tr>
<tr>
<td>$values</td>
<td>The parsed request params, as they are used for parameter validation. All query and form parameters will be parsed to JSON values.</td>
</tr>
<tr>
<td>$body</td>
<td>The parsed request body, according to the request Content-Type.</td>
</tr>
<tr>
<td>$data</td>
<td>The data view for this request, if a data path is mounted in the API path, and the request path represents a key to access any data resource (collection, document or inner field from a document). It will be null otherwise.</td>
</tr>
</tbody>
</table>
</body>
</html>