· 6 years ago · Dec 13, 2019, 10:58 AM
1<html lang="en">
2 <head>
3 <meta charset="utf-8">
4 <meta name="viewport" content="width=device-width, initial-scale=1">
5 <link rel="shortcut icon" href="../assets/images/favicon.png">
6 <meta name="description" content="">
7 <title> Lesson </title>
8 <!-- Favicon -->
9 <link href="../assets/img/brand/favicon.png" rel="icon" type="image/png">
10 <!-- Your stylesheet-->
11 <link rel="stylesheet" href="../assets/css/uikit.css">
12 <link rel="stylesheet" href="../assets/css/main.css">
13 <link rel="stylesheet" href="../assets/css/admin.css">
14 <!-- font awesome -->
15 <link rel="stylesheet" href="../assets/css/fontawesome.css">
16 <!-- javascript -->
17 <script src="../assets/js/simplebar.js"></script>
18 <script src="../assets/js/uikit.js"></script>
19 <!-- for uploads -->
20 <link rel="stylesheet" href="../assets/css/dropzone.css">
21 <script src="../assets/js/dropzone.min.js"></script>
22 </head>
23 <body>
24 <!-- sidebar -->
25 <!-- sidebar -->
26 <div class="admin-side" id="admin-side">
27 <a href="#" class="admin-logo"><i class="fas fa-graduation-cap"></i> CoursePlus</a>
28 <ul data-simplebar>
29 <li>
30 <a href="admin.html"> <i class="fas fa-user"></i> Dashboard </a>
31 </li>
32 <li>
33 <a href="admin-users.html"> <i class="fas fa-user"></i> Users </a>
34 </li>
35 <li>
36 <a href="admin-category.html" class="active"> <i class="fas fa-layer-group"></i> Category </a>
37 </li>
38 <li>
39 <a href="admin-courses.html"> <i class="fas fa-play"></i> Courses </a>
40 </li>
41 <li>
42 <a href="admin-books.html"> <i class="fas fa-book-open"></i> Books </a>
43 </li>
44 <li>
45 <a href="admin-scripts.html"> <i class="fas fa-code"></i> Scripts </a>
46 </li>
47 <li>
48 <a href="admin-login.html"> <i class="fas fa-user"></i> Logut </a>
49 </li>
50 </ul>
51 </div>
52 <!-- mobile header -->
53 <div class="admin-mobile-headder uk-hidden@m">
54 <span uk-toggle="target: #admin-side; cls: admin-side-active" class="uk-padding-small uk-text-white uk-float-right"><i class="fas fa-bars"></i></span>
55 <a class="uk-logo" href="index.html"> <i class="fas fa-graduation-cap"> </i> CoursePlus </a>
56 </div>
57 <!-- main contant -->
58 <div class="admin-content">
59
60 <!--- Message Error Or Success --->
61 <div class="uk-alert-success uk-animation-toggle uk-card uk-card-default uk-card-body uk-animation-slide-top-small" uk-alert>
62 <a class="uk-alert-close" uk-close></a>
63 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
64 </div>
65 <!--- Message Error Or Success --->
66
67 <!-- navbar -->
68 <nav class="uk-navbar">
69 <div class="uk-navbar-left">
70 <ul class="uk-navbar-nav">
71 <li class="uk-active">
72 <a href="admin.html">Dashboard</a>
73 </li>
74 <li>
75 <a href="admin-users.html"> Category</a>
76 </li>
77 </ul>
78 </div>
79 <!-- right navbar -->
80 <div class="uk-navbar-right">
81 <!-- User profile -->
82 <a href="#">
83 <img src="../assets/images/avatures/avature-2.png" alt="" class="uk-border-circle user-profile-tiny">
84 </a>
85 <div uk-dropdown="pos: top-right ;mode : click ;animation: uk-animation-slide-bottom-small" class="uk-dropdown uk-padding-small angle-top-right uk-dropdown-bottom-right" >
86 <p class="uk-margin-remove-bottom uk-margin-small-top uk-text-bold"> Hamse Mohamoud </p>
87 <ul class="uk-nav uk-dropdown-nav">
88 <li>
89 <a href="Profile.html"> <i class="fas fa-user uk-margin-small-right"></i> Profile</a>
90 </li>
91 <li>
92 <a href="admin-edite-profile.html"> <i class="fas fa-cog uk-margin-small-right"></i> Setting</a> </li>
93 <li class="uk-nav-divider"></li>
94 <li>
95 <a href="admin-login.html"> <i class="fas fa-sign-out-alt uk-margin-small-right"></i> Log out</a>
96 </li>
97 </ul>
98 </div>
99 </div>
100 </nav>
101 <div class="admin-content-inner">
102 <div class="uk-flex-inline uk-flex-middle">
103 <i class="fas fa-layer-group icon-large uk-margin-right"></i>
104 <h4 class="uk-margin-remove"> Category </h4>
105 </div>
106 <div class="uk-background-default uk-margin-top uk-padding">
107 <div uk-grid>
108 <div class="uk-width-expand@m">
109 <form class=" uk-flex-inline uk-flex-middle uk-text-small">
110 <p class="uk-margin-remove-bottom uk-margin-right"> Show entries : </p>
111 <select class="uk-select uk-width-small" id="form-horizontal-select">
112 <option>10 page </option>
113 <option>20 page </option>
114 <option>30 page </option>
115 <option>50 page </option>
116 </select>
117 </form>
118 <button class="uk-button uk-button-success admin-table-btn" href="#add_category" uk-tooltip="title: Add Category ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle="" title="" aria-expanded="false">
119 <i class="fas fa-plus uk-visible@m"></i> Add Category
120 </button>
121 <button class="uk-button uk-button-success admin-table-btn" href="#edit_Profile_User" uk-tooltip="title: Edit Profile User ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle="" title="" aria-expanded="false">
122 <i class="fas fa-plus uk-visible@m"></i> Add Tags
123 </button>
124 </div>
125 <div class="uk-width-auto@m uk-text-small">
126 <form>
127 <input class="uk-input uk-form-width-medium" type="text" placeholder="Search user">
128 <button class="uk-button uk-button-grey admin-btn">Search</button>
129 </form>
130 </div>
131 </div>
132 </div>
133 <div class="uk-overflow-auto">
134 <table class="uk-table uk-table-hover uk-table-middle uk-table-divider">
135 <thead>
136 <tr class="uk-text-small uk-text-bold">
137 <th>Avature</th>
138 <th>FullNAme</th>
139 <th>Email</th>
140 <th>Created</th>
141 <th>Role</th>
142 <th>Status</th>
143 <th>Expand + Link</th>
144 </tr>
145 </thead>
146 <tbody>
147 <tr>
148 <td>
149 <img class="uk-preserve-width uk-border-circle user-profile-small" src="../assets/images/avatures/avature-1.png" width="50" alt="">
150 </td>
151 <td> username </td>
152 <td> Username @gmail.com </td>
153 <td> 12/12/2020 </td>
154 <td>Administrater</td>
155 <td><span class="uk-label uk-label-warning">Pending</span></td>
156 <td class="uk-flex-inline uk-flex-middle">
157 <button class="uk-button uk-button-danger admin-table-btn" href="#edit_Profile_User" uk-tooltip="title: Edit Profile User ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle>
158 <i class="fas fa-trash uk-visible@m"></i> Edit
159 </button>
160 <button class="uk-button uk-button-danger admin-table-btn" href="#delete_User" uk-tooltip="title: Delete User ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle>
161 <i class="fas fa-trash uk-visible@m"></i> Delelt
162 </button>
163 </td>
164 </tr>
165 <tr>
166 <td>
167 <img class="uk-preserve-width uk-border-circle user-profile-small" src="../assets/images/avatures/avature-1.png" width="50" alt="">
168 </td>
169 <td> username </td>
170 <td> Username @gmail.com </td>
171 <td> 12/12/2020 </td>
172 <td>Administrater</td>
173 <td><span class="uk-label uk-label-danger">Suspend</span></td>
174 <td class="uk-flex-inline uk-flex-middle">
175 <button class="uk-button uk-button-danger admin-table-btn" href="#edit_Profile_User" uk-tooltip="title: Edit Profile User ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle>
176 <i class="fas fa-trash uk-visible@m"></i> Edit
177 </button>
178 <button class="uk-button uk-button-danger admin-table-btn" href="#delete_User" uk-tooltip="title: Delete User ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle>
179 <i class="fas fa-trash uk-visible@m"></i> Delelt
180 </button>
181 </td>
182 </tr>
183 <tr>
184 <td>
185 <img class="uk-preserve-width uk-border-circle user-profile-small" src="../assets/images/avatures/avature-1.png" width="50" alt="">
186 </td>
187 <td> username </td>
188 <td> Username @gmail.com </td>
189 <td> 12/12/2020 </td>
190 <td>Administrater</td>
191 <td><span class="uk-label uk-label-success">Active</span></td>
192 <td class="uk-flex-inline uk-flex-middle">
193 <button class="uk-button uk-button-danger admin-table-btn" href="#edit_Profile_User" uk-tooltip="title: Edit Profile User ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle>
194 <i class="fas fa-trash uk-visible@m"></i> Edit
195 </button>
196 <button class="uk-button uk-button-danger admin-table-btn" href="#delete_User" uk-tooltip="title: Delete User ; delay: 500 ; pos: top ;animation: uk-animation-scale-up" uk-toggle>
197 <i class="fas fa-trash uk-visible@m"></i> Delelt
198 </button>
199 </td>
200 </tr>
201 </tbody>
202 </table>
203 </div>
204 <div class="uk-padding uk-background-default">
205 <ul class="uk-pagination uk-flex-center uk-margin-medium">
206 <li class="uk-active">
207 <span>1</span>
208 </li>
209 <li>
210 <a href="#">2</a>
211 </li>
212 <li>
213 <a href="#">3</a>
214 </li>
215 <li>
216 <a href="#">4</a>
217 </li>
218 <li>
219 <a href="#">5</a>
220 </li>
221 <li>
222 <a href="#"><i class="fas fa-ellipsis-h uk-margin-small-top"></i></a>
223 </li>
224 <li>
225 <a href="#">12</a>
226 </li>
227 </ul>
228 <p> you are showing 1 to 12 entries</p>
229 </div>
230 </div>
231
232 <!-- Start Edit Profile User model -->
233 <div id="edit_Profile_User" uk-modal>
234 <div class="uk-modal-dialog">
235 <button class="uk-modal-close-default uk-padding-small" type="button" uk-close></button>
236 <div class="uk-modal-header">
237 <h4> Edit Profile </h4>
238 </div>
239 <div class="uk-modal-body">
240 <div uk-grid>
241 <div class="uk-width-1-1@l">
242 <form>
243 <div class="uk-margin">
244 <label> FullName </label>
245 <input class="uk-input uk-form-width-large" placeholder="Name" type="text" id="fullname">
246 </div>
247 <div class="uk-margin">
248 <label> Email </label>
249 <input class="uk-input uk-form-width-large" placeholder="name@example.com" type="email" id="email">
250 </div>
251 <div class="uk-margin">
252 <label> ROLE</label>
253 <select class="uk-select">
254 <option> Administrateur </option>
255 <option> Student </option>
256 <option> Formateur </option>
257 </select>
258 </div>
259 <div class="uk-margin">
260 <label> STATUS</label>
261 <select class="uk-select">
262 <option> Pending </option>
263 <option> Active </option>
264 <option> Suspend </option>
265 </select>
266 </div>
267 </form>
268 </div>
269 </div>
270 </div>
271 <div class="uk-modal-footer uk-text-right">
272 <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
273 <button class="uk-button uk-button-success" type="button">Save</button>
274 </div>
275 </div>
276 </div>
277 <!-- End Edit Profile User model -->
278
279 <!-- Start Add Category model -->
280 <div id="add_category" uk-modal>
281 <div class="uk-modal-dialog">
282 <button class="uk-modal-close-default uk-padding-small" type="button" uk-close></button>
283 <div class="uk-modal-header">
284 <h4> Add Category </h4>
285 </div>
286 <div class="uk-modal-body">
287 <div uk-grid>
288 <div class="uk-width-1-1@l">
289 <form>
290 <div class="uk-margin">
291 <label> Gategory Name </label>
292 <input class="uk-input uk-form-width-large" placeholder="Category Name" type="text" id="category">
293 </div>
294 <div class="uk-margin">
295 <label> abput Category </label>
296 <textarea class="uk-textarea" placeholder="about category" id="ab_category">
297 </textarea>
298 </div>
299
300 </form>
301 </div>
302 </div>
303 </div>
304 <div class="uk-modal-footer uk-text-right">
305 <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
306 <button class="uk-button uk-button-success" type="button">Save</button>
307 </div>
308 </div>
309 </div>
310 <!-- End Add Category model -->
311
312 <!-- Start Delete User model -->
313 <div id="delete_User" uk-modal>
314 <div class="uk-modal-dialog">
315 <button class="uk-modal-close-default uk-padding-small" type="button" uk-close></button>
316 <div class="uk-modal-header">
317 <h4> are you sure you want to delete the user account ? </h4>
318 </div>
319 <div class="uk-modal-footer uk-text-right">
320 <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
321 <button class="uk-button uk-button-danger" type="button">YES</button>
322 </div>
323 </div>
324 </div>
325 <!-- End Delete User model -->
326
327
328 </div>
329 </body>