Design and return Pharmacy List
hussam al-habibeh
4 years ago
parent
ae2f9a077d
commit
e92cb2e1ac
@ -1,99 +1,191 @@
|
||||
import 'package:diplomaticquarterapp/core/model/pharmacies/pharmacies_model.dart';
|
||||
import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:diplomaticquarterapp/config/size_config.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:maps_launcher/maps_launcher.dart';
|
||||
import '../base/base_view.dart';
|
||||
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
|
||||
import 'package:diplomaticquarterapp/widgets/progress_indicator/app_circular_progress_Indeicator.dart';
|
||||
import 'package:diplomaticquarterapp/widgets/others/rounded_container.dart';
|
||||
import 'dart:typed_data';
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
|
||||
import 'package:diplomaticquarterapp/core/viewModels/pharmacies_view_model.dart';
|
||||
import 'package:map_launcher/map_launcher.dart';
|
||||
import 'package:url_launcher/url_launcher.dart';
|
||||
|
||||
class PharmaciesList extends StatefulWidget {
|
||||
String medicineID;
|
||||
int url;
|
||||
|
||||
PharmaciesList({this.url, this.medicineID});
|
||||
|
||||
@override
|
||||
_PharmaciesListState createState() => _PharmaciesListState();
|
||||
class PharmaciesList extends StatelessWidget {
|
||||
final int medicineID;
|
||||
final String imageURL;
|
||||
final String medicineDescription;
|
||||
|
||||
//
|
||||
}
|
||||
PharmaciesList({this.medicineID, this.imageURL, this.medicineDescription});
|
||||
|
||||
class _PharmaciesListState extends State<PharmaciesList> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BaseView<PharmacyViewModel>(
|
||||
//onModelReady: (model) => model.getMedicine(),
|
||||
onModelReady: (model) => model.getPharmacies(id: medicineID),
|
||||
builder: (BuildContext context, PharmacyViewModel model, Widget child) =>
|
||||
AppScaffold(
|
||||
appBarTitle: 'Pharmacies List',
|
||||
body: !model.isFinished
|
||||
? AppCircularProgressIndicator()
|
||||
: model.hasError
|
||||
? Center(
|
||||
child: Text(
|
||||
model.errorMsg,
|
||||
style: TextStyle(color: Colors.red),
|
||||
appBarTitle: TranslationBase.of(context).pharmaciesList,
|
||||
baseViewModel: model,
|
||||
body: Container(
|
||||
height: SizeConfig.screenHeight,
|
||||
child: ListView(
|
||||
shrinkWrap: true,
|
||||
scrollDirection: Axis.vertical,
|
||||
physics: AlwaysScrollableScrollPhysics(),
|
||||
children: <Widget>[
|
||||
RoundedContainer(
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(7),
|
||||
),
|
||||
child: Image.memory(
|
||||
dataFromBase64String(imageURL),
|
||||
height: SizeConfig.imageSizeMultiplier * 19,
|
||||
width: SizeConfig.imageSizeMultiplier * 18,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: 6.8, vertical: 3.5),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: <Widget>[
|
||||
Texts(
|
||||
TranslationBase.of(context).description,
|
||||
),
|
||||
Texts(
|
||||
medicineDescription,
|
||||
),
|
||||
Texts(
|
||||
TranslationBase.of(context).price,
|
||||
marginRight: 10,
|
||||
marginLeft: 10,
|
||||
marginBottom: 2.0,
|
||||
),
|
||||
if (model.pharmacyList.length > 0)
|
||||
Texts(
|
||||
model.pharmacyList[0].price.toString(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.only(
|
||||
top: SizeConfig.widthMultiplier * 2.0,
|
||||
bottom: SizeConfig.widthMultiplier * 3.0,
|
||||
right: SizeConfig.widthMultiplier * 4.0,
|
||||
left: SizeConfig.widthMultiplier * 2.5,
|
||||
),
|
||||
child: Align(
|
||||
alignment: Alignment.center,
|
||||
child: Texts(
|
||||
TranslationBase.of(context).youCanFindItIn,
|
||||
),
|
||||
),
|
||||
alignment: Alignment.topRight,
|
||||
),
|
||||
Container(
|
||||
width: SizeConfig.screenWidth * 1.0,
|
||||
child: ListView.builder(
|
||||
shrinkWrap: true,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
itemCount: model.pharmacyList == null
|
||||
? 0
|
||||
: model.pharmacyList.length,
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return RoundedContainer(
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: ClipRRect(
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(7)),
|
||||
child: Image.network(
|
||||
model.pharmacyList[index].imageLocation,
|
||||
height: SizeConfig.imageSizeMultiplier * 13.0,
|
||||
width: SizeConfig.imageSizeMultiplier * 11.0,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 4,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(9.0),
|
||||
child: Texts(
|
||||
model.pharmacyList[index].desLocation,
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Container(
|
||||
height: SizeConfig.screenHeight,
|
||||
child: ListView(
|
||||
shrinkWrap: true,
|
||||
scrollDirection: Axis.vertical,
|
||||
physics: AlwaysScrollableScrollPhysics(),
|
||||
children: <Widget>[
|
||||
RoundedContainer(
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(7),
|
||||
),
|
||||
child: Image.memory(
|
||||
dataFromBase64String(
|
||||
widget.url.toString()),
|
||||
height:
|
||||
SizeConfig.imageSizeMultiplier * 19,
|
||||
width:
|
||||
SizeConfig.imageSizeMultiplier * 18,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
Expanded(
|
||||
flex: 2,
|
||||
child: Wrap(
|
||||
direction: Axis.horizontal,
|
||||
alignment: WrapAlignment.end,
|
||||
crossAxisAlignment: WrapCrossAlignment.end,
|
||||
children: <Widget>[
|
||||
Padding(
|
||||
padding: EdgeInsets.all(6.0),
|
||||
child: InkWell(
|
||||
child: Icon(
|
||||
Icons.phone,
|
||||
color: Colors.red,
|
||||
),
|
||||
onTap: () => launch("tel://" +
|
||||
model.pharmacyList[index].phoneNumber),
|
||||
),
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: Column(
|
||||
mainAxisAlignment:
|
||||
MainAxisAlignment.start,
|
||||
crossAxisAlignment:
|
||||
CrossAxisAlignment.stretch,
|
||||
children: <Widget>[],
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.all(6.0),
|
||||
child: InkWell(
|
||||
child: Icon(
|
||||
Icons.local_pharmacy,
|
||||
color: Colors.red,
|
||||
),
|
||||
)
|
||||
],
|
||||
))
|
||||
],
|
||||
),
|
||||
)),
|
||||
onTap: () {
|
||||
MapsLauncher.launchCoordinates(
|
||||
double.parse(
|
||||
model.pharmacyList[index].latitude),
|
||||
double.parse(model
|
||||
.pharmacyList[index].longitude),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Image imageFromBase64String(String base64String) {
|
||||
return Image.memory(base64Decode(base64String));
|
||||
}
|
||||
|
||||
Uint8List dataFromBase64String(String base64String) {
|
||||
return base64Decode(base64String);
|
||||
}
|
||||
|
||||
String base64String(Uint8List data) {
|
||||
return base64Encode(data);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue