lib/ListViewPage.dart

@@ -0,0 +1,88 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+import 'globals.dart' as globals;
+import 'package:flutter_applicationdemo/Venue.dart';
+import 'VenuePage.dart';
+
+class ListViewPage extends StatefulWidget {
+  const ListViewPage({Key? key}) : super(key: key);
+
+  @override
+  State<ListViewPage> createState() => _ListViewPageState();
+}
+
+class _ListViewPageState extends State<ListViewPage> {
+  final List<Venue> allVenues = globals.VENUES;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Venues near you',),
+        backgroundColor:  globals.BACKGROUNDCOLOR,
+      ),
+      body: buildListView(),
+    );
+  }
+
+  ListView buildListView() {
+    return ListView.builder(
+      padding: const EdgeInsets.all(8),
+      itemCount: allVenues.length,
+      itemBuilder: (context, index) {
+        return ListTile(
+          shape: buildBorder(),
+          onTap: () => _navigateToVenue(allVenues[index]),
+          leading: buildIconBox(index, context),
+          title: buildTitleText(index),
+          subtitle: buildWeatherRow(),
+
+          trailing: const Text('400m'),
+        );
+      },
+    );
+  }
+
+  RoundedRectangleBorder buildBorder() {
+    return RoundedRectangleBorder(
+            side: const BorderSide(color: Color(0xffe9e9e9), width: 1),
+            borderRadius: BorderRadius.circular(5));
+  }
+
+  SizedBox buildIconBox(int index, BuildContext context) {
+    return SizedBox(
+          height: double.infinity,
+          child: allVenues[index].getIcon(context),
+        );
+  }
+
+  Row buildWeatherRow() {
+    return Row(
+            children: [
+              const Text('Current weather: '),
+              const Spacer(
+                flex: 2,
+              ),
+              globals.forecast.getCurrentWeatherIcon(),
+              const Spacer(),
+            ],
+          );
+  }
+
+  Text buildTitleText(int index) {
+    return Text(
+            allVenues[index].venueName.toString(),
+            style: GoogleFonts.roboto(
+                textStyle: const TextStyle(
+              fontSize: 18,
+              color: Color(0xff994411),
+            )),
+          );
+  }
+
+  void _navigateToVenue(Venue venue) {
+    Navigator.of(context)
+        .push(MaterialPageRoute(builder: (context) => VenuePage(venue)));
+  }
+}

lib/Map.dart

@@ -1,6 +1,7 @@
 import 'dart:convert';
 
 import 'package:flutter/material.dart';
+import 'package:flutter_applicationdemo/ListViewPage.dart';
 import 'package:flutter_applicationdemo/WeatherData.dart';
 import 'package:flutter_applicationdemo/WebScraper.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
@@ -300,7 +301,8 @@ class MapState extends State<Map> {
                       ),
                       Row(
                         children: [
-                          Text('– ' + globals.forecast.getCurrentWeatherStatus()),
+                          Text('– ' +
+                              globals.forecast.getCurrentWeatherStatus()),
                         ],
                       ),
                       Row(
@@ -334,6 +336,15 @@ class MapState extends State<Map> {
                     Navigator.pop(context);
                     _bottomSheetIsOpen = false;
                   }),
+              ElevatedButton(
+                child: const Text('ListView'),
+                onPressed: () {
+                  Navigator.push(
+                      context,
+                      MaterialPageRoute(
+                          builder: (context) => ListViewPage()));
+                },
+              ),
             ],
           ),
         ),
@@ -375,7 +386,7 @@ class MapState extends State<Map> {
           style: GoogleFonts.roboto(
               textStyle: const TextStyle(
             color: Colors.black,
-            fontWeight: FontWeight.w200,
+            fontWeight: FontWeight.w300,
             fontSize: 18,
           )),
         )

lib/WeatherData.dart

@@ -99,12 +99,12 @@ class WeatherData {
       case 1:
         return const Icon(
           Icons.sunny,
-          color: Color.fromARGB(255, 251, 183, 9),
+          color: Color.fromARGB(255, 255, 161, 19),
         );
       case 2:
         return const Icon(
           Icons.sunny,
-          color: Color.fromARGB(255, 251, 183, 9),
+          color: Color.fromARGB(255, 255, 161, 19),
         );
       case 3:
         return const FaIcon(FontAwesomeIcons.cloudSun);

lib/globals.dart

@@ -9,7 +9,6 @@ import 'package:flutter/material.dart';
 
 import 'HomePage.dart';
 import 'Venue.dart';
-import 'Venue.dart';
 import 'main.dart';
 
 User LOGGED_IN_USER = User(0, "", "");

lib/venuePage.dart

@@ -7,148 +7,8 @@ import 'package:flutter/material.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:http/http.dart' as http;
 import 'WeatherData.dart';
+import 'globals.dart' as globals;
 
-// Color _backgroundColor = const Color(0xffac7b84);
-
-/*class WeatherData {
-  final int weatherValue;
-  final int temperature;
-
-  WeatherData(this.weatherValue, this.temperature);
-
-  factory WeatherData.fromJson(Map<String, dynamic> json) {
-    var value = json.values;
-    var tempWeatherData;
-    var tempTemperature;
-
-    if (value.first['wsymb2'] is int) {
-      tempWeatherData = value.first['wsymb2'];
-    }
-    if (value.first['temp'] is double) {
-      tempTemperature = value.first['temp'];
-    }
-
-    if (tempWeatherData != null && tempTemperature != null) {
-      return WeatherData(tempWeatherData, tempTemperature.round());
-    } else {
-      return WeatherData(0, 0);
-    }
-  }
-
-  int getCurrentTemperature() {
-    return temperature;
-  }
-
-  String getCurrentWeatherStatus() {
-    String weatherStatus;
-    switch (weatherValue) {
-      case 0:
-        weatherStatus = 'Undefined';
-        break;
-      case 1:
-        weatherStatus = 'Clear sky';
-        break;
-      case 2:
-        weatherStatus = 'Nearly clear sky';
-        break;
-      case 3:
-        weatherStatus = 'Variable cloudiness';
-        break;
-      case 4:
-        weatherStatus = 'Halfclear sky';
-        break;
-      case 5:
-        weatherStatus = 'Cloudy sky';
-        break;
-      case 6:
-        weatherStatus = 'Overcast';
-        break;
-      case 7:
-        weatherStatus = 'Fog';
-        break;
-      case 8:
-        weatherStatus = 'Light rain showers';
-        break;
-      case 9:
-        weatherStatus = 'Moderate rain showers';
-        break;
-      case 10:
-        weatherStatus = 'Heavy rain showers';
-        break;
-      case 11:
-        weatherStatus = 'Thunderstorm';
-        break;
-      case 12:
-        weatherStatus = 'Light sleet showers';
-        break;
-      case 13:
-        weatherStatus = 'Moderate sleet showers';
-        break;
-      case 14:
-        weatherStatus = 'Heavy sleet showers';
-        break;
-      case 15:
-        weatherStatus = 'Light snow showers';
-        break;
-      case 16:
-        weatherStatus = 'Moderate snow showers';
-        break;
-      case 17:
-        weatherStatus = 'Heavy snow showers';
-        break;
-      default:
-        weatherStatus = 'Undefined';
-    }
-    return weatherStatus;
-  }
-
-  Widget getCurrentWeatherIcon() {
-    switch (weatherValue) {
-      case 1:
-        return const Icon(
-          Icons.sunny,
-          color: Color.fromARGB(255, 251, 183, 9),
-        );
-      case 2:
-        return const Icon(
-          Icons.sunny,
-          color: Color.fromARGB(255, 251, 183, 9),
-        );
-      case 3:
-        return const FaIcon(FontAwesomeIcons.cloudSun);
-      case 4:
-        return const FaIcon(FontAwesomeIcons.cloudSun);
-      case 5:
-        return const FaIcon(FontAwesomeIcons.cloud);
-      case 6:
-        return const FaIcon(FontAwesomeIcons.cloud);
-      case 7:
-        return const FaIcon(FontAwesomeIcons.smog);
-      case 8:
-        return const FaIcon(FontAwesomeIcons.umbrella);
-      case 9:
-        return const FaIcon(FontAwesomeIcons.cloudRain);
-      case 10:
-        return const FaIcon(FontAwesomeIcons.cloudShowersHeavy);
-      case 11:
-        return const FaIcon(FontAwesomeIcons.cloudflare);
-      case 12:
-        return const FaIcon(FontAwesomeIcons.cloudRain);
-      case 13:
-        return const FaIcon(FontAwesomeIcons.cloudShowersHeavy);
-      case 14:
-        return const FaIcon(FontAwesomeIcons.cloudShowersHeavy);
-      case 15:
-        return const FaIcon(FontAwesomeIcons.snowflake);
-      case 16:
-        return const FaIcon(FontAwesomeIcons.snowflake);
-      case 17:
-        return const FaIcon(FontAwesomeIcons.snowflake);
-      default:
-        return const FaIcon(FontAwesomeIcons.times);
-    }
-  }
-}*/
 
 class VenuePage extends StatefulWidget {
   const VenuePage(this.venue, {Key? key}) : super(key: key);
@@ -185,17 +45,16 @@ class _VenuePageState extends State<VenuePage> {
     currentWeather = tempWeather;
 
     Uri weatherDataURI = Uri.parse(
-        'https://group-4-75.pvt.dsv.su.se/target/weather-0.0.2-SNAPSHOT.war/weather');
+        'https://group-4-75.pvt.dsv.su.se/target/weather-0.0.4-SNAPSHOT.war/weather');
 
-    final responce = await http.get(weatherDataURI);
+    final response = await http.get(weatherDataURI);
 
-    if (responce.statusCode == 200) {
+    if (response.statusCode == 200) {
-      var data = json.decode(responce.body);
+      var data = json.decode(response.body);
       tempWeather = WeatherData.fromJson(data);
 
-      print(data);
-
       setState(() {
+        globals.forecast = tempWeather;
         currentWeather = tempWeather; //Could be a widget instead??
       });
     } else {
@@ -237,8 +96,13 @@ class _VenuePageState extends State<VenuePage> {
               Expanded(
                   child: Column(
                 children: [
-                  Text(venue.venueName),
+                  Text(venue.venueName,
-                  Text('This is the address'),
+                      style: const TextStyle(
+                        fontSize: 18,
+                        fontWeight: FontWeight.bold,
+                      )
+                  ),
+                  Text(venue.venueAddress + ' ' + venue.venueStreetNo),
                 ],
               )),
               Expanded(
@@ -247,18 +111,33 @@ class _VenuePageState extends State<VenuePage> {
                   //   border: Border.all(color: const Color(0xffaaaaaa)),
                   // ),
                   // color: const Color(0xffe9e9e9),
-                  child: Column(
+                  child: buildWeatherColumn(),
+                ),
+              )
+            ]),
+            const AboutTheSpotTable(),
+            /*GridView.count(
+              crossAxisCount: 2,
+              children: [],
+            )*/
+          ]),
+        ),
+      ),
+    ));
+  }
+
+  Column buildWeatherColumn() {
+    return Column(
                   children: [
                     Padding(
                       padding: const EdgeInsets.all(4.0),
-                        child: Text('Weather Status:',
+                      child: /*Text('Weather Status:',
                           style: GoogleFonts.robotoCondensed(
                             textStyle: const TextStyle(
                               fontSize: 14,
                               fontWeight: FontWeight.bold,
                             ),
-                            )),
+                          )),*/
-                      ),
                     Row(
                         mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                         children: [
@@ -273,20 +152,9 @@ class _VenuePageState extends State<VenuePage> {
                                   .toString() +
                               '\u2103'),
                         ]),
+                    ),
                   ],
-                  ),
+                );
-                ),
-              )
-            ]),
-            const AboutTheSpotTable(),
-            /*GridView.count(
-              crossAxisCount: 2,
-              children: [],
-            )*/
-          ]),
-        ),
-      ),
-    ));
   }
 }
 
@@ -340,22 +208,7 @@ class AboutTheSpotTable extends StatelessWidget {
   }
 }
 
-//   @override
+
-//   Widget build(BuildContext context) {
-//     return Scaffold(
-//         backgroundColor: const Color(0xfffceff9),
-//         appBar: AppBar(
-//           title: const Text('My Venue'),
-//           backgroundColor: _backgroundColor,
-//         ),
-//         body: Row(
-//           children: const <Widget>[
-//             ShareButton(),
-//             SavePlaceButton(),
-//           ],
-//         ));
-//   }
-// }
 
 class SavePlaceButton extends StatelessWidget {
   const SavePlaceButton({