├── 404.html ├── LICENSE ├── README.md ├── article.html ├── css ├── notyf.min.css ├── style.css ├── uikit-rtl.min.css └── uikit.min.css ├── images ├── avatar.jpg └── icons.svg ├── index.html ├── js ├── charts.js ├── notification.js ├── notyf.min.js ├── script.js ├── status.js ├── uikit-icons.min.js └── uikit.min.js ├── login.html ├── register.html └── tables.html /404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI Admin - Clean and responsive administration panel 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |

404

39 | Page not found 40 |
41 |
42 |
43 |
44 |

What is this page

45 |

46 | Sometimes things go wrong and you get lost, the content you 47 | are trying to see does not exist or is no longer visible. Please 48 | contact the administrator if you belive it's an error. 49 |

50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Erik Campobadal 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## UIAdmin 2 | 3 | UI Kit 3 Administration Panel 4 | 5 | ## Information 6 | 7 | This admin panel template uses UI Kit 3 and it's built to be responsive and clean - you can find some screenshots below. 8 | 9 | ## Demo 10 | 11 | Check an online demo from the latest commit here: 12 | 13 | https://gitcdn.xyz/repo/ConsoleTVs/UIAdmin/master/index.html 14 | 15 | ## Instructions 16 | 17 | Simply download or clone the repository to use the template. 18 | 19 | ``` 20 | git clone https://github.com/ConsoleTVs/UIAdmin.git 21 | ``` 22 | 23 | ## Screenshots 24 | 25 | ![Dashboard](https://i.gyazo.com/0603edf933bd5a3fb58c9e6d147381b2.png) 26 | 27 | ![Login](https://i.gyazo.com/bd676511fe83495e949d3763b3488a12.png) 28 | 29 | ![Register](https://i.gyazo.com/cc9e1fd814abaab31cddd68b6f56a97d.png) 30 | 31 | ![404](https://i.gyazo.com/c6b4f3538092ec752855a80f1f47ecfb.png) 32 | 33 | ## License 34 | 35 | MIT License 36 | 37 | Copyright (c) 2017-2019 Erik Campobadal 38 | 39 | Permission is hereby granted, free of charge, to any person obtaining a copy 40 | of this software and associated documentation files (the "Software"), to deal 41 | in the Software without restriction, including without limitation the rights 42 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 43 | copies of the Software, and to permit persons to whom the Software is 44 | furnished to do so, subject to the following conditions: 45 | 46 | The above copyright notice and this permission notice shall be included in all 47 | copies or substantial portions of the Software. 48 | 49 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 50 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 51 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 52 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 53 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 54 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 55 | SOFTWARE. 56 | -------------------------------------------------------------------------------- /article.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI Admin - Clean and responsive administration panel 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 21 | 22 | 23 |
24 |
25 | 32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |

Pràctica 4 - Sistemes Lineals

41 |

Circuits i sistemes lineals

42 |

43 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et magna iaculis, elementum velit sed, imperdiet felis. Integer vehicula id elit id vehicula. Vestibulum rhoncus purus a dui fermentum, eget sagittis dolor euismod. In pretium luctus augue vel aliquet. Praesent pharetra lacinia scelerisque. Curabitur nec enim eleifend, mattis neque et, vehicula velit. Phasellus auctor, nulla quis laoreet finibus, ligula sapien elementum ante, a gravida sapien lorem eu nisi. Vivamus vitae massa tortor. Integer quis faucibus arcu. Curabitur vel pharetra nisi, vestibulum posuere eros. 44 |

45 | Quisque vestibulum, urna ultrices viverra auctor, dolor elit elementum lorem, at sagittis ex metus eget risus. Ut pulvinar, leo fermentum varius dignissim, arcu nisl euismod risus, id aliquam elit magna nec ex. Suspendisse hendrerit tempus pharetra. Pellentesque congue molestie tincidunt. Morbi rutrum est nec nisi bibendum venenatis. Quisque scelerisque at lectus a condimentum. Etiam placerat aliquet eros, ac hendrerit velit euismod non. Nullam nibh purus, scelerisque auctor fermentum nec, molestie eu turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer quis nibh tincidunt, tempus ipsum sit amet, posuere leo. Etiam interdum auctor lobortis. Curabitur nec accumsan leo. Sed imperdiet hendrerit molestie. Pellentesque tristique mauris diam, vel hendrerit felis laoreet consequat. Suspendisse venenatis elementum viverra. 46 |

