mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-10 15:17:31 +00:00
isolating widgets
This commit is contained in:
@ -9,6 +9,7 @@ import 'package:syncrow_web/pages/spaces_management/model/space_model.dart';
|
|||||||
import 'package:syncrow_web/pages/spaces_management/view/community_list_view.dart';
|
import 'package:syncrow_web/pages/spaces_management/view/community_list_view.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/view/curved_line_painter.dart';
|
import 'package:syncrow_web/pages/spaces_management/view/curved_line_painter.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/view/dialogs/create_space_dialog.dart';
|
import 'package:syncrow_web/pages/spaces_management/view/dialogs/create_space_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/widgets/gradient_canvas_border_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/widgets/sidebar_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/widgets/sidebar_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/widgets/space_card_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/widgets/space_card_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/widgets/space_container_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/widgets/space_container_widget.dart';
|
||||||
@ -84,7 +85,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
SizedBox(width: 45),
|
const SizedBox(width: 45),
|
||||||
showCommunityStructure
|
showCommunityStructure
|
||||||
? _buildCommunityStructureArea(context, screenSize)
|
? _buildCommunityStructureArea(context, screenSize)
|
||||||
: CommunityListViewWidget(
|
: CommunityListViewWidget(
|
||||||
@ -92,7 +93,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
|
|||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
_buildGradientBorder(),
|
const GradientBorderWidget()
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -218,27 +219,6 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildGradientBorder() {
|
|
||||||
return Positioned(
|
|
||||||
top: 0,
|
|
||||||
bottom: 0,
|
|
||||||
left: 300,
|
|
||||||
width: 8,
|
|
||||||
child: Container(
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
gradient: LinearGradient(
|
|
||||||
begin: Alignment.centerLeft,
|
|
||||||
end: Alignment.centerRight,
|
|
||||||
colors: [
|
|
||||||
ColorsManager.semiTransparentBlackColor.withOpacity(0.1),
|
|
||||||
ColorsManager.transparentColor,
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
void _showCreateSpaceDialog(Size screenSize,
|
void _showCreateSpaceDialog(Size screenSize,
|
||||||
{Offset? position, int? parentIndex, String? direction}) {
|
{Offset? position, int? parentIndex, String? direction}) {
|
||||||
showDialog(
|
showDialog(
|
||||||
|
@ -0,0 +1,39 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
class GradientBorderWidget extends StatelessWidget {
|
||||||
|
final double top;
|
||||||
|
final double bottom;
|
||||||
|
final double left;
|
||||||
|
final double width;
|
||||||
|
|
||||||
|
const GradientCanvasBorderWidget({
|
||||||
|
Key? key,
|
||||||
|
this.top = 0,
|
||||||
|
this.bottom = 0,
|
||||||
|
this.left = 300,
|
||||||
|
this.width = 8,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Positioned(
|
||||||
|
top: top,
|
||||||
|
bottom: bottom,
|
||||||
|
left: left,
|
||||||
|
width: width,
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.centerLeft,
|
||||||
|
end: Alignment.centerRight,
|
||||||
|
colors: [
|
||||||
|
ColorsManager.semiTransparentBlackColor.withOpacity(0.1),
|
||||||
|
ColorsManager.transparentColor,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
Reference in New Issue
Block a user