mirror of
https://github.com/haorendashu/nowser.git
synced 2025-12-18 02:04:18 +01:00
keys router ui
This commit is contained in:
DASHU
61
lib/router/keys/keys_item_component.dart
Normal file
61
lib/router/keys/keys_item_component.dart
Normal file
@@ -0,0 +1,61 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:nostr_sdk/nip19/nip19.dart';
|
||||
import 'package:nowser/const/base.dart';
|
||||
|
||||
import '../../component/user_pic_component.dart';
|
||||
|
||||
class KeysItemComponent extends StatefulWidget {
|
||||
bool isDefault;
|
||||
|
||||
String pubkey;
|
||||
|
||||
KeysItemComponent(this.pubkey, {this.isDefault = false});
|
||||
|
||||
@override
|
||||
State<StatefulWidget> createState() {
|
||||
return _KeysItemComponent();
|
||||
}
|
||||
}
|
||||
|
||||
class _KeysItemComponent extends State<KeysItemComponent> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
var themeData = Theme.of(context);
|
||||
var mainColor = themeData.primaryColor;
|
||||
List<Widget> list = [];
|
||||
|
||||
list.add(Container(
|
||||
margin: EdgeInsets.only(
|
||||
right: Base.BASE_PADDING_HALF,
|
||||
),
|
||||
child: UserPicComponent(
|
||||
width: 26,
|
||||
),
|
||||
));
|
||||
list.add(Expanded(
|
||||
child: Text(
|
||||
Nip19.encodePubKey(widget.pubkey),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
)));
|
||||
list.add(Container(
|
||||
margin: EdgeInsets.only(
|
||||
left: Base.BASE_PADDING_HALF,
|
||||
// right: Base.BASE_PADDING_HALF,
|
||||
),
|
||||
child: Icon(Icons.logout),
|
||||
));
|
||||
|
||||
return Container(
|
||||
padding: EdgeInsets.all(Base.BASE_PADDING),
|
||||
decoration: BoxDecoration(
|
||||
color:
|
||||
widget.isDefault ? mainColor.withOpacity(0.5) : themeData.cardColor,
|
||||
borderRadius: BorderRadius.circular(Base.BASE_PADDING),
|
||||
),
|
||||
child: Row(
|
||||
children: list,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
74
lib/router/keys/keys_router.dart
Normal file
74
lib/router/keys/keys_router.dart
Normal file
@@ -0,0 +1,74 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:nowser/component/appbar_back_btn_component.dart';
|
||||
import 'package:nowser/component/text_input/text_input_dialog.dart';
|
||||
import 'package:nowser/const/base.dart';
|
||||
import 'package:nowser/router/keys/keys_item_component.dart';
|
||||
|
||||
class KeysRouter extends StatefulWidget {
|
||||
@override
|
||||
State<StatefulWidget> createState() {
|
||||
return _KeysRouter();
|
||||
}
|
||||
|
||||
static void addKey(BuildContext context) {
|
||||
TextInputDialog.show(context, "Please input private key");
|
||||
}
|
||||
}
|
||||
|
||||
class _KeysRouter extends State<KeysRouter> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
var themeData = Theme.of(context);
|
||||
var margin = EdgeInsets.only(
|
||||
left: Base.BASE_PADDING,
|
||||
right: Base.BASE_PADDING,
|
||||
top: Base.BASE_PADDING,
|
||||
);
|
||||
|
||||
List<Widget> list = [];
|
||||
list.add(Container(
|
||||
margin: margin,
|
||||
child: KeysItemComponent(
|
||||
"29320975df855fe34a7b45ada2421e2c741c37c0136901fe477133a91eb18b07",
|
||||
isDefault: true,
|
||||
),
|
||||
));
|
||||
for (var i = 0; i < 5; i++) {
|
||||
list.add(Container(
|
||||
margin: margin,
|
||||
child: KeysItemComponent(
|
||||
"8fb140b4e8ddef97ce4b821d247278a1a4353362623f64021484b372f948000c",
|
||||
),
|
||||
));
|
||||
}
|
||||
|
||||
var main = ListView(
|
||||
children: list,
|
||||
);
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
leading: AppbarBackBtnComponent(),
|
||||
title: Text(
|
||||
"Keys Manager",
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: themeData.textTheme.bodyLarge!.fontSize,
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
KeysRouter.addKey(context);
|
||||
},
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(Base.BASE_PADDING),
|
||||
child: Icon(Icons.add),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
body: main,
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,9 +1,13 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:nowser/component/text_input/text_input_dialog.dart';
|
||||
import 'package:nowser/component/user_pic_component.dart';
|
||||
import 'package:nowser/const/base.dart';
|
||||
import 'package:nowser/const/router_path.dart';
|
||||
import 'package:nowser/router/me/me_router_log_item_component.dart';
|
||||
import 'package:nowser/router/me/me_router_web_item_component.dart';
|
||||
import 'package:nowser/util/router_util.dart';
|
||||
|
||||
import '../keys/keys_router.dart';
|
||||
import 'me_router_app_item_component.dart';
|
||||
|
||||
class MeRouter extends StatefulWidget {
|
||||
@@ -33,7 +37,12 @@ class _MeRouter extends State<MeRouter> {
|
||||
));
|
||||
defaultUserWidgets.add(Container(
|
||||
margin: EdgeInsets.only(left: Base.BASE_PADDING),
|
||||
child: Text("Click and Login"),
|
||||
child: GestureDetector(
|
||||
onTap: () {
|
||||
KeysRouter.addKey(context);
|
||||
},
|
||||
child: Text("Click and Login"),
|
||||
),
|
||||
));
|
||||
defaultUserWidgets.add(Expanded(child: Container()));
|
||||
defaultUserWidgets.add(Container(
|
||||
@@ -69,33 +78,37 @@ class _MeRouter extends State<MeRouter> {
|
||||
),
|
||||
margin: listWidgetMargin,
|
||||
padding: EdgeInsets.all(Base.BASE_PADDING),
|
||||
child: Row(
|
||||
children: memberList,
|
||||
child: GestureDetector(
|
||||
onTap: () {
|
||||
RouterUtil.router(context, RouterPath.KEYS);
|
||||
},
|
||||
behavior: HitTestBehavior.translucent,
|
||||
child: Row(
|
||||
children: memberList,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
List<Widget> webItemList = [];
|
||||
webItemList.add(MeRouterWebItemComponent(
|
||||
num: 102,
|
||||
name: "Bookmarks",
|
||||
// margin: EdgeInsets.only(right: Base.BASE_PADDING),
|
||||
name: "Bookmark",
|
||||
iconData: Icons.bookmark,
|
||||
));
|
||||
webItemList.add(MeRouterWebItemComponent(
|
||||
num: 999,
|
||||
name: "Historys",
|
||||
// margin:
|
||||
// EdgeInsets.only(left: Base.BASE_PADDING, right: Base.BASE_PADDING),
|
||||
name: "History",
|
||||
iconData: Icons.history,
|
||||
));
|
||||
webItemList.add(MeRouterWebItemComponent(
|
||||
num: 30,
|
||||
name: "Downloads",
|
||||
// margin:
|
||||
// EdgeInsets.only(left: Base.BASE_PADDING, right: Base.BASE_PADDING),
|
||||
name: "Download",
|
||||
iconData: Icons.download,
|
||||
));
|
||||
webItemList.add(MeRouterWebItemComponent(
|
||||
num: 102,
|
||||
name: "Bookmarks",
|
||||
// margin: EdgeInsets.only(left: Base.BASE_PADDING),
|
||||
name: "Bookmark",
|
||||
iconData: Icons.bookmark,
|
||||
));
|
||||
var webItemWidget = Container(
|
||||
margin: listWidgetMargin,
|
||||
|
||||
@@ -6,12 +6,12 @@ class MeRouterWebItemComponent extends StatefulWidget {
|
||||
|
||||
String name;
|
||||
|
||||
// EdgeInsetsGeometry margin;
|
||||
IconData iconData;
|
||||
|
||||
MeRouterWebItemComponent({
|
||||
required this.num,
|
||||
required this.name,
|
||||
// required this.margin,
|
||||
required this.iconData,
|
||||
});
|
||||
|
||||
@override
|
||||
@@ -44,15 +44,19 @@ class _MeRouterWebItemComponent extends State<MeRouterWebItemComponent> {
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
"${widget.num}",
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
Icon(widget.iconData),
|
||||
Text(
|
||||
widget.name,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: themeData.textTheme.bodySmall!.fontSize! - 2,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"${widget.num}",
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user