47 | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin viverra varius maximus. Etiam a dolor ac ex mattis tempor. Nullam eu lacinia lorem. Sed sed efficitur leo, sit amet gravida urna. Vestibulum porta massa a dui fermentum bibendum. Vivamus suscipit congue risus ac volutpat. Proin risus enim, lobortis sed sodales nec, dictum ac risus. Duis tempus ac nunc eu euismod. 48 |

49 | Praesent laoreet suscipit rhoncus. Ut at gravida ligula, ac hendrerit lacus. Pellentesque urna lacus, tristique a consequat nec, viverra dapibus leo. Duis nec ex et ex fermentum dapibus dictum eget odio. Praesent finibus convallis ex, nec vulputate dui scelerisque sit amet. Quisque egestas eros et elit eleifend luctus. Praesent commodo sit amet lacus in commodo. Morbi lacinia vestibulum mi eu pulvinar. Donec ligula urna, egestas nec orci sed, fringilla hendrerit turpis. Proin neque ex, convallis ac maximus eu, rhoncus id urna. Fusce molestie, urna vitae sodales pretium, arcu nibh cursus dui, at rutrum enim mauris quis nisi. Nam venenatis in sem eu sodales. In vel eros vulputate, hendrerit est et, ultricies ex. 50 |

51 | Donec ac ligula lobortis, hendrerit eros ut, tristique leo. Aliquam tristique arcu sit amet nulla porta, in feugiat nunc tincidunt. Proin ac finibus nisl, in fermentum augue. Donec bibendum sapien sed elit pharetra rhoncus nec vitae diam. Sed accumsan felis eu arcu elementum, id blandit lectus vestibulum. Nulla vitae massa lorem. Etiam viverra dictum est porta lacinia. Ut varius dolor eget justo interdum, et pellentesque turpis dapibus. Proin sit amet erat vitae mauris convallis mollis. Quisque ex risus, fringilla eu porta sed, egestas sit amet orci. Aliquam scelerisque purus odio, sit amet porttitor erat porta quis. Ut eleifend eleifend turpis nec ultricies. Fusce ac metus justo. 52 |

