-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathtext.text
198 lines (198 loc) · 17.8 KB
/
text.text
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<div className="-my-2 py-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 pr-10 lg:px-8">
<div className="align-middle rounded-tl-lg rounded-tr-lg inline-block w-full py-4 overflow-hidden bg-white shadow-lg px-12">
<div className="flex justify-between">
<div className="inline-flex border rounded w-7/12 px-2 lg:px-6 h-12 bg-transparent">
<div className="flex flex-wrap items-stretch w-full h-full mb-6 relative">
<div className="flex">
<span className="flex items-center leading-normal bg-transparent rounded rounded-r-none border border-r-0 border-none lg:px-3 py-2 whitespace-no-wrap text-grey-dark text-sm">
<svg width="18" height="18" className="w-4 lg:w-auto" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.11086 15.2217C12.0381 15.2217 15.2217 12.0381 15.2217 8.11086C15.2217 4.18364 12.0381 1 8.11086 1C4.18364 1 1 4.18364 1 8.11086C1 12.0381 4.18364 15.2217 8.11086 15.2217Z" stroke="#455A64" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16.9993 16.9993L13.1328 13.1328" stroke="#455A64" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<input type="text" className="flex-shrink flex-grow flex-auto leading-normal tracking-wide w-px flex-1 border border-none border-l-0 rounded rounded-l-none px-3 relative focus:outline-none text-xxs lg:text-xs lg:text-base text-gray-500 font-thin" placeholder="Search">
</div>
</div>
</div>
</div>
<div className="align-middle inline-block min-w-full shadow overflow-hidden bg-white shadow-dashboard px-8 pt-3 rounded-bl-lg rounded-br-lg">
<table className="min-w-full">
<thead>
<tr>
<th className="px-6 py-3 border-b-2 border-gray-300 text-left leading-4 text-blue-500 tracking-wider">ID</th>
<th className="px-6 py-3 border-b-2 border-gray-300 text-left text-sm leading-4 text-blue-500 tracking-wider">Fullname</th>
<th className="px-6 py-3 border-b-2 border-gray-300 text-left text-sm leading-4 text-blue-500 tracking-wider">Email</th>
<th className="px-6 py-3 border-b-2 border-gray-300 text-left text-sm leading-4 text-blue-500 tracking-wider">Phone</th>
<th className="px-6 py-3 border-b-2 border-gray-300 text-left text-sm leading-4 text-blue-500 tracking-wider">Status</th>
<th className="px-6 py-3 border-b-2 border-gray-300 text-left text-sm leading-4 text-blue-500 tracking-wider">Created At</th>
<th className="px-6 py-3 border-b-2 border-gray-300"></th>
</tr>
</thead>
<tbody className="bg-white">
<tr>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="flex items-center">
<div>
<div className="text-sm leading-5 text-gray-800">#1</div>
</div>
</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="text-sm leading-5 text-blue-900">Damilare Anjorin</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">[email protected]</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">+2348106420637</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">
<span className="relative inline-block px-3 py-1 font-semibold text-green-900 leading-tight">
<span aria-hidden className="absolute inset-0 bg-green-200 opacity-50 rounded-full"></span>
<span className="relative text-xs">active</span>
</span>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500 text-blue-900 text-sm leading-5">September 12</td>
<td className="px-6 py-4 whitespace-no-wrap text-right border-b border-gray-500 text-sm leading-5">
<button className="px-5 py-2 border-blue-500 border text-blue-500 rounded transition duration-300 hover:bg-blue-700 hover:text-white focus:outline-none">View Details</button>
</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="flex items-center">
<div>
<div className="text-sm leading-5 text-gray-800">#1</div>
</div>
</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="text-sm leading-5 text-blue-900">Damilare Anjorin</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">[email protected]</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">+2348106420637</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">
<span className="relative inline-block px-3 py-1 font-semibold text-green-900 leading-tight">
<span aria-hidden className="absolute inset-0 bg-green-200 opacity-50 rounded-full"></span>
<span className="relative text-xs">active</span>
</span>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500 text-blue-900 text-sm leading-5">September 12</td>
<td className="px-6 py-4 whitespace-no-wrap text-right border-b border-gray-500 text-sm leading-5">
<button className="px-5 py-2 border-blue-500 border text-blue-500 rounded transition duration-300 hover:bg-blue-700 hover:text-white focus:outline-none">View Details</button>
</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="flex items-center">
<div>
<div className="text-sm leading-5 text-gray-800">#1</div>
</div>
</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="text-sm leading-5 text-blue-900">Damilare Anjorin</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">[email protected]</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">+2348106420637</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">
<span className="relative inline-block px-3 py-1 font-semibold text-red-900 leading-tight">
<span aria-hidden className="absolute inset-0 bg-red-200 opacity-50 rounded-full"></span>
<span className="relative text-xs">not active</span>
</span>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500 text-blue-900 text-sm leading-5">September 12</td>
<td className="px-6 py-4 whitespace-no-wrap text-right border-b border-gray-500 text-sm leading-5">
<button className="px-5 py-2 border-blue-500 border text-blue-500 rounded transition duration-300 hover:bg-blue-700 hover:text-white focus:outline-none">View Details</button>
</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="flex items-center">
<div>
<div className="text-sm leading-5 text-gray-800">#1</div>
</div>
</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="text-sm leading-5 text-blue-900">Damilare Anjorin</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">[email protected]</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">+2348106420637</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">
<span className="relative inline-block px-3 py-1 font-semibold text-green-900 leading-tight">
<span aria-hidden className="absolute inset-0 bg-green-200 opacity-50 rounded-full"></span>
<span className="relative text-xs">active</span>
</span>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500 text-blue-900 text-sm leading-5">September 12</td>
<td className="px-6 py-4 whitespace-no-wrap text-right border-b border-gray-500 text-sm leading-5">
<button className="px-5 py-2 border-blue-500 border text-blue-500 rounded transition duration-300 hover:bg-blue-700 hover:text-white focus:outline-none">View Details</button>
</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="flex items-center">
<div>
<div className="text-sm leading-5 text-gray-800">#1</div>
</div>
</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500">
<div className="text-sm leading-5 text-blue-900">Damilare Anjorin</div>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">[email protected]</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">+2348106420637</td>
<td className="px-6 py-4 whitespace-no-wrap border-b text-blue-900 border-gray-500 text-sm leading-5">
<span className="relative inline-block px-3 py-1 font-semibold text-orange-900 leading-tight">
<span aria-hidden className="absolute inset-0 bg-orange-200 opacity-50 rounded-full"></span>
<span className="relative text-xs">disabled</span>
</span>
</td>
<td className="px-6 py-4 whitespace-no-wrap border-b border-gray-500 text-blue-900 text-sm leading-5">September 12</td>
<td className="px-6 py-4 whitespace-no-wrap text-right border-b border-gray-500 text-sm leading-5">
<button className="px-5 py-2 border-blue-500 border text-blue-500 rounded transition duration-300 hover:bg-blue-700 hover:text-white focus:outline-none">View Details</button>
</td>
</tr>
</tbody>
</table>
<div className="sm:flex-1 sm:flex sm:items-center sm:justify-between mt-4 work-sans">
<div>
<p className="text-sm leading-5 text-blue-700">
Showing
<span className="font-medium">1</span>
to
<span className="font-medium">200</span>
of
<span className="font-medium">2000</span>
results
</p>
</div>
<div>
<div className="relative z-0 inline-flex shadow-sm">
<div >
<a href="#" className="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm leading-5 font-medium text-gray-500 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="Previous" v-on:click.prevent="changePage(pagination.current_page - 1)">
<svg className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
</svg>
</a>
</div>
<div>
<a href="#" className="-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm leading-5 font-medium text-blue-700 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-tertiary active:text-gray-700 transition ease-in-out duration-150 hover:bg-tertiary">
1
</a>
<a href="#" className="-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm leading-5 font-medium text-blue-600 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-tertiary active:text-gray-700 transition ease-in-out duration-150 hover:bg-tertiary">
2
</a>
<a href="#" className="-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm leading-5 font-medium text-blue-600 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-tertiary active:text-gray-700 transition ease-in-out duration-150 hover:bg-tertiary">
3
</a>
</div>
<div v-if="pagination.current_page < pagination.last_page">
<a href="#" className="-ml-px relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm leading-5 font-medium text-gray-500 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="Next">
<svg className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>