Update Model, dashboard, lahan
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
@@ -0,0 +1,118 @@
|
||||
<!doctype html>
|
||||
|
||||
<html
|
||||
lang="en"
|
||||
class=" layout-wide customizer-hide"
|
||||
dir="ltr"
|
||||
data-skin="default"
|
||||
data-bs-theme="light"
|
||||
data-assets-path="../../assets/"
|
||||
data-template="vertical-menu-template">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>Agomonev | {{ $title ?? 'Auth' }} </title>
|
||||
|
||||
<meta name="description" content="" />
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/x-icon" href="../../assets/img/favicon/favicon.ico" />
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
|
||||
rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('assets/vendor/fonts/iconify-icons.css') }}" />
|
||||
|
||||
<script src="{{ asset('assets/vendor/libs/@algolia/autocomplete-js.js') }}"></script>
|
||||
|
||||
<!-- Core CSS -->
|
||||
<!-- build:css assets/vendor/css/theme.css -->
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('assets/vendor/libs/node-waves/node-waves.css') }}" />
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('assets/vendor/libs/pickr/pickr-themes.css') }}" />
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('assets/vendor/css/core.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('assets/css/demo.css') }}" />
|
||||
|
||||
<!-- Vendors CSS -->
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css') }}" />
|
||||
|
||||
<!-- endbuild -->
|
||||
|
||||
<!-- Vendor -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/vendor/libs/@form-validation/form-validation.css') }}" />
|
||||
|
||||
<!-- Page CSS -->
|
||||
<!-- Page -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/page-auth.css') }}" />
|
||||
|
||||
<!-- Helpers -->
|
||||
<script src="{{ asset('assets/vendor/js/helpers.js') }}"></script>
|
||||
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
|
||||
|
||||
<!--? Template customizer: To hide customizer set displayCustomizer value false in config.js. -->
|
||||
<script src="{{ asset('assets/vendor/js/template-customizer.js') }}"></script>
|
||||
|
||||
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
|
||||
|
||||
<script src="{{ asset('assets/js/config.js') }}"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Content -->
|
||||
|
||||
<div class="container-xxl">
|
||||
<div class="authentication-wrapper authentication-basic container-p-y">
|
||||
<div class="authentication-inner py-6">
|
||||
<!-- Register Card -->
|
||||
@yield('content')
|
||||
<!-- Register Card -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- / Content -->
|
||||
|
||||
<!-- Core JS -->
|
||||
<!-- build:js assets/vendor/js/theme.js -->
|
||||
|
||||
<script src="{{ asset('assets/vendor/libs/jquery/jquery.js') }}"></script>
|
||||
|
||||
<script src="{{ asset('assets/vendor/libs/popper/popper.js') }}"></script>
|
||||
<script src="{{ asset('assets/vendor/js/bootstrap.js') }}"></script>
|
||||
<script src="{{ asset('assets/vendor/libs/node-waves/node-waves.js') }}"></script>
|
||||
|
||||
<script src="{{ asset('assets/vendor/libs/pickr/pickr.js') }}"></script>
|
||||
|
||||
<script src="{{ asset('assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js') }}"></script>
|
||||
|
||||
<script src="{{ asset('assets/vendor/libs/hammer/hammer.js') }}"></script>
|
||||
|
||||
<script src="{{ asset('assets/vendor/libs/i18n/i18n.js') }}"></script>
|
||||
|
||||
<script src="{{ asset('assets/vendor/js/menu.js') }}"></script>
|
||||
|
||||
<!-- endbuild -->
|
||||
|
||||
<!-- Vendors JS -->
|
||||
<script src="{{ asset('assets/vendor/libs/@form-validation/popular.js') }}"></script>
|
||||
<script src="{{ asset('assets/vendor/libs/@form-validation/bootstrap5.js') }}"></script>
|
||||
<script src="{{ asset('assets/vendor/libs/@form-validation/auto-focus.js') }}"></script>
|
||||
|
||||
<!-- Main JS -->
|
||||
|
||||
<script src="{{ asset('assets/js/main.js') }}"></script>
|
||||
|
||||
<!-- Page JS -->
|
||||
<script src="{{ asset('assets/js/pages-auth.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,89 @@
|
||||
@extends('auth.layout')
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<!-- Logo -->
|
||||
<div class="app-brand justify-content-center mb-6">
|
||||
<a href="{{ route('dashboard.produktivitas') }}" class="app-brand-link">
|
||||
<span class="app-brand-logo demo">
|
||||
<span class="text-primary">
|
||||
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Daun Bagian Kiri -->
|
||||
<path opacity="0.3" d="M16 2.5C16 2.5 5 6.5 5 15.5C5 20.5 11 23.5 16 23.5V2.5Z" fill="currentColor" />
|
||||
<!-- Daun Bagian Kanan -->
|
||||
<path opacity="0.6" d="M16 2.5C16 2.5 27 6.5 27 15.5C27 20.5 21 23.5 16 23.5V2.5Z" fill="currentColor" />
|
||||
<!-- Grafik Pertumbuhan (Monev) -->
|
||||
<path d="M2 19L10 11L15 15L27 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
|
||||
<!-- Titik Target/Pencapaian -->
|
||||
<circle cx="27" cy="4" r="2.5" fill="currentColor" />
|
||||
</svg>
|
||||
</span>
|
||||
</span>
|
||||
<span class="app-brand-text demo menu-text fw-bold ms-3" style="text-transform: capitalize;">AgroMonev</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- /Logo -->
|
||||
<h4 class="mb-1">Selamat datang di AgroMonev!</h4>
|
||||
<p class="mb-6">Silakan masuk ke akun Anda</p>
|
||||
@if ($errors->any())
|
||||
<div class="alert alert-danger">
|
||||
<ul class="mb-0">
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
<form id="formAuthentication" class="mb-4" action="{{ route('auth.authenticate') }}" method="POST">
|
||||
@csrf
|
||||
<div class="mb-6 form-control-validation">
|
||||
<label for="email" class="form-label">Email atau Username</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
id="email"
|
||||
name="email_username"
|
||||
placeholder="Masukkan email atau username Anda"
|
||||
autofocus />
|
||||
</div>
|
||||
<div class="mb-6 form-password-toggle form-control-validation">
|
||||
<label class="form-label" for="password">Password</label>
|
||||
<div class="input-group input-group-merge">
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
class="form-control"
|
||||
name="password"
|
||||
placeholder="············"
|
||||
aria-describedby="password" />
|
||||
<span class="input-group-text cursor-pointer"><i class="icon-base ti tabler-eye-off"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-8">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="form-check mb-0 ms-2">
|
||||
<input class="form-check-input" type="checkbox" id="remember-me" />
|
||||
<label class="form-check-label" for="remember-me"> Remember Me </label>
|
||||
</div>
|
||||
<a href="auth-forgot-password-basic.html">
|
||||
<p class="mb-0">Lupa Password?</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-6">
|
||||
<button class="btn btn-primary d-grid w-100" type="submit">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<p class="text-center">
|
||||
<span>Anda belum terdaftar?</span>
|
||||
<a href="{{ route('register') }}">
|
||||
<span>Buat akun baru</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,558 @@
|
||||
@extends('layout.main')
|
||||
|
||||
@section('content')
|
||||
<div class="container-xxl flex-grow-1 container-p-y">
|
||||
<!-- Header -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mb-6">
|
||||
<!-- <div class="user-profile-header-banner">
|
||||
<img src="{{ asset('assets/img/pages/profile-banner.png') }}" alt="Banner image" class="rounded-top" />
|
||||
</div> -->
|
||||
<div class="user-profile-header d-flex flex-column flex-lg-row text-sm-start text-center mb-5">
|
||||
<!-- <div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto">
|
||||
<img
|
||||
src="../../assets/img/avatars/1.png"
|
||||
alt="user image"
|
||||
class="d-block h-auto ms-0 ms-sm-6 rounded user-profile-img" />
|
||||
</div> -->
|
||||
<div class="flex-grow-1 mt-3 mt-lg-5">
|
||||
<div
|
||||
class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-5 flex-md-row flex-column gap-4">
|
||||
<div class="user-profile-info">
|
||||
<h4 class="mb-2 mt-lg-6">{{ $profile->nama ?? 'Guest' }}</h4>
|
||||
<ul
|
||||
class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4 my-2">
|
||||
<li class="list-inline-item d-flex gap-2 align-items-center">
|
||||
<i class="icon-base ti tabler-circles icon-lg"></i
|
||||
><span class="fw-medium">{{ $profile->role ?? 'N/A' }}</span>
|
||||
</li>
|
||||
<li class="list-inline-item d-flex gap-2 align-items-center">
|
||||
<i class="icon-base ti tabler-map-pin icon-lg"></i
|
||||
><span class="fw-medium"> {{ $profile->alamat ?? 'N/A' }} </span>
|
||||
</li>
|
||||
<li class="list-inline-item d-flex gap-2 align-items-center">
|
||||
<i class="icon-base ti tabler-calendar icon-lg"></i
|
||||
><span class="fw-medium"> {{ $profile->created_at->format('F j, Y') ?? 'N/A' }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn btn-primary mb-1">
|
||||
<i class="icon-base ti tabler-user-check icon-xs me-2"></i>Connected
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Header -->
|
||||
|
||||
<!-- Navbar pills -->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="nav-align-top">
|
||||
<ul class="nav nav-pills flex-column flex-sm-row mb-6 gap-sm-0 gap-2">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="javascript:void(0);"
|
||||
><i class="icon-base ti tabler-user-check icon-sm me-1_5"></i> Profile</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages-profile-teams.html"
|
||||
><i class="icon-base ti tabler-lock icon-sm me-1_5"></i> Security</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages-profile-projects.html"
|
||||
><i class="icon-base ti tabler-layout-grid icon-sm me-1_5"></i> Projects</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages-profile-connections.html"
|
||||
><i class="icon-base ti tabler-link icon-sm me-1_5"></i> Connections</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Navbar pills -->
|
||||
|
||||
<!-- User Profile Content -->
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-lg-5 col-md-5">
|
||||
<!-- About User -->
|
||||
<div class="card mb-6">
|
||||
<div class="card-body">
|
||||
<p class="card-text text-uppercase text-body-secondary small mb-0">Tentang Pengguna</p>
|
||||
<ul class="list-unstyled my-3 py-1">
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-user icon-lg"></i
|
||||
><span class="fw-medium mx-2">Nama Lengkap:</span> <span>{{ $profile->nama ?? 'N/A' }}</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-circles icon-lg"></i><span class="fw-medium mx-2">Role:</span>
|
||||
<span>{{ $profile->role ?? 'N/A' }}</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-layout-collage icon-lg"></i><span class="fw-medium mx-2">Wilayah:</span>
|
||||
<span>{{ $profile->desa_kelurahan_id ?? 'N/A' }}</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-layout-collage icon-lg"></i><span class="fw-medium mx-2">No KTP:</span>
|
||||
<span>{{ $profile->ktp ?? 'N/A' }}</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-layout-collage icon-lg"></i><span class="fw-medium mx-2">No KK:</span>
|
||||
<span>{{ $profile->kk ?? 'N/A' }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="card-text text-uppercase text-body-secondary small mb-0">Kontak</p>
|
||||
<ul class="list-unstyled my-3 py-1">
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-phone-call icon-lg"></i
|
||||
><span class="fw-medium mx-2">Telepon:</span>
|
||||
<span>{{ $profile->telepon ?? 'N/A' }}</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-mail icon-lg"></i><span class="fw-medium mx-2">Email:</span>
|
||||
<span>{{ $profile->email ?? 'N/A' }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="card-text text-uppercase text-body-secondary small mb-0">Teams</p>
|
||||
<ul class="list-unstyled mb-0 mt-3 pt-1">
|
||||
<li class="d-flex flex-wrap mb-4">
|
||||
<span class="fw-medium me-2">Backend Developer</span><span>(126 Members)</span>
|
||||
</li>
|
||||
<li class="d-flex flex-wrap">
|
||||
<span class="fw-medium me-2">React Developer</span><span>(98 Members)</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ About User -->
|
||||
<!-- Profile Overview -->
|
||||
<div class="card mb-6">
|
||||
<div class="card-body">
|
||||
<p class="card-text text-uppercase text-body-secondary small">Overview</p>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-plant icon-lg"></i
|
||||
><span class="fw-medium mx-2">Komoditas:</span> <span>13.5k</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon-base ti tabler-chart-treemap icon-lg"></i
|
||||
><span class="fw-medium mx-2">Jumlah Lahan:</span> <span>146</span>
|
||||
</li>
|
||||
<li class="d-flex align-items-center">
|
||||
<i class="icon-base ti tabler-map-plus icon-lg"></i
|
||||
><span class="fw-medium mx-2">Total Luas Lahan:</span> <span>897</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Profile Overview -->
|
||||
</div>
|
||||
<div class="col-xl-8 col-lg-7 col-md-7">
|
||||
<!-- Activity Timeline -->
|
||||
<div class="card card-action mb-6">
|
||||
<div class="card-header align-items-center">
|
||||
<h5 class="card-action-title mb-0">
|
||||
<i class="icon-base ti tabler-chart-bar-popular icon-lg me-4"></i>Activity Timeline
|
||||
</h5>
|
||||
<div class="card-action-element">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
type="button"
|
||||
class="btn dropdown-toggle hide-arrow p-0 text-body-secondary"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"></button>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Share timeline</a></li>
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Suggest edits</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider" />
|
||||
</li>
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Report bug</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body pt-3">
|
||||
<ul class="timeline mb-0">
|
||||
<li class="timeline-item timeline-item-transparent">
|
||||
<span class="timeline-point timeline-point-primary"></span>
|
||||
<div class="timeline-event">
|
||||
<div class="timeline-header mb-3">
|
||||
<h6 class="mb-0">12 Invoices have been paid</h6>
|
||||
<small class="text-body-secondary">12 min ago</small>
|
||||
</div>
|
||||
<p class="mb-2">Invoices have been paid to the company</p>
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<div class="badge bg-lighter rounded d-flex align-items-center">
|
||||
<img src="../../assets//img/icons/misc/pdf.png" alt="img" width="15" class="me-2" />
|
||||
<span class="h6 mb-0 text-body">invoices.pdf</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-item timeline-item-transparent">
|
||||
<span class="timeline-point timeline-point-success"></span>
|
||||
<div class="timeline-event">
|
||||
<div class="timeline-header mb-3">
|
||||
<h6 class="mb-0">Client Meeting</h6>
|
||||
<small class="text-body-secondary">45 min ago</small>
|
||||
</div>
|
||||
<p class="mb-2">Project meeting with john @10:15am</p>
|
||||
<div class="d-flex justify-content-between flex-wrap gap-2 mb-2">
|
||||
<div class="d-flex flex-wrap align-items-center mb-50">
|
||||
<div class="avatar avatar-sm me-2">
|
||||
<img src="../../assets/img/avatars/1.png" alt="Avatar" class="rounded-circle" />
|
||||
</div>
|
||||
<div>
|
||||
<p class="mb-0 small fw-medium">Lester McCarthy (Client)</p>
|
||||
<small>CEO of Pixinvent</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-item timeline-item-transparent">
|
||||
<span class="timeline-point timeline-point-info"></span>
|
||||
<div class="timeline-event">
|
||||
<div class="timeline-header mb-3">
|
||||
<h6 class="mb-0">Create a new project for client</h6>
|
||||
<small class="text-body-secondary">2 Day Ago</small>
|
||||
</div>
|
||||
<p class="mb-2">6 team members in a project</p>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li
|
||||
class="list-group-item d-flex justify-content-between align-items-center flex-wrap border-top-0 p-0">
|
||||
<div class="d-flex flex-wrap align-items-center">
|
||||
<ul class="list-unstyled users-list d-flex align-items-center avatar-group m-0 me-2">
|
||||
<li
|
||||
data-bs-toggle="tooltip"
|
||||
data-popup="tooltip-custom"
|
||||
data-bs-placement="top"
|
||||
title="Vinnie Mostowy"
|
||||
class="avatar pull-up">
|
||||
<img class="rounded-circle" src="../../assets/img/avatars/1.png" alt="Avatar" />
|
||||
</li>
|
||||
<li
|
||||
data-bs-toggle="tooltip"
|
||||
data-popup="tooltip-custom"
|
||||
data-bs-placement="top"
|
||||
title="Allen Rieske"
|
||||
class="avatar pull-up">
|
||||
<img class="rounded-circle" src="../../assets/img/avatars/4.png" alt="Avatar" />
|
||||
</li>
|
||||
<li
|
||||
data-bs-toggle="tooltip"
|
||||
data-popup="tooltip-custom"
|
||||
data-bs-placement="top"
|
||||
title="Julee Rossignol"
|
||||
class="avatar pull-up">
|
||||
<img class="rounded-circle" src="../../assets/img/avatars/2.png" alt="Avatar" />
|
||||
</li>
|
||||
<li class="avatar">
|
||||
<span
|
||||
class="avatar-initial rounded-circle pull-up"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom"
|
||||
title="3 more"
|
||||
>+3</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Activity Timeline -->
|
||||
<div class="row">
|
||||
<!-- Connections -->
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="card card-action mb-6">
|
||||
<div class="card-header align-items-center">
|
||||
<h5 class="card-action-title mb-0">Connections</h5>
|
||||
<div class="card-action-element">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-icon btn-text-secondary rounded-pill dropdown-toggle hide-arrow p-0 text-body-secondary"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="icon-base ti tabler-dots-vertical icon-md text-body-secondary"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Share connections</a></li>
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Suggest edits</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider" />
|
||||
</li>
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Report bug</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img src="../../assets/img/avatars/2.png" alt="Avatar" class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Cecilia Payne</h6>
|
||||
<small>45 Connections</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<button class="btn btn-label-primary btn-icon">
|
||||
<i class="icon-base ti tabler-user-check icon-22px"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img src="../../assets/img/avatars/3.png" alt="Avatar" class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Curtis Fletcher</h6>
|
||||
<small>1.32k Connections</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<button class="btn btn-primary btn-icon">
|
||||
<i class="icon-base ti tabler-user-x icon-22px"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img src="../../assets/img/avatars/10.png" alt="Avatar" class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Alice Stone</h6>
|
||||
<small>125 Connections</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<button class="btn btn-primary btn-icon">
|
||||
<i class="icon-base ti tabler-user-x icon-22px"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img src="../../assets/img/avatars/7.png" alt="Avatar" class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Darrell Barnes</h6>
|
||||
<small>456 Connections</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<button class="btn btn-label-primary btn-icon">
|
||||
<i class="icon-base ti tabler-user-check icon-22px"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="mb-6">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img src="../../assets/img/avatars/12.png" alt="Avatar" class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Eugenia Moore</h6>
|
||||
<small>1.2k Connections</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<button class="btn btn-label-primary btn-icon">
|
||||
<i class="icon-base ti tabler-user-check icon-22px"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="text-center">
|
||||
<a href="javascript:;">View all connections</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Connections -->
|
||||
<!-- Teams -->
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="card card-action mb-6">
|
||||
<div class="card-header align-items-center">
|
||||
<h5 class="card-action-title mb-0">Teams</h5>
|
||||
<div class="card-action-element">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-icon btn-text-secondary dropdown-toggle hide-arrow p-0"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="icon-base ti tabler-dots-vertical icon-md text-body-secondary"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Share teams</a></li>
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Suggest edits</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider" />
|
||||
</li>
|
||||
<li><a class="dropdown-item" href="javascript:void(0);">Report bug</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img
|
||||
src="../../assets/img/icons/brands/react-label.png"
|
||||
alt="Avatar"
|
||||
class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">React Developers</h6>
|
||||
<small>72 Members</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:;"><span class="badge bg-label-danger">Developer</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img
|
||||
src="../../assets/img/icons/brands/support-label.png"
|
||||
alt="Avatar"
|
||||
class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Support Team</h6>
|
||||
<small>122 Members</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:;"><span class="badge bg-label-primary">Support</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img
|
||||
src="../../assets/img/icons/brands/figma-label.png"
|
||||
alt="Avatar"
|
||||
class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">UI Designers</h6>
|
||||
<small>7 Members</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:;"><span class="badge bg-label-info">Designer</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img
|
||||
src="../../assets/img/icons/brands/vue-label.png"
|
||||
alt="Avatar"
|
||||
class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-2">
|
||||
<h6 class="mb-0">Vue.js Developers</h6>
|
||||
<small>289 Members</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:;"><span class="badge bg-label-danger">Developer</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-6">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-2">
|
||||
<img
|
||||
src="../../assets/img/icons/brands/twitter-label.png"
|
||||
alt="Avatar"
|
||||
class="rounded-circle" />
|
||||
</div>
|
||||
<div class="me-w">
|
||||
<h6 class="mb-0">Digital Marketing</h6>
|
||||
<small>24 Members</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:;"><span class="badge bg-label-secondary">Marketing</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="text-center">
|
||||
<a href="javascript:;">View all teams</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Teams -->
|
||||
</div>
|
||||
<!-- Projects table -->
|
||||
<!-- <div class="card mb-6">
|
||||
<div class="mb-4">
|
||||
<table class="table datatable-project">
|
||||
<thead class="border-top">
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
<th>Project</th>
|
||||
<th>Leader</th>
|
||||
<th>Team</th>
|
||||
<th class="w-px-200">Progress</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div> -->
|
||||
<!--/ Projects table -->
|
||||
</div>
|
||||
</div>
|
||||
<!--/ User Profile Content -->
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user