53 |
54 |
55 |
56 |
57 |
58 |
59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /css/notyf.min.css: -------------------------------------------------------------------------------- 1 | @-webkit-keyframes a{0%{opacity:0;bottom:-15px;max-height:0;max-width:0;margin-top:0}30%{opacity:.8;bottom:-3px}to{opacity:1;bottom:0;max-height:200px;margin-top:12px;max-width:400px}}@keyframes a{0%{opacity:0;bottom:-15px;max-height:0;max-width:0;margin-top:0}30%{opacity:.8;bottom:-3px}to{opacity:1;bottom:0;max-height:200px;margin-top:12px;max-width:400px}}@-webkit-keyframes b{0%{opacity:1;bottom:0}30%{opacity:.2;bottom:-3px}to{opacity:0;bottom:-15px}}@keyframes b{0%{opacity:1;bottom:0}30%{opacity:.2;bottom:-3px}to{opacity:0;bottom:-15px}}@-webkit-keyframes c{0%{opacity:0}30%{opacity:.5}to{opacity:.6}}@keyframes c{0%{opacity:0}30%{opacity:.5}to{opacity:.6}}@-webkit-keyframes d{0%{opacity:.6}30%{opacity:.1}to{opacity:0}}@keyframes d{0%{opacity:.6}30%{opacity:.1}to{opacity:0}}.notyf__icon--alert,.notyf__icon--confirm{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--alert:after,.notyf__icon--alert:before{content:"";background:#ed3d3d;display:block;position:absolute;width:3px;border-radius:3px;left:9px}.notyf__icon--alert:after{height:3px;top:14px}.notyf__icon--alert:before{height:8px;top:4px}.notyf__icon--confirm:after,.notyf__icon--confirm:before{content:"";background:#3dc763;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--confirm:after{height:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--confirm:before{height:11px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;-webkit-animation:a .3s forwards;animation:a .3s forwards;box-shadow:0 1px 3px 0 rgba(0,0,0,.45);position:relative;padding-right:13px}.notyf__toast.notyf--alert{background:#ed3d3d}.notyf__toast.notyf--confirm{background:#3dc763}.notyf__toast.notyf--disappear{-webkit-animation:b .3s 1 forwards;animation:b .3s 1 forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast.notyf--disappear .notyf__message{opacity:1;-webkit-animation:b .3s 1 forwards;animation:b .3s 1 forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.notyf__toast.notyf--disappear .notyf__icon{opacity:1;-webkit-animation:d .3s 1 forwards;animation:d .3s 1 forwards}.notyf__wrapper{display:table;width:100%;padding-top:20px;padding-bottom:20px;padding-right:15px;border-radius:3px}.notyf__icon{width:20%;text-align:center;font-size:1.3em;-webkit-animation:c .5s forwards;animation:c .5s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__icon,.notyf__message{display:table-cell;vertical-align:middle;opacity:0}.notyf__message{width:80%;position:relative;-webkit-animation:a .3s forwards;animation:a .3s forwards;-webkit-animation-delay:.15s;animation-delay:.15s}.notyf{position:fixed;bottom:20px;right:30px;width:20%;color:#fff;z-index:1}@media only screen and (max-width:736px){.notyf__container{width:90%;margin:0 auto;display:block;right:0;left:0}} -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | html, body{ 2 | height:100%; 3 | } 4 | .uk-logo, .uk-logo:hover, .uk-logo:active, .uk-logo:visited { 5 | color: #ffffff; 6 | } 7 | 8 | .uk-navbar-toggle, .uk-navbar-toggle:hover, .uk-navbar-toggle:active, .uk-navbar-toggle:visited { 9 | color: #ffffff; 10 | padding-top: 2px; 11 | } 12 | .uk-navbar-container { 13 | background-color: #1e87f0 !important; 14 | } 15 | .user > #name { 16 | font-size: 22px; 17 | } 18 | .header { 19 | box-sizing: border-box; 20 | border-bottom: 1px #e5e5e5 solid; 21 | } 22 | .content-padder { 23 | margin-left: 0px; 24 | } 25 | .content-background { 26 | min-height: calc(100% - 80px); 27 | background-color: #F0F0F0; 28 | } 29 | .statistics-text { 30 | font-size: 25px; 31 | } 32 | .statistics-number { 33 | font-size: 50px; 34 | } 35 | 36 | 37 | 38 | 39 | 40 | .tm-sidebar-left { 41 | position: fixed; 42 | z-index: 100; 43 | top: 80px; 44 | bottom: 0; 45 | box-sizing: border-box; 46 | width: 240px !important; 47 | padding: 40px 40px 60px 40px; 48 | border-right: 1px #e5e5e5 solid; 49 | overflow-y: auto; 50 | overflow-x: hidden; 51 | } 52 | .tm-sidebar-left::-webkit-scrollbar-track { 53 | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 54 | background-color: #F5F5F5; 55 | } 56 | 57 | .tm-sidebar-left::-webkit-scrollbar { 58 | width: 6px; 59 | background-color: #F5F5F5; 60 | } 61 | 62 | .tm-sidebar-left::-webkit-scrollbar-thumb { 63 | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 64 | background-color: #bdbdbd; 65 | } 66 | 67 | .tm-sidebar-right { 68 | position: absolute; 69 | top: 0; 70 | left: calc(100% + 0px); 71 | width: 200px 72 | } 73 | @media(max-width: 960px) { 74 | .tm-sidebar-left { 75 | opacity: 0; 76 | } 77 | } 78 | 79 | @media (min-width: 960px) { 80 | .content-padder { 81 | margin-left: 240px; 82 | } 83 | } 84 | @media (min-width: 1200px) { 85 | .tm-sidebar-right { 86 | left: calc(100% + 0px); 87 | } 88 | .tm-sidebar-left+.tm-main { 89 | padding-left: 40px; 90 | opacity: 0 !important; 91 | } 92 | } 93 | @media (min-width: 1400px) { 94 | .tm-sidebar-left { 95 | width: 300px !important; 96 | padding: 45px 45px 60px 45px 97 | } 98 | .tm-sidebar-right { 99 | left: calc(100% + 60px) 100 | } 101 | .tm-sidebar-left+.tm-main { 102 | padding-left: 40px 103 | } 104 | .content-padder { 105 | margin-left: 300px; 106 | } 107 | } 108 | 109 | ::-webkit-scrollbar { width: 7px; } 110 | ::-webkit-scrollbar-track-piece { background-color: #f0f0f0; 111 | /*this can also be transparent*/} 112 | ::-webkit-scrollbar-thumb:vertical { 113 | width: 1px; 114 | background-color: #1e87f0; 115 | border-top: 4px solid #f0f0f0; 116 | border-right: 3px solid #f0f0f0; 117 | border-bottom: 4px solid #f0f0f0; 118 | border-left: 3px solid #f0f0f0; 119 | } 120 | ::selection { 121 | background-color: #d1eefe; 122 | color: #1e87f0; 123 | } 124 | ::moz-selection { 125 | background-color: #d1eefe; 126 | color: #1e87f0; 127 | } 128 | -------------------------------------------------------------------------------- /images/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ConsoleTVs/UIAdmin/b932bd39eeafea31a0a2aa17ea64600e53fc380e/images/avatar.jpg -------------------------------------------------------------------------------- /images/icons.svg: -------------------------------------------------------------------------------- 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 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 377 | 378 | 379 | 380 | 381 | 382 | 383 | 384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 397 | 398 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 414 | 415 | 416 | 417 | 418 | 419 | 420 | 421 | 422 | 423 | 424 | 425 | 426 | 427 | 428 | 429 | 430 | 431 | 432 | 433 | 434 | 435 | 436 | 437 | 438 | 439 | 440 | 441 | 442 | 443 | 444 | 445 | 446 | 447 | 448 | 449 | 450 | 451 | 452 | 453 | 454 | 455 | 456 | 457 | 458 | 459 | 460 | 461 | 462 | 463 | 464 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 | 484 | 485 | 486 | 487 | 488 | 489 | 490 | 491 | 492 | 493 | 494 | 495 | 496 | 497 | 498 | 499 | 500 | 501 | 502 | 503 | 504 | 505 | 506 | 507 | 508 | 509 | 510 | 511 | 512 | 513 | 514 | 515 | 516 | 517 | 518 | 519 | 520 | 521 | 522 | 523 | 524 | 525 | 526 | 527 | 528 | 529 | 530 | 531 | 532 | 533 | 534 | 535 | 536 | 537 | 538 | 539 | 540 | 541 | 542 | 543 | 544 | 545 | 546 | 547 | 548 | 549 | 550 | 551 | 552 | 553 | 554 | 555 | 556 | 557 | 558 | 559 | 560 | 561 | 562 | 563 | 564 | 565 | 566 | 567 | 568 | 569 | 570 | 571 | 572 | 573 | 574 | 575 | 576 | 577 | 578 | 579 | 580 | 581 | 582 | 583 | 584 | 585 | 586 | 587 | 588 | 589 | 590 | 591 | 592 | 593 | 594 | 595 | 596 | 597 | 598 | 599 | 600 | 601 | 602 | 603 | 604 | 605 | 606 | 607 | 608 | 609 | 610 | 611 | 612 | 613 | 614 | 615 | 616 | 617 | 618 | 619 | 620 | 621 | 622 | 623 | 624 | 625 | 626 | 627 | 628 | 629 | 630 | 631 | 632 | 633 | 634 | 635 | 636 | 637 | 638 | 639 | 640 | 641 | 642 | 643 | 644 | 645 | 646 | 647 | 648 | 649 | 650 | 651 | 652 | 653 | 654 | 655 | 656 | 657 | 658 | 659 | 660 | 661 | 662 | 663 | 664 | 665 | 666 | 667 | 668 | 669 | 670 | 671 | 672 | 673 | 674 | 675 | 676 | 677 | 678 | 679 | 680 | 681 | 682 | 683 | 684 | 685 | 686 | 687 | 688 | 689 | 690 | 691 | 692 | 693 | 694 | 695 | 696 | 697 | 698 | 699 | 700 | 701 | 702 | 703 | 704 | 705 | 706 | 707 | 708 | 709 | 710 | 711 | 712 | 713 | 714 | 715 | 716 | 717 | 718 | 719 | 720 | 721 | 722 | 723 | 724 | 725 | 726 | 727 | 728 | 729 | 730 | 731 | 732 | 733 | 734 | 735 | 736 | 737 | 738 | 739 | 740 | 741 | 742 | 743 | 744 | 745 | 746 | 747 | 748 | 749 | 750 | 751 | 752 | 753 | 754 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI Admin - Clean and responsive administration panel 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 46 |
47 |
48 | 77 |
78 |
79 |
80 |

Dashboard

81 |

82 | Welcome back, Èrik Campobadal 83 |

84 |
    85 |
  • Home
    • 86 |
  • Dashboard
    • 87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 | New Registrations
96 | 97 | 14.164 98 | 99 | 8% 100 | 101 | 102 |
103 |
104 |
105 |
106 | Website Traffic
107 | 108 | 123.238 109 | 110 | 13% 111 | 112 | 113 |
114 |
115 |
116 |
117 | Total Invoices
118 | 119 | 2.316 120 | 121 | 37% 122 | 123 | 124 |
125 |
126 |
127 |
128 | Total Income
129 | 130 | 6.384€ 131 | 132 | 26% 133 | 134 | 135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 | Website Traffic 143 |
144 |
145 | 146 |
147 |
148 |
149 |
150 |
151 |
152 | Website Traffic 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 | -------------------------------------------------------------------------------- /js/charts.js: -------------------------------------------------------------------------------- 1 | var ctx = $("#chart1"); 2 | 3 | var data = { 4 | labels: ["January", "February", "March", "April", "May", "June", "July"], 5 | datasets: [ 6 | { 7 | label: "Website traffic", 8 | fill: false, 9 | lineTension: 0.1, 10 | backgroundColor: "#F44336", 11 | borderColor: "#F44336", 12 | borderCapStyle: 'butt', 13 | borderDash: [], 14 | borderDashOffset: 0.0, 15 | borderJoinStyle: 'miter', 16 | pointBorderColor: "#F44336", 17 | pointBackgroundColor: "#fff", 18 | pointBorderWidth: 1, 19 | pointHoverRadius: 3, 20 | pointHoverBackgroundColor: "#F44336", 21 | pointHoverBorderColor: "#F44336", 22 | pointHoverBorderWidth: 2, 23 | pointRadius: 1, 24 | pointHitRadius: 10, 25 | data: [103265, 128259, 85290, 115923, 91238, 108295, 102295], 26 | spanGaps: false, 27 | } 28 | ] 29 | }; 30 | 31 | var options = { 32 | responsive: true, 33 | maintainAspectRatio: false, 34 | legend: { 35 | display: false, 36 | }, 37 | tooltips: { 38 | bodyFontColor: '#fff', 39 | }, 40 | scales: { 41 | yAxes: [{ 42 | gridLines: { 43 | display: false, 44 | }, 45 | }], 46 | xAxes: [{ 47 | gridLines: { 48 | display: false, 49 | } 50 | }] 51 | } 52 | } 53 | 54 | var myLineChart = new Chart(ctx, { 55 | type: 'line', 56 | data: data, 57 | options: options 58 | }); 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | var ctx = $("#chart2"); 68 | 69 | var data = { 70 | labels: ["January", "February", "March", "April", "May", "June", "July"], 71 | datasets: [ 72 | { 73 | label: "Website traffic", 74 | fill: false, 75 | lineTension: 0.1, 76 | backgroundColor: "#F44336", 77 | borderColor: "#F44336", 78 | borderCapStyle: 'butt', 79 | borderDash: [], 80 | borderDashOffset: 0.0, 81 | borderJoinStyle: 'miter', 82 | pointBorderColor: "#F44336", 83 | pointBackgroundColor: "#fff", 84 | pointBorderWidth: 1, 85 | pointHoverRadius: 3, 86 | pointHoverBackgroundColor: "#F44336", 87 | pointHoverBorderColor: "#F44336", 88 | pointHoverBorderWidth: 2, 89 | pointRadius: 1, 90 | pointHitRadius: 10, 91 | data: [103265, 128259, 85290, 115923, 91238, 108295, 102295], 92 | spanGaps: false, 93 | } 94 | ] 95 | }; 96 | 97 | var options = { 98 | responsive: true, 99 | maintainAspectRatio: false, 100 | legend: { 101 | display: false, 102 | }, 103 | tooltips: { 104 | bodyFontColor: '#fff', 105 | }, 106 | scales: { 107 | yAxes: [{ 108 | gridLines: { 109 | display: false, 110 | }, 111 | }], 112 | xAxes: [{ 113 | gridLines: { 114 | display: false, 115 | } 116 | }] 117 | } 118 | } 119 | 120 | var myLineChart = new Chart(ctx, { 121 | type: 'bar', 122 | data: data, 123 | options: options 124 | }); 125 | -------------------------------------------------------------------------------- /js/notification.js: -------------------------------------------------------------------------------- 1 | // Create an instance of Notyf 2 | var notyf = new Notyf(); 3 | 4 | setTimeout(function() { 5 | notyf.confirm('Welcome to UI Admin!!'); 6 | }, 500); 7 | -------------------------------------------------------------------------------- /js/notyf.min.js: -------------------------------------------------------------------------------- 1 | !function(){function n(n,t){for(property in t)t.hasOwnProperty(property)&&(n[property]=t[property]);return n}function t(n,t){var e=document.createElement("div");e.className="notyf__toast";var o=document.createElement("div");o.className="notyf__wrapper";var i=document.createElement("div");i.className="notyf__icon";var a=document.createElement("i");a.className=t;var r=document.createElement("div");r.className="notyf__message",r.innerHTML=n,i.appendChild(a),o.appendChild(i),o.appendChild(r),e.appendChild(o);var c=this;return setTimeout(function(){e.className+=" notyf--disappear",e.addEventListener(c.animationEnd,function(n){n.target==e&&c.container.removeChild(e)});var n=c.notifications.indexOf(e);c.notifications.splice(n,1)},c.options.delay),e}function e(){var n,t=document.createElement("fake"),e={transition:"animationend",OTransition:"oAnimationEnd",MozTransition:"animationend",WebkitTransition:"webkitAnimationEnd"};for(n in e)if(void 0!==t.style[n])return e[n]}this.Notyf=function(){this.notifications=[];var t={delay:2e3,alertIcon:"notyf__icon--alert",confirmIcon:"notyf__icon--confirm"};arguments[0]&&"object"==typeof arguments[0]?this.options=n(t,arguments[0]):this.options=t;var o=document.createDocumentFragment(),i=document.createElement("div");i.className="notyf",o.appendChild(i),document.body.appendChild(o),this.container=i,this.animationEnd=e()},this.Notyf.prototype.alert=function(n){var e=t.call(this,n,this.options.alertIcon);e.className+=" notyf--alert",this.container.appendChild(e),this.notifications.push(e)},this.Notyf.prototype.confirm=function(n){var e=t.call(this,n,this.options.confirmIcon);e.className+=" notyf--confirm",this.container.appendChild(e),this.notifications.push(e)}}(),function(){"function"==typeof define&&define.amd?define("Notyf",function(){return Notyf}):"undefined"!=typeof module&&module.exports?module.exports=Notyf:window.Notyf=Notyf}(); -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | 3 | // Sidebar Toggler 4 | function sidebarToggle(toogle) { 5 | var sidebar = $('#sidebar'); 6 | var padder = $('.content-padder'); 7 | if( toogle ) { 8 | $('.notyf').removeAttr( 'style' ); 9 | sidebar.css({'display': 'block', 'x': -300}); 10 | sidebar.transition({opacity: 1, x: 0}, 250, 'in-out', function(){ 11 | sidebar.css('display', 'block'); 12 | }); 13 | if( $( window ).width() > 960 ) { 14 | padder.transition({marginLeft: sidebar.css('width')}, 250, 'in-out'); 15 | } 16 | } else { 17 | $('.notyf').css({width: '90%', margin: '0 auto', display:'block', right: 0, left: 0}); 18 | sidebar.css({'display': 'block', 'x': '0px'}); 19 | sidebar.transition({x: -300, opacity: 0}, 250, 'in-out', function(){ 20 | sidebar.css('display', 'none'); 21 | }); 22 | padder.transition({marginLeft: 0}, 250, 'in-out'); 23 | } 24 | } 25 | 26 | $('#sidebar_toggle').click(function() { 27 | var sidebar = $('#sidebar'); 28 | var padder = $('.content-padder'); 29 | if( sidebar.css('x') == '-300px' || sidebar.css('display') == 'none' ) { 30 | sidebarToggle(true) 31 | } else { 32 | sidebarToggle(false) 33 | } 34 | }); 35 | 36 | function resize() 37 | { 38 | var sidebar = $('#sidebar'); 39 | var padder = $('.content-padder'); 40 | padder.removeAttr( 'style' ); 41 | if( $( window ).width() < 960 && sidebar.css('display') == 'block' ) { 42 | sidebarToggle(false); 43 | } else if( $( window ).width() > 960 && sidebar.css('display') == 'none' ) { 44 | sidebarToggle(true); 45 | } 46 | } 47 | 48 | if($( window ).width() < 960) { 49 | sidebarToggle(false); 50 | } 51 | 52 | $( window ).resize(function() { 53 | resize() 54 | }); 55 | 56 | $('.content-padder').click(function() { 57 | if( $( window ).width() < 960 ) { 58 | sidebarToggle(false); 59 | } 60 | }); 61 | 62 | }) 63 | -------------------------------------------------------------------------------- /js/status.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | var timeout = null; 3 | function checkStatus() { 4 | clearTimeout(timeout); 5 | var status = $('#status'); 6 | status.text(status.data('online-text')); 7 | status.removeClass('uk-label-warning'); 8 | status.addClass('uk-label-success'); 9 | timeout = setTimeout(function() { 10 | status.text(status.data('away-text')); 11 | status.removeClass('uk-label-success'); 12 | status.addClass('uk-label-warning'); 13 | }, status.data('interval')); 14 | } 15 | 16 | var status = $('#status'); 17 | if( status.length ) { 18 | if( status.data('enabled') == true ) { 19 | checkStatus(); 20 | $(document).on('mousemove', function() { 21 | checkStatus(); 22 | }); 23 | } else { 24 | status.css({'display': 'none'}); 25 | } 26 | } 27 | 28 | }); 29 | -------------------------------------------------------------------------------- /js/uikit-icons.min.js: -------------------------------------------------------------------------------- 1 | /*! UIkit 3.0.2 | http://www.getuikit.com | (c) 2014 - 2018 YOOtheme | MIT License */ 2 | 3 | !function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define("uikiticons",i):(t=t||self).UIkitIcons=i()}(this,function(){"use strict";function i(t){i.installed||t.icon.add({"500px":'',album:'',"arrow-down":'',"arrow-left":'',"arrow-right":'',"arrow-up":'',ban:'',behance:'',bell:'',bold:'',bolt:'',bookmark:'',calendar:'',camera:'',cart:'',check:'',"chevron-double-left":'',"chevron-double-right":'',"chevron-down":'',"chevron-left":'',"chevron-right":'',"chevron-up":'',clock:'',close:'',"cloud-download":'',"cloud-upload":'',code:'',cog:'',comment:'',commenting:'',comments:'',copy:'',"credit-card":'',database:'',desktop:'',download:'',dribbble:'',expand:'',facebook:'',"file-edit":'',"file-pdf":'',"file-text":'',file:'',flickr:'',folder:'',forward:'',foursquare:'',future:'',"git-branch":'',"git-fork":'',"github-alt":'',github:'',gitter:'',"google-plus":'',google:'',grid:'',happy:'',hashtag:'',heart:'',history:'',home:'',image:'',info:'',instagram:'',italic:'',joomla:'',laptop:'',lifesaver:'',link:'',linkedin:'',list:'',location:'',lock:'',mail:'',menu:'',microphone:'',"minus-circle":'',minus:'',"more-vertical":'',more:'',move:'',nut:'',pagekit:'',"paint-bucket":'',pencil:'',"phone-landscape":'',phone:'',pinterest:'',"play-circle":'',play:'',"plus-circle":'',plus:'',print:'',pull:'',push:'',question:'',"quote-right":'',receiver:'',reddit:'',refresh:'',reply:'',rss:'',search:'',server:'',settings:'',shrink:'',"sign-in":'',"sign-out":'',social:'',soundcloud:'',star:'',strikethrough:'',table:'',"tablet-landscape":'',tablet:'',tag:'',thumbnails:'',trash:'',"triangle-down":'',"triangle-left":'',"triangle-right":'',"triangle-up":'',tripadvisor:'',tumblr:'',tv:'',twitter:'',uikit:'',unlock:'',upload:'',user:'',users:'',"video-camera":'',vimeo:'',warning:'',whatsapp:'',wordpress:'',world:'',xing:'',yelp:'',youtube:''})}return"undefined"!=typeof window&&window.UIkit&&window.UIkit.use(i),i}); -------------------------------------------------------------------------------- /login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI Admin - Clean and responsive administration panel 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 | Login Page 40 |
41 |
42 |
43 |

UI Admin


44 |
45 |
46 |
47 | 48 |
49 |
50 | 51 | 52 |
53 |
54 | 55 |
56 |
57 | 58 | 59 |
60 |
61 | 62 |
63 | Forgot your password? 64 |
65 | 66 |
67 | 70 |
71 | 72 |
73 | 74 |
75 |

76 | You don't have an account yet? 77 |

78 | 79 |   Register 80 | 81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 | 93 | 94 | 95 | -------------------------------------------------------------------------------- /register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI Admin - Clean and responsive administration panel 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 | Register Page 40 |
41 |
42 |
43 |

UI Admin


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 | 80 |
81 | 82 |
83 | 84 |
85 |

86 | Already have an account? 87 |

88 | 89 |   Login 90 | 91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /tables.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI Admin - Clean and responsive administration panel 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 | 44 |
45 |
46 | 71 | 72 |
73 |
74 |
75 |

Dashboard

76 |

77 | Welcome back, Èrik Campobadal 78 |

79 |
    80 |
  • Home
    • 81 |
  • Dashboard
    • 82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 | Website Table 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 |
Heading OneTable HeadingTable HeadingTable HeadingTable HeadingTable HeadingTable HeadingTable HeadingTable HeadingTable Heading
MinimoyTable DataTable DataTable DataTable DataTable DataTable DataTable DataTable DataTable Data
MarsupialTable DataTable DataTable DataTable DataTable DataTable DataTable DataTable DataTable Data
PolarisTable DataTable DataTable DataTable DataTable DataTable DataTable DataTable DataTable Data
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | --------------------------------------------------------------------------------