kotlin upgrade 5

fbla-api/lib/fbla_api.dart

@@ -168,6 +168,15 @@ void main() async {
 
   final app = Router();
 
+  // CORS preflight acceptor
+  app.options('/<ignored|.*>', (Request request) {
+    return Response.ok(null, headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'POST, GET, OPTIONS',
+      'Access-Control-Allow-Headers': '*',
+    });
+  });
+
   // routes
   app.get('/fbla-api/hello', (Request request) async {
     print('Hello received');
@@ -820,6 +829,31 @@ void main() async {
       },
     );
   });
+  app.get('/fbla-api/clearbit/<website>',
+      (Request request, String website) async {
+    print('clearbit logo request received');
+
+    website = Uri.decodeComponent(website);
+
+    var response =
+        await http.get(Uri.parse('https://logo.clearbit.com/$website'));
+    if (response.statusCode == 200) {
+      return Response.ok(
+        response.bodyBytes,
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+          'Content-Type': 'image/png'
+        },
+      );
+    } else {
+      return Response.notFound(
+        'logo not found',
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+        },
+      );
+    }
+  });
 
   // get ip address for hosting
   for (var interface in await NetworkInterface.list()) {

fbla_ui/Jenkinsfile

@@ -1,125 +1,125 @@
 pipeline {
-  agent any
-  stages {
-    stage('Flutter Cleanup') {
-      steps {
-        sh '''flutter upgrade --force
+    agent any
+    stages {
+        stage('Flutter Cleanup') {
+            steps {
+                sh '''flutter upgrade
 flutter pub upgrade
 flutter --version
 flutter doctor
 flutter clean'''
-      }
-    }
-
-    stage('Build') {
-      parallel {
-        stage('Web Build') {
-          steps {
-            sh 'flutter build web --release --base-href /fbla/'
-          }
-        }
-
-        stage('Build Linux') {
-          steps {
-            sh 'flutter build linux --release'
-          }
-        }
-
-        stage('Build APK') {
-          steps {
-            sh 'flutter build apk --release'
-          }
-        }
-
-      }
-    }
-
-    stage('Deploy and Save') {
-      parallel {
-        stage('Deploy Web Local') {
-          steps {
-            script {
-              def remote = [
-                name: 'HostServer',
-                host: '192.168.0.216',
-                user: 'fbla',
-                password: 'fbla',
-                allowAnyHosts: true,
-              ]
-              sshRemove(path: '/home/fbla/fbla-webserver/webfiles/fbla', remote: remote)
-              sshPut(from: 'build/web/', into: '/home/fbla/fbla-webserver', remote: remote)
-              sshCommand remote: remote, command: "mv /home/fbla/fbla-webserver/web /home/fbla/fbla-webserver/webfiles/fbla"
             }
-
-          }
         }
 
-        stage('Save Other Builds') {
-          steps {
-            script {
-              def remote = [
-                name: 'HostServer',
-                host: '192.168.0.216',
-                user: 'fbla',
-                password: 'fbla',
-                allowAnyHosts: true,
-              ]
-              if(env.BRANCH_NAME == 'main') {
-                sshRemove(path: '/home/fbla/builds/main/linux', remote: remote)
-                sshCommand remote: remote, command: "mkdir /home/fbla/builds/main/linux"
-                sshPut(from: 'build/linux/x64/release', into: '/home/fbla/builds/main/linux', remote: remote)
-                sshCommand remote: remote, command: "mv /home/fbla/builds/main/linux/release/* /home/fbla/builds/main/linux"
-                sshCommand remote: remote, command: "rm -R /home/fbla/builds/main/linux/release/"
-                sshRemove(path: '/home/fbla/builds/main/apk', remote: remote)
-                sshCommand remote: remote, command: "mkdir /home/fbla/builds/main/apk"
-                sshPut(from: 'build/app/outputs/apk/release', into: '/home/fbla/builds/main/apk', remote: remote)
-                sshCommand remote: remote, command: "mv /home/fbla/builds/main/apk/release/* /home/fbla/builds/main/apk"
-                sshCommand remote: remote, command: "rm -R /home/fbla/builds/main/apk/release/"
-              } else {
-                sshRemove(path: '/home/fbla/builds/dev/linux', remote: remote)
-                sshCommand remote: remote, command: "mkdir /home/fbla/builds/dev/linux"
-                sshPut(from: 'build/linux/x64/release', into: '/home/fbla/builds/dev/linux', remote: remote)
-                sshCommand remote: remote, command: "mv /home/fbla/builds/dev/linux/release/* /home/fbla/builds/dev/linux"
-                sshCommand remote: remote, command: "rm -R /home/fbla/builds/dev/linux/release/"
-                sshRemove(path: '/home/fbla/builds/dev/apk', remote: remote)
-                sshCommand remote: remote, command: "mkdir /home/fbla/builds/dev/apk"
-                sshPut(from: 'build/app/outputs/apk/release', into: '/home/fbla/builds/dev/apk', remote: remote)
-                sshCommand remote: remote, command: "mv /home/fbla/builds/dev/apk/release/* /home/fbla/builds/dev/apk"
-                sshCommand remote: remote, command: "rm -R /home/fbla/builds/dev/apk/release/"
-              }
+        stage('Build') {
+            parallel {
+                stage('Web Build') {
+                    steps {
+                        sh 'flutter build web --release --base-href /fbla/'
+                    }
+                }
+
+                stage('Build Linux') {
+                    steps {
+                        sh 'flutter build linux --release'
+                    }
+                }
+
+                stage('Build APK') {
+                    steps {
+                        sh 'flutter build apk --release'
+                    }
+                }
+
+            }
+        }
+
+        stage('Deploy and Save') {
+            parallel {
+                stage('Deploy Web Local') {
+                    steps {
+                        script {
+                            def remote = [
+                                    name         : 'HostServer',
+                                    host         : '192.168.0.216',
+                                    user         : 'fbla',
+                                    password     : 'fbla',
+                                    allowAnyHosts: true,
+                            ]
+                            sshRemove(path: '/home/fbla/fbla-webserver/webfiles/fbla', remote: remote)
+                            sshPut(from: 'build/web/', into: '/home/fbla/fbla-webserver', remote: remote)
+                            sshCommand remote: remote, command: "mv /home/fbla/fbla-webserver/web /home/fbla/fbla-webserver/webfiles/fbla"
+                        }
+
+                    }
+                }
+
+                stage('Save Other Builds') {
+                    steps {
+                        script {
+                            def remote = [
+                                    name         : 'HostServer',
+                                    host         : '192.168.0.216',
+                                    user         : 'fbla',
+                                    password     : 'fbla',
+                                    allowAnyHosts: true,
+                            ]
+                            if (env.BRANCH_NAME == 'main') {
+                                sshRemove(path: '/home/fbla/builds/main/linux', remote: remote)
+                                sshCommand remote: remote, command: "mkdir /home/fbla/builds/main/linux"
+                                sshPut(from: 'build/linux/x64/release', into: '/home/fbla/builds/main/linux', remote: remote)
+                                sshCommand remote: remote, command: "mv /home/fbla/builds/main/linux/release/* /home/fbla/builds/main/linux"
+                                sshCommand remote: remote, command: "rm -R /home/fbla/builds/main/linux/release/"
+                                sshRemove(path: '/home/fbla/builds/main/apk', remote: remote)
+                                sshCommand remote: remote, command: "mkdir /home/fbla/builds/main/apk"
+                                sshPut(from: 'build/app/outputs/apk/release', into: '/home/fbla/builds/main/apk', remote: remote)
+                                sshCommand remote: remote, command: "mv /home/fbla/builds/main/apk/release/* /home/fbla/builds/main/apk"
+                                sshCommand remote: remote, command: "rm -R /home/fbla/builds/main/apk/release/"
+                            } else {
+                                sshRemove(path: '/home/fbla/builds/dev/linux', remote: remote)
+                                sshCommand remote: remote, command: "mkdir /home/fbla/builds/dev/linux"
+                                sshPut(from: 'build/linux/x64/release', into: '/home/fbla/builds/dev/linux', remote: remote)
+                                sshCommand remote: remote, command: "mv /home/fbla/builds/dev/linux/release/* /home/fbla/builds/dev/linux"
+                                sshCommand remote: remote, command: "rm -R /home/fbla/builds/dev/linux/release/"
+                                sshRemove(path: '/home/fbla/builds/dev/apk', remote: remote)
+                                sshCommand remote: remote, command: "mkdir /home/fbla/builds/dev/apk"
+                                sshPut(from: 'build/app/outputs/apk/release', into: '/home/fbla/builds/dev/apk', remote: remote)
+                                sshCommand remote: remote, command: "mv /home/fbla/builds/dev/apk/release/* /home/fbla/builds/dev/apk"
+                                sshCommand remote: remote, command: "rm -R /home/fbla/builds/dev/apk/release/"
+                            }
+                        }
+
+                    }
+                }
+
+            }
+        }
+
+        stage('Deploy Remote') {
+            when {
+                expression {
+                    env.BRANCH_NAME == 'main'
+                }
+
+            }
+            steps {
+                script {
+                    def remote = [
+                            name         : 'MarinoDev',
+                            host         : 'marinodev.com',
+                            port         : 21098,
+                            user         : 'mariehdi',
+                            identityFile : '/var/jenkins_home/marinoDevPrivateKey',
+                            passphrase   : 'marinodev',
+                            allowAnyHosts: true,
+                    ]
+                    sshRemove(path: '/home/mariehdi/public_html/fbla', remote: remote)
+                    sshPut(from: '/var/jenkins_home/workspace/fbla-ui_main/build/web/', into: '/home/mariehdi/public_html/', remote: remote)
+                    sshCommand remote: remote, command: "mv /home/mariehdi/public_html/web /home/mariehdi/public_html/fbla"
+                }
+
             }
-
-          }
         }
 
-      }
     }
-
-    stage('Deploy Remote') {
-      when {
-        expression {
-          env.BRANCH_NAME == 'main'
-        }
-
-      }
-      steps {
-        script {
-          def remote = [
-            name: 'MarinoDev',
-            host: 'marinodev.com',
-            port: 21098,
-            user: 'mariehdi',
-            identityFile: '/var/jenkins_home/marinoDevPrivateKey',
-            passphrase: 'marinodev',
-            allowAnyHosts: true,
-          ]
-          sshRemove(path: '/home/mariehdi/public_html/fbla', remote: remote)
-          sshPut(from: '/var/jenkins_home/workspace/fbla-ui_main/build/web/', into: '/home/mariehdi/public_html/', remote: remote)
-          sshCommand remote: remote, command: "mv /home/mariehdi/public_html/web /home/mariehdi/public_html/fbla"
-        }
-
-      }
-    }
-
-  }
 }

fbla_ui/android/app/build.gradle

@@ -1,3 +1,9 @@
+plugins {
+    id "com.android.application"
+    id "kotlin-android"
+    id "dev.flutter.flutter-gradle-plugin"
+}
+
 def localProperties = new Properties()
 def localPropertiesFile = rootProject.file('local.properties')
 if (localPropertiesFile.exists()) {
@@ -6,11 +12,6 @@ if (localPropertiesFile.exists()) {
     }
 }
 
-def flutterRoot = localProperties.getProperty('flutter.sdk')
-if (flutterRoot == null) {
-    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
-}
-
 def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
 if (flutterVersionCode == null) {
     flutterVersionCode = '1'
@@ -21,10 +22,6 @@ if (flutterVersionName == null) {
     flutterVersionName = '1.0'
 }
 
-apply plugin: 'com.android.application'
-apply plugin: 'kotlin-android'
-apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
-
 android {
     namespace "com.marinodev.fbla_ui"
     compileSdkVersion flutter.compileSdkVersion
@@ -69,5 +66,4 @@ flutter {
 }
 
 dependencies {
-    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
 }

fbla_ui/android/build.gradle

@@ -1,16 +1,3 @@
-buildscript {
-    ext.kotlin_version = '1.7.10'
-    repositories {
-        google()
-        mavenCentral()
-    }
-
-    dependencies {
-        classpath 'com.android.tools.build:gradle:7.3.0'
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
-    }
-}
-
 allprojects {
     repositories {
         google()
@@ -22,6 +9,7 @@ rootProject.buildDir = '../build'
 subprojects {
     project.buildDir = "${rootProject.buildDir}/${project.name}"
 }
+
 subprojects {
     project.evaluationDependsOn(':app')
 }

fbla_ui/android/settings.gradle

@@ -1,11 +1,25 @@
-include ':app'
+pluginManagement {
+    def flutterSdkPath = {
+        def properties = new Properties()
+        file("local.properties").withInputStream { properties.load(it) }
+        def flutterSdkPath = properties.getProperty("flutter.sdk")
+        assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
+        return flutterSdkPath
+    }()
 
-def localPropertiesFile = new File(rootProject.projectDir, "local.properties")
-def properties = new Properties()
+    includeBuild("$flutterSdkPath/packages/flutter_tools/gradle")
 
-assert localPropertiesFile.exists()
-localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) }
+    repositories {
+        google()
+        mavenCentral()
+        gradlePluginPortal()
+    }
+}
 
-def flutterSdkPath = properties.getProperty("flutter.sdk")
-assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
-apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle"
+plugins {
+    id "dev.flutter.flutter-plugin-loader" version "1.0.0"
+    id "com.android.application" version "7.3.0" apply false
+    id "org.jetbrains.kotlin.android" version "1.9.24" apply false
+}
+
+include ":app"

fbla_ui/lib/home.dart

@@ -99,8 +99,6 @@ class _HomeState extends State<Home> {
   Widget build(BuildContext context) {
     bool widescreen = MediaQuery.sizeOf(context).width >= widescreenWidth;
     return Scaffold(
-      // floatingActionButton: _getFAB(widescreen, scrollControllerBusinesses,
-      //     scrollControllerJobs, currentPageIndex),
       bottomNavigationBar: _getNavigationBar(widescreen),
       body: RefreshIndicator(
         edgeOffset: 145,
@@ -173,13 +171,6 @@ class _HomeState extends State<Home> {
                 color: Theme.of(context).colorScheme.onSurface,
               ),
               label: 'Job Listings'),
-          // NavigationDestination(
-          //     icon: const Icon(Icons.description_outlined),
-          //     selectedIcon: Icon(
-          //       Icons.description,
-          //       color: Theme.of(context).colorScheme.onSurface,
-          //     ),
-          //     label: 'Export Data')
         ],
       );
     }
@@ -264,51 +255,11 @@ class _HomeState extends State<Home> {
                   color: Theme.of(context).colorScheme.onSurface,
                 ),
                 label: const Text('Job Listings')),
-            // NavigationRailDestination(
-            //     icon: const Icon(Icons.description_outlined),
-            //     selectedIcon: Icon(
-            //       Icons.description,
-            //       color: Theme.of(context).colorScheme.onSurface,
-            //     ),
-            //     label: const Text('Export Data'))
           ],
         ),
-        // children.first
       ],
     );
-    // }
-    // return children.first;
   }
-
-//   Widget _contentPane() {
-//     return IndexedStack(
-//       index: currentPageIndex,
-//       children: [
-//         BusinessesOverview(
-//           searchQuery: searchQuery,
-//           refreshBusinessDataOverviewFuture:
-//               refreshBusinessDataOverviewBusinessFuture,
-//           updateBusinessesCallback: _updateOverviewBusinessesBusinessCallback,
-//           themeCallback: widget.themeCallback,
-//           updateLoggedIn: _updateLoggedIn,
-//         ),
-//         JobsOverview(
-//             searchQuery: searchQuery,
-//             refreshJobDataOverviewFuture: refreshBusinessDataOverviewJobFuture,
-//             updateBusinessesCallback: _updateOverviewBusinessesJobsCallback,
-//             themeCallback: widget.themeCallback, updateLoggedIn: _updateLoggedIn),
-//         ExportData(
-//             searchQuery: searchQuery,
-//             refreshBusinessDataOverviewFuture:
-//                 refreshBusinessDataOverviewBusinessFuture,
-//             updateBusinessesWithJobCallback:
-//                 _updateOverviewBusinessesJobsCallback,
-//             themeCallback: widget.themeCallback,
-//             refreshJobDataOverviewFuture: refreshBusinessDataOverviewJobFuture,
-//             updateBusinessesCallback: _updateOverviewBusinessesBusinessCallback)
-//       ],
-//     );
-//   }
 }
 
 class _ContentPane extends StatelessWidget {
@@ -354,35 +305,7 @@ class _ContentPane extends StatelessWidget {
           themeCallback: themeCallback,
           updateLoggedIn: updateLoggedIn,
         ),
-        // ExportData(
-        //     searchQuery: searchQuery,
-        //     refreshBusinessDataOverviewFuture:
-        //         refreshBusinessDataOverviewBusinessFuture,
-        //     updateBusinessesWithJobCallback:
-        //         updateOverviewBusinessesJobsCallback,
-        //     themeCallback: themeCallback,
-        //     refreshJobDataOverviewFuture: refreshBusinessDataOverviewJobFuture,
-        //     updateBusinessesCallback: updateOverviewBusinessesBusinessCallback)
       ],
     );
   }
 }
-
-// class FABAnimator extends FloatingActionButtonAnimator {
-//   @override
-//   Offset getOffset({Offset begin, Offset end, double progress}) {
-//     return end;
-//   }
-//
-//   @override
-//   Animation<double> getRotationAnimation({required Animation<double> parent}) {
-//     return Tween<double>(begin: 0.0, end: 1.0).animate(parent);
-//     throw UnimplementedError();
-//   }
-//
-//   @override
-//   Animation<double> getScaleAnimation({required Animation<double> parent}) {
-//     return Tween<double>(begin: 0.0, end: 1.0).animate(parent);
-//     throw UnimplementedError();
-//   }
-// }

fbla_ui/lib/main.dart

@@ -83,10 +83,16 @@ class _MainAppState extends State<MainApp> {
         iconTheme: const IconThemeData(color: Colors.white),
         useMaterial3: true,
         inputDecorationTheme: InputDecorationTheme(
-          // border: OutlineInputBorder(),
           filled: true,
           fillColor: Colors.grey.withOpacity(0.1),
           labelStyle: const TextStyle(color: Colors.grey),
+          floatingLabelStyle: WidgetStateTextStyle.resolveWith((states) {
+            if (states.contains(WidgetState.focused) &&
+                !states.contains(WidgetState.hovered)) {
+              return TextStyle(color: Colors.blue.shade700);
+            }
+            return const TextStyle(color: Colors.grey);
+          }),
         ),
         dropdownMenuTheme: const DropdownMenuThemeData(
           inputDecorationTheme: InputDecorationTheme(
@@ -110,8 +116,15 @@ class _MainAppState extends State<MainApp> {
         inputDecorationTheme: InputDecorationTheme(
           // border: OutlineInputBorder(),
           filled: true,
-          fillColor: Colors.blue.withOpacity(0.1),
-          labelStyle: const TextStyle(color: Colors.grey),
+          fillColor: Colors.grey.withOpacity(0.25),
+          labelStyle: TextStyle(color: Colors.grey.shade700),
+          floatingLabelStyle: WidgetStateTextStyle.resolveWith((states) {
+            if (states.contains(WidgetState.focused) &&
+                !states.contains(WidgetState.hovered)) {
+              return TextStyle(color: Colors.blue.shade700);
+            }
+            return TextStyle(color: Colors.grey.shade700);
+          }),
         ),
         dropdownMenuTheme: const DropdownMenuThemeData(
           inputDecorationTheme: InputDecorationTheme(

fbla_ui/lib/pages/business_detail.dart

@@ -4,12 +4,12 @@ import 'package:fbla_ui/pages/create_edit_listing.dart';
 import 'package:fbla_ui/pages/listing_detail.dart';
 import 'package:fbla_ui/shared/api_logic.dart';
 import 'package:fbla_ui/shared/global_vars.dart';
+import 'package:fbla_ui/shared/utils.dart';
+import 'package:fbla_ui/shared/widgets.dart';
 import 'package:flutter/material.dart';
 import 'package:rive/rive.dart';
 import 'package:url_launcher/url_launcher.dart';
 
-import '../shared/utils.dart';
-
 class BusinessDetail extends StatefulWidget {
   final int id;
   final String name;
@@ -166,8 +166,7 @@ class _CreateBusinessDetailState extends State<BusinessDetail> {
                                     .replaceAll('www.', ''),
                                 style: const TextStyle(color: Colors.blue)),
                             onTap: () {
-                              launchUrl(
-                                  Uri.parse('https://${business.website}'));
+                              launchUrl(Uri.parse(business.website!));
                             },
                           ),
                       ],
@@ -175,85 +174,45 @@ class _CreateBusinessDetailState extends State<BusinessDetail> {
                   ),
                 ),
                 // Available positions
-                if (business.listings != null)
+                if (business.listings != null || loggedIn)
                   Card(
                     clipBehavior: Clip.antiAlias,
                     child: Column(
                         crossAxisAlignment: CrossAxisAlignment.start,
                         children: [
                           Padding(
-                              padding: const EdgeInsets.only(left: 16, top: 4),
+                              padding: const EdgeInsets.only(left: 16, top: 8),
                               child: _GetListingsTitle(business)),
-                          _JobList(business: business)
+                          if (business.listings != null)
+                            _JobList(business: business)
+                          else
+                            Padding(
+                              padding: const EdgeInsets.only(bottom: 8.0),
+                              child: Row(
+                                crossAxisAlignment: CrossAxisAlignment.center,
+                                children: [
+                                  const Padding(
+                                    padding: EdgeInsets.only(left: 16.0),
+                                    child: Text('No job listings exist.'),
+                                  ),
+                                  TextButton(
+                                    child: const Text('add one?'),
+                                    onPressed: () {
+                                      Navigator.of(context).push(
+                                          MaterialPageRoute(
+                                              builder: (context) =>
+                                                  CreateEditJobListing(
+                                                    inputBusiness: business,
+                                                  )));
+                                    },
+                                  )
+                                ],
+                              ),
+                            )
                         ]),
                   ),
                 // Contact info
-                Card(
-                  clipBehavior: Clip.antiAlias,
-                  child: Column(
-                    children: [
-                      Row(
-                        children: [
-                          Padding(
-                            padding:
-                                const EdgeInsets.only(left: 16.0, top: 8.0),
-                            child: Text(
-                              business.contactName!,
-                              textAlign: TextAlign.left,
-                              style: const TextStyle(
-                                  fontSize: 20, fontWeight: FontWeight.bold),
-                            ),
-                          ),
-                        ],
-                      ),
-                      if (business.contactPhone != null)
-                        ListTile(
-                          leading: const Icon(Icons.phone),
-                          title: Text(business.contactPhone!),
-                          // maybe replace ! with ?? ''. same is true for below
-                          onTap: () {
-                            showDialog(
-                                context: context,
-                                builder: (BuildContext context) {
-                                  return AlertDialog(
-                                    backgroundColor:
-                                        Theme.of(context).colorScheme.surface,
-                                    title:
-                                        Text('Contact ${business.contactName}'),
-                                    content: Text(
-                                        'Would you like to call or text ${business.contactName}?'),
-                                    actions: [
-                                      TextButton(
-                                          child: const Text('Text'),
-                                          onPressed: () {
-                                            launchUrl(Uri.parse(
-                                                'sms:${business.contactPhone}'));
-                                            Navigator.of(context).pop();
-                                          }),
-                                      TextButton(
-                                          child: const Text('Call'),
-                                          onPressed: () async {
-                                            launchUrl(Uri.parse(
-                                                'tel:${business.contactPhone}'));
-                                            Navigator.of(context).pop();
-                                          }),
-                                    ],
-                                  );
-                                });
-                          },
-                        ),
-                      if (business.contactEmail != null)
-                        ListTile(
-                          leading: const Icon(Icons.email),
-                          title: Text(business.contactEmail!),
-                          onTap: () {
-                            launchUrl(
-                                Uri.parse('mailto:${business.contactEmail}'));
-                          },
-                        ),
-                    ],
-                  ),
-                ),
+                ContactInformationCard(business: business),
                 // Location
                 Card(
                   clipBehavior: Clip.antiAlias,
@@ -381,6 +340,7 @@ class _JobListItem extends StatelessWidget {
       subtitle: Text(
         jobListing.description,
         style: const TextStyle(overflow: TextOverflow.ellipsis),
+        maxLines: 2,
       ),
       trailing: _getEditIcon(context, fromBusiness, jobListing),
       onTap: () {
@@ -421,14 +381,16 @@ class _GetListingsTitle extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     if (!loggedIn) {
-      return const Text('Available Postitions',
-          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold));
+      return Text(
+          'Available Postitions (${fromBusiness.listings?.length ?? '0'})',
+          style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold));
     } else {
       return Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          const Text('Available Postitions',
-              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
+          Text('Available Postitions (${fromBusiness.listings?.length ?? '0'})',
+              style:
+                  const TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
           Padding(
             padding: const EdgeInsets.only(right: 24.0),
             child: IconButton(

fbla_ui/lib/pages/businesses_overview.dart

@@ -450,6 +450,7 @@ class _BusinessHeaderState extends State<_BusinessHeader> {
     }
   }
 
+  /// A desktop widget that displays basic info about a business
   Widget _businessTile(Business business, BusinessType jobType) {
     return MouseRegion(
       cursor: SystemMouseCursors.click,
@@ -512,7 +513,7 @@ class _BusinessHeaderState extends State<_BusinessHeader> {
                         IconButton(
                           icon: const Icon(Icons.link),
                           onPressed: () {
-                            launchUrl(Uri.parse('https://${business.website}'));
+                            launchUrl(Uri.parse(business.website!));
                           },
                         ),
                       IconButton(
@@ -573,6 +574,7 @@ class _BusinessHeaderState extends State<_BusinessHeader> {
     );
   }
 
+  /// A mobile widget that displays basic info about a business
   Widget _businessListItem(Business business, BusinessType? jobType) {
     return Card(
       child: ListTile(

fbla_ui/lib/pages/create_edit_business.dart

@@ -1,11 +1,10 @@
 import 'package:fbla_ui/main.dart';
 import 'package:fbla_ui/shared/api_logic.dart';
+import 'package:fbla_ui/shared/global_vars.dart';
 import 'package:fbla_ui/shared/utils.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 
-import '../shared/global_vars.dart';
-
 class CreateEditBusiness extends StatefulWidget {
   final Business? inputBusiness;
 
@@ -91,6 +90,7 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
             ),
             floatingActionButton: !widescreen
                 ? FloatingActionButton.extended(
+                    heroTag: 'saveBusiness',
                     label: const Text('Save'),
                     icon: _isLoading
                         ? const SizedBox(
@@ -144,7 +144,7 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                 leading: ClipRRect(
                                   borderRadius: BorderRadius.circular(6.0),
                                   child: Image.network(
-                                      'https://logo.clearbit.com/${business.website}',
+                                      '$apiAddress/clearbit/${Uri.encodeComponent(business.website ?? '')}',
                                       width: 48,
                                       height: 48, errorBuilder:
                                           (BuildContext context,
@@ -171,8 +171,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                     right: 8.0),
                                 child: TextFormField(
                                   controller: _nameController,
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   maxLength: 30,
                                   onChanged: (inputName) {
                                     setState(() {
@@ -198,8 +196,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                     bottom: 8.0, left: 8.0, right: 8.0),
                                 child: TextFormField(
                                   controller: _descriptionController,
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   maxLength: 500,
                                   maxLines: null,
                                   onChanged: (inputDesc) {
@@ -227,11 +223,12 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                     left: 8.0, right: 8.0, bottom: 16.0),
                                 child: TextFormField(
                                   controller: _websiteController,
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   keyboardType: TextInputType.url,
                                   onChanged: (inputUrl) {
-                                    business.website = Uri.encodeFull(inputUrl);
+                                    setState(() {
+                                      business.website =
+                                          Uri.encodeFull(inputUrl);
+                                    });
                                     if (inputUrl.trim().isEmpty) {
                                       business.website = null;
                                     } else {
@@ -239,8 +236,10 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                               .contains('http://') &&
                                           !business.website!
                                               .contains('https://')) {
-                                        business.website =
-                                            'https://${business.website!.trim()}';
+                                        setState(() {
+                                          business.website =
+                                              'https://${business.website!.trim()}';
+                                        });
                                       }
                                     }
                                   },
@@ -252,6 +251,7 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                   ),
                                   validator: (value) {
                                     if (value != null &&
+                                        value.isNotEmpty &&
                                         !RegExp(r'(?:[a-zA-Z0-9](?:[a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}(?:/[^/\s]*)*')
                                             .hasMatch(value)) {
                                       return 'Enter a valid Website';
@@ -267,7 +267,12 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                       left: 8.0, right: 8.0, bottom: 16.0),
                                   child: DropdownMenu<BusinessType>(
                                     initialSelection: business.type,
-                                    // width: 776,
+                                    width: (MediaQuery.sizeOf(context).width -
+                                                24) <
+                                            776
+                                        ? MediaQuery.sizeOf(context).width - 24
+                                        : 776,
+                                    menuHeight: 300,
                                     label: const Text('Business Type'),
                                     errorText: dropDownErrorText,
                                     dropdownMenuEntries: [
@@ -287,79 +292,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                   ),
                                 ),
                               ),
-
-                              // Padding(
-                              //   padding: const EdgeInsets.only(
-                              //       left: 8.0, right: 8.0, bottom: 16.0),
-                              //   child: Row(
-                              //     children: [
-                              //       ElevatedButton(
-                              //         style: ButtonStyle(
-                              //             backgroundColor:
-                              //                 MaterialStateProperty.all(
-                              //                     Theme.of(context)
-                              //                         .colorScheme
-                              //                         .background)),
-                              //         child: const Row(
-                              //           children: [
-                              //             Icon(Icons.search),
-                              //             Text('Search For Location'),
-                              //           ],
-                              //         ),
-                              //         onPressed: () {},
-                              //       ),
-                              //       const Padding(
-                              //         padding: EdgeInsets.only(
-                              //             left: 32.0, right: 32.0),
-                              //         child: Text(
-                              //           'OR',
-                              //           style: TextStyle(fontSize: 24),
-                              //         ),
-                              //       ),
-                              //       Expanded(
-                              //         child: Column(
-                              //           children: [
-                              //             TextFormField(
-                              //               controller: _locationNameController,
-                              //               onChanged: (inputName) {
-                              //                 setState(() {
-                              //                   business.locationName =
-                              //                       inputName;
-                              //                 });
-                              //               },
-                              //               onTapOutside:
-                              //                   (PointerDownEvent event) {
-                              //                 FocusScope.of(context).unfocus();
-                              //               },
-                              //               decoration: const InputDecoration(
-                              //                 labelText:
-                              //                     'Location Name (optional)',
-                              //               ),
-                              //             ),
-                              //             TextFormField(
-                              //               controller:
-                              //                   _locationAddressController,
-                              //               onChanged: (inputAddr) {
-                              //                 setState(() {
-                              //                   business.locationAddress =
-                              //                       inputAddr;
-                              //                 });
-                              //               },
-                              //               onTapOutside:
-                              //                   (PointerDownEvent event) {
-                              //                 FocusScope.of(context).unfocus();
-                              //               },
-                              //               decoration: const InputDecoration(
-                              //                 labelText:
-                              //                     'Location Address (optional)',
-                              //               ),
-                              //             ),
-                              //           ],
-                              //         ),
-                              //       ),
-                              //     ],
-                              //   ),
-                              // ),
                               Padding(
                                 padding: const EdgeInsets.only(
                                     left: 8.0, right: 8.0, bottom: 16.0),
@@ -375,8 +307,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                     labelText:
                                         'Contact Information Name (required)',
                                   ),
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   validator: (value) {
                                     if (value == null || value.trim().isEmpty) {
                                       return 'Contact name is required';
@@ -392,8 +322,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                   controller: _contactPhoneController,
                                   inputFormatters: [PhoneFormatter()],
                                   keyboardType: TextInputType.phone,
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   onChanged: (inputText) {
                                     if (inputText.trim().isEmpty) {
                                       business.contactPhone = null;
@@ -412,7 +340,9 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                         (value == null || value.isEmpty)) {
                                       return 'At least one contact method is required';
                                     }
-                                    if (value != null && value.length != 14) {
+                                    if (value != null &&
+                                        value.isNotEmpty &&
+                                        value.length != 14) {
                                       return 'Enter a valid phone number';
                                     }
                                     return null;
@@ -432,8 +362,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                       business.contactEmail = inputText.trim();
                                     }
                                   },
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   onTapOutside: (PointerDownEvent event) {
                                     FocusScope.of(context).unfocus();
                                   },
@@ -472,8 +400,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                       business.locationName = inputName.trim();
                                     });
                                   },
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   onTapOutside: (PointerDownEvent event) {
                                     FocusScope.of(context).unfocus();
                                   },
@@ -498,8 +424,6 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                                       business.locationAddress = inputAddr;
                                     });
                                   },
-                                  autovalidateMode:
-                                      AutovalidateMode.onUserInteraction,
                                   onTapOutside: (PointerDownEvent event) {
                                     FocusScope.of(context).unfocus();
                                   },
@@ -550,15 +474,26 @@ class _CreateEditBusinessState extends State<CreateEditBusiness> {
                             child: Padding(
                               padding: const EdgeInsets.all(8.0),
                               child: FilledButton(
-                                child: const Row(
+                                child: Row(
                                   mainAxisSize: MainAxisSize.min,
                                   children: [
                                     Padding(
-                                      padding: EdgeInsets.only(
+                                      padding: const EdgeInsets.only(
                                           top: 8.0, right: 8.0, bottom: 8.0),
-                                      child: Icon(Icons.save),
+                                      child: _isLoading
+                                          ? SizedBox(
+                                              width: 24,
+                                              height: 24,
+                                              child: CircularProgressIndicator(
+                                                color: Theme.of(context)
+                                                    .colorScheme
+                                                    .onPrimary,
+                                                strokeWidth: 3.0,
+                                              ),
+                                            )
+                                          : const Icon(Icons.save),
                                     ),
-                                    Text('Save'),
+                                    const Text('Save'),
                                   ],
                                 ),
                                 onPressed: () async {

fbla_ui/lib/pages/create_edit_listing.dart

@@ -32,7 +32,7 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
       id: null,
       businessId: null,
       name: 'Job Listing',
-      description: 'Add details about the business below.',
+      description: 'Add details about the job below.',
       type: null,
       wage: null,
       link: null,
@@ -60,6 +60,9 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
             .replaceAll('www.', ''));
     getBusinessNameMapping = fetchBusinessNames();
     businessName = widget.inputBusiness?.name ?? 'Offering business';
+    if (widget.inputBusiness != null) {
+      listing.businessId = widget.inputBusiness!.id;
+    }
   }
 
   final formKey = GlobalKey<FormState>();
@@ -67,9 +70,6 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
   @override
   Widget build(BuildContext context) {
     widescreen = MediaQuery.sizeOf(context).width >= widescreenWidth;
-    if (widget.inputBusiness != null) {
-      listing.businessId = widget.inputBusiness!.id;
-    }
     return PopScope(
       canPop: !_isLoading,
       onPopInvoked: _handlePop,
@@ -83,6 +83,7 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
             ),
             floatingActionButton: !widescreen
                 ? FloatingActionButton.extended(
+                    heroTag: 'saveListing',
                     label: const Text('Save'),
                     icon: _isLoading
                         ? const SizedBox(
@@ -209,6 +210,53 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                   Card(
                                     child: Column(
                                       children: [
+                                        Align(
+                                          alignment: Alignment.centerLeft,
+                                          child: Padding(
+                                            padding: const EdgeInsets.only(
+                                                left: 8.0,
+                                                right: 8.0,
+                                                bottom: 8.0,
+                                                top: 8.0),
+                                            child: DropdownMenu<int>(
+                                              menuHeight: 300,
+                                              width: (MediaQuery.sizeOf(context)
+                                                              .width -
+                                                          24) <
+                                                      776
+                                                  ? MediaQuery.sizeOf(context)
+                                                          .width -
+                                                      24
+                                                  : 776,
+                                              errorText:
+                                                  businessDropdownErrorText,
+                                              initialSelection:
+                                                  widget.inputBusiness?.id,
+                                              label: const Text(
+                                                  'Offering Business'),
+                                              dropdownMenuEntries: [
+                                                for (Map<String, dynamic> map
+                                                    in nameMapping)
+                                                  DropdownMenuEntry(
+                                                      value: map['id']!,
+                                                      label: map['name'])
+                                              ],
+                                              onSelected: (inputType) {
+                                                setState(() {
+                                                  listing.businessId =
+                                                      inputType!;
+                                                  businessName = nameMapping
+                                                      .where((element) =>
+                                                          element['id'] ==
+                                                          listing.businessId)
+                                                      .first['name'];
+                                                  businessDropdownErrorText =
+                                                      null;
+                                                });
+                                              },
+                                            ),
+                                          ),
+                                        ),
                                         Align(
                                           alignment: Alignment.centerLeft,
                                           child: Wrap(
@@ -217,7 +265,7 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                                 padding: const EdgeInsets.only(
                                                     left: 8.0,
                                                     right: 8.0,
-                                                    bottom: 8.0,
+                                                    bottom: 16.0,
                                                     top: 8.0),
                                                 child: DropdownMenu<JobType>(
                                                   initialSelection:
@@ -227,6 +275,7 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                                       typeDropdownErrorText,
                                                   width: calculateDropdownWidth(
                                                       context),
+                                                  menuHeight: 300,
                                                   dropdownMenuEntries: [
                                                     for (JobType type
                                                         in JobType.values)
@@ -282,53 +331,6 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                             ],
                                           ),
                                         ),
-                                        Align(
-                                          alignment: Alignment.centerLeft,
-                                          child: Padding(
-                                            padding: const EdgeInsets.only(
-                                                left: 8.0,
-                                                right: 8.0,
-                                                bottom: 16.0,
-                                                top: 8.0),
-                                            child: DropdownMenu<int>(
-                                              menuHeight: 300,
-                                              width: (MediaQuery.sizeOf(context)
-                                                              .width -
-                                                          24) <
-                                                      776
-                                                  ? MediaQuery.sizeOf(context)
-                                                          .width -
-                                                      24
-                                                  : 776,
-                                              errorText:
-                                                  businessDropdownErrorText,
-                                              initialSelection:
-                                                  widget.inputBusiness?.id,
-                                              label: const Text(
-                                                  'Offering Business'),
-                                              dropdownMenuEntries: [
-                                                for (Map<String, dynamic> map
-                                                    in nameMapping)
-                                                  DropdownMenuEntry(
-                                                      value: map['id']!,
-                                                      label: map['name'])
-                                              ],
-                                              onSelected: (inputType) {
-                                                setState(() {
-                                                  listing.businessId =
-                                                      inputType!;
-                                                  businessName = nameMapping
-                                                      .where((element) =>
-                                                          element['id'] ==
-                                                          listing.businessId)
-                                                      .first['name'];
-                                                  businessDropdownErrorText =
-                                                      null;
-                                                });
-                                              },
-                                            ),
-                                          ),
-                                        ),
                                         Padding(
                                           padding: const EdgeInsets.only(
                                               left: 8.0,
@@ -336,9 +338,7 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                               bottom: 8.0),
                                           child: TextFormField(
                                             controller: _nameController,
-                                            autovalidateMode: AutovalidateMode
-                                                .onUserInteraction,
-                                            maxLength: 30,
+                                            maxLength: 40,
                                             onChanged: (inputName) {
                                               setState(() {
                                                 listing.name = inputName;
@@ -368,8 +368,6 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                               bottom: 8.0),
                                           child: TextFormField(
                                             controller: _descriptionController,
-                                            autovalidateMode: AutovalidateMode
-                                                .onUserInteraction,
                                             maxLength: 500,
                                             maxLines: null,
                                             onChanged: (inputDesc) {
@@ -422,8 +420,6 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                               bottom: 16.0),
                                           child: TextFormField(
                                             controller: _linkController,
-                                            autovalidateMode: AutovalidateMode
-                                                .onUserInteraction,
                                             keyboardType: TextInputType.url,
                                             onChanged: (inputUrl) {
                                               if (inputUrl != '') {
@@ -436,8 +432,9 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                                   listing.link =
                                                       'https://${listing.link}';
                                                 }
+                                              } else {
+                                                listing.link = null;
                                               }
-                                              listing.link = null;
                                             },
                                             validator: (value) {
                                               if (value != null &&
@@ -475,7 +472,7 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                             mainAxisSize: MainAxisSize.min,
                                             children: [
                                               Padding(
-                                                padding: EdgeInsets.only(
+                                                padding: const EdgeInsets.only(
                                                     top: 8.0,
                                                     right: 8.0,
                                                     bottom: 8.0),
@@ -492,9 +489,9 @@ class _CreateEditJobListingState extends State<CreateEditJobListing> {
                                                           strokeWidth: 3.0,
                                                         ),
                                                       )
-                                                    : Icon(Icons.save),
+                                                    : const Icon(Icons.save),
                                               ),
-                                              Text('Save'),
+                                              const Text('Save'),
                                             ],
                                           ),
                                           onPressed: () async {

fbla_ui/lib/pages/listing_detail.dart

@@ -4,9 +4,11 @@ import 'package:fbla_ui/pages/create_edit_listing.dart';
 import 'package:fbla_ui/shared/api_logic.dart';
 import 'package:fbla_ui/shared/global_vars.dart';
 import 'package:fbla_ui/shared/utils.dart';
+import 'package:fbla_ui/shared/widgets.dart';
 import 'package:flutter/material.dart';
 import 'package:url_launcher/url_launcher.dart';
 
+/// A page to view all specific details about a single job listing (with its businesses contact info)
 class JobListingDetail extends StatefulWidget {
   final JobListing listing;
   final Business fromBusiness;
@@ -30,107 +32,20 @@ class _CreateBusinessDetailState extends State<JobListingDetail> {
     );
   }
 
+  /// body of the JobListingDetail
   Widget _detailBody(JobListing listing) {
     return ListView(
       children: [
-        // Title, logo, desc, website
         Center(
           child: SizedBox(
             width: 800,
             child: Column(
               children: [
+                // Top summary card
                 Padding(
-                  padding: const EdgeInsets.only(top: 4.0),
-                  child: Card(
-                    clipBehavior: Clip.antiAlias,
-                    child: Column(
-                      children: [
-                        Padding(
-                          padding: const EdgeInsets.only(right: 8.0),
-                          child: ListTile(
-                            minVerticalPadding: 0,
-                            titleAlignment: ListTileTitleAlignment.titleHeight,
-                            title: Padding(
-                              padding: const EdgeInsets.only(top: 8.0),
-                              child: Text(
-                                  '${listing.name} (${getNameFromOfferType(listing.offerType!)})',
-                                  style: const TextStyle(
-                                      fontSize: 24,
-                                      fontWeight: FontWeight.bold)),
-                            ),
-                            subtitle: Column(
-                              crossAxisAlignment: CrossAxisAlignment.start,
-                              children: [
-                                MouseRegion(
-                                  cursor: SystemMouseCursors.click,
-                                  child: GestureDetector(
-                                    onTap: () {
-                                      Navigator.push(context,
-                                          MaterialPageRoute(builder: (context) {
-                                        return BusinessDetail(
-                                            id: widget.fromBusiness.id,
-                                            name: widget.fromBusiness.name!);
-                                      }));
-                                    },
-                                    child: Text(
-                                      widget.fromBusiness.name!,
-                                      style: const TextStyle(fontSize: 18),
-                                    ),
-                                  ),
-                                ),
-                                Text(
-                                  listing.description,
-                                ),
-                              ],
-                            ),
-                            contentPadding:
-                                const EdgeInsets.only(bottom: 8, left: 16),
-                            leading: Badge(
-                              label: Text(
-                                getLetterFromOfferType(listing.offerType!),
-                                style: const TextStyle(fontSize: 16),
-                              ),
-                              largeSize: 24,
-                              offset: const Offset(12, -3),
-                              textColor: Colors.white,
-                              backgroundColor:
-                                  getColorFromOfferType(listing.offerType!),
-                              child: ClipRRect(
-                                borderRadius: BorderRadius.circular(6.0),
-                                child: Image.network(
-                                    '$apiAddress/logos/${widget.fromBusiness.id}',
-                                    width: 48,
-                                    height: 48, errorBuilder:
-                                        (BuildContext context, Object exception,
-                                            StackTrace? stackTrace) {
-                                  return Icon(
-                                      getIconFromJobType(
-                                          listing.type ?? JobType.other),
-                                      size: 48);
-                                }),
-                              ),
-                            ),
-                          ),
-                        ),
-                        if (listing.link != null && listing.link != '')
-                          ListTile(
-                            leading: const Icon(Icons.link),
-                            title: const Text('More Information'),
-                            subtitle: Text(
-                                listing.link!
-                                    .replaceAll('https://', '')
-                                    .replaceAll('http://', '')
-                                    .replaceAll('www.', ''),
-                                style: const TextStyle(color: Colors.blue)),
-                            onTap: () {
-                              launchUrl(Uri.parse('https://${listing.link!}'));
-                            },
-                          ),
-                      ],
-                    ),
-                  ),
-                ),
-                // Wage
+                    padding: const EdgeInsets.only(top: 4.0),
+                    child: _summaryCard(listing)),
+                // Wage card
                 if (listing.wage != null && listing.wage != '')
                   Card(
                     child: ListTile(
@@ -139,72 +54,8 @@ class _CreateBusinessDetailState extends State<JobListingDetail> {
                       title: const Text('Wage Information'),
                     ),
                   ),
-                Card(
-                  clipBehavior: Clip.antiAlias,
-                  child: Column(
-                    children: [
-                      Row(
-                        children: [
-                          Padding(
-                            padding:
-                                const EdgeInsets.only(left: 16.0, top: 8.0),
-                            child: Text(
-                              widget.fromBusiness.contactName!,
-                              textAlign: TextAlign.left,
-                              style: const TextStyle(
-                                  fontSize: 20, fontWeight: FontWeight.bold),
-                            ),
-                          ),
-                        ],
-                      ),
-                      if (widget.fromBusiness.contactPhone != null)
-                        ListTile(
-                          leading: const Icon(Icons.phone),
-                          title: Text(widget.fromBusiness.contactPhone!),
-                          // maybe replace ! with ?? ''. same is true for below
-                          onTap: () {
-                            showDialog(
-                                context: context,
-                                builder: (BuildContext context) {
-                                  return AlertDialog(
-                                    backgroundColor:
-                                        Theme.of(context).colorScheme.surface,
-                                    title: Text(
-                                        'Contact ${widget.fromBusiness.contactName}'),
-                                    content: Text(
-                                        'Would you like to call or text ${widget.fromBusiness.contactName}?'),
-                                    actions: [
-                                      TextButton(
-                                          child: const Text('Text'),
-                                          onPressed: () {
-                                            launchUrl(Uri.parse(
-                                                'sms:${widget.fromBusiness.contactPhone}'));
-                                            Navigator.of(context).pop();
-                                          }),
-                                      TextButton(
-                                          child: const Text('Call'),
-                                          onPressed: () async {
-                                            launchUrl(Uri.parse(
-                                                'tel:${widget.fromBusiness.contactPhone}'));
-                                            Navigator.of(context).pop();
-                                          }),
-                                    ],
-                                  );
-                                });
-                          },
-                        ),
-                      if (widget.fromBusiness.contactEmail != null)
-                        ListTile(
-                          leading: const Icon(Icons.email),
-                          title: Text(widget.fromBusiness.contactEmail!),
-                          onTap: () {
-                            launchUrl(Uri.parse(
-                                'mailto:${widget.fromBusiness.contactEmail}'));
-                          },
-                        ),
-                    ],
-                  ),
-                ),
+                // Contact information for the business contact
+                ContactInformationCard(business: widget.fromBusiness)
               ],
             ),
           ),
@@ -213,6 +64,92 @@ class _CreateBusinessDetailState extends State<JobListingDetail> {
     );
   }
 
+  /// Top card including title, logo, description, and business name
+  Widget _summaryCard(JobListing listing) {
+    return Card(
+      clipBehavior: Clip.antiAlias,
+      child: Column(
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(right: 8.0),
+            child: ListTile(
+              minVerticalPadding: 0,
+              titleAlignment: ListTileTitleAlignment.titleHeight,
+              title: Padding(
+                padding: const EdgeInsets.only(top: 8.0),
+                child: Text(
+                    '${listing.name} (${getNameFromOfferType(listing.offerType!)})',
+                    style: const TextStyle(
+                        fontSize: 24, fontWeight: FontWeight.bold)),
+              ),
+              subtitle: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  MouseRegion(
+                    cursor: SystemMouseCursors.click,
+                    child: GestureDetector(
+                      onTap: () {
+                        Navigator.push(context,
+                            MaterialPageRoute(builder: (context) {
+                          return BusinessDetail(
+                              id: widget.fromBusiness.id,
+                              name: widget.fromBusiness.name!);
+                        }));
+                      },
+                      child: Text(
+                        widget.fromBusiness.name!,
+                        style: const TextStyle(fontSize: 18),
+                      ),
+                    ),
+                  ),
+                  Text(listing.description),
+                ],
+              ),
+              contentPadding: const EdgeInsets.only(bottom: 8, left: 16),
+              leading: Badge(
+                label: Text(
+                  getLetterFromOfferType(listing.offerType!),
+                  style: const TextStyle(fontSize: 16),
+                ),
+                largeSize: 24,
+                offset: const Offset(12, -3),
+                textColor: Colors.white,
+                backgroundColor: getColorFromOfferType(listing.offerType!),
+                child: ClipRRect(
+                  borderRadius: BorderRadius.circular(6.0),
+                  child: Image.network(
+                      '$apiAddress/logos/${widget.fromBusiness.id}',
+                      width: 48,
+                      height: 48, errorBuilder: (BuildContext context,
+                          Object exception, StackTrace? stackTrace) {
+                    return Icon(
+                        getIconFromJobType(listing.type ?? JobType.other),
+                        size: 48);
+                  }),
+                ),
+              ),
+            ),
+          ),
+          if (listing.link != null && listing.link != '')
+            ListTile(
+              leading: const Icon(Icons.link),
+              title: const Text('More Information'),
+              subtitle: Text(
+                  listing.link!
+                      .replaceAll('https://', '')
+                      .replaceAll('http://', '')
+                      .replaceAll('www.', ''),
+                  style: const TextStyle(color: Colors.blue)),
+              onTap: () {
+                launchUrl(Uri.parse(listing.link!));
+              },
+            ),
+        ],
+      ),
+    );
+  }
+
+  /// Edit / delete actions if the user is logged in
   List<Widget>? _getActions(JobListing listing, Business fromBusiness) {
     if (loggedIn) {
       return [
@@ -258,7 +195,9 @@ class _CreateBusinessDetailState extends State<JobListingDetail> {
                               Navigator.pushReplacement(
                                   context,
                                   MaterialPageRoute(
-                                      builder: (context) => const MainApp()));
+                                      builder: (context) => const MainApp(
+                                            initialPage: 1,
+                                          )));
                             }
                           }),
                     ],

fbla_ui/lib/pages/listings_overview.dart

@@ -151,7 +151,8 @@ class _JobsOverviewState extends State<JobsOverview> {
                                   setState(() {
                                     _isRetrying = true;
                                   });
-                                  await widget.updateBusinessesCallback(null, null);
+                                  await widget.updateBusinessesCallback(
+                                      null, null);
                                 }
                               },
                             ),
@@ -491,7 +492,7 @@ class _JobHeaderState extends State<_JobHeader> {
           delegate: SliverChildBuilderDelegate(
             childCount: businesses.length,
             (BuildContext context, int index) {
-              return _businessTile(
+              return _jobBusinessTile(
                 businesses[index],
                 widget.jobType,
               );
@@ -504,7 +505,7 @@ class _JobHeaderState extends State<_JobHeader> {
         delegate: SliverChildBuilderDelegate(
           childCount: businesses.length,
           (BuildContext context, int index) {
-            return _businessListItem(
+            return _jobBusinessListItem(
               businesses[index],
               widget.jobType,
             );
@@ -514,7 +515,8 @@ class _JobHeaderState extends State<_JobHeader> {
     }
   }
 
-  Widget _businessTile(Business business, JobType jobType) {
+  /// A desktop widget that displays basic info about a job
+  Widget _jobBusinessTile(Business business, JobType jobType) {
     return MouseRegion(
       cursor: SystemMouseCursors.click,
       child: GestureDetector(
@@ -591,8 +593,7 @@ class _JobHeaderState extends State<_JobHeader> {
                         IconButton(
                           icon: const Icon(Icons.link),
                           onPressed: () {
-                            launchUrl(Uri.parse(
-                                'https://${business.listings![0].link!}'));
+                            launchUrl(Uri.parse(business.listings![0].link!));
                           },
                         ),
                       IconButton(
@@ -653,7 +654,8 @@ class _JobHeaderState extends State<_JobHeader> {
     );
   }
 
-  Widget _businessListItem(Business business, JobType? jobType) {
+  /// A mobile widget that displays basic info about a job
+  Widget _jobBusinessListItem(Business business, JobType? jobType) {
     return Card(
       child: ListTile(
         leading: Badge(

fbla_ui/lib/pages/signin_page.dart

@@ -37,7 +37,7 @@ class _SignInPageState extends State<SignInPage> {
             heightFactor: 1.0,
             child: Container(
               padding: const EdgeInsets.fromLTRB(12, 50, 12, 50),
-              height: 475,
+              height: 450,
               width: 500,
               child: Card(
                 child: Padding(
@@ -60,9 +60,12 @@ class _SignInPageState extends State<SignInPage> {
                           controller: _usernameController,
                           autocorrect: false,
                           decoration: const InputDecoration(
-                              prefixIcon: Icon(Icons.person_outline),
-                              labelText: 'Username',
-                              border: OutlineInputBorder()),
+                            prefixIcon: Padding(
+                              padding: EdgeInsets.all(16.0),
+                              child: Icon(Icons.person_outline),
+                            ),
+                            labelText: 'Username',
+                          ),
                         ),
                       ),
                       Padding(
@@ -107,11 +110,13 @@ class _SignInPageState extends State<SignInPage> {
                           autocorrect: false,
                           obscureText: obscurePassword,
                           decoration: InputDecoration(
-                            prefixIcon: const Icon(Icons.fingerprint),
+                            prefixIcon: const Padding(
+                              padding: EdgeInsets.all(16.0),
+                              child: Icon(Icons.fingerprint),
+                            ),
                             labelText: 'Password',
-                            border: const OutlineInputBorder(),
                             suffixIcon: Padding(
-                              padding: const EdgeInsets.all(8.0),
+                              padding: const EdgeInsets.only(right: 16.0),
                               child: IconButton(
                                 onPressed: () {
                                   setState(() {
@@ -131,63 +136,111 @@ class _SignInPageState extends State<SignInPage> {
                           errorMessage!,
                           style: const TextStyle(color: Colors.red),
                         ),
-                      CheckboxListTile(
-                        value: rememberMe,
-                        onChanged: (value) async {
-                          setState(() {
-                            rememberMe = value!;
-                          });
-                        },
-                        title: const Text('Remember me'),
-                      ),
-                      ElevatedButton.icon(
-                        style: ElevatedButton.styleFrom(
-                          backgroundColor:
-                              Theme.of(context).colorScheme.primary,
-                          // padding: const EdgeInsets.only(left: 20.0, right: 20.0, top: 12.0, bottom: 12.0),
-                        ),
-                        icon: _isloading
-                            ? const SizedBox(
-                                width: 20,
-                                height: 20,
-                                child: CircularProgressIndicator(
-                                  color: Colors.white,
-                                  strokeWidth: 3,
-                                ))
-                            : const Icon(Icons.done, color: Colors.white),
-                        label: const Text('Sign In',
-                            style: TextStyle(color: Colors.white)),
-                        onPressed: () async {
-                          setState(() {
-                            errorMessage = null;
-                            _isloading = true;
-                          });
-                          jwt = await signIn(username, password).timeout(
-                              const Duration(seconds: 20), onTimeout: () {
-                            _isloading = false;
-                            ScaffoldMessenger.of(context).showSnackBar(
-                              const SnackBar(
-                                  width: 300,
-                                  behavior: SnackBarBehavior.floating,
-                                  content:
-                                      Text('Could not Sign in (timeout)!')),
-                            );
-                          });
-                          if (!jwt.contains('Error:')) {
-                            final SharedPreferences prefs =
-                                await SharedPreferences.getInstance();
-                            await prefs.setString('username', username);
-                            await prefs.setString('password', password);
-                            await prefs.setBool('rememberMe', rememberMe);
-                            widget.refreshAccount(true);
-                            Navigator.of(context).pop();
-                          } else {
+                      Padding(
+                        padding: const EdgeInsets.only(
+                            top: 8.0, left: 8.0, right: 8.0),
+                        child: FilledButton(
+                          style: FilledButton.styleFrom(
+                              shape: const RoundedRectangleBorder(
+                                  borderRadius:
+                                      BorderRadius.all(Radius.circular(6)))),
+                          child: SizedBox(
+                            width: 374,
+                            height: 40,
+                            child: Row(
+                              mainAxisSize: MainAxisSize.min,
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: [
+                                _isloading
+                                    ? const Padding(
+                                        padding: EdgeInsets.only(right: 8.0),
+                                        child: SizedBox(
+                                            width: 20,
+                                            height: 20,
+                                            child: CircularProgressIndicator(
+                                              color: Colors.white,
+                                              strokeWidth: 3,
+                                            )),
+                                      )
+                                    : const Padding(
+                                        padding: EdgeInsets.only(right: 8.0),
+                                        child: Icon(Icons.done,
+                                            color: Colors.white),
+                                      ),
+                                const Text('Sign in',
+                                    style: TextStyle(
+                                        color: Colors.white, fontSize: 18)),
+                              ],
+                            ),
+                          ),
+                          onPressed: () async {
                             setState(() {
-                              errorMessage = 'Invalid Username/Password';
-                              _isloading = false;
+                              _isloading = true;
                             });
-                          }
-                        },
+                            jwt = await signIn(username, password).timeout(
+                                const Duration(seconds: 20), onTimeout: () {
+                              _isloading = false;
+                              ScaffoldMessenger.of(context).showSnackBar(
+                                const SnackBar(
+                                    width: 300,
+                                    behavior: SnackBarBehavior.floating,
+                                    content:
+                                        Text('Could not Sign in (timeout)!')),
+                              );
+                            });
+                            if (!jwt.contains('Error:')) {
+                              final SharedPreferences prefs =
+                                  await SharedPreferences.getInstance();
+                              await prefs.setString('username', username);
+                              await prefs.setString('password', password);
+                              await prefs.setBool('rememberMe', rememberMe);
+                              widget.refreshAccount(true);
+                              Navigator.of(context).pop();
+                            } else {
+                              setState(() {
+                                errorMessage = 'Invalid Username/Password';
+                                _isloading = false;
+                              });
+                            }
+                          },
+                        ),
+                      ),
+                      Expanded(
+                        child: Align(
+                          alignment: Alignment.bottomLeft,
+                          child: Row(
+                            children: [
+                              Padding(
+                                padding: const EdgeInsets.only(left: 8.0),
+                                child: MouseRegion(
+                                  cursor: SystemMouseCursors.click,
+                                  child: GestureDetector(
+                                    child: Row(
+                                      children: [
+                                        Checkbox(
+                                            value: rememberMe,
+                                            onChanged: (value) {
+                                              setState(() {
+                                                rememberMe = value!;
+                                              });
+                                            }),
+                                        const Padding(
+                                          padding: EdgeInsets.all(8.0),
+                                          child: Text('Remember me'),
+                                        )
+                                      ],
+                                    ),
+                                    onTap: () {
+                                      setState(() {
+                                        rememberMe = !rememberMe;
+                                      });
+                                    },
+                                  ),
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
                       ),
                     ],
                   ),

fbla_ui/lib/shared/api_logic.dart

@@ -6,8 +6,8 @@ import 'package:fbla_ui/shared/global_vars.dart';
 import 'package:fbla_ui/shared/utils.dart';
 import 'package:http/http.dart' as http;
 
-// var apiAddress = 'https://homelab.marinodev.com/fbla-api';
-var apiAddress = 'http://192.168.0.114:8000/fbla-api';
+var apiAddress = 'https://homelab.marinodev.com/fbla-api';
+// var apiAddress = 'http://192.168.0.114:8000/fbla-api'; // TODO
 
 var client = http.Client();
 
@@ -58,8 +58,11 @@ Future fetchBusinessDataOverviewJobs(
     if (typeFilters != null && typeFilters.isNotEmpty) {
       uriString +=
           '?typeFilters=${typeFilters.map((jobType) => jobType.name).join(',')}';
-    }
-    if (offerFilters != null && offerFilters.isNotEmpty) {
+      if (offerFilters != null && offerFilters.isNotEmpty) {
+        uriString +=
+            '&offerFilters=${offerFilters.map((offerType) => offerType.name).join(',')}';
+      }
+    } else if (offerFilters != null && offerFilters.isNotEmpty) {
       uriString +=
           '?offerFilters=${offerFilters.map((offerType) => offerType.name).join(',')}';
     }
@@ -87,20 +90,6 @@ Future fetchBusinessDataOverviewJobs(
       }
 
       return groupedBusinesses;
-      // Map<JobType, List<Business>> groupedBusinesses = {};
-      //
-      // for (String stringType in decodedResponse.keys) {
-      //   List<Business> businesses = [];
-      //
-      //   for (Map<String, dynamic> map in decodedResponse[stringType]) {
-      //     Business business = Business.fromJson(map);
-      //     businesses.add(business);
-      //   }
-      //
-      //   groupedBusinesses
-      //       .addAll({JobType.values.byName(stringType): businesses});
-      // }
-      // return groupedBusinesses;
     } else {
       return 'Error ${response.statusCode}! Please try again later!';
     }
@@ -108,8 +97,6 @@ Future fetchBusinessDataOverviewJobs(
     return 'Unable to connect to server (timeout).\nPlease try again later.';
   } on SocketException {
     return 'Unable to connect to server (socket exception).\nPlease check your internet connection.\n';
-  } catch (e) {
-    print(e);
   }
 }
 
@@ -396,9 +383,6 @@ Future marinoDevLogo() async {
     Uri.parse('$apiAddress/marinodev'),
   );
 
-  // File logo = File ('${getTemporaryDirectory().toString()}/marinodev.svg');
-  // logo.writeAsBytes(response.bodyBytes);
-
   return response.bodyBytes;
 }
 

fbla_ui/lib/shared/utils.dart

@@ -36,8 +36,6 @@ enum JobType {
   retail,
   customerService,
   foodService,
-  finance,
-  healthcare,
   education,
   maintenance,
   manufacturing,
@@ -185,10 +183,6 @@ IconData getIconFromJobType(JobType type) {
       return Icons.support_agent;
     case JobType.foodService:
       return Icons.restaurant;
-    case JobType.finance:
-      return Icons.paid;
-    case JobType.healthcare:
-      return Icons.medical_services;
     case JobType.education:
       return Icons.school;
     case JobType.maintenance:
@@ -225,10 +219,6 @@ pw.IconData getPwIconFromJobType(JobType type) {
       return const pw.IconData(0xf0e2);
     case JobType.foodService:
       return const pw.IconData(0xe56c);
-    case JobType.finance:
-      return const pw.IconData(0xf041);
-    case JobType.healthcare:
-      return const pw.IconData(0xf109);
     case JobType.education:
       return const pw.IconData(0xe80c);
     case JobType.maintenance:
@@ -265,10 +255,6 @@ String getNameFromJobType(JobType type) {
       return 'Customer Service';
     case JobType.foodService:
       return 'Food Service';
-    case JobType.finance:
-      return 'Finance';
-    case JobType.healthcare:
-      return 'Healthcare';
     case JobType.education:
       return 'Education';
     case JobType.maintenance:

fbla_ui/lib/shared/widgets.dart

@@ -6,488 +6,6 @@ import 'package:flutter/material.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:url_launcher/url_launcher.dart';
 
-// class BusinessDisplayPanel extends StatefulWidget {
-//   final Map<JobType, List<Business>>? jobGroupedBusinesses;
-//   final Map<BusinessType, List<Business>>? businessGroupedBusinesses;
-//   final bool widescreen;
-//   final Set<Business>? selectedBusinesses;
-//
-//   const BusinessDisplayPanel(
-//       {super.key,
-//       this.jobGroupedBusinesses,
-//       this.businessGroupedBusinesses,
-//       required this.widescreen,
-//       this.selectedBusinesses});
-//
-//   @override
-//   State<BusinessDisplayPanel> createState() => _BusinessDisplayPanelState();
-// }
-//
-// class _BusinessDisplayPanelState extends State<BusinessDisplayPanel> {
-//   @override
-//   Widget build(BuildContext context) {
-//     if ((widget.businessGroupedBusinesses?.keys ?? <BusinessType>[]).isEmpty &&
-//         (widget.jobGroupedBusinesses?.keys ?? <JobType>[]).isEmpty) {
-//       return const SliverToBoxAdapter(
-//         child: Center(
-//           child: Padding(
-//             padding: EdgeInsets.all(16.0),
-//             child: Text(
-//               'No results found!\nPlease change your search filters.',
-//               textAlign: TextAlign.center,
-//               style: TextStyle(fontSize: 18),
-//             ),
-//           ),
-//         ),
-//       );
-//     }
-//
-//     List<BusinessHeader> headers = [];
-//     if (widget.jobGroupedBusinesses != null) {
-//       for (JobType jobType in widget.jobGroupedBusinesses!.keys) {
-//         headers.add(BusinessHeader(
-//             jobType: jobType,
-//             widescreen: widget.widescreen,
-//             // selectable: widget.selectable,
-//             selectedBusinesses: widget.selectedBusinesses,
-//             // updateSelectedBusinessesCallback:
-//             //     widget.updateSelectedBusinessesCallback,
-//             businesses: widget.jobGroupedBusinesses![jobType]!));
-//       }
-//       headers.sort((a, b) => a.jobType!.index.compareTo(b.jobType!.index));
-//       return MultiSliver(children: headers);
-//     } else if (widget.businessGroupedBusinesses != null) {
-//       for (BusinessType businessType
-//           in widget.businessGroupedBusinesses!.keys) {
-//         headers.add(BusinessHeader(
-//             businessType: businessType,
-//             widescreen: widget.widescreen,
-//             selectedBusinesses: widget.selectedBusinesses,
-//             businesses: widget.businessGroupedBusinesses![businessType]!));
-//       }
-//       headers.sort(
-//           (a, b) => a.businessType!.index.compareTo(b.businessType!.index));
-//       return MultiSliver(children: headers);
-//     }
-//     return const Text('Error with input data!');
-//   }
-// }
-//
-// class BusinessHeader extends StatefulWidget {
-//   final JobType? jobType;
-//   final BusinessType? businessType;
-//   final List<Business> businesses;
-//   final Set<Business>? selectedBusinesses;
-//   final bool widescreen;
-//   final void Function()? updateSelectedBusinessesCallback;
-//
-//   const BusinessHeader({
-//     super.key,
-//     this.jobType,
-//     this.businessType,
-//     required this.businesses,
-//     required this.widescreen,
-//     this.updateSelectedBusinessesCallback,
-//     this.selectedBusinesses,
-//   });
-//
-//   @override
-//   State<BusinessHeader> createState() => _BusinessHeaderState();
-// }
-//
-// class _BusinessHeaderState extends State<BusinessHeader> {
-//   refresh() {
-//     setState(() {});
-//   }
-//
-//   @override
-//   Widget build(BuildContext context) {
-//     return SliverStickyHeader(
-//       header: Container(
-//         height: 55.0,
-//         color: Theme.of(context).colorScheme.primary,
-//         padding: const EdgeInsets.symmetric(horizontal: 16.0),
-//         alignment: Alignment.centerLeft,
-//         child: _getHeaderRow(widget.selectedBusinesses),
-//       ),
-//       sliver: _getChildSliver(
-//           widget.businesses, widget.widescreen, widget.selectedBusinesses),
-//     );
-//   }
-//
-//   Widget _getHeaderRow(Set<Business>? selectedBusinesses) {
-//     if (selectedBusinesses != null) {
-//       return Row(
-//         mainAxisAlignment: MainAxisAlignment.spaceBetween,
-//         children: [
-//           Row(
-//             children: [
-//               Padding(
-//                   padding: const EdgeInsets.only(left: 4.0, right: 12.0),
-//                   child: Icon(
-//                     widget.jobType != null
-//                         ? getIconFromJobType(widget.jobType!)
-//                         : getIconFromBusinessType(widget.businessType!),
-//                     color: Theme.of(context).colorScheme.onPrimary,
-//                   )),
-//               Text(widget.jobType != null
-//                   ? getNameFromJobType(widget.jobType!)
-//                   : getNameFromBusinessType(widget.businessType!)),
-//             ],
-//           ),
-//           Padding(
-//             padding: const EdgeInsets.only(right: 12.0),
-//             child: Checkbox(
-//               checkColor: Theme.of(context).colorScheme.primary,
-//               activeColor: Theme.of(context).colorScheme.onPrimary,
-//               value: widget.selectedBusinesses!.containsAll(widget.businesses),
-//               onChanged: (value) {
-//                 if (value!) {
-//                   setState(() {
-//                     widget.selectedBusinesses!.addAll(widget.businesses);
-//                   });
-//                 } else {
-//                   setState(() {
-//                     widget.selectedBusinesses!.removeAll(widget.businesses);
-//                   });
-//                 }
-//               },
-//             ),
-//           ),
-//         ],
-//       );
-//     } else {
-//       return Row(
-//         children: [
-//           Padding(
-//             padding: const EdgeInsets.only(left: 4.0, right: 12.0),
-//             child: Icon(
-//               widget.jobType != null
-//                   ? getIconFromJobType(widget.jobType!)
-//                   : getIconFromBusinessType(widget.businessType!),
-//               color: Theme.of(context).colorScheme.onPrimary,
-//             ),
-//           ),
-//           Text(
-//             widget.jobType != null
-//                 ? getNameFromJobType(widget.jobType!)
-//                 : getNameFromBusinessType(widget.businessType!),
-//             style: TextStyle(color: Theme.of(context).colorScheme.onPrimary),
-//           ),
-//         ],
-//       );
-//     }
-//   }
-//
-//   Widget _getChildSliver(List<Business> businesses, bool widescreen,
-//       Set<Business>? selectedBusinesses) {
-//     if (widescreen) {
-//       return SliverPadding(
-//         padding: const EdgeInsets.all(4),
-//         sliver: SliverGrid(
-//           gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
-//             mainAxisExtent: 250.0,
-//             maxCrossAxisExtent: 400.0,
-//             mainAxisSpacing: 4.0,
-//             crossAxisSpacing: 4.0,
-//           ),
-//           delegate: SliverChildBuilderDelegate(
-//             childCount: businesses.length,
-//             (BuildContext context, int index) {
-//               return BusinessCard(
-//                 business: businesses[index],
-//                 selectedBusinesses: selectedBusinesses,
-//                 widescreen: widescreen,
-//                 callback: refresh,
-//                 jobType: widget.jobType,
-//               );
-//             },
-//           ),
-//         ),
-//       );
-//     } else {
-//       return SliverList(
-//         delegate: SliverChildBuilderDelegate(
-//           childCount: businesses.length,
-//           (BuildContext context, int index) {
-//             return BusinessCard(
-//               business: businesses[index],
-//               selectedBusinesses: selectedBusinesses,
-//               widescreen: widescreen,
-//               callback: refresh,
-//               jobType: widget.jobType,
-//             );
-//           },
-//         ),
-//       );
-//     }
-//   }
-// }
-//
-// class BusinessCard extends StatefulWidget {
-//   final Business business;
-//   final bool widescreen;
-//   final Set<Business>? selectedBusinesses;
-//   final Function callback;
-//   final JobType? jobType;
-//   final BusinessType? businessType;
-//
-//   const BusinessCard({
-//     super.key,
-//     required this.business,
-//     required this.widescreen,
-//     required this.callback,
-//     this.jobType,
-//     this.businessType,
-//     this.selectedBusinesses,
-//   });
-//
-//   @override
-//   State<BusinessCard> createState() => _BusinessCardState();
-// }
-//
-// class _BusinessCardState extends State<BusinessCard> {
-//   @override
-//   Widget build(BuildContext context) {
-//     if (widget.widescreen) {
-//       return _businessTile(widget.business, widget.selectedBusinesses,
-//           widget.jobType, widget.businessType);
-//     } else {
-//       return _businessListItem(widget.business, widget.selectedBusinesses,
-//           widget.callback, widget.jobType, widget.businessType);
-//     }
-//   }
-//
-//   Widget _businessTile(Business business, Set<Business>? selectedBusinesses,
-//       JobType? jobType, BusinessType? businessType) {
-//     return MouseRegion(
-//       cursor: SystemMouseCursors.click,
-//       child: GestureDetector(
-//         onTap: () {
-//           Navigator.of(context).push(MaterialPageRoute(
-//               builder: (context) => BusinessDetail(
-//                     id: business.id,
-//                     name: business.name!,
-//                   )));
-//         },
-//         child: Card(
-//           clipBehavior: Clip.antiAlias,
-//           child: Column(
-//             crossAxisAlignment: CrossAxisAlignment.center,
-//             children: [
-//               _getTileRow(business, selectedBusinesses, widget.callback),
-//               Padding(
-//                 padding: const EdgeInsets.all(8.0),
-//                 child: Text(
-//                   business.description!,
-//                   maxLines: selectedBusinesses != null ? 7 : 5,
-//                   overflow: TextOverflow.ellipsis,
-//                 ),
-//               ),
-//               const Spacer(),
-//               Padding(
-//                   padding: const EdgeInsets.all(8.0),
-//                   child: selectedBusinesses == null
-//                       ? Row(
-//                           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-//                           children: [
-//                             IconButton(
-//                               icon: const Icon(Icons.link),
-//                               onPressed: () {
-//                                 launchUrl(
-//                                     Uri.parse('https://${business.website}'));
-//                               },
-//                             ),
-//                             if (business.locationName != '')
-//                               IconButton(
-//                                 icon: const Icon(Icons.location_on),
-//                                 onPressed: () {
-//                                   launchUrl(Uri.parse(Uri.encodeFull(
-//                                       'https://www.google.com/maps/search/?api=1&query=${business.locationName}')));
-//                                 },
-//                               ),
-//                             if ((business.contactPhone != null) &&
-//                                 (business.contactPhone != ''))
-//                               IconButton(
-//                                 icon: const Icon(Icons.phone),
-//                                 onPressed: () {
-//                                   showDialog(
-//                                       context: context,
-//                                       builder: (BuildContext context) {
-//                                         return AlertDialog(
-//                                           backgroundColor: Theme.of(context)
-//                                               .colorScheme
-//                                               .surface,
-//                                           title: Text((business.contactName ==
-//                                                       null ||
-//                                                   business.contactName == '')
-//                                               ? 'Contact ${business.name}?'
-//                                               : 'Contact ${business.contactName}'),
-//                                           content: Text((business.contactName ==
-//                                                       null ||
-//                                                   business.contactName == '')
-//                                               ? 'Would you like to call or text ${business.name}?'
-//                                               : 'Would you like to call or text ${business.contactName}?'),
-//                                           actions: [
-//                                             TextButton(
-//                                                 child: const Text('Text'),
-//                                                 onPressed: () {
-//                                                   launchUrl(Uri.parse(
-//                                                       'sms:${business.contactPhone}'));
-//                                                   Navigator.of(context).pop();
-//                                                 }),
-//                                             TextButton(
-//                                                 child: const Text('Call'),
-//                                                 onPressed: () async {
-//                                                   launchUrl(Uri.parse(
-//                                                       'tel:${business.contactPhone}'));
-//                                                   Navigator.of(context).pop();
-//                                                 }),
-//                                           ],
-//                                         );
-//                                       });
-//                                 },
-//                               ),
-//                             if (business.contactEmail != '')
-//                               IconButton(
-//                                 icon: const Icon(Icons.email),
-//                                 onPressed: () {
-//                                   launchUrl(Uri.parse(
-//                                       'mailto:${business.contactEmail}'));
-//                                 },
-//                               ),
-//                           ],
-//                         )
-//                       : null),
-//             ],
-//           ),
-//         ),
-//       ),
-//     );
-//   }
-//
-//   Widget _getTileRow(
-//       Business business, Set<Business>? selectedBusinesses, Function callback) {
-//     if (selectedBusinesses != null) {
-//       return Row(
-//         mainAxisAlignment: MainAxisAlignment.spaceBetween,
-//         children: [
-//           Padding(
-//             padding: const EdgeInsets.all(8.0),
-//             child: ClipRRect(
-//               borderRadius: BorderRadius.circular(6.0),
-//               child: Image.network('$apiAddress/logos/${business.id}',
-//                   height: 48, width: 48, errorBuilder: (BuildContext context,
-//                       Object exception, StackTrace? stackTrace) {
-//                 return Icon(
-//                   getIconFromBusinessType(business.type!),
-//                   size: 48,
-//                 );
-//               }),
-//             ),
-//           ),
-//           Flexible(
-//             child: Padding(
-//               padding: const EdgeInsets.all(8.0),
-//               child: Text(
-//                 business.name!,
-//                 style:
-//                     const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
-//                 maxLines: 2,
-//                 overflow: TextOverflow.ellipsis,
-//               ),
-//             ),
-//           ),
-//           Padding(
-//             padding: const EdgeInsets.only(right: 24.0),
-//             child: _checkbox(callback, selectedBusinesses),
-//           )
-//         ],
-//       );
-//     } else {
-//       return Row(
-//         children: [
-//           Padding(
-//               padding: const EdgeInsets.all(8.0),
-//               child: ClipRRect(
-//                 borderRadius: BorderRadius.circular(6.0),
-//                 child: Image.network('$apiAddress/logos/${business.id}',
-//                     height: 48, width: 48, errorBuilder: (BuildContext context,
-//                         Object exception, StackTrace? stackTrace) {
-//                   return Icon(getIconFromBusinessType(business.type!),
-//                       size: 48);
-//                 }),
-//               )),
-//           Flexible(
-//             child: Padding(
-//               padding: const EdgeInsets.all(8.0),
-//               child: Text(
-//                 business.name!,
-//                 style:
-//                     const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
-//                 maxLines: 2,
-//                 overflow: TextOverflow.ellipsis,
-//               ),
-//             ),
-//           ),
-//         ],
-//       );
-//     }
-//   }
-//
-//   Widget _businessListItem(Business business, Set<Business>? selectedBusinesses,
-//       Function callback, JobType? jobType, BusinessType? businessType) {
-//     return Card(
-//       child: ListTile(
-//         leading: ClipRRect(
-//             borderRadius: BorderRadius.circular(3.0),
-//             child: Image.network('$apiAddress/logos/${business.id}',
-//                 height: 24, width: 24, errorBuilder: (BuildContext context,
-//                     Object exception, StackTrace? stackTrace) {
-//               return Icon(getIconFromBusinessType(business.type!));
-//             })),
-//         title: Text(business.name!),
-//         subtitle: Text(business.description!,
-//             maxLines: 1, overflow: TextOverflow.ellipsis),
-//         trailing: _getCheckbox(selectedBusinesses, callback),
-//         onTap: () {
-//           Navigator.of(context).push(MaterialPageRoute(
-//               builder: (context) => BusinessDetail(
-//                     id: business.id,
-//                     name: business.name!,
-//                   )));
-//         },
-//       ),
-//     );
-//   }
-//
-//   Widget _checkbox(Function callback, Set<Business> selectedBusinesses) {
-//     return Checkbox(
-//       value: selectedBusinesses.contains(widget.business),
-//       onChanged: (value) {
-//         if (value!) {
-//           setState(() {
-//             selectedBusinesses.add(widget.business);
-//           });
-//         } else {
-//           setState(() {
-//             selectedBusinesses.remove(widget.business);
-//           });
-//         }
-//         callback();
-//       },
-//     );
-//   }
-//
-//   Widget? _getCheckbox(Set<Business>? selectedBusinesses, Function callback) {
-//     if (selectedBusinesses != null) {
-//       return _checkbox(callback, selectedBusinesses);
-//     } else {
-//       return null;
-//     }
-//   }
-// }
-
 class BusinessSearchBar extends StatefulWidget {
   final String searchTextHint;
   final Widget filterIconButton;
@@ -745,29 +263,6 @@ class _MainSliverAppBarState extends State<MainSliverAppBar> {
                 });
           },
         ),
-// IconButton(
-//   icon: const Icon(Icons.picture_as_pdf),
-//   onPressed: () async {
-//     if (!_isPreviousData) {
-//       ScaffoldMessenger.of(context).clearSnackBars();
-//       ScaffoldMessenger.of(context).showSnackBar(
-//         const SnackBar(
-//           width: 300,
-//           behavior: SnackBarBehavior.floating,
-//           content: Text('There is no data!'),
-//           duration: Duration(seconds: 2),
-//         ),
-//       );
-//     } else {
-//       selectedDataTypesBusiness = <DataTypeBusiness>{};
-//       Navigator.push(
-//           context,
-//           MaterialPageRoute(
-//               builder: (context) => ExportData(
-//                   groupedBusinesses: overviewBusinesses)));
-//     }
-//   },
-// ),
         Padding(
           padding: const EdgeInsets.only(right: 8.0),
           child: IconButton(
@@ -841,3 +336,74 @@ class _MainSliverAppBarState extends State<MainSliverAppBar> {
     return null;
   }
 }
+
+class ContactInformationCard extends StatelessWidget {
+  final Business business;
+
+  ContactInformationCard({super.key, required this.business});
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      clipBehavior: Clip.antiAlias,
+      child: Column(
+        children: [
+          Row(
+            children: [
+              Padding(
+                padding: const EdgeInsets.only(left: 16.0, top: 8.0),
+                child: Text(
+                  business.contactName!,
+                  textAlign: TextAlign.left,
+                  style: const TextStyle(
+                      fontSize: 20, fontWeight: FontWeight.bold),
+                ),
+              ),
+            ],
+          ),
+          if (business.contactPhone != null)
+            ListTile(
+              leading: const Icon(Icons.phone),
+              title: Text(business.contactPhone!),
+              onTap: () {
+                showDialog(
+                    context: context,
+                    builder: (BuildContext context) {
+                      return AlertDialog(
+                        backgroundColor: Theme.of(context).colorScheme.surface,
+                        title: Text('Contact ${business.contactName}'),
+                        content: Text(
+                            'Would you like to call or text ${business.contactName}?'),
+                        actions: [
+                          TextButton(
+                              child: const Text('Text'),
+                              onPressed: () {
+                                launchUrl(
+                                    Uri.parse('sms:${business.contactPhone}'));
+                                Navigator.of(context).pop();
+                              }),
+                          TextButton(
+                              child: const Text('Call'),
+                              onPressed: () async {
+                                launchUrl(
+                                    Uri.parse('tel:${business.contactPhone}'));
+                                Navigator.of(context).pop();
+                              }),
+                        ],
+                      );
+                    });
+              },
+            ),
+          if (business.contactEmail != null)
+            ListTile(
+              leading: const Icon(Icons.email),
+              title: Text(business.contactEmail!),
+              onTap: () {
+                launchUrl(Uri.parse('mailto:${business.contactEmail}'));
+              },
+            ),
+        ],
+      ),
+    );
+  }
+}

fbla_ui/pubspec.lock

@@ -308,10 +308,10 @@ packages:
     dependency: transitive
     description:
       name: path_provider_android
-      sha256: "9c96da072b421e98183f9ea7464898428e764bc0ce5567f27ec8693442e72514"
+      sha256: bca87b0165ffd7cdb9cad8edd22d18d2201e886d9a9f19b4fb3452ea7df3a72a
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.5"
+    version: "2.2.6"
   path_provider_foundation:
     dependency: transitive
     description:
@@ -348,10 +348,10 @@ packages:
     dependency: "direct main"
     description:
       name: pdf
-      sha256: "243f05342fc0bdf140eba5b069398985cdbdd3dbb1d776cf43d5ea29cc570ba6"
+      sha256: "81d5522bddc1ef5c28e8f0ee40b71708761753c163e0c93a40df56fd515ea0f0"
       url: "https://pub.dev"
     source: hosted
-    version: "3.10.8"
+    version: "3.11.0"
   pdf_widget_wrapper:
     dependency: transitive
     description:
@@ -372,10 +372,10 @@ packages:
     dependency: transitive
     description:
       name: platform
-      sha256: "12220bb4b65720483f8fa9450b4332347737cf8213dd2840d8b2c823e47243ec"
+      sha256: "9b71283fc13df574056616011fb138fd3b793ea47cc509c189a6c3fa5f8a1a65"
       url: "https://pub.dev"
     source: hosted
-    version: "3.1.4"
+    version: "3.1.5"
   plugin_platform_interface:
     dependency: transitive
     description:
@@ -396,10 +396,10 @@ packages:
     dependency: "direct main"
     description:
       name: printing
-      sha256: "1c99cab90ebcc1fff65831d264627d5b529359d563e53f33ab9b8117f2d280bc"
+      sha256: cc4b256a5a89d5345488e3318897b595867f5181b8c5ed6fc63bfa5f2044aec3
       url: "https://pub.dev"
     source: hosted
-    version: "5.12.0"
+    version: "5.13.1"
   qr:
     dependency: transitive
     description:
@@ -412,10 +412,10 @@ packages:
     dependency: "direct main"
     description:
       name: rive
-      sha256: "03bae056e67a5c98f9523c34f8ea63c15b323426a7e8d76d7ebb93066d4df6dc"
+      sha256: "0342c9cd3c83ceeee4ad9246b98d628a2e9abd9d615acf69fa81fbbcf84a36ae"
       url: "https://pub.dev"
     source: hosted
-    version: "0.13.5"
+    version: "0.13.8"
   rive_common:
     dependency: transitive
     description: