feat: 좌측 사이드바 레이아웃 및 메뉴 시스템 구현
- layouts/app.blade.php 마스터 레이아웃 생성
- partials/sidebar.blade.php 좌측 사이드바 컴포넌트 (256px, 10개 메뉴)
- partials/header.blade.php 상단 헤더 컴포넌트 (64px, 페이지 타이틀 + 사용자 메뉴)
- dashboard/index.blade.php @extends 패턴으로 리팩토링
메뉴 구조:
- 조직 관리: 대시보드, 사용자, 권한/역할, 부서
- 제품/자재: 제품, 자재, BOM, 카테고리
- 시스템: 시스템 설정, 감사 로그
레이아웃:
- Flexbox 구조 (사이드바 + 메인 영역)
- Blade 컴포넌트 분리 (@extends/@section/@include)
- Heroicons 아이콘, 활성 상태 하이라이트
- 사용자 드롭다운 메뉴 (JavaScript 토글)
2025-11-20 21:28:58 +09:00
|
|
|
@extends('layouts.app')
|
|
|
|
|
|
|
|
|
|
@section('title', '대시보드')
|
|
|
|
|
@section('page-title', '대시보드')
|
|
|
|
|
|
|
|
|
|
@section('content')
|
|
|
|
|
<!-- Welcome Card -->
|
2025-11-21 14:46:13 +09:00
|
|
|
<div class="bg-white rounded-lg shadow overflow-hidden mt-6">
|
feat: 좌측 사이드바 레이아웃 및 메뉴 시스템 구현
- layouts/app.blade.php 마스터 레이아웃 생성
- partials/sidebar.blade.php 좌측 사이드바 컴포넌트 (256px, 10개 메뉴)
- partials/header.blade.php 상단 헤더 컴포넌트 (64px, 페이지 타이틀 + 사용자 메뉴)
- dashboard/index.blade.php @extends 패턴으로 리팩토링
메뉴 구조:
- 조직 관리: 대시보드, 사용자, 권한/역할, 부서
- 제품/자재: 제품, 자재, BOM, 카테고리
- 시스템: 시스템 설정, 감사 로그
레이아웃:
- Flexbox 구조 (사이드바 + 메인 영역)
- Blade 컴포넌트 분리 (@extends/@section/@include)
- Heroicons 아이콘, 활성 상태 하이라이트
- 사용자 드롭다운 메뉴 (JavaScript 토글)
2025-11-20 21:28:58 +09:00
|
|
|
<div class="p-6">
|
|
|
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-2">환영합니다!</h2>
|
|
|
|
|
<p class="text-gray-600">{{ auth()->user()->name ?? 'User' }}님, MNG 관리자 패널에 로그인하셨습니다.</p>
|
|
|
|
|
|
|
|
|
|
<div class="my-6 border-t border-gray-200"></div>
|
|
|
|
|
|
|
|
|
|
<!-- Stats Grid -->
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
|
|
|
|
<div class="bg-gray-50 rounded-lg p-4 border border-gray-200">
|
|
|
|
|
<div class="text-sm font-medium text-gray-500 mb-1">사용자 이메일</div>
|
|
|
|
|
<div class="text-lg font-semibold text-gray-900">{{ auth()->user()->email }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bg-gray-50 rounded-lg p-4 border border-gray-200">
|
|
|
|
|
<div class="text-sm font-medium text-gray-500 mb-1">로그인 시간</div>
|
|
|
|
|
<div class="text-lg font-semibold text-gray-900">{{ now()->format('Y-m-d H:i:s') }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bg-gray-50 rounded-lg p-4 border border-gray-200">
|
|
|
|
|
<div class="text-sm font-medium text-gray-500 mb-1">상태</div>
|
|
|
|
|
<div class="text-lg font-semibold text-green-600">활성</div>
|
|
|
|
|
</div>
|
2025-11-20 16:24:40 +09:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
feat: 좌측 사이드바 레이아웃 및 메뉴 시스템 구현
- layouts/app.blade.php 마스터 레이아웃 생성
- partials/sidebar.blade.php 좌측 사이드바 컴포넌트 (256px, 10개 메뉴)
- partials/header.blade.php 상단 헤더 컴포넌트 (64px, 페이지 타이틀 + 사용자 메뉴)
- dashboard/index.blade.php @extends 패턴으로 리팩토링
메뉴 구조:
- 조직 관리: 대시보드, 사용자, 권한/역할, 부서
- 제품/자재: 제품, 자재, BOM, 카테고리
- 시스템: 시스템 설정, 감사 로그
레이아웃:
- Flexbox 구조 (사이드바 + 메인 영역)
- Blade 컴포넌트 분리 (@extends/@section/@include)
- Heroicons 아이콘, 활성 상태 하이라이트
- 사용자 드롭다운 메뉴 (JavaScript 토글)
2025-11-20 21:28:58 +09:00
|
|
|
<!-- Quick Actions (예시) -->
|
|
|
|
|
<div class="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
|
|
|
<div class="bg-white rounded-lg shadow p-6 hover:shadow-lg transition-shadow">
|
|
|
|
|
<h3 class="text-lg font-semibold text-gray-900 mb-2">사용자 관리</h3>
|
|
|
|
|
<p class="text-sm text-gray-600 mb-4">시스템 사용자를 관리합니다.</p>
|
|
|
|
|
<a href="#" class="inline-flex items-center text-primary hover:underline">
|
|
|
|
|
바로가기
|
|
|
|
|
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow p-6 hover:shadow-lg transition-shadow">
|
|
|
|
|
<h3 class="text-lg font-semibold text-gray-900 mb-2">시스템 설정</h3>
|
|
|
|
|
<p class="text-sm text-gray-600 mb-4">시스템 환경을 설정합니다.</p>
|
|
|
|
|
<a href="#" class="inline-flex items-center text-primary hover:underline">
|
|
|
|
|
바로가기
|
|
|
|
|
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
2025-11-20 16:24:40 +09:00
|
|
|
</div>
|
feat: 좌측 사이드바 레이아웃 및 메뉴 시스템 구현
- layouts/app.blade.php 마스터 레이아웃 생성
- partials/sidebar.blade.php 좌측 사이드바 컴포넌트 (256px, 10개 메뉴)
- partials/header.blade.php 상단 헤더 컴포넌트 (64px, 페이지 타이틀 + 사용자 메뉴)
- dashboard/index.blade.php @extends 패턴으로 리팩토링
메뉴 구조:
- 조직 관리: 대시보드, 사용자, 권한/역할, 부서
- 제품/자재: 제품, 자재, BOM, 카테고리
- 시스템: 시스템 설정, 감사 로그
레이아웃:
- Flexbox 구조 (사이드바 + 메인 영역)
- Blade 컴포넌트 분리 (@extends/@section/@include)
- Heroicons 아이콘, 활성 상태 하이라이트
- 사용자 드롭다운 메뉴 (JavaScript 토글)
2025-11-20 21:28:58 +09:00
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow p-6 hover:shadow-lg transition-shadow">
|
|
|
|
|
<h3 class="text-lg font-semibold text-gray-900 mb-2">통계 및 리포트</h3>
|
|
|
|
|
<p class="text-sm text-gray-600 mb-4">시스템 통계를 확인합니다.</p>
|
2026-02-03 14:03:58 +09:00
|
|
|
<a href="{{ route('stats.dashboard') }}" class="inline-flex items-center text-primary hover:underline">
|
feat: 좌측 사이드바 레이아웃 및 메뉴 시스템 구현
- layouts/app.blade.php 마스터 레이아웃 생성
- partials/sidebar.blade.php 좌측 사이드바 컴포넌트 (256px, 10개 메뉴)
- partials/header.blade.php 상단 헤더 컴포넌트 (64px, 페이지 타이틀 + 사용자 메뉴)
- dashboard/index.blade.php @extends 패턴으로 리팩토링
메뉴 구조:
- 조직 관리: 대시보드, 사용자, 권한/역할, 부서
- 제품/자재: 제품, 자재, BOM, 카테고리
- 시스템: 시스템 설정, 감사 로그
레이아웃:
- Flexbox 구조 (사이드바 + 메인 영역)
- Blade 컴포넌트 분리 (@extends/@section/@include)
- Heroicons 아이콘, 활성 상태 하이라이트
- 사용자 드롭다운 메뉴 (JavaScript 토글)
2025-11-20 21:28:58 +09:00
|
|
|
바로가기
|
|
|
|
|
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@endsection
|