Overview

• File: lib/views/login_page.dart

The login_page.dart file implements the login screen of the HVC XR application. It provides two main authentication methods: QR code scanning and rapid connect functionality. The page is designed to work with RealWear devices and includes device-specific optimizations.

Class Structure

class LoginPage extends StatelessWidget {
  static const String routeName = '/LoginPage';
  const LoginPage({Key? key}) : super(key: key);
  // ...
}

Dependencies

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:get_storage/get_storage.dart';
import 'package:hvc_xr/hlk_helpers/hlk_utils.dart';
import 'package:hvc_xr/hlk_helpers/hlk_widgets.dart';
import 'package:hvc_xr/shared/common.dart';
import 'package:hvc_xr/shared/constants.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';

Key Components

Controllers

The page uses several GetX controllers:

final DigilensController digilensController = Get.find();
final RealTimeController realTimeController = Get.find();
final MeetingsController meetingsController = Get.find();

State Management

• Uses GetX for state management
• Implements reactive state with RxBool loading
• Stores user data using GetStorage

UI Components

Background

PageWithBackground(
  assetImagePath: 'assets/images/hvc_xr_bg.jpeg',
  child: Scaffold(
    backgroundColor: Colors.transparent,
    // ...
  ),
)

Main Layout

The page consists of:

1. Logo Banner
2. Scan Code Button
3. Rapid Connect Button
4. Version Information

Buttons

Scan Code Button

ElevatedButton(
  style: ElevatedButton.styleFrom(primary: kAppColorPink),
  onPressed: () => SystemChrome.setPreferredOrientations([
    DeviceOrientation.landscapeLeft,
    DeviceOrientation.landscapeRight,
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]).then((value) async => await validatePermission(
      Permission.camera,
      () => Get.toNamed(isNavigator500
          ? ScannerPage.routeName
          : NewScannerPage.routeName))),
  child: const Padding(
    padding: EdgeInsets.symmetric(vertical: 16.0, horizontal: 80),
    child: Text('SCAN CODE'),
  ),
)

Rapid Connect Button

Obx(() => ElevatedButton(
  style: ElevatedButton.styleFrom(primary: kAppColorPink),
  onPressed: () async {
    // Rapid connect logic
  },
  child: loading.value
      ? LoadingSpinner()
      : Text('RAPID CONNECT'),
))

Authentication Flow

QR Code Scanning

1. Validates camera permission
2. Sets device orientation
3. Routes to appropriate scanner page based on device type:
   • ScannerPage for Navigator 500
   • NewScannerPage for other devices

Rapid Connect

1. Retrieves last used domain
2. Validates organization list
3. Initiates rapid connection
4. Stores user data
5. Initializes real-time controller
6. Routes to RapidConnectPage

var orgList = getLastDomain();
if (orgList.isEmpty) {
  HlkDialog.showErrorSnackBar(
      'No Organization found, you will need to login at least once for this to be possible');
} else if (orgList.length == 1) {
  // Rapid connect implementation
}

Data Storage

User data is stored using GetStorage:

await storage.write(Constants.ORGANISATION, org);
await storage.write(Constants.USER_DATA, {
  "userId": rapidConn.uniqueId,
  "id": int.tryParse(rapidConn.joinCode) ?? 0,
  "tosAccepted": true,
  "name": rapidConn.displayName,
  // ... other user data
});

Error Handling

• Displays error messages using HlkDialog.showErrorSnackBar
• Implements try-catch blocks for async operations
• Handles empty organization lists
• Manages loading states

Device-Specific Features

• Adapts scanner page based on device type
• Handles device orientation
• Manages permissions appropriately

Dependencies

• flutter_screenutil: Screen utilities
• get: State management
• get_storage: Local storage
• permission_handler: Permission management
• flutter_spinkit: Loading indicators

Styling

• Uses kAppColorPink for button colors
• Implements consistent padding and spacing
• Uses whiteTextStyle for version text
• Maintains responsive design with ScreenUtil