julian/superport
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

프로젝트 최초 커밋

Browse Source
This commit is contained in:
JiWoong Sul
2025-07-02 17:45:44 +09:00
commit e346f83c97
235 changed files with 23139 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lib/screens/sidebar/widgets/sidebar_menu_footer.dart Normal file
View File

@@ -0,0 +1,18 @@
import 'package:flutter/material.dart';
// 사이드바 푸터 위젯
class SidebarMenuFooter extends StatelessWidget {
const SidebarMenuFooter({super.key});
@override
Widget build(BuildContext context) {
return Container(
height: 48,
alignment: Alignment.center,
child: const Text(
'© 2025 CClabs. All rights reserved.',
style: TextStyle(fontSize: 11, color: Colors.black), // 블랙으로 변경
),
);
}
}

69
lib/screens/sidebar/widgets/sidebar_menu_header.dart Normal file
View File

@@ -0,0 +1,69 @@
import 'package:flutter/material.dart';
import 'package:wave/wave.dart';
import 'package:wave/config.dart';
import 'package:superport/screens/login/widgets/login_view.dart'; // AnimatedBoatIcon import
// 사이드바 헤더 위젯
class SidebarMenuHeader extends StatelessWidget {
const SidebarMenuHeader({super.key});
@override
Widget build(BuildContext context) {
return Container(
height: 88,
width: double.infinity,
padding: const EdgeInsets.only(left: 0, right: 0), // 아이콘을 더 좌측으로
child: Stack(
alignment: Alignment.centerLeft,
children: [
// Wave 배경
Positioned.fill(
child: Opacity(
opacity: 0.50, // subtle하게
child: WaveWidget(
config: CustomConfig(
gradients: [
[Color(0xFFB6E0FE), Color(0xFF3182CE)],
[
Color.fromARGB(255, 31, 83, 132),
Color.fromARGB(255, 9, 49, 92),
],
],
durations: [4800, 6000],
heightPercentages: [0.48, 0.38],
blur: const MaskFilter.blur(BlurStyle.solid, 6),
gradientBegin: Alignment.topLeft,
gradientEnd: Alignment.bottomRight,
),
waveAmplitude: 8,
size: Size.infinite,
),
),
),
// 아이콘+텍스트
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const SizedBox(width: 24), // 아이콘을 더 좌측으로
SizedBox(
width: 36,
height: 36,
child: AnimatedBoatIcon(color: Colors.white, size: 60),
),
const SizedBox(width: 24),
const Text(
'supERPort',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
letterSpacing: -2.5,
),
),
],
),
],
),
);
}
}

75
lib/screens/sidebar/widgets/sidebar_menu_item.dart Normal file
View File

@@ -0,0 +1,75 @@
import 'package:flutter/material.dart';
import 'package:superport/screens/common/theme_tailwind.dart';
// 단일 메뉴 아이템 위젯
class SidebarMenuItem extends StatelessWidget {
final IconData icon;
final String title;
final String route;
final bool isActive;
final bool isHovered;
final bool isSubItem;
final VoidCallback onTap;
const SidebarMenuItem({
super.key,
required this.icon,
required this.title,
required this.route,
required this.isActive,
required this.isHovered,
this.isSubItem = false,
required this.onTap,
});
@override
Widget build(BuildContext context) {
return MouseRegion(
cursor: SystemMouseCursors.click,
child: InkWell(
borderRadius: BorderRadius.circular(10),
onTap: onTap,
child: Container(
height: 44,
alignment: Alignment.centerLeft,
margin: const EdgeInsets.symmetric(
vertical: 2,
horizontal: 6,
), // 외부 여백
padding: EdgeInsets.only(left: isSubItem ? 48 : 24, right: 24),
decoration: BoxDecoration(
color:
isActive
? Colors.white
: (isHovered
? const Color(0xFFE9EDF2)
: Colors.transparent),
borderRadius: BorderRadius.circular(10),
),
child: Row(
children: [
Icon(
icon,
size: 18,
color:
isActive ? AppThemeTailwind.primary : AppThemeTailwind.dark,
),
const SizedBox(width: 10),
Text(
title,
style: TextStyle(
color:
isActive
? AppThemeTailwind.primary
: AppThemeTailwind.dark,
fontWeight: isActive ? FontWeight.bold : FontWeight.normal,
fontSize: 14,
),
),
],
),
),
),
);
}
}

