Changeset c6b84df for resources/views/dashboard/index.blade.php
- Timestamp:
- 10/21/21 23:45:59 (3 years ago)
- Branches:
- develop, master
- Children:
- 4b7e2d3
- Parents:
- 6b95845
- File:
-
- 1 edited
-
resources/views/dashboard/index.blade.php (modified) (5 diffs)
Legend:
- Unmodified
- Added
- Removed
-
resources/views/dashboard/index.blade.php
r6b95845 rc6b84df 1 1 @extends('layouts.app') 2 3 @section("title", "Dashboard")4 2 5 3 @section('head') … … 7 5 <link rel="stylesheet" href="{{ url('/vendors/slick/slick.css') }}" type="text/css"> 8 6 <link rel="stylesheet" href="{{ url('/vendors/slick/slick-theme.css') }}" type="text/css"> 7 8 <!-- Daterangepicker --> 9 <link rel="stylesheet" href="{{ url('vendors/datepicker/daterangepicker.css') }}" type="text/css"> 10 11 <!-- DataTable --> 12 <link rel="stylesheet" href="{{ url('vendors/dataTable/datatables.min.css') }}" type="text/css"> 9 13 @endsection 10 14 11 12 15 @section('pageTitle', 'Dashboard') 13 16 14 17 @section('content') 15 18 16 <nav aria-label="breadcrumb"> 17 <ol class="breadcrumb"> 18 <li class="breadcrumb-item"> 19 <a href="{{ url('/') }}">Home</a> 20 </li> 21 <li class="breadcrumb-item active" aria-current="page">Projects</li> 22 </ol> 23 </nav> 19 <div class="page-header"> 20 <nav aria-label="breadcrumb"> 21 <ol class="breadcrumb"> 22 <li class="breadcrumb-item"> 23 <a href="{{ url('/') }}">Dashboard</a> 24 </li> 25 </ol> 26 </nav> 27 </div> 24 28 25 29 <div class="row"> … … 27 31 28 32 <div class="row"> 29 <div class="col-lg- 8col-md-12">33 <div class="col-lg-4 col-md-12"> 30 34 <div class="card"> 31 35 <div class="card-body"> 32 <div class="card-title d-flex justify-content-between"> 33 <h6 class="card-title">Project Tasks</h6> 36 <div class="d-flex justify-content-between mb-3"> 34 37 <div> 35 <a href="#" class="mr-3"> 36 <i class="fa fa-refresh"></i> 37 </a> 38 <span class="dropdown"> 39 <a href="#" data-toggle="dropdown" aria-haspopup="true" 40 aria-expanded="false"> 41 <i class="fa fa-ellipsis-v" aria-hidden="true"></i> 38 <p class="text-muted">Total Departments</p> 39 <h2 class="font-weight-bold">{{ $departments->count() }}</h2> 40 </div> 41 <div> 42 <figure class="avatar"> 43 <span class="avatar-title bg-success-bright text-success rounded-circle"> 44 <i class="ti-layout-grid2"></i> 45 </span> 46 </figure> 47 </div> 48 </div> 49 <div class="d-inline-flex align-items-center"> 50 <a href="{{ route("dashboard.departments.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show departments</a> 51 </div> 52 </div> 53 </div> 54 </div> 55 <div class="col-lg-4 col-md-12"> 56 <div class="card"> 57 <div class="card-body"> 58 <div class="d-flex justify-content-between mb-3"> 59 <div> 60 <p class="text-muted">Total Folders</p> 61 <h2 class="font-weight-bold">{{ $folders->count() }}</h2> 62 </div> 63 <div> 64 <figure class="avatar"> 65 <span class="avatar-title bg-info-bright text-info rounded-circle"> 66 <i class="ti-folder"></i> 67 </span> 68 </figure> 69 </div> 70 </div> 71 <div class="d-inline-flex align-items-center"> 72 <a href="{{ route("dashboard.folders.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show folders</a> 73 </div> 74 </div> 75 </div> 76 </div> 77 <div class="col-lg-4 col-md-12"> 78 <div class="card"> 79 <div class="card-body"> 80 <div class="d-flex justify-content-between mb-3"> 81 <div> 82 <p class="text-muted">Total Files</p> 83 <h2 class="font-weight-bold">{{ $files->count() }}</h2> 84 </div> 85 <div> 86 <figure class="avatar"> 87 <span class="avatar-title bg-warning-bright text-warning rounded-circle"> 88 <i class="ti-files"></i> 89 </span> 90 </figure> 91 </div> 92 </div> 93 <div class="d-inline-flex align-items-center"> 94 <a href="{{ route("dashboard.files.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show files</a> 95 </div> 96 </div> 97 </div> 98 </div> 99 100 </div> 101 102 </div> 103 </div> 104 105 <div class="row"> 106 <div class="col-lg-8 col-md-12"> 107 <div class="card"> 108 <div class="card-body"> 109 <div class="d-flex justify-content-between"> 110 <h6 class="card-title">Revenue</h6> 111 <div> 112 <a href="#" class="btn btn-outline-light btn-sm mr-2"> 113 <i class="fa fa-refresh"></i> 114 </a> 115 <div class="dropdown"> 116 <a href="#" data-toggle="dropdown" 117 class="btn btn-outline-light btn-sm" 118 aria-haspopup="true" aria-expanded="false"> 119 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 120 </a> 121 <div class="dropdown-menu dropdown-menu-right"> 122 <a class="dropdown-item" href="#">Action</a> 123 <a class="dropdown-item" href="#">Another action</a> 124 <a class="dropdown-item" href="#">Something else here</a> 125 </div> 126 </div> 127 </div> 128 </div> 129 <div class="row mb-3"> 130 <div class="col-lg-4"> 131 <p class="mb-2">This Week</p> 132 <div class="d-flex align-items-end"> 133 <h2 class="mb-0 line-height-30 font-size-35">$235</h2> 134 <span class="text-success small ml-2 d-flex align-items-center"> 135 <span class="ti-arrow-up mr-2"></span> 136 <span class="badge badge-success rounded d-inline-flex align-items-center">1.9%</span> 137 </span> 138 </div> 139 </div> 140 <div class="col-lg-4"> 141 <p class="mb-2">Last Week</p> 142 <div class="d-flex align-items-end"> 143 <h2 class="mb-0 line-height-30 font-size-35">$5,180</h2> 144 <span class="text-danger small ml-2 d-flex align-items-center"> 145 <span class="ti-arrow-down mr-2"></span> 146 <span class="badge badge-danger rounded d-inline-flex align-items-center">1.9%</span> 147 </span> 148 </div> 149 </div> 150 </div> 151 <div id="revenue"></div> 152 </div> 153 </div> 154 155 </div> 156 <div class="col-lg-4 col-md-12"> 157 <div class="card"> 158 <div class="card-body"> 159 <div class="d-flex justify-content-between"> 160 <h6 class="card-title">Hot Products</h6> 161 <div> 162 <div class="dropdown"> 163 <a href="#" data-toggle="dropdown" 164 class="btn btn-outline-light btn-sm" 165 aria-haspopup="true" aria-expanded="false"> 166 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 167 </a> 168 <div class="dropdown-menu dropdown-menu-right"> 169 <a class="dropdown-item" href="#">Action</a> 170 <a class="dropdown-item" href="#">Another action</a> 171 <a class="dropdown-item" href="#">Something else here</a> 172 </div> 173 </div> 174 </div> 175 </div> 176 <div id="hot-products"></div> 177 <div> 178 <ul class="list-group list-group-flush"> 179 <li class="list-group-item pl-0 pr-0"> 180 <i class="fa fa-circle mr-1 text-secondary"></i> Iphone 181 </li> 182 <li class="list-group-item pl-0 pr-0"> 183 <i class="fa fa-circle mr-1 text-warning"></i> Samsung 184 </li> 185 <li class="list-group-item pl-0 pr-0"> 186 <i class="fa fa-circle mr-1 text-info"></i> Huawei 187 </li> 188 <li class="list-group-item pl-0 pr-0"> 189 <i class="fa fa-circle mr-1 text-success"></i> General Mobile 190 </li> 191 <li class="list-group-item pl-0 pr-0"> 192 <i class="fa fa-circle mr-1 text-danger"></i> Xiaomi 193 </li> 194 </ul> 195 </div> 196 </div> 197 </div> 198 </div> 199 </div> 200 201 <div class="card"> 202 <div class="card-body"> 203 <div class="d-flex justify-content-between"> 204 <h6 class="card-title">Recent Orders</h6> 205 <div> 206 <a href="#" class="btn btn-outline-light btn-sm mr-2"> 207 <i class="fa fa-refresh"></i> 208 </a> 209 <div class="dropdown"> 210 <a href="#" data-toggle="dropdown" 211 class="btn btn-outline-light btn-sm" 212 aria-haspopup="true" aria-expanded="false"> 213 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 214 </a> 215 <div class="dropdown-menu dropdown-menu-right"> 216 <a class="dropdown-item" href="#">Action</a> 217 <a class="dropdown-item" href="#">Another action</a> 218 <a class="dropdown-item" href="#">Something else here</a> 219 </div> 220 </div> 221 </div> 222 </div> 223 <div class="row"> 224 <div class="col-md-12"> 225 <div class="table-responsive"> 226 <table id="recent-orders" class="table table-lg"> 227 <thead> 228 <tr> 229 <th>ID</th> 230 <th>Product Name</th> 231 <th>Customer</th> 232 <th>Total Price</th> 233 <th>Status</th> 234 <th>Date</th> 235 <th>Action</th> 236 </tr> 237 </thead> 238 <tbody> 239 <tr> 240 <td> 241 <a href="#">3145</a> 242 </td> 243 <td> 244 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 245 <img width="40" src="{{ url('assets/media/image/products/product1.png') }}" 246 class="rounded mr-3" alt="grape"> 247 <span>HP Pavilion 15-EC0005NT AMD</span> 248 </a> 249 </td> 250 <td>Dollie Bullock</td> 251 <td>$230</td> 252 <td> 253 <span 254 class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span> 255 </td> 256 <td>2018/08/28 21:24:36</td> 257 <td> 258 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 259 <i class="ti-pencil"></i> 260 </a> 261 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 262 <i class="ti-trash"></i> 263 </a> 264 </td> 265 </tr> 266 <tr> 267 <td> 268 <a href="#">7321</a> 269 </td> 270 <td> 271 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 272 <img width="40" src="{{ url('assets/media/image/products/product2.png') }}" 273 class="rounded mr-3" alt="banana"> 274 <span>Samsung Galaxy A51 128 GB</span> 275 </a> 276 </td> 277 <td>Holmes Hines</td> 278 <td>$300</td> 279 <td> 280 <span class="badge bg-success-bright text-success">Payment accepted</span> 281 </td> 282 <td>2018/08/28 21:24:36</td> 283 <td> 284 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 285 <i class="ti-pencil"></i> 286 </a> 287 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 288 <i class="ti-trash"></i> 289 </a> 290 </td> 291 </tr> 292 <tr> 293 <td> 294 <a href="#">9342</a> 295 </td> 296 <td> 297 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 298 <img width="40" src="{{ url('assets/media/image/products/product3.png') }}" 299 class="rounded mr-3" alt="cherry"> 300 <span>Snopy SN-BT96 Pretty</span> 301 </a> 302 </td> 303 <td>Serena Glover</td> 304 <td>$250</td> 305 <td> 306 <span class="badge bg-danger-bright text-danger">Payment error</span> 307 </td> 308 <td>2018/08/28 21:24:36</td> 309 <td> 310 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 311 <i class="ti-pencil"></i> 312 </a> 313 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 314 <i class="ti-trash"></i> 315 </a> 316 </td> 317 </tr> 318 <tr> 319 <td> 320 <a href="#">6416</a> 321 </td> 322 <td> 323 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 324 <img width="40" src="{{ url('assets/media/image/products/product4.png') }}" 325 class="rounded mr-3" alt="papaya"> 326 <span>Ultimate Ears Wonderboom</span> 327 </a> 328 </td> 329 <td>Dianne Prince</td> 330 <td>$550</td> 331 <td> 332 <span class="badge bg-success-bright text-success">Payment accepted</span> 333 </td> 334 <td>2018/08/28 21:24:36</td> 335 <td> 336 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 337 <i class="ti-pencil"></i> 338 </a> 339 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 340 <i class="ti-trash"></i> 341 </a> 342 </td> 343 </tr> 344 <tr> 345 <td> 346 <a href="#">92327</a> 347 </td> 348 <td> 349 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 350 <img width="40" src="{{ url('assets/media/image/products/product5.png') }}" 351 class="rounded mr-3" alt="pig"> 352 <span>Canon Pixma E3140 Printer</span> 353 </a> 354 </td> 355 <td>Morgan Pitts</td> 356 <td>$280</td> 357 <td> 358 <span class="badge bg-warning-bright text-warning">Preparing the order</span> 359 </td> 360 <td>2018/08/28 21:24:36</td> 361 <td> 362 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 363 <i class="ti-pencil"></i> 364 </a> 365 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 366 <i class="ti-trash"></i> 367 </a> 368 </td> 369 </tr> 370 <tr> 371 <td> 372 <a href="#">3013</a> 373 </td> 374 <td> 375 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 376 <img width="40" src="{{ url('assets/media/image/products/product6.png') }}" 377 class="rounded mr-3" alt="pineapple"> 378 <span>Canon 4000D 18-55 MM</span> 379 </a> 380 </td> 381 <td>Merrill Richardson</td> 382 <td>$128</td> 383 <td> 384 <span class="badge bg-info-bright text-info">Awaiting PayPal payment</span> 385 </td> 386 <td>2018/08/28 21:24:36</td> 387 <td> 388 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 389 <i class="ti-pencil"></i> 390 </a> 391 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 392 <i class="ti-trash"></i> 393 </a> 394 </td> 395 </tr> 396 <tr> 397 <td> 398 <a href="#">10323</a> 399 </td> 400 <td> 401 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 402 <img width="40" src="{{ url('assets/media/image/products/product7.png') }}" 403 class="rounded mr-3" alt="pomegranate"> 404 <span>Lenovo Tab E10 TB-X104F 32GB 10.1"</span> 405 </a> 406 </td> 407 <td>Krista Mathis</td> 408 <td>$500</td> 409 <td> 410 <span class="badge bg-secondary-bright text-secondary">Shipped</span> 411 </td> 412 <td>2018/08/28 21:24:36</td> 413 <td> 414 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 415 <i class="ti-pencil"></i> 416 </a> 417 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 418 <i class="ti-trash"></i> 419 </a> 420 </td> 421 </tr> 422 <tr> 423 <td> 424 <a href="#">4218</a> 425 </td> 426 <td> 427 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 428 <img width="40" src="{{ url('assets/media/image/products/product8.png') }}" 429 class="rounded mr-3" alt="raspberry"> 430 <span>Samsung 55Q60RAT 55"</span> 431 </a> 432 </td> 433 <td>Frankie Hewitt</td> 434 <td>$300</td> 435 <td> 436 <span class="badge bg-success-bright text-success">Remote payment accepted</span> 437 </td> 438 <td>2018/08/28 21:24:36</td> 439 <td> 440 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 441 <i class="ti-pencil"></i> 442 </a> 443 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 444 <i class="ti-trash"></i> 445 </a> 446 </td> 447 </tr> 448 <tr> 449 <td> 450 <a href="#">3158</a> 451 </td> 452 <td> 453 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 454 <img width="40" src="{{ url('assets/media/image/products/product9.png') }}" 455 class="rounded mr-3" alt="strawberry"> 456 <span>Toshiba Canvio Basic 1TB 2.5"</span> 457 </a> 458 </td> 459 <td>Hayden Fitzgerald</td> 460 <td>$200</td> 461 <td> 462 <span class="badge bg-success-bright text-success">Delivered</span> 463 </td> 464 <td>2018/08/28 21:24:36</td> 465 <td> 466 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 467 <i class="ti-pencil"></i> 468 </a> 469 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 470 <i class="ti-trash"></i> 471 </a> 472 </td> 473 </tr> 474 <tr> 475 <td> 476 <a href="#">9610</a> 477 </td> 478 <td> 479 <a href="testproduct-detail') }}" class="d-flex align-items-center"> 480 <img width="40" src="{{ url('assets/media/image/products/product10.png') }}" 481 class="rounded mr-3" alt="watermelon"> 482 <span>Fms Wireless Controller</span> 483 </a> 484 </td> 485 <td>Cole Holcomb</td> 486 <td>$700</td> 487 <td> 488 <span 489 class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span> 490 </td> 491 <td>2018/08/28 21:24:36</td> 492 <td> 493 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit"> 494 <i class="ti-pencil"></i> 495 </a> 496 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete"> 497 <i class="ti-trash"></i> 498 </a> 499 </td> 500 </tr> 501 </tbody> 502 </table> 503 </div> 504 </div> 505 </div> 506 </div> 507 </div> 508 509 <div class="row"> 510 <div class="col-lg-8 col-md-12"> 511 <div class="card"> 512 <div class="card-body"> 513 <div class="d-md-flex mb-2 mb-sm-0 justify-content-between"> 514 <h6 class="card-title">Activities</h6> 515 <div> 516 <div id="reportrange" class="form-control"> 517 <span></span> 518 </div> 519 </div> 520 </div> 521 <div id="ecommerce-activity-chart"></div> 522 </div> 523 </div> 524 </div> 525 <div class="col-lg-4 col-md-12"> 526 <div class="card"> 527 <div class="card-body pb-0"> 528 <div class="d-flex justify-content-between align-items-start mb-3"> 529 <h6 class="card-title mb-0">Top Sales</h6> 530 <a href="#" class="small">All Sales</a> 531 </div> 532 </div> 533 <div class="table-responsive"> 534 <table class="table table-striped mb-0"> 535 <thead> 536 <tr> 537 <th>Product</th> 538 <th>Total Sales</th> 539 </tr> 540 </thead> 541 <tbody> 542 <tr> 543 <td> 544 <a href="#">Apple</a> 545 </td> 546 <td>21</td> 547 </tr> 548 <tr> 549 <td> 550 <a href="#">Samsung <span class="badge badge-danger ml-1">New</span></a> 551 </td> 552 <td>52</td> 553 </tr> 554 <tr> 555 <td> 556 <a href="#">Huawei</a> 557 </td> 558 <td>74</td> 559 </tr> 560 <tr> 561 <td> 562 <a href="#">General Mobile</a> 563 </td> 564 <td>25</td> 565 </tr> 566 <tr> 567 <td> 568 <a href="#">Xiaomi</a> 569 </td> 570 <td>11</td> 571 </tr> 572 <tr> 573 <td> 574 <a href="#">Nokia</a> 575 </td> 576 <td>8</td> 577 </tr> 578 <tr> 579 <td> 580 <a href="#">Sony</a> 581 </td> 582 <td>5</td> 583 </tr> 584 <tr> 585 <td> 586 <a href="#">Alcatel</a> 587 </td> 588 <td>5</td> 589 </tr> 590 </tbody> 591 </table> 592 </div> 593 </div> 594 </div> 595 </div> 596 597 <div class="row"> 598 <div class="col-md-6"> 599 <div class="card"> 600 <div class="card-body"> 601 <h6 class="card-title d-flex justify-content-between"> 602 <span>Income Distribution</span> 603 <span class="dropdown"> 604 <a class="btn btn-outline-light btn-sm dropdown-toggle" href="#" 605 data-toggle="dropdown">USA</a> 606 <span class="dropdown-menu dropdown-menu-right"> 607 <a href="#" class="dropdown-item">USA</a> 608 <a href="#" class="dropdown-item">Germany</a> 609 <a href="#" class="dropdown-item">France</a> 610 <a href="#" class="dropdown-item">Italy</a> 611 </span> 612 </span> 613 </h6> 614 <div id="vmap_usa_en" style="height: 300px"></div> 615 </div> 616 <div class="table-responsive"> 617 <table class="table table-borderless table-lg table-striped mb-0"> 618 <thead> 619 <tr> 620 <th class="wd-40">States</th> 621 <th class="wd-25 text-center">Orders</th> 622 <th class="wd-35 text-center">Earnings</th> 623 <th class="wd-35"></th> 624 </tr> 625 </thead> 626 <tbody> 627 <tr> 628 <td>California</td> 629 <td class="text-center">12,201</td> 630 <td class="text-center text-success">$150,200.80</td> 631 <td class="text-right"> 632 <a href="#" data-toggle="tooltip" title="Detail"> 633 <i class="fa fa-external-link"></i> 634 </a> 635 </td> 636 </tr> 637 <tr> 638 <td>Texas</td> 639 <td class="text-center">11,950</td> 640 <td class="text-center text-success">$138,910.20</td> 641 <td class="text-right"> 642 <a href="#" data-toggle="tooltip" title="Detail"> 643 <i class="fa fa-external-link"></i> 644 </a> 645 </td> 646 </tr> 647 <tr> 648 <td>Wyoming</td> 649 <td class="text-center">11,198</td> 650 <td class="text-center text-danger">$132,050.00</td> 651 <td class="text-right"> 652 <a href="#" data-toggle="tooltip" title="Detail"> 653 <i class="fa fa-external-link"></i> 654 </a> 655 </td> 656 </tr> 657 <tr> 658 <td>Florida</td> 659 <td class="text-center">9,885</td> 660 <td class="text-center text-success">$127,762.10</td> 661 <td class="text-right"> 662 <a href="#" data-toggle="tooltip" title="Detail"> 663 <i class="fa fa-external-link"></i> 664 </a> 665 </td> 666 </tr> 667 <tr> 668 <td>New York</td> 669 <td class="text-center">21,198</td> 670 <td class="text-center text-danger">$432,410.00</td> 671 <td class="text-right"> 672 <a href="#" data-toggle="tooltip" title="Detail"> 673 <i class="fa fa-external-link"></i> 674 </a> 675 </td> 676 </tr> 677 <tr> 678 <td>Montana</td> 679 <td class="text-center">2,885</td> 680 <td class="text-center text-success">$7,100.00</td> 681 <td class="text-right"> 682 <a href="#" data-toggle="tooltip" title="Detail"> 683 <i class="fa fa-external-link"></i> 684 </a> 685 </td> 686 </tr> 687 </tbody> 688 </table> 689 </div> 690 </div> 691 </div> 692 <div class="col-md-6"> 693 <div class="card"> 694 <div class="card-body"> 695 <div class="card-title d-flex justify-content-between"> 696 <h6 class="card-title">Revenue by Country</h6> 697 <div> 698 <a href="#" class="btn btn-outline-light btn-sm mr-2"> 699 <i class="fa fa-refresh"></i> 700 </a> 701 <div class="dropdown"> 702 <a href="#" data-toggle="dropdown" 703 class="btn btn-outline-light btn-sm" 704 aria-haspopup="true" aria-expanded="false"> 705 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 706 </a> 707 <div class="dropdown-menu dropdown-menu-right"> 708 <a class="dropdown-item" href="#">Action</a> 709 <a class="dropdown-item" href="#">Another action</a> 710 <a class="dropdown-item" href="#">Something else here</a> 711 </div> 712 </div> 713 </div> 714 </div> 715 <p>Total Revenue</p> 716 <h2 class="mb-4 font-size-35">$469,453</h2> 717 <div class="progress mb-3" style="height: 10px"> 718 <div class="progress-bar w-25 bg-secondary-gradient" role="progressbar"></div> 719 <div class="progress-bar w-50 bg-info-gradient" role="progressbar"></div> 720 <div class="progress-bar w-25 bg-warning-gradient" role="progressbar"></div> 721 <div class="progress-bar w-25 bg-success-gradient" role="progressbar"></div> 722 <div class="progress-bar w-50 bg-danger-gradient" role="progressbar"></div> 723 </div> 724 </div> 725 <div class="p-4 bg-dark-gradient"> 726 <ul class="list-inline "> 727 <li class="list-inline-item mr-4 mb-3"> 728 <div class="d-flex align-items-center"> 729 <span class="d-inline-flex align-items-center"> 730 <i class="fa fa-circle text-secondary mr-1 small"></i> Russia 731 </span> 732 <small class="ml-3 text-success d-inline-flex align-items-center"> 733 <i class="fa fa-caret-up mr-1"></i> 40% 734 </small> 735 </div> 736 </li> 737 <li class="list-inline-item mr-4 mb-3"> 738 <div class="d-flex align-items-center"> 739 <span class="d-inline-flex align-items-center"> 740 <i class="fa fa-circle text-info mr-1 small"></i> Australia 741 </span> 742 <small class="ml-3 text-danger d-inline-flex align-items-center"> 743 <i class="fa fa-caret-down mr-1"></i> 25% 744 </small> 745 </div> 746 </li> 747 <li class="list-inline-item mr-4 mb-3"> 748 <div class="d-flex align-items-center"> 749 <span class="d-inline-flex align-items-center"> 750 <i class="fa fa-circle text-warning mr-1 small"></i> China 751 </span> 752 <small class="ml-3 text-success d-inline-flex align-items-center"> 753 <i class="fa fa-caret-up mr-1"></i> 30% 754 </small> 755 </div> 756 </li> 757 <li class="list-inline-item mr-4 mb-3"> 758 <div class="d-flex align-items-center"> 759 <span class="d-inline-flex align-items-center"> 760 <i class="fa fa-circle text-success mr-1 small"></i> Tunisia 761 </span> 762 <small class="ml-3 text-success d-inline-flex align-items-center"> 763 <i class="fa fa-caret-up mr-1"></i> 10% 764 </small> 765 </div> 766 </li> 767 <li class="list-inline-item mr-4 mb-3"> 768 <div class="d-flex align-items-center"> 769 <span class="d-inline-flex align-items-center"> 770 <i class="fa fa-circle text-success mr-1 small"></i> Spain 771 </span> 772 <small class="ml-3 text-danger d-inline-flex align-items-center"> 773 <i class="fa fa-caret-down mr-1"></i> 10% 774 </small> 775 </div> 776 </li> 777 </ul> 778 </div> 779 </div> 780 <div class="card"> 781 <div class="card-body"> 782 <h6 class="card-title">Reviews</h6> 783 <div class="card-scroll"> 784 <ul class="list-group list-group-flush"> 785 <li class="list-group-item d-flex pl-0 pr-0"> 786 <a href="#"> 787 <figure class="avatar mr-3"> 788 <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" alt="image"> 789 </figure> 790 </a> 791 <div> 792 <div class="d-flex justify-content-between"> 793 <a href="#"> 794 <h6>Valentine Maton</h6> 795 <ul class="list-inline mb-1"> 796 <li class="list-inline-item mb-0"> 797 <i class="fa fa-star text-warning"></i> 798 </li> 799 <li class="list-inline-item mb-0"> 800 <i class="fa fa-star text-warning"></i> 801 </li> 802 <li class="list-inline-item mb-0"> 803 <i class="fa fa-star text-warning"></i> 804 </li> 805 <li class="list-inline-item mb-0"> 806 <i class="fa fa-star text-warning"></i> 807 </li> 808 <li class="list-inline-item mb-0"> 809 <i class="fa fa-star text-warning"></i> 810 </li> 811 <li class="list-inline-item mb-0">(5)</li> 812 </ul> 42 813 </a> 43 <span class="dropdown-menu dropdown-menu-right"> 44 <a href="#" class="dropdown-item">Action</a> 45 <a href="#" class="dropdown-item">Another action</a> 46 <a href="#" class="dropdown-item">Something else here</a> 47 </span> 48 </span> 49 </div> 50 </div> 51 <div id="project-tasks"></div> 52 </div> 53 </div> 54 </div> 55 <div class="col-lg-4 col-md-12"> 56 <div class="card overflow-hidden"> 57 <div class="card-body"> 58 <div class="d-flex justify-content-between"> 59 <h6 class="card-title mb-0">All Projects</h6> 60 <div> 61 <a href="#" class="mr-3"> 62 <i class="fa fa-refresh"></i> 63 </a> 64 <span class="dropdown"> 65 <a href="#" data-toggle="dropdown" aria-haspopup="true" 66 aria-expanded="false"> 67 <i class="fa fa-ellipsis-v" aria-hidden="true"></i> 68 </a> 69 <span class="dropdown-menu dropdown-menu-right"> 70 <a href="#" class="dropdown-item">Action</a> 71 <a href="#" class="dropdown-item">Another action</a> 72 <a href="#" class="dropdown-item">Something else here</a> 73 </span> 74 </span> 75 </div> 76 </div> 77 </div> 78 <div class="slick-js"> 79 <div class="card border-0"> 80 <div class="card-body"> 81 <div class="d-flex align-items-center"> 82 <h5 class="mb-0"> 83 <a href="" class="link-2">Frontend Development</a> 84 <span class="badge badge-success ml-2">Active</span> 85 </h5> 86 <div class="dropdown ml-auto"> 87 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 88 <i class="fa fa-ellipsis-v" aria-hidden="true"></i> 89 </a> 90 <div class="dropdown-menu dropdown-menu-right"> 91 <a href="#" class="dropdown-item">View Detail</a> 92 <a href="#" class="dropdown-item">Share</a> 93 <a href="#" class="dropdown-item">Download</a> 94 <a href="#" class="dropdown-item">Copy to</a> 95 <a href="#" class="dropdown-item">Rename</a> 96 <a href="#" class="dropdown-item text-danger">Delete</a> 814 <div class="ml-auto"> 815 <div class="dropdown"> 816 <a href="#" data-toggle="dropdown" 817 class="btn btn-outline-light btn-sm" 818 aria-haspopup="true" aria-expanded="false"> 819 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 820 </a> 821 <div class="dropdown-menu dropdown-menu-right"> 822 <a href="#" class="dropdown-item">View</a> 823 <a href="#" class="dropdown-item">Send Message</a> 824 </div> 97 825 </div> 98 826 </div> 99 827 </div> 100 <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div> 101 <div class="progress mb-2" style="height: 5px;"> 102 <div class="progress-bar bg-primary" style="width: 53%;"></div> 103 </div> 104 <p class="small"> 105 <strong>53%</strong> completed 106 </p> 107 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl. 108 Maecenas quis ultrices tellus.</p> 109 <div class="row"> 110 <div class="col"> 111 <div class="text-muted mb-1 small">Created</div> 112 <div>02/01/2019</div> 113 </div> 114 <div class="col"> 115 <div class="text-muted mb-1 small">Deadline</div> 116 <div>03/12/2019</div> 117 </div> 118 </div> 119 </div> 120 <hr class="m-0"> 121 <div class="card-body"> 122 <div class="small mb-2">Team Member</div> 123 <div class="avatar-group"> 124 <figure class="avatar avatar-sm"> 125 <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle" 126 alt="avatar"> 127 </figure> 128 <figure class="avatar avatar-sm"> 129 <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle" 130 alt="avatar"> 131 </figure> 132 <figure class="avatar avatar-sm"> 133 <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle" 134 alt="avatar"> 135 </figure> 136 <figure class="avatar avatar-sm"> 137 <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" 138 alt="avatar"> 139 </figure> 140 </div> 141 </div> 142 </div> 143 <div class="card border-0"> 144 <div class="card-body"> 145 <div class="d-flex align-items-center"> 146 <h5 class="mb-0"> 147 <a href="" class="link-2">UI-Kit Development</a> 148 <span class="badge badge-success ml-2">Active</span> 149 </h5> 150 <div class="dropdown ml-auto"> 151 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 152 <i class="fa fa-ellipsis-v" aria-hidden="true"></i> 153 </a> 154 <div class="dropdown-menu dropdown-menu-right"> 155 <a href="#" class="dropdown-item">View Detail</a> 156 <a href="#" class="dropdown-item">Share</a> 157 <a href="#" class="dropdown-item">Download</a> 158 <a href="#" class="dropdown-item">Copy to</a> 159 <a href="#" class="dropdown-item">Rename</a> 160 <a href="#" class="dropdown-item text-danger">Delete</a> 828 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p> 829 </div> 830 </li> 831 <li class="list-group-item d-flex pl-0 pr-0"> 832 <a href="#"> 833 <figure class="avatar mr-3"> 834 <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle" alt="image"> 835 </figure> 836 </a> 837 <div> 838 <div class="d-flex justify-content-between"> 839 <a href="#"> 840 <h6>Valentine Maton</h6> 841 <ul class="list-inline mb-1"> 842 <li class="list-inline-item mb-0"> 843 <i class="fa fa-star text-warning"></i> 844 </li> 845 <li class="list-inline-item mb-0"> 846 <i class="fa fa-star text-warning"></i> 847 </li> 848 <li class="list-inline-item mb-0"> 849 <i class="fa fa-star text-warning"></i> 850 </li> 851 <li class="list-inline-item mb-0"> 852 <i class="fa fa-star-half-o text-warning"></i> 853 </li> 854 <li class="list-inline-item mb-0"> 855 <i class="fa fa-star-o"></i> 856 </li> 857 <li class="list-inline-item mb-0">(3.5)</li> 858 </ul> 859 </a> 860 <div class="ml-auto"> 861 <div class="dropdown"> 862 <a href="#" data-toggle="dropdown" 863 class="btn btn-outline-light btn-sm" 864 aria-haspopup="true" aria-expanded="false"> 865 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 866 </a> 867 <div class="dropdown-menu dropdown-menu-right"> 868 <a href="#" class="dropdown-item">View</a> 869 <a href="#" class="dropdown-item">Send Message</a> 870 </div> 161 871 </div> 162 872 </div> 163 873 </div> 164 <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div> 165 <div class="progress mb-2" style="height: 5px;"> 166 <div class="progress-bar bg-success" style="width: 53%;"></div> 167 </div> 168 <p class="small"> 169 <strong>53%</strong> completed 170 </p> 171 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl. 172 Maecenas quis ultrices tellus.</p> 173 <div class="row"> 174 <div class="col"> 175 <div class="text-muted mb-1 small">Created</div> 176 <div>02/01/2019</div> 177 </div> 178 <div class="col"> 179 <div class="text-muted mb-1 small">Deadline</div> 180 <div>03/12/2019</div> 181 </div> 182 </div> 183 </div> 184 <hr class="m-0"> 185 <div class="card-body"> 186 <div class="small mb-2">Team Member</div> 187 <div class="avatar-group"> 188 <figure class="avatar avatar-sm"> 189 <img src="{{ url('assets/media/image/user/women_avatar2.jpg') }}" class="rounded-circle" 190 alt="avatar"> 191 </figure> 192 <figure class="avatar avatar-sm"> 193 <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle" 194 alt="avatar"> 195 </figure> 196 <figure class="avatar avatar-sm"> 197 <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle" 198 alt="avatar"> 199 </figure> 200 <figure class="avatar avatar-sm"> 201 <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" 202 alt="avatar"> 203 </figure> 204 <figure class="avatar avatar-sm"> 205 <img src="{{ url('assets/media/image/user/man_avatar5.jpg') }}" class="rounded-circle" 206 alt="avatar"> 207 </figure> 208 <figure class="avatar avatar-sm"> 209 <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle" 210 alt="avatar"> 211 </figure> 212 </div> 213 </div> 214 </div> 215 <div class="card border-0"> 216 <div class="card-body"> 217 <div class="d-flex align-items-center"> 218 <h5 class="mb-0"> 219 <a href="" class="link-2">Backend Development</a> 220 <span class="badge badge-warning ml-2">Pending</span> 221 </h5> 222 <div class="dropdown ml-auto"> 223 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 224 <i class="fa fa-ellipsis-v" aria-hidden="true"></i> 225 </a> 226 <div class="dropdown-menu dropdown-menu-right"> 227 <a href="#" class="dropdown-item">View Detail</a> 228 <a href="#" class="dropdown-item">Share</a> 229 <a href="#" class="dropdown-item">Download</a> 230 <a href="#" class="dropdown-item">Copy to</a> 231 <a href="#" class="dropdown-item">Rename</a> 232 <a href="#" class="dropdown-item text-danger">Delete</a> 874 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p> 875 </div> 876 </li> 877 <li class="list-group-item d-flex pl-0 pr-0"> 878 <a href="#"> 879 <figure class="avatar mr-3"> 880 <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle" alt="image"> 881 </figure> 882 </a> 883 <div> 884 <div class="d-flex justify-content-between"> 885 <a href="#"> 886 <h6>Valentine Maton</h6> 887 <ul class="list-inline mb-1"> 888 <li class="list-inline-item mb-0"> 889 <i class="fa fa-star text-warning"></i> 890 </li> 891 <li class="list-inline-item mb-0"> 892 <i class="fa fa-star text-warning"></i> 893 </li> 894 <li class="list-inline-item mb-0"> 895 <i class="fa fa-star text-warning"></i> 896 </li> 897 <li class="list-inline-item mb-0"> 898 <i class="fa fa-star text-warning"></i> 899 </li> 900 <li class="list-inline-item mb-0"> 901 <i class="fa fa-star-half-o text-warning"></i> 902 </li> 903 <li class="list-inline-item mb-0">(4.5)</li> 904 </ul> 905 </a> 906 <div class="ml-auto"> 907 <div class="dropdown"> 908 <a href="#" data-toggle="dropdown" 909 class="btn btn-outline-light btn-sm" 910 aria-haspopup="true" aria-expanded="false"> 911 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 912 </a> 913 <div class="dropdown-menu dropdown-menu-right"> 914 <a href="#" class="dropdown-item">View</a> 915 <a href="#" class="dropdown-item">Send Message</a> 916 </div> 233 917 </div> 234 918 </div> 235 919 </div> 236 <div class="text-muted small mt-1 mb-3">10 opened tasks, 5 tasks completed</div> 237 <div class="progress mb-2" style="height: 5px;"> 238 <div class="progress-bar bg-success" style="width: 53%;"></div> 239 </div> 240 <p class="small"> 241 <strong>53%</strong> completed 242 </p> 243 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac malesuada nisl. 244 Maecenas quis ultrices tellus.</p> 245 <div class="row"> 246 <div class="col"> 247 <div class="text-muted mb-1 small">Created</div> 248 <div>02/01/2019</div> 249 </div> 250 <div class="col"> 251 <div class="text-muted mb-1 small">Deadline</div> 252 <div>03/12/2019</div> 920 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p> 921 </div> 922 </li> 923 <li class="list-group-item d-flex pl-0 pr-0"> 924 <a href="#"> 925 <figure class="avatar mr-3"> 926 <img src="{{ url('assets/media/image/user/man_avatar4.jpg') }}" class="rounded-circle" alt="image"> 927 </figure> 928 </a> 929 <div> 930 <div class="d-flex justify-content-between"> 931 <a href="#"> 932 <h6>Valentine Maton</h6> 933 <ul class="list-inline mb-1"> 934 <li class="list-inline-item mb-0"> 935 <i class="fa fa-star text-warning"></i> 936 </li> 937 <li class="list-inline-item mb-0"> 938 <i class="fa fa-star text-warning"></i> 939 </li> 940 <li class="list-inline-item mb-0"> 941 <i class="fa fa-star text-warning"></i> 942 </li> 943 <li class="list-inline-item mb-0"> 944 <i class="fa fa-star text-warning"></i> 945 </li> 946 <li class="list-inline-item mb-0"> 947 <i class="fa fa-star-o"></i> 948 </li> 949 <li class="list-inline-item mb-0">(4)</li> 950 </ul> 951 </a> 952 <div class="ml-auto"> 953 <div class="dropdown"> 954 <a href="#" data-toggle="dropdown" 955 class="btn btn-outline-light btn-sm" 956 aria-haspopup="true" aria-expanded="false"> 957 <i class="fa fa-ellipsis-h" aria-hidden="true"></i> 958 </a> 959 <div class="dropdown-menu dropdown-menu-right"> 960 <a href="#" class="dropdown-item">View</a> 961 <a href="#" class="dropdown-item">Send Message</a> 962 </div> 963 </div> 253 964 </div> 254 965 </div> 255 </div> 256 <hr class="m-0"> 257 <div class="card-body"> 258 <div class="small mb-2">Team Member</div> 259 <div class="avatar-group"> 260 <figure class="avatar avatar-sm"> 261 <img src="{{ url('assets/media/image/user/women_avatar5.jpg') }}" class="rounded-circle" 262 alt="avatar"> 263 </figure> 264 <figure class="avatar avatar-sm"> 265 <img src="{{ url('assets/media/image/user/women_avatar1.jpg') }}" class="rounded-circle" 266 alt="avatar"> 267 </figure> 268 </div> 269 </div> 270 </div> 271 </div> 272 </div> 273 </div> 274 </div> 275 276 <div class="row"> 277 <div class="col-md-6"> 278 <div class="row"> 279 <div class="col-md-6"> 280 <div class="card"> 281 <div class="card-body"> 282 <div class="d-flex justify-content-between"> 283 <h6 class="card-title mb-2">Growth</h6> 284 <h2 class="mb-0 font-weight-bold">$2,450</h2> 285 </div> 286 <div class="d-flex align-items-center mt-2"> 287 <div class="progress flex-grow-1" style="height: 5px"> 288 <div class="progress-bar bg-primary" role="progressbar" 289 style="width: 62%;" 290 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> 291 </div> 292 <div class="ml-2">%62</div> 293 </div> 294 </div> 295 </div> 296 </div> 297 <div class="col-md-6"> 298 <div class="card"> 299 <div class="card-body"> 300 <div class="d-flex justify-content-between"> 301 <h6 class="card-title mb-2">Project</h6> 302 <h2 class="mb-0 font-weight-bold">2,320</h2> 303 </div> 304 <div class="d-flex align-items-center mt-2"> 305 <div class="progress flex-grow-1" style="height: 5px"> 306 <div class="progress-bar bg-warning" role="progressbar" 307 style="width:73%;" 308 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> 309 </div> 310 <div class="ml-2">%73</div> 311 </div> 312 </div> 313 </div> 314 </div> 315 <div class="col-md-6"> 316 <div class="card"> 317 <div class="card-body"> 318 <div class="d-flex justify-content-between"> 319 <h6 class="card-title mb-2">Income</h6> 320 <h2 class="mb-0 font-weight-bold">$9,750</h2> 321 </div> 322 <div class="d-flex align-items-center mt-2"> 323 <div class="progress flex-grow-1" style="height: 5px"> 324 <div class="progress-bar bg-success" role="progressbar" 325 style="width: 40%;" 326 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> 327 </div> 328 <div class="ml-2">%40</div> 329 </div> 330 </div> 331 </div> 332 </div> 333 <div class="col-md-6"> 334 <div class="card"> 335 <div class="card-body"> 336 <div class="d-flex justify-content-between"> 337 <h6 class="card-title mb-2">Employers</h6> 338 <h2 class="mb-0 font-weight-bold">3,156</h2> 339 </div> 340 <div class="d-flex align-items-center mt-2"> 341 <div class="progress flex-grow-1" style="height: 5px"> 342 <div class="progress-bar bg-info" role="progressbar" 343 style="width: 55%;" 344 aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> 345 </div> 346 <div class="ml-2">%55</div> 347 </div> 348 </div> 349 </div> 350 </div> 351 </div> 352 </div> 353 <div class="col-md-6"> 354 <div class="card"> 355 <div class="card-body text-center"> 356 <h5>10th Dance Competition 2019</h5> 357 <p class="text-muted">Sunt in culpa qui officia deserunt mol excep teur sint occa ecat cupi 358 datat non</p> 359 <div class="mb-4 d-flex align-items-center justify-content-center"> 360 <div class="avatar-group"> 361 <figure class="avatar"> 362 <span class="avatar-title bg-success rounded-circle">E</span> 363 </figure> 364 <figure class="avatar"> 365 <img src="{{ url('assets/media/image/user/women_avatar4.jpg') }}" class="rounded-circle" 366 alt="avatar"> 367 </figure> 368 <figure class="avatar"> 369 <span class="avatar-title bg-danger rounded-circle">S</span> 370 </figure> 371 <figure class="avatar"> 372 <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" 373 alt="avatar"> 374 </figure> 375 <figure class="avatar"> 376 <span class="avatar-title bg-primary rounded-circle">C</span> 377 </figure> 378 </div> 379 <div class="text-muted ml-2">10+ friends are coming</div> 380 </div> 381 <div class="clearfix"></div> 382 <a href="" class="btn btn-outline-primary">View All</a> 383 </div> 384 </div> 385 </div> 386 </div> 387 388 <div class="row"> 389 <div class="col-lg-6 col-md-12"> 390 391 392 393 394 395 </div> 396 <div class="col-lg-6 col-md-12"> 397 398 399 400 </div> 401 </div> 402 403 <div class="row"> 404 <div class="col-md-8"> 405 <div class="card"> 406 <div class="card-body"> 407 <div class="d-flex justify-content-between"> 408 <h6 class="card-title">Recent Projects</h6> 409 <div> 410 <a href="#" class="mr-3"> 411 <i class="fa fa-refresh"></i> 412 </a> 413 <span class="dropdown"> 414 <a href="#" data-toggle="dropdown" aria-haspopup="true" 415 aria-expanded="false"> 416 <i class="fa fa-ellipsis-v" aria-hidden="true"></i> 417 </a> 418 <span class="dropdown-menu dropdown-menu-right"> 419 <a href="#" class="dropdown-item">Action</a> 420 <a href="#" class="dropdown-item">Another action</a> 421 <a href="#" class="dropdown-item">Something else here</a> 422 </span> 423 </span> 424 </div> 425 </div> 426 <div class="table-responsive"> 427 <table class="table"> 428 <thead> 429 <tr> 430 <th>Project</th> 431 <th class="text-center">Task</th> 432 <th class="text-center">Members</th> 433 <th class="text-center">Status</th> 434 <th class="text-right">Progress</th> 435 </tr> 436 </thead> 437 <tbody> 438 <tr> 439 <td> 440 <a href="#">Frontend Development</a> 441 </td> 442 <td class="text-center">25</td> 443 <td class="text-center"> 444 <div class="avatar-group"> 445 <figure class="avatar avatar-sm"> 446 <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}" 447 class="rounded-circle" 448 alt="avatar"> 449 </figure> 450 <figure class="avatar avatar-sm"> 451 <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}" 452 class="rounded-circle" 453 alt="avatar"> 454 </figure> 455 <figure class="avatar avatar-sm"> 456 <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}" 457 class="rounded-circle" 458 alt="avatar"> 459 </figure> 460 <figure class="avatar avatar-sm"> 461 <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}" 462 class="rounded-circle" 463 alt="avatar"> 464 </figure> 465 </div> 466 </td> 467 <td class="text-center"> 468 <span class="badge badge-info">In Progress</span> 469 </td> 470 <td> 471 <div class="d-flex align-items-center"> 472 <div class="progress flex-grow-1" style="height: 5px;"> 473 <div class="progress-bar bg-info" style="width: 53%;"></div> 474 </div> 475 <small class="ml-2">%53</small> 476 </div> 477 </td> 478 </tr> 479 <tr> 480 <td> 481 <a href="#">Backend Development</a> 482 </td> 483 <td class="text-center">10</td> 484 <td class="text-center"> 485 <div class="avatar-group"> 486 <figure class="avatar avatar-sm"> 487 <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}" 488 class="rounded-circle" 489 alt="avatar"> 490 </figure> 491 <figure class="avatar avatar-sm"> 492 <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}" 493 class="rounded-circle" 494 alt="avatar"> 495 </figure> 496 <figure class="avatar avatar-sm"> 497 <img src="{{ url('/assets/media/image/user/man_avatar3.jpg') }}" 498 class="rounded-circle" 499 alt="avatar"> 500 </figure> 501 <figure class="avatar avatar-sm"> 502 <img src="{{ url('/assets/media/image/user/man_avatar1.jpg') }}" 503 class="rounded-circle" 504 alt="avatar"> 505 </figure> 506 <figure class="avatar avatar-sm"> 507 <img src="{{ url('/assets/media/image/user/man_avatar5.jpg') }}" 508 class="rounded-circle" 509 alt="avatar"> 510 </figure> 511 <figure class="avatar avatar-sm"> 512 <img src="{{ url('/assets/media/image/user/man_avatar2.jpg') }}" 513 class="rounded-circle" 514 alt="avatar"> 515 </figure> 516 </div> 517 </td> 518 <td class="text-center"> 519 <span class="badge badge-warning">Pending</span> 520 </td> 521 <td> 522 <div class="d-flex align-items-center"> 523 <div class="progress flex-grow-1" style="height: 5px;"> 524 <div class="progress-bar bg-warning" style="width: 80%;"></div> 525 </div> 526 <small class="ml-2">%80</small> 527 </div> 528 </td> 529 </tr> 530 <tr> 531 <td> 532 <a href="#">UI-Kit Development</a> 533 </td> 534 <td class="text-center">32</td> 535 <td class="text-center"> 536 <div class="avatar-group"> 537 <figure class="avatar avatar-sm"> 538 <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}" 539 class="rounded-circle" 540 alt="avatar"> 541 </figure> 542 <figure class="avatar avatar-sm"> 543 <img src="{{ url('/assets/media/image/user/women_avatar4.jpg') }}" 544 class="rounded-circle" 545 alt="avatar"> 546 </figure> 547 </div> 548 </td> 549 <td class="text-center"> 550 <span class="badge badge-success">Active</span> 551 </td> 552 <td> 553 <div class="d-flex align-items-center"> 554 <div class="progress flex-grow-1" style="height: 5px;"> 555 <div class="progress-bar bg-success" style="width: 35%;"></div> 556 </div> 557 <small class="ml-2">%35</small> 558 </div> 559 </td> 560 </tr> 561 <tr> 562 <td> 563 <a href="#">UI-Kit Development 2</a> 564 </td> 565 <td class="text-center">5</td> 566 <td class="text-center"> 567 <div class="avatar-group"> 568 <figure class="avatar avatar-sm"> 569 <img src="{{ url('/assets/media/image/user/women_avatar1.jpg') }}" 570 class="rounded-circle" 571 alt="avatar"> 572 </figure> 573 <figure class="avatar avatar-sm"> 574 <img src="{{ url('/assets/media/image/user/women_avatar3.jpg') }}" 575 class="rounded-circle" 576 alt="avatar"> 577 </figure> 578 <figure class="avatar avatar-sm"> 579 <img src="{{ url('/assets/media/image/user/women_avatar2.jpg') }}" 580 class="rounded-circle" 581 alt="avatar"> 582 </figure> 583 </div> 584 </td> 585 <td class="text-center"> 586 <span class="badge badge-info">In Progress</span> 587 </td> 588 <td> 589 <div class="d-flex align-items-center"> 590 <div class="progress flex-grow-1" style="height: 5px;"> 591 <div class="progress-bar bg-info" style="width: 50%;"></div> 592 </div> 593 <small class="ml-2">%50</small> 594 </div> 595 </td> 596 </tr> 597 </tbody> 598 </table> 599 </div> 600 </div> 601 </div> 602 </div> 603 <div class="col-md-4"> 604 <div class="card"> 605 <div class="card-body"> 606 <div class="d-flex justify-content-between"> 607 <h6 class="card-title">Upcoming Meeting</h6> 608 <a href="#">View All</a> 609 </div> 610 <div class="d-flex mb-3"> 611 <div class="text-center"> 612 <div class="avatar"> 613 <span 614 class="avatar-title bg-info-bright text-info rounded-circle font-size-22">17</span> 615 </div> 616 </div> 617 <div class="m-l-20"> 618 <h5 class="mb-2"> 619 <a class="text-dark">UI Discussion</a> 620 </h5> 621 <p class="mb-0">Execute core that as result.</p> 622 </div> 623 </div> 624 <div class="d-flex mb-3"> 625 <div class="text-center"> 626 <div class="avatar"> 627 <span class="avatar-title bg-danger-bright text-danger rounded-circle font-size-22">21</span> 628 </div> 629 </div> 630 <div class="m-l-20"> 631 <h5 class="mb-2"> 632 <a class="text-dark">Project Schdule</a> 633 </h5> 634 <p class="mb-0">Special cloth alert always.</p> 635 </div> 636 </div> 637 <div class="d-flex mb-3"> 638 <div class="text-center"> 639 <div class="avatar"> 640 <span 641 class="avatar-title bg-warning-bright text-warning rounded-circle font-size-22">25</span> 642 </div> 643 </div> 644 <div class="m-l-20"> 645 <h5 class="mb-2"> 646 <a class="text-dark">Design Discussion</a> 647 </h5> 648 <p class="mb-0">Let us wax poetic about.</p> 649 </div> 650 </div> 651 <div class="d-flex"> 652 <div class="text-center"> 653 <div class="avatar"> 654 <span 655 class="avatar-title bg-success-bright text-success rounded-circle font-size-22">10</span> 656 </div> 657 </div> 658 <div class="m-l-20"> 659 <h5 class="mb-2"> 660 <a class="text-dark">UI Discussion</a> 661 </h5> 662 <p class="mb-0">Let us wax poetic about.</p> 663 </div> 664 </div> 665 </div> 966 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p> 967 </div> 968 </li> 969 </ul> 970 </div> 971 <div class="mt-3 text-center"> 972 <a href="#" class="btn btn-primary"> 973 View All 974 </a> 666 975 </div> 667 976 </div> … … 674 983 675 984 @section('script') 676 <!-- Slick -->677 <script src="{{ url('/vendors/slick/slick.min.js') }}"></script>678 985 679 986 <!-- Apex chart --> 987 <script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script> 680 988 <script src="{{ url('/vendors/charts/apex/apexcharts.min.js') }}"></script> 681 989 682 <!-- Circle progress --> 683 <script src="{{ url('/vendors/circle-progress/circle-progress.min.js') }}"></script> 990 <!-- Daterangepicker --> 991 <script src="{{ url('vendors/datepicker/daterangepicker.js') }}"></script> 992 993 <!-- DataTable --> 994 <script src="{{ url('vendors/dataTable/datatables.min.js') }}"></script> 684 995 685 996 <!-- Dashboard scripts --> 686 997 <script src="{{ url('/assets/js/examples/dashboard.js') }}"></script> 998 999 <!-- Vamp --> 1000 <script src="{{ url('vendors/vmap/jquery.vmap.min.js') }}"></script> 1001 <script src="{{ url('vendors/vmap/maps/jquery.vmap.usa.js') }}"></script> 1002 <script src="{{ url('assets/js/examples/vmap.js') }}"></script> 687 1003 688 1004 <!-- To use theme colors with Javascript --> … … 702 1018 </div> 703 1019 704 {{-- <script>--}} 705 {{-- $(function () {--}} 706 {{-- $('.slick-js').slick({--}} 707 {{-- speed: 500,--}} 708 {{-- arrows: false,--}} 709 {{-- slidesToShow: 1,--}} 710 {{-- slidesToScroll: 1,--}} 711 {{-- autoplay: true,--}} 712 {{-- autoplaySpeed: 2000--}} 713 {{-- });--}} 714 715 {{-- $('input[name="daterangepicker"]').daterangepicker();--}} 716 717 {{-- $('.dataTable').DataTable({--}} 718 {{-- lengthMenu: [5, 10],--}} 719 {{-- "columnDefs": [ {--}} 720 {{-- "targets": 7,--}} 721 {{-- "orderable": false--}} 722 {{-- } ]--}} 723 {{-- });--}} 724 {{-- })--}} 725 {{-- </script>--}} 1020 <script src="{{ url('assets/js/examples/pages/ecommerce-dashboard.js') }}"></script> 726 1021 727 1022 @endsection
Note:
See TracChangeset
for help on using the changeset viewer.
