navigation list dynamic & members screen added.
parent
3935d8ffbc
commit
8d889e502f
@ -0,0 +1,68 @@
|
|||||||
|
class MemberModel {
|
||||||
|
int totalItemsCount;
|
||||||
|
int statusCode;
|
||||||
|
String message;
|
||||||
|
List<MemberDataModel> data;
|
||||||
|
|
||||||
|
MemberModel({this.totalItemsCount, this.statusCode, this.message, this.data});
|
||||||
|
|
||||||
|
MemberModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
totalItemsCount = json['totalItemsCount'];
|
||||||
|
statusCode = json['statusCode'];
|
||||||
|
message = json['message'];
|
||||||
|
if (json['data'] != null) {
|
||||||
|
data = new List<MemberDataModel>();
|
||||||
|
json['data'].forEach((v) {
|
||||||
|
data.add(new MemberDataModel.fromJson(v));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['totalItemsCount'] = this.totalItemsCount;
|
||||||
|
data['statusCode'] = this.statusCode;
|
||||||
|
data['message'] = this.message;
|
||||||
|
if (this.data != null) {
|
||||||
|
data['data'] = this.data.map((v) => v.toJson()).toList();
|
||||||
|
}
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class MemberDataModel {
|
||||||
|
int committeeId;
|
||||||
|
String firstName;
|
||||||
|
String lastName;
|
||||||
|
String description;
|
||||||
|
String picture;
|
||||||
|
int orderNo;
|
||||||
|
|
||||||
|
MemberDataModel(
|
||||||
|
{this.committeeId,
|
||||||
|
this.firstName,
|
||||||
|
this.lastName,
|
||||||
|
this.description,
|
||||||
|
this.picture,
|
||||||
|
this.orderNo});
|
||||||
|
|
||||||
|
MemberDataModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
committeeId = json['committeeId'];
|
||||||
|
firstName = json['firstName'];
|
||||||
|
lastName = json['lastName'];
|
||||||
|
description = json['description'];
|
||||||
|
picture = json['picture'];
|
||||||
|
orderNo = json['orderNo'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['committeeId'] = this.committeeId;
|
||||||
|
data['firstName'] = this.firstName;
|
||||||
|
data['lastName'] = this.lastName;
|
||||||
|
data['description'] = this.description;
|
||||||
|
data['picture'] = this.picture;
|
||||||
|
data['orderNo'] = this.orderNo;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,81 @@
|
|||||||
|
class NavigationModel {
|
||||||
|
int totalItemsCount;
|
||||||
|
int statusCode;
|
||||||
|
String message;
|
||||||
|
List<NavigationDataModel> data;
|
||||||
|
|
||||||
|
NavigationModel(
|
||||||
|
{this.totalItemsCount, this.statusCode, this.message, this.data});
|
||||||
|
|
||||||
|
NavigationModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
totalItemsCount = json['totalItemsCount'];
|
||||||
|
statusCode = json['statusCode'];
|
||||||
|
message = json['message'];
|
||||||
|
if (json['data'] != null) {
|
||||||
|
data = new List<NavigationDataModel>();
|
||||||
|
json['data'].forEach((v) {
|
||||||
|
data.add(new NavigationDataModel.fromJson(v));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['totalItemsCount'] = this.totalItemsCount;
|
||||||
|
data['statusCode'] = this.statusCode;
|
||||||
|
data['message'] = this.message;
|
||||||
|
if (this.data != null) {
|
||||||
|
data['data'] = this.data.map((v) => v.toJson()).toList();
|
||||||
|
}
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class NavigationDataModel {
|
||||||
|
int navigationId;
|
||||||
|
String navigationText;
|
||||||
|
String navigationUrl;
|
||||||
|
String mobileNavigationUrl;
|
||||||
|
String categoryName;
|
||||||
|
String fontIcon;
|
||||||
|
int parentId;
|
||||||
|
int orderNo;
|
||||||
|
int roleId;
|
||||||
|
|
||||||
|
NavigationDataModel(
|
||||||
|
{this.navigationId,
|
||||||
|
this.navigationText,
|
||||||
|
this.navigationUrl,
|
||||||
|
this.mobileNavigationUrl,
|
||||||
|
this.categoryName,
|
||||||
|
this.fontIcon,
|
||||||
|
this.parentId,
|
||||||
|
this.orderNo,
|
||||||
|
this.roleId});
|
||||||
|
|
||||||
|
NavigationDataModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
navigationId = json['navigationId'];
|
||||||
|
navigationText = json['navigationText'];
|
||||||
|
navigationUrl = json['navigationUrl'];
|
||||||
|
mobileNavigationUrl = json['mobileNavigationUrl'];
|
||||||
|
categoryName = json['categoryName'];
|
||||||
|
fontIcon = json['fontIcon'];
|
||||||
|
parentId = json['parentId'];
|
||||||
|
orderNo = json['orderNo'];
|
||||||
|
roleId = json['roleId'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['navigationId'] = this.navigationId;
|
||||||
|
data['navigationText'] = this.navigationText;
|
||||||
|
data['navigationUrl'] = this.navigationUrl;
|
||||||
|
data['mobileNavigationUrl'] = this.mobileNavigationUrl;
|
||||||
|
data['categoryName'] = this.categoryName;
|
||||||
|
data['fontIcon'] = this.fontIcon;
|
||||||
|
data['parentId'] = this.parentId;
|
||||||
|
data['orderNo'] = this.orderNo;
|
||||||
|
data['roleId'] = this.roleId;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,104 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:tangheem/api/tangheem_user_api_client.dart';
|
||||||
|
import 'package:tangheem/classes/colors.dart';
|
||||||
|
import 'package:tangheem/classes/utils.dart';
|
||||||
|
import 'package:tangheem/models/member_model.dart';
|
||||||
|
import 'package:tangheem/ui/misc/no_data_ui.dart';
|
||||||
|
|
||||||
|
class MemberScreen extends StatefulWidget {
|
||||||
|
static const String routeName = "/members";
|
||||||
|
MemberScreen({Key key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_MemberScreenState createState() => _MemberScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MemberScreenState extends State<MemberScreen> {
|
||||||
|
List<MemberDataModel> membersList;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
getMembers();
|
||||||
|
}
|
||||||
|
|
||||||
|
void getMembers() async {
|
||||||
|
Utils.showLoading(context);
|
||||||
|
try {
|
||||||
|
var membersData = await TangheemUserApiClient().getMembers();
|
||||||
|
membersList = membersData?.data ?? [];
|
||||||
|
membersList.sort((a, b) => a.orderNo.compareTo(b.orderNo));
|
||||||
|
} catch (ex, tr) {
|
||||||
|
membersList = [];
|
||||||
|
Utils.handleException(ex, null);
|
||||||
|
} finally {
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
}
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return membersList == null
|
||||||
|
? SizedBox()
|
||||||
|
: membersList.isEmpty
|
||||||
|
? NoDataUI()
|
||||||
|
: ListView.separated(
|
||||||
|
physics: BouncingScrollPhysics(),
|
||||||
|
padding: EdgeInsets.all(16),
|
||||||
|
itemCount: membersList.length,
|
||||||
|
separatorBuilder: (context, index) {
|
||||||
|
return SizedBox(height: 8);
|
||||||
|
},
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
String encodedImage = membersList.elementAt(index).picture;
|
||||||
|
if (encodedImage.contains("data:image/png;base64,")) {
|
||||||
|
encodedImage = encodedImage.replaceAll("data:image/png;base64,", "");
|
||||||
|
}
|
||||||
|
var temp = base64Decode(encodedImage);
|
||||||
|
|
||||||
|
return ListTile(
|
||||||
|
tileColor: Colors.white,
|
||||||
|
leading: Container(
|
||||||
|
width: 50.0,
|
||||||
|
height: 50.0,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
image: membersList.length < 1
|
||||||
|
? null
|
||||||
|
: DecorationImage(
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
image: MemoryImage(temp),
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(30.0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: membersList.length < 1
|
||||||
|
? ClipRRect(
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(30.0),
|
||||||
|
),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
"assets/icons/chat_user.svg",
|
||||||
|
clipBehavior: Clip.antiAlias,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
membersList[index].firstName + " " + membersList[index].lastName,
|
||||||
|
style: TextStyle(fontSize: 14, color: ColorConsts.primaryBlue),
|
||||||
|
),
|
||||||
|
subtitle: Text(
|
||||||
|
" ${membersList[index].description}",
|
||||||
|
style: TextStyle(fontSize: 12, color: ColorConsts.primaryBlue),
|
||||||
|
),
|
||||||
|
isThreeLine: true,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue