Item View

lib/ui/custom/item_mag_large.dart

@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+import 'package:le_kiosque_by_gcs/model/magazine.dart';
+
+class ItemMagLarge extends StatelessWidget {
+  const ItemMagLarge({
+    Key key,
+    this.magazine,
+  }) : super(key: key);
+
+  final Magazine magazine;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 235,
+      width:  168,
+      decoration: BoxDecoration(
+        shape: BoxShape.rectangle,
+        borderRadius: BorderRadius.all(
+            Radius.circular(5)
+        ),
+        image: DecorationImage(
+          image: NetworkImage(
+              "https://miningandbusiness.com/wp-content/uploads/2021/02/03f19c3a-1d92-4be7-ac54-f52b37e626ad-561x771.jpg"),
+          fit: BoxFit.cover,
+        ),
+      ),
+    );
+  }
+}

lib/ui/custom/item_mag_row.dart

@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:le_kiosque_by_gcs/model/magazine.dart';
+
+import 'item_mag_small.dart';
+
+class ItemMagRow extends StatelessWidget {
+  const ItemMagRow({
+    Key key,
+    this.rowTitle,
+    this.magazines,
+  }) : super(key: key);
+
+  final String rowTitle;
+  final List<Magazine> magazines;
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverToBoxAdapter(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(bottom: 16, top: 26),
+            child: Text(
+              rowTitle,
+              style: TextStyle(
+                fontSize: 22,
+              ),
+            ),
+          ),
+          Container(
+            height: 170,
+            child: ListView.builder(
+              scrollDirection: Axis.horizontal,
+              itemCount: magazines.length,
+              itemBuilder: (context, index) {
+                return Padding(
+                  padding: const EdgeInsets.only(right: 16),
+                  child: ItemMagSmall(
+                    magazine: magazines[index],
+                  ),
+                );
+              },
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}

lib/ui/custom/item_mag_row_newest.dart

@@ -0,0 +1,50 @@
+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 'item_mag_small.dart';
+
+class ItemMagRowNewest extends StatelessWidget {
+  const ItemMagRowNewest({
+    Key key,
+    this.magazines,
+  }) : super(key: key);
+
+  final List<Magazine> magazines;
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverToBoxAdapter(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(bottom: 16, top: 26),
+            child: Text(
+              "Nouveautés",
+              style: TextStyle(
+                fontSize: 22,
+              ),
+            ),
+          ),
+          Container(
+            height: 235,
+            child: ListView.builder(
+              scrollDirection: Axis.horizontal,
+              itemCount: magazines.length,
+              itemBuilder: (context, index) {
+                return Padding(
+                  padding: const EdgeInsets.only(right: 16),
+                  child: ItemMagLarge(
+                    magazine: magazines[index],
+                  ),
+                );
+              },
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}

lib/ui/custom/item_mag_small.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+import 'package:le_kiosque_by_gcs/model/magazine.dart';
+import 'package:le_kiosque_by_gcs/ui/pdf_reader.dart';
+
+class ItemMagSmall extends StatelessWidget {
+  const ItemMagSmall({Key key, this.magazine}) : super(key: key);
+
+  final Magazine magazine;
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: () {
+        showPdfReader(context, magazine.magazineUrl);
+      },
+      child: Container(
+        height: 167,
+        width: 119,
+        decoration: BoxDecoration(
+          shape: BoxShape.rectangle,
+          borderRadius: BorderRadius.all(Radius.circular(5)),
+          image: DecorationImage(
+            image: NetworkImage(
+                "https://miningandbusiness.com/wp-content/uploads/2021/02/03f19c3a-1d92-4be7-ac54-f52b37e626ad-561x771.jpg"),
+            fit: BoxFit.cover,
+          ),
+        ),
+      ),
+    );
+  }
+
+  void showPdfReader(BuildContext context, String magazineUrl) {
+    Navigator.of(context).push(
+      MaterialPageRoute(
+        builder: (context) {
+          return PdfReader(
+            pdfUrl: "http://www.africau.edu/images/default/sample.pdf",
+          );
+        },
+      ),
+    );
+  }
+}

lib/ui/custom/profile_picture.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+
+class ProfilePicture extends StatelessWidget {
+
+  const ProfilePicture({Key key, this.imageUrl}) : super(key: key);
+
+  final String imageUrl;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 114,
+      width: 114,
+      decoration: BoxDecoration(
+        shape: BoxShape.circle,
+        image: DecorationImage(
+          image: NetworkImage(imageUrl),
+          fit: BoxFit.cover,
+        ),
+        border: Border.all(
+          color: Colors.white,
+          width: 4,
+        ),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.grey.withOpacity(0.5),
+            spreadRadius: 2,
+            blurRadius: 2,
+            offset: Offset(0, 1), // changes position of shadow
+          )
+        ]
+      ),
+    );
+  }
+}