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