UNPKG

3.88 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Demo: Table</title>
6
7 <link rel="stylesheet" href="../build/marble.css">
8 <link rel="stylesheet" href="../build/fonts/galano/galano.css">
9 <link rel="stylesheet" href="../build/fonts/icon-12/icon-12.css">
10 <link rel="stylesheet" href="../build/fonts/icon-16/icon-16.css">
11 <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:700,400,300|Open+Sans:700,400,300">
12
13 <style>
14 body {
15 margin: 60px;
16 }
17
18 table {
19 margin-bottom: 20px;
20 }
21 </style>
22</head>
23<body>
24 <table>
25 <thead>
26 <tr>
27 <th>#</th>
28 <th>First Name</th>
29 <th>Last Name</td>
30 <th>Username</td>
31 <th class="text-center">Required</td>
32 </tr>
33 </thead>
34 <tbody>
35 <tr>
36 <td>1</td>
37 <td>Mark</td>
38 <td>Otto</td>
39 <td>@mdo</td>
40 <td class="text-center">
41 <span style="color: #77d55a;" class="icon-12-check"></span>
42 </td>
43 </tr>
44 <tr>
45 <td>2</td>
46 <td>Jacob</td>
47 <td>Thornton</td>
48 <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>
49 <td class="text-center">
50 <span style="color: #77d55a;" class="icon-12-check"></span>
51 </td>
52 </tr>
53 <tr>
54 <td>3</td>
55 <td>Larry</td>
56 <td>the Bird</td>
57 <td>@twitter</td>
58 <td class="text-center">
59 <span style="color: #77d55a;" class="icon-12-check"></span>
60 </td>
61 </tr>
62 </tbody>
63 </table>
64
65 <table>
66 <tbody>
67 <tr>
68 <td>1</td>
69 <td>Mark</td>
70 <td>Otto</td>
71 <td>@mdo</td>
72 <td class="text-center">
73 <span style="color: #77d55a;" class="icon-12-check"></span>
74 </td>
75 </tr>
76 <tr>
77 <td>2</td>
78 <td>Jacob</td>
79 <td>Thornton</td>
80 <td>@fat</td>
81 <td class="text-center">
82 <span style="color: #77d55a;" class="icon-12-check"></span>
83 </td>
84 </tr>
85 <tr>
86 <td>3</td>
87 <td>Larry</td>
88 <td>the Bird</td>
89 <td>@twitter</td>
90 <td class="text-center">
91 <span style="color: #77d55a;" class="icon-12-check"></span>
92 </td>
93 </tr>
94 </tbody>
95 </table>
96
97 <table>
98 <tbody>
99 <tr>
100 <th>Variable</th>
101 <th>Description</th>
102 </tr>
103 <tr>
104 <td>$auth</td>
105 <td>The authenticated user of this request. If the request was not authenticated, it will be null.</td>
106 </tr>
107 <tr>
108 <td>$config</td>
109 <td>The raw JSON data stored in the service's config.json file.</td>
110 </tr>
111 <tr>
112 <td>$session</td>
113 <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>
114 </tr>
115 <tr>
116 <td>$params</td>
117 <td>The request params as they were loaded from url query and request body. All query and form parameters will be strings here.</td>
118 </tr>
119 <tr>
120 <td>$values</td>
121 <td>The parsed request params, as they are used for parameter validation. All query and form parameters will be parsed to JSON values.</td>
122 </tr>
123 <tr>
124 <td>$body</td>
125 <td>The parsed request body, according to the request Content-Type.</td>
126 </tr>
127 <tr>
128 <td>$data</td>
129 <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>
130 </tr>
131 </tbody>
132 </table>
133</body>
134</html>