You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
PatientApp-KKUMC/lib/pages/pharmacies/product-brands.dart

285 lines
9.1 KiB
Dart

import 'package:flutter/material.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/pages/base/base_view.dart';
import 'package:diplomaticquarterapp/core/viewModels/pharmacyModule/brand_view_model.dart';
void main() => runApp(ProductBrandsPage());
class ProductBrandsPage extends StatefulWidget {
@override
_ProductBrandsPageState createState() => _ProductBrandsPageState();
}
class _ProductBrandsPageState extends State<ProductBrandsPage> {
@override
Widget build(BuildContext context) {
return BaseView<BrandsViewModel>(
onModelReady: (model) => model.getTopBrandsData(),
builder: (_, model, wi) => AppScaffold(
appBarTitle: 'Brands page',
isShowAppBar: true,
isPharmacy: true,
body: Container(
child: Column(
children: [
Container(
color: Colors.white,
alignment: Alignment.topLeft,
padding: EdgeInsets.only(left: 10.0, top: 10.0),
child: Text(
'Top Brands',
style: TextStyle(
fontWeight: FontWeight.bold
),
),
),
Container(
height: 220,
width: double.infinity,
color: Colors.white,
child: topBrand(),
),
SizedBox(
height: 10,
),
Container(
height: 100,
width: double.infinity,
color: Colors.white,
child: IconButton(
icon: Icon(Icons.search),
onPressed: () {
showSearch(context: context, delegate: SearchBar());
},
),
),
SizedBox(
height: 10,
),
Container(
height: 280,
width: double.infinity,
color: Colors.white,
child: ListView.builder(
itemCount: model.brandsListList.length,
itemBuilder: (BuildContext ctxt, int index) {
return Container(
margin: EdgeInsets.only(top: 50, left: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
Text(model.brandsListList[index].name),
SizedBox(
height: 3,
),
Divider(height: 1, color: Colors.grey)
],
),
);
}),
),
],
),
),
),
);
}
}
//topBrand() {
// return BaseView<BrandsViewModel>(
// onModelReady: (model) => model.getBrandsData(),
// builder: (_, model, wi) => Column(
// crossAxisAlignment: CrossAxisAlignment.start,
// mainAxisAlignment: MainAxisAlignment.start,
// children: [
// Container(
// padding: EdgeInsets.all(10),
// child: Text(
// 'Top Brands',
// ),
// ),
// Row(
// children: [
// Container(
// margin: EdgeInsets.fromLTRB(10.0, 10.0, 0.0, 0.0),
// child: Container(
// margin: EdgeInsets.only(bottom: 10.0),
// child: Container(
// margin: EdgeInsets.only(bottom: 10.0),
// child: Container(
// child: Container(
// padding: EdgeInsets.symmetric(
// horizontal: 10.0, vertical: 10.0),
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(10),
// border: Border(
// top: BorderSide(width: 1.0, color: Colors.grey),
// left: BorderSide(width: 1.0, color: Colors.grey),
// right: BorderSide(width: 1.0, color: Colors.grey),
// bottom: BorderSide(width: 1.0, color: Colors.grey),
// ),
// color: Colors.white,
// ),
// child: Image(
// image: AssetImage(
// 'assets/images/al-habib_onlne_pharmacy_bg.png'),
// fit: BoxFit.cover,
// width: 60,
// height: 40,
// ),
// ),
// ),
// ),
// ),
// ),
// ],
// ),
// Row(
// children: [
// Container(
// margin: EdgeInsets.fromLTRB(10.0, 10.0, 0.0, 0.0),
// child: Container(
// margin: EdgeInsets.only(bottom: 10.0),
// child: Container(
// margin: EdgeInsets.only(bottom: 10.0),
// child: Container(
// padding: EdgeInsets.only(left: 5),
// child: Container(
// padding: EdgeInsets.symmetric(
// horizontal: 10.0, vertical: 10.0),
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(10),
// border: Border(
// top: BorderSide(width: 1.0, color: Colors.grey),
// left: BorderSide(width: 1.0, color: Colors.grey),
// right: BorderSide(width: 1.0, color: Colors.grey),
// bottom: BorderSide(width: 1.0, color: Colors.grey),
// ),
// color: Colors.white,
// ),
// child: Image(
// image: AssetImage(
// 'assets/images/al-habib_onlne_pharmacy_bg.png'),
// fit: BoxFit.cover,
// width: 60,
// height: 40,
// ),
// ),
// ),
// ),
// ),
// ),
// ],
// ),
// ],
// ),
// );
//}
topBrand() {
return BaseView<BrandsViewModel>(
onModelReady: (model) => model.getTopBrandsData(),
builder: (_, model, wi) => GridView.count(
crossAxisCount: 4,
children: List.generate(
model.topBrandsListList.length,
(index) => Column(
children: [
Container(
margin: EdgeInsets.fromLTRB(5.0, 10.0, 5.0, 0.0),
child: Container(
child: Container(
child: Container(
// padding: EdgeInsets.only(left: 5),
child: Container(
padding: EdgeInsets.symmetric(
horizontal: 10.0, vertical: 10.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border(
top: BorderSide(width: 1.0, color: Colors.grey),
left: BorderSide(width: 1.0, color: Colors.grey),
right: BorderSide(width: 1.0, color: Colors.grey),
bottom: BorderSide(width: 1.0, color: Colors.grey),
),
color: Colors.white,
),
child: Image.network(
model.topBrandsListList[index].image.src.trim(),
fit: BoxFit.cover,
width: 60,
height: 40,
),
),
),
),
),
),
],
),
),
),
);
}
brandSearch() {
return Text('ENAD');
}
class SearchBar extends SearchDelegate<String> {
@override
List<Widget> buildActions(BuildContext context) {
return [
IconButton(
icon: Icon(Icons.clear),
onPressed: () {
query = "";
},
)
];
}
@override
Widget buildLeading(BuildContext context) {
return IconButton(
icon: AnimatedIcon(
icon: AnimatedIcons.menu_arrow,
progress: transitionAnimation,
),
onPressed: () {
close(context, null);
},
);
}
@override
Widget buildResults(BuildContext context) {
return Container(
height: 100,
width: 100,
child: Card(
color: Colors.red,
child: Center(
child: Text(query),
),
),
);
}
@override
Widget buildSuggestions(BuildContext context) {
return ListView.builder(
itemCount: 5,
itemBuilder: (context, index) => ListTile(
leading: Icon(Icons.location_city),
title: Text("Enad"),
onTap: () {
showResults(context);
},
),
);
}
}