124
lib/screens/sidebar/widgets/sidebar_menu_submenu.dart Normal file
View File

@@ -0,0 +1,124 @@
import 'package:flutter/material.dart';
import 'package:superport/screens/sidebar/widgets/sidebar_menu_item.dart';
import 'package:superport/screens/sidebar/widgets/sidebar_menu_types.dart';
import 'package:superport/screens/common/theme_tailwind.dart';
// 서브메뉴(확장/축소, 하위 아이템) 위젯
class SidebarMenuWithSubmenu extends StatelessWidget {
final IconData icon;
final String title;
final String route;
final List<SidebarSubMenuItem> subItems;
final bool isExpanded;
final bool isMenuActive;
final bool isSubMenuActive;
final bool isHovered;
final VoidCallback onToggleExpanded;
final String currentRoute;
final void Function(String) onRouteChanged;
const SidebarMenuWithSubmenu({
super.key,
required this.icon,
required this.title,
required this.route,
required this.subItems,
required this.isExpanded,
required this.isMenuActive,
required this.isSubMenuActive,
required this.isHovered,
required this.onToggleExpanded,
required this.currentRoute,
required this.onRouteChanged,
});
@override
Widget build(BuildContext context) {
final bool isHighlighted = isMenuActive || isSubMenuActive;
return Column(
children: [
MouseRegion(
cursor: SystemMouseCursors.click,
child: InkWell(
borderRadius: BorderRadius.circular(10),
onTap: () {
onToggleExpanded();
onRouteChanged(route);
},
child: Container(
height: 44,
margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 6),
padding: const EdgeInsets.only(left: 24, right: 24),
decoration: BoxDecoration(
color:
isMenuActive
? Colors.white
: (isHovered
? const Color(0xFFE9EDF2)
: Colors.transparent),
borderRadius: BorderRadius.circular(10),
),
child: Row(
children: [
Icon(
icon,
size: 18,
color:
isHighlighted
? AppThemeTailwind.primary
: AppThemeTailwind.dark,
),
const SizedBox(width: 10),
Text(
title,
style: TextStyle(
color:
isHighlighted
? AppThemeTailwind.primary
: AppThemeTailwind.dark,
fontWeight:
isHighlighted ? FontWeight.bold : FontWeight.normal,
fontSize: 14,
),
),
const Spacer(),
Icon(
isExpanded
? Icons.keyboard_arrow_up
: Icons.keyboard_arrow_down,
size: 20,
color: AppThemeTailwind.muted,
),
],
),
),
),
),
AnimatedContainer(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
child: ClipRect(
child: Align(
alignment: Alignment.topCenter,
heightFactor: isExpanded ? 1 : 0,
child: Column(
children:
subItems.map((item) {
return SidebarMenuItem(
icon: Icons.circle,
title: item.title,
route: item.route,
isActive: currentRoute == item.route,
isHovered: false, // hover는 상위에서 관리
isSubItem: true,
onTap: () => onRouteChanged(item.route),
);
}).toList(),
),
),
),
),
],
);
}
}

11
lib/screens/sidebar/widgets/sidebar_menu_types.dart Normal file
View File

@@ -0,0 +1,11 @@
// 서브메뉴 아이템 타입 정의 파일
// 이 파일은 사이드바 메뉴에서 사용하는 서브메뉴 아이템 타입만 정의합니다.
class SidebarSubMenuItem {
// 서브메뉴의 제목
final String title;
// 서브메뉴의 라우트
final String route;
const SidebarSubMenuItem({required this.title, required this.route});
}