performance evaluation improvements.
Sikander Saleem
3 years ago
parent
2eedef7c2c
commit
8e94d57dae
@ -1,114 +0,0 @@
|
|||||||
import 'dart:io';
|
|
||||||
|
|
||||||
import 'package:easy_localization/easy_localization.dart';
|
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:mohem_flutter_app/api/profile_api_client.dart';
|
|
||||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
|
||||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
|
||||||
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
|
||||||
import 'package:mohem_flutter_app/models/performance.dart';
|
|
||||||
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
|
||||||
|
|
||||||
class PerformanceAppraisal extends StatefulWidget {
|
|
||||||
const PerformanceAppraisal({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_PerformanceAppraisalState createState() => _PerformanceAppraisalState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _PerformanceAppraisalState extends State<PerformanceAppraisal> {
|
|
||||||
List<GetPerformanceAppraisalList> performance = [];
|
|
||||||
@override
|
|
||||||
void initState() {
|
|
||||||
getPerformanceAppraisal();
|
|
||||||
super.initState();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Scaffold(
|
|
||||||
backgroundColor: MyColors.backgroundColor,
|
|
||||||
appBar: AppBarWidget(
|
|
||||||
context,
|
|
||||||
title: LocaleKeys.performance.tr(),
|
|
||||||
),
|
|
||||||
body: performance.isNotEmpty
|
|
||||||
? SingleChildScrollView(
|
|
||||||
child: Container(
|
|
||||||
width: double.infinity,
|
|
||||||
padding: const EdgeInsets.only(left: 12, right: 12, top: 10, bottom: 10),
|
|
||||||
child: Column(children: [
|
|
||||||
Row(children: [Expanded(flex: 1, child: getPerformanceCard(performance.first))]),
|
|
||||||
GridView.count(
|
|
||||||
crossAxisCount: 2,
|
|
||||||
shrinkWrap: true,
|
|
||||||
childAspectRatio:1.3,
|
|
||||||
children: performance
|
|
||||||
.where((GetPerformanceAppraisalList el) => performance.indexOf(el) != 0)
|
|
||||||
.map(
|
|
||||||
(GetPerformanceAppraisalList item) => getPerformanceCard(item),
|
|
||||||
)
|
|
||||||
.toList(),
|
|
||||||
)
|
|
||||||
])))
|
|
||||||
: Utils.getNoDataWidget(context),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget getPerformanceCard(GetPerformanceAppraisalList performance) {
|
|
||||||
return Card(
|
|
||||||
shape: RoundedRectangleBorder(
|
|
||||||
borderRadius: BorderRadius.circular(10.0),
|
|
||||||
),
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.all(15),
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
LocaleKeys.performanceEvaluationIn.tr() + performance.aPPRAISALYEAR.toString(),
|
|
||||||
style: const TextStyle(fontWeight: FontWeight.bold),
|
|
||||||
),
|
|
||||||
const SizedBox(
|
|
||||||
height: 10,
|
|
||||||
),
|
|
||||||
SliderTheme(
|
|
||||||
data: SliderThemeData(trackHeight: 3, thumbShape: SliderComponentShape.noThumb, overlayShape: SliderComponentShape.noOverlay),
|
|
||||||
child: Slider(
|
|
||||||
max: 100,
|
|
||||||
min: 0,
|
|
||||||
inactiveColor: Colors.grey.withOpacity(.4),
|
|
||||||
activeColor: Colors.green,
|
|
||||||
value: double.parse(performance.aPPRAISALSCORE!),
|
|
||||||
onChanged: (value) {},
|
|
||||||
semanticFormatterCallback: (double newValue) {
|
|
||||||
return '${newValue.round()}';
|
|
||||||
})),
|
|
||||||
const SizedBox(
|
|
||||||
height: 10,
|
|
||||||
),
|
|
||||||
Text(
|
|
||||||
performance.aPPRAISALSCORE.toString() + '%',
|
|
||||||
style: const TextStyle(
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
fontSize: 18,
|
|
||||||
color: Colors.green,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
)));
|
|
||||||
}
|
|
||||||
|
|
||||||
void getPerformanceAppraisal() async {
|
|
||||||
try {
|
|
||||||
Utils.showLoading(context);
|
|
||||||
performance = (await ProfileApiClient().getPerformanceAppraisal())!;
|
|
||||||
setState(() {});
|
|
||||||
Utils.hideLoading(context);
|
|
||||||
} catch (ex) {
|
|
||||||
Utils.hideLoading(context);
|
|
||||||
Utils.handleException(ex, context, null);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,97 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:mohem_flutter_app/api/profile_api_client.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/performance.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
||||||
|
|
||||||
|
class PerformanceAppraisal extends StatelessWidget {
|
||||||
|
PerformanceAppraisal({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
Future<List<GetPerformanceAppraisalList>> getPerformanceAppraisal(context) async {
|
||||||
|
List<GetPerformanceAppraisalList> performance = [];
|
||||||
|
try {
|
||||||
|
Utils.showLoading(context);
|
||||||
|
performance = await ProfileApiClient().getPerformanceAppraisal();
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
} catch (ex) {
|
||||||
|
performance = [];
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
Utils.handleException(ex, context, null);
|
||||||
|
}
|
||||||
|
return performance;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: MyColors.backgroundColor,
|
||||||
|
appBar: AppBarWidget(context, title: LocaleKeys.performance.tr()),
|
||||||
|
body: FutureBuilder(
|
||||||
|
future: getPerformanceAppraisal(context),
|
||||||
|
builder: (cxt, snapShot) {
|
||||||
|
if (snapShot.connectionState == ConnectionState.done) {
|
||||||
|
if (snapShot.hasData) {
|
||||||
|
List<GetPerformanceAppraisalList> performance = snapShot.data as List<GetPerformanceAppraisalList>;
|
||||||
|
if (performance.isNotEmpty) {
|
||||||
|
return ListView(
|
||||||
|
padding: const EdgeInsets.all(0),
|
||||||
|
children: [
|
||||||
|
getPerformanceCard(performance.first).paddingOnly(left: 21, right: 21, top: 21),
|
||||||
|
GridView.count(
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
crossAxisCount: 2,
|
||||||
|
mainAxisSpacing: 13,
|
||||||
|
crossAxisSpacing: 13,
|
||||||
|
shrinkWrap: true,
|
||||||
|
childAspectRatio: 160 / 125,
|
||||||
|
padding: const EdgeInsets.only(left: 21, right: 21, bottom: 21, top: 14),
|
||||||
|
children: performance
|
||||||
|
.where((GetPerformanceAppraisalList el) => performance.indexOf(el) != 0)
|
||||||
|
.map(
|
||||||
|
(GetPerformanceAppraisalList item) => getPerformanceCard(item, isGrid: true),
|
||||||
|
)
|
||||||
|
.toList(),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return Utils.getNoDataWidget(context);
|
||||||
|
}
|
||||||
|
return const SizedBox();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget getPerformanceCard(GetPerformanceAppraisalList performance, {bool isGrid = false}) {
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.only(left: 12, right: 12, top: 2, bottom: 2),
|
||||||
|
decoration: Utils.containerRadius(MyColors.greenColor, 5),
|
||||||
|
child: "Excellent".toText10(color: Colors.white),
|
||||||
|
),
|
||||||
|
(isGrid ? 8 : 4).height,
|
||||||
|
isGrid ? "${LocaleKeys.performanceEvaluationIn.tr()} ${performance.aPPRAISALYEAR}".toText13() : "${LocaleKeys.performanceEvaluationIn.tr()} ${performance.aPPRAISALYEAR}".toText18(),
|
||||||
|
4.height,
|
||||||
|
LinearProgressIndicator(
|
||||||
|
minHeight: 4,
|
||||||
|
backgroundColor: MyColors.lightGreyDeColor,
|
||||||
|
valueColor: const AlwaysStoppedAnimation<Color>(MyColors.greenColor),
|
||||||
|
value: double.parse(performance.aPPRAISALSCORE!) / 100,
|
||||||
|
),
|
||||||
|
4.height,
|
||||||
|
isGrid ? "${performance.aPPRAISALSCORE}%".toText13(color: MyColors.greenColor) : "${performance.aPPRAISALSCORE}%".toText20(color: MyColors.greenColor),
|
||||||
|
],
|
||||||
|
).objectContainerView(radius: 10);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue