ericampire/le-kiosque-flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding TopNews

Browse Source
This commit is contained in:
Eric Ampire
2021-03-25 10:54:09 +02:00
parent ce237c13a4
commit e290274a95
17 changed files with 510 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/ui/custom/item_mag_large.dart
+1
View File
@@ -32,6 +32,7 @@ class ItemMagLarge extends StatelessWidget {
height: 235,
width: 168,
decoration: BoxDecoration(
color: Colors.grey,
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(
Radius.circular(5),
lib/ui/custom/item_mag_row.dart
+1
View File
@@ -49,6 +49,7 @@ class ItemMagRow extends StatelessWidget {
rowTitle,
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold,
),
),
InkWell(
lib/ui/custom/item_mag_row_newest.dart
+2 -1
View File
@@ -31,6 +31,7 @@ class ItemMagRowNewest extends StatelessWidget {
Text(
title,
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22,
),
),
@@ -62,7 +63,7 @@ class ItemMagRowNewest extends StatelessWidget {
);
},
),
)
),
],
),
);
lib/ui/custom/item_mag_small.dart
+1
View File
@@ -18,6 +18,7 @@ class ItemMagSmall extends StatelessWidget {
height: 167,
width: 119,
decoration: BoxDecoration(
color: Colors.grey,
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(Radius.circular(5)),
image: DecorationImage(
lib/ui/view/main.dart
+3 -2
View File
@@ -1,8 +1,9 @@
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:le_kiosque_by_gcs/model/news.dart';
import 'package:le_kiosque_by_gcs/ui/view/home.dart';
import 'package:le_kiosque_by_gcs/ui/view/news.dart';
import 'package:le_kiosque_by_gcs/ui/view/news/news.dart';
import 'package:le_kiosque_by_gcs/ui/view/profile.dart';
import 'package:le_kiosque_by_gcs/ui/view/search/search.dart';
import 'package:le_kiosque_by_gcs/ui/view/setting/setting.dart';
@@ -18,7 +19,7 @@ class _MainViewState extends State<MainView> {
List<Widget> _widgetOptions = [
HomeView(),
NewsView(),
NewsView(newsList: newsTest),
SubscriptionView(),
ProfileView()
];
lib/ui/view/news.dart
-8
View File
@@ -1,8 +0,0 @@
import 'package:flutter/cupertino.dart';
class NewsView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container();
}
}
lib/ui/view/news/item_regular_news.dart
+130
View File
@@ -0,0 +1,130 @@
import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/news.dart';
class ItemRegularNews extends StatelessWidget {
const ItemRegularNews({Key key, this.news}) : super(key: key);
final News news;
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.only(left: 12, right: 12),
child: InkWell(
onTap: () {
_showDetailNews(context);
},
child: Card(
elevation: 4,
child: Container(
child: Row(
children: [
Padding(
padding: const EdgeInsets.all(10.0),
child: Container(
height: 90,
width: 90,
decoration: BoxDecoration(
color: Colors.grey,
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(
Radius.circular(10),
),
image: DecorationImage(
image: NetworkImage(news.previewUrl),
fit: BoxFit.cover,
),
),
),
),
Expanded(
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(right: 10),
child: Text(
news.title,
textAlign: TextAlign.justify,
overflow: TextOverflow.ellipsis,
maxLines: 3,
style: TextStyle(
fontSize: 15,
color: Colors.black,
),
),
),
SizedBox(height: 14),
SizedBox(
height: 16,
child: Image.network(news.sourceUrl),
)
],
),
)
],
),
),
),
),
);
return InkWell(
onTap: () {
_showDetailNews(context);
},
child: Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Card(
elevation: 4,
child: Container(
width: double.infinity,
height: 120,
child: Row(
children: [
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
color: Colors.grey,
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(
Radius.circular(10),
),
image: DecorationImage(
image: NetworkImage(news.previewUrl),
fit: BoxFit.cover,
),
),
),
Column(
children: [
Padding(
padding: EdgeInsets.all(16.0),
child: Text(
news.title,
overflow: TextOverflow.ellipsis,
maxLines: 4,
style: TextStyle(
fontSize: 17,
color: Colors.black,
),
),
),
Padding(
padding: const EdgeInsets.all(16),
child: Image.network(news.sourceUrl),
)
],
)
],
),
),
),
),
);
}
void _showDetailNews(BuildContext context) {}
}
lib/ui/view/news/item_top_news.dart
+85
View File
@@ -0,0 +1,85 @@
import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/news.dart';
import 'package:url_launcher/url_launcher.dart';
class ItemTopNews extends StatelessWidget {
const ItemTopNews({Key key, this.news}) : super(key: key);
final News news;
@override
Widget build(BuildContext context) {
return Container(
height: 259,
width: 270,
child: InkWell(
onTap: () {
_showFullArticle(context, news.fullPostUrl);
},
child: Stack(
alignment: Alignment.bottomLeft,
children: [
Container(
height: 259,
width: 270,
decoration: BoxDecoration(
color: Colors.grey,
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(
Radius.circular(10),
),
image: DecorationImage(
image: NetworkImage(news.previewUrl),
fit: BoxFit.cover,
),
),
),
Container(
height: 259,
width: 270,
decoration: BoxDecoration(
color: Colors.black38,
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(
Radius.circular(10),
),
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Padding(
padding: const EdgeInsets.all(16.0),
child: Text(
news.title,
maxLines: 4,
style: TextStyle(
fontSize: 17,
color: Colors.white,
),
),
),
Padding(
padding: const EdgeInsets.only(left: 16, bottom: 16),
child: SizedBox(
height: 16,
child: Image.network(news.sourceUrl),
),
)
],
),
],
),
),
);
}
void _showFullArticle(BuildContext context, String fullPostUrl) async {
if (await canLaunch(fullPostUrl)) {
await launch(fullPostUrl);
} else {
throw 'Could not launch $fullPostUrl';
}
}
}
lib/ui/view/news/news.dart
+74
View File
@@ -0,0 +1,74 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/magazine.dart';
import 'package:le_kiosque_by_gcs/model/news.dart';
import 'package:le_kiosque_by_gcs/ui/view/news/item_regular_news.dart';
import 'package:le_kiosque_by_gcs/ui/view/news/item_top_news.dart';
class NewsView extends StatelessWidget {
const NewsView({
Key key,
@required this.newsList,
}) : super(key: key);
final List<News> newsList;
@override
Widget build(BuildContext context) {
return CustomScrollView(
slivers: [
SliverPadding(
padding: EdgeInsets.all(16),
sliver: SliverToBoxAdapter(
child: Text(
"Top actualité",
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold,
color: Color(0xFF3B3B3B),
),
),
),
),
SliverToBoxAdapter(
child: Container(
height: 280,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: magazinesTest.length,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.only(
left: 16,
bottom: 16,
),
child: ItemTopNews(
news: newsList[index],
),
);
},
),
),
),
SliverPadding(
padding: EdgeInsets.all(16),
sliver: SliverToBoxAdapter(
child: Text(
"Actualité de la semaine",
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold,
color: Color(0xFF3B3B3B),
),
),
),
),
SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
return ItemRegularNews(news: newsList[index]);
}, childCount: newsList.length),
),
],
);
}
}
lib/ui/view/profile.dart
+3 -16
View File
@@ -13,20 +13,7 @@ class ProfileView extends StatefulWidget {
class _ProfileViewState extends State<ProfileView> {
@override
Widget build(BuildContext context) {
// TODO Removig
final summary =
"Voyez ce jeu exquis wallon, de graphie en kit mais bref. Portez ce vieux whisky au juge blond qui fume sur son île intérieure, à côté de l\"alcôve ovoïde, où les bûches se consument dans l\"âtre";
final url =
"https://miningandbusiness.com/wp-content/uploads/2021/02/03f19c3a-1d92-4be7-ac54-f52b37e626ad-561x771.jpg";
final urlPrd = "http://www.africau.edu/images/default/sample.pdf";
final magazines = [
Magazine(urlCover: url, magazineUrl: urlPrd, summaryText: summary),
Magazine(urlCover: url, magazineUrl: urlPrd, summaryText: summary),
Magazine(urlCover: url, magazineUrl: urlPrd, summaryText: summary),
Magazine(urlCover: url, magazineUrl: urlPrd, summaryText: summary),
Magazine(urlCover: url, magazineUrl: urlPrd, summaryText: summary)
];
// TODO Removing
return Scaffold(
body: CustomScrollView(
slivers: [
@@ -64,8 +51,8 @@ class _ProfileViewState extends State<ProfileView> {
mainAxisExtent: 250
),
delegate: SliverChildBuilderDelegate(
(context, int index) => ItemMagLarge(magazine: magazines[index]),
childCount: magazines.length,
(context, int index) => ItemMagLarge(magazine: magazinesTest[index]),
childCount: magazinesTest.length,
),
),
),
lib/ui/view/search/item_mag_large_search.dart
+67
View File
@@ -0,0 +1,67 @@
import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/magazine.dart';
import 'package:le_kiosque_by_gcs/ui/view/pdf_reader.dart';
class ItemMagLargeSearch extends StatelessWidget {
const ItemMagLargeSearch({
Key key,
@required this.magazine,
}) : super(key: key);
final Magazine magazine;
void showPdfReader(BuildContext context, String magazineUrl) {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) {
return PdfReader(
pdfUrl: magazine.magazineUrl,
);
},
),
);
}
@override
Widget build(BuildContext context) {
return Stack(
children: [
InkWell(
onTap: () {
showPdfReader(context, magazine.magazineUrl);
},
child: Container(
height: 235,
width: 168,
decoration: BoxDecoration(
shape: BoxShape.rectangle,
borderRadius: BorderRadius.all(
Radius.circular(5),
),
image: DecorationImage(
image: NetworkImage(magazine.urlCover),
fit: BoxFit.cover,
),
),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.black54,
),
child: Padding(
padding: const EdgeInsets.all(4.0),
child: Icon(
Icons.close_rounded,
color: Colors.white,
),
),
),
),
],
);
}
}
lib/ui/view/search/item_mag_search.dart
+1
View File
@@ -22,6 +22,7 @@ class ItemMagazineSearch extends StatelessWidget {
height: 50,
width: 50,
decoration: BoxDecoration(
color: Colors.grey,
shape: BoxShape.circle,
image: DecorationImage(
image: NetworkImage(magazine.urlCover),
lib/ui/view/search/search.dart
+98 -21
View File
@@ -1,9 +1,19 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/magazine.dart';
import 'package:le_kiosque_by_gcs/ui/custom/item_mag_large.dart';
import 'package:le_kiosque_by_gcs/ui/view/search/item_mag_search.dart';
class SearchView extends StatelessWidget {
import 'item_mag_large_search.dart';
class SearchView extends StatefulWidget {
@override
_SearchViewState createState() => _SearchViewState();
}
class _SearchViewState extends State<SearchView> {
bool _isGrid = false;
@override
Widget build(BuildContext context) {
// TODO: Removing test data
@@ -40,27 +50,94 @@ class SearchView extends StatelessWidget {
),
),
),
body: ListView.builder(
itemCount: magazinesTest.length + 1,
itemBuilder: (context, index) {
if (index == 0) {
return Padding(
padding: const EdgeInsets.all(16.0),
child: Text(
"Recherches récentes",
style: TextStyle(
fontSize: 22,
color: Color(0xFF3B3B3B),
body: _isGrid ? _buildGrid() : _buildList(),
);
}
Widget _buildList() {
return ListView.builder(
itemCount: magazinesTest.length + 1,
itemBuilder: (context, index) {
if (index == 0) {
return Padding(
padding: const EdgeInsets.all(16.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"Recherches récentes",
style: TextStyle(
fontSize: 22,
color: Color(0xFF3B3B3B),
),
),
),
);
} else {
return ItemMagazineSearch(
magazine: magazinesTest[index - 1],
);
}
},
),
InkWell(
onTap: () => _updateListAppearance(),
child: Icon(
_isGrid ? Icons.list : Icons.grid_view,
),
)
],
),
);
} else {
return ItemMagazineSearch(
magazine: magazinesTest[index - 1],
);
}
},
);
}
_updateListAppearance() {
setState(() {
_isGrid = !_isGrid;
});
}
Widget _buildGrid() {
return CustomScrollView(
slivers: [
SliverToBoxAdapter(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"Recherches récentes",
style: TextStyle(
fontSize: 22,
color: Color(0xFF3B3B3B),
),
),
InkWell(
onTap: () => _updateListAppearance(),
child: Icon(
_isGrid ? Icons.list : Icons.grid_view,
),
)
],
),
),
),
SliverPadding(
padding: EdgeInsets.all(16),
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
mainAxisSpacing: 16.0,
crossAxisSpacing: 16.0,
mainAxisExtent: 250,
),
delegate: SliverChildBuilderDelegate(
(context, int index) =>
ItemMagLargeSearch(magazine: magazinesTest[index]),
childCount: magazinesTest.length,
),
),
),
],
);
}
}
lib/ui/view/setting/setting.dart
+1
View File
@@ -22,6 +22,7 @@ class SettingView extends StatelessWidget {
);
}
// Todo: remplace
final String licenceUrl = "http://example.com";
_showTermAndCond(BuildContext context) async {