├── .gitignore ├── .metadata ├── .vscode └── launch.json ├── README.md ├── android ├── .gitignore ├── app │ ├── build.gradle │ └── src │ │ ├── debug │ │ └── AndroidManifest.xml │ │ ├── main │ │ ├── AndroidManifest.xml │ │ ├── kotlin │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── tutorial_flutter │ │ │ │ └── MainActivity.kt │ │ └── res │ │ │ ├── drawable │ │ │ └── launch_background.xml │ │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ │ ├── mipmap-xxxhdpi │ │ │ └── ic_launcher.png │ │ │ └── values │ │ │ └── styles.xml │ │ └── profile │ │ └── AndroidManifest.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ └── gradle-wrapper.properties └── settings.gradle ├── assets ├── dataset-clean.csv ├── mountain.jpg ├── mountain1.jpg ├── mountain2.jpg └── user.png ├── ios ├── .gitignore ├── Flutter │ ├── AppFrameworkInfo.plist │ ├── Debug.xcconfig │ └── Release.xcconfig ├── Runner.xcodeproj │ ├── project.pbxproj │ ├── project.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ ├── IDEWorkspaceChecks.plist │ │ │ └── WorkspaceSettings.xcsettings │ └── xcshareddata │ │ └── xcschemes │ │ └── Runner.xcscheme ├── Runner.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ ├── IDEWorkspaceChecks.plist │ │ └── WorkspaceSettings.xcsettings └── Runner │ ├── AppDelegate.swift │ ├── Assets.xcassets │ ├── AppIcon.appiconset │ │ ├── Contents.json │ │ ├── Icon-App-1024x1024@1x.png │ │ ├── Icon-App-20x20@1x.png │ │ ├── Icon-App-20x20@2x.png │ │ ├── Icon-App-20x20@3x.png │ │ ├── Icon-App-29x29@1x.png │ │ ├── Icon-App-29x29@2x.png │ │ ├── Icon-App-29x29@3x.png │ │ ├── Icon-App-40x40@1x.png │ │ ├── Icon-App-40x40@2x.png │ │ ├── Icon-App-40x40@3x.png │ │ ├── Icon-App-60x60@2x.png │ │ ├── Icon-App-60x60@3x.png │ │ ├── Icon-App-76x76@1x.png │ │ ├── Icon-App-76x76@2x.png │ │ └── Icon-App-83.5x83.5@2x.png │ └── LaunchImage.imageset │ │ ├── Contents.json │ │ ├── LaunchImage.png │ │ ├── LaunchImage@2x.png │ │ ├── LaunchImage@3x.png │ │ └── README.md │ ├── Base.lproj │ ├── LaunchScreen.storyboard │ └── Main.storyboard │ ├── Info.plist │ └── Runner-Bridging-Header.h ├── lib ├── bloc-sturcture.txt ├── bloc │ ├── ApplicationTracerBloc.dart │ ├── ProductBloc.dart │ └── UserBloc.dart ├── components │ ├── ApplcationTracerHistoryComponent.dart │ ├── ApplicationTracerComponent.dart │ ├── CircularLoading.dart │ ├── DataItemComponent.dart │ ├── GalleryPhotoWrapper.dart │ ├── GalleryThumbnail.dart │ ├── InkButton.dart │ └── ProductComponent.dart ├── constants.dart ├── main.dart ├── models │ ├── ApplicationTracerModel.dart │ ├── CheckboxModel.dart │ ├── GalleryItemModel.dart │ ├── MenuModel.dart │ ├── ProductModel.dart │ ├── ResultModel.dart │ └── UserModel.dart ├── repositories │ ├── ApplicationTracerRepository.dart │ ├── ProductRepository.dart │ └── UserRepository.dart ├── services │ └── ApiService.dart └── views │ ├── BlocProductView.dart │ ├── CheckboxGroupView.dart │ ├── GalleryPhotoZoomableView.dart │ ├── ProductDetailView.dart │ ├── Profile │ ├── ProfileForm.dart │ ├── ProfileListView.dart │ └── ProfileView.dart │ ├── TrackingView.dart │ └── UploadPhotoLocalStorage.dart ├── pubspec.yaml └── test └── widget_test.dart /.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .buildlog/ 9 | .history 10 | .svn/ 11 | 12 | # IntelliJ related 13 | *.iml 14 | *.ipr 15 | *.iws 16 | .idea/ 17 | 18 | # The .vscode folder contains launch configuration and tasks you configure in 19 | # VS Code which you may wish to be included in version control, so this line 20 | # is commented out by default. 21 | #.vscode/ 22 | 23 | # Flutter/Dart/Pub related 24 | **/doc/api/ 25 | **/ios/Flutter/.last_build_id 26 | .dart_tool/ 27 | .flutter-plugins 28 | .flutter-plugins-dependencies 29 | .packages 30 | .pub-cache/ 31 | .pub/ 32 | /build/ 33 | 34 | # Web related 35 | lib/generated_plugin_registrant.dart 36 | 37 | # Symbolication related 38 | app.*.symbols 39 | 40 | # Obfuscation related 41 | app.*.map.json 42 | /*.lock 43 | -------------------------------------------------------------------------------- /.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled and should not be manually edited. 5 | 6 | version: 7 | revision: 78910062997c3a836feee883712c241a5fd22983 8 | channel: stable 9 | 10 | project_type: app 11 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | "version": "0.2.0", 6 | "configurations": [ 7 | { 8 | "name": "tutorial-flutter", 9 | "request": "launch", 10 | "type": "dart" 11 | } 12 | ] 13 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # tutorial_flutter 2 | 3 | A new Flutter project. 4 | 5 | ## Getting Started 6 | 7 | This project is a starting point for a Flutter application. 8 | 9 | A few resources to get you started if this is your first Flutter project: 10 | 11 | - [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab) 12 | - [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook) 13 | 14 | For help getting started with Flutter, view our 15 | [online documentation](https://flutter.dev/docs), which offers tutorials, 16 | samples, guidance on mobile development, and a full API reference. 17 | -------------------------------------------------------------------------------- /android/.gitignore: -------------------------------------------------------------------------------- 1 | gradle-wrapper.jar 2 | /.gradle 3 | /captures/ 4 | /gradlew 5 | /gradlew.bat 6 | /local.properties 7 | GeneratedPluginRegistrant.java 8 | 9 | # Remember to never publicly share your keystore. 10 | # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app 11 | key.properties 12 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | def localProperties = new Properties() 2 | def localPropertiesFile = rootProject.file('local.properties') 3 | if (localPropertiesFile.exists()) { 4 | localPropertiesFile.withReader('UTF-8') { reader -> 5 | localProperties.load(reader) 6 | } 7 | } 8 | 9 | def flutterRoot = localProperties.getProperty('flutter.sdk') 10 | if (flutterRoot == null) { 11 | throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.") 12 | } 13 | 14 | def flutterVersionCode = localProperties.getProperty('flutter.versionCode') 15 | if (flutterVersionCode == null) { 16 | flutterVersionCode = '1' 17 | } 18 | 19 | def flutterVersionName = localProperties.getProperty('flutter.versionName') 20 | if (flutterVersionName == null) { 21 | flutterVersionName = '1.0' 22 | } 23 | 24 | apply plugin: 'com.android.application' 25 | apply plugin: 'kotlin-android' 26 | apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle" 27 | 28 | android { 29 | compileSdkVersion 31 30 | 31 | sourceSets { 32 | main.java.srcDirs += 'src/main/kotlin' 33 | } 34 | 35 | lintOptions { 36 | disable 'InvalidPackage' 37 | } 38 | 39 | defaultConfig { 40 | // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). 41 | applicationId "com.example.tutorial_flutter" 42 | minSdkVersion 19 43 | targetSdkVersion 31 44 | versionCode flutterVersionCode.toInteger() 45 | versionName flutterVersionName 46 | } 47 | 48 | buildTypes { 49 | release { 50 | // TODO: Add your own signing config for the release build. 51 | // Signing with the debug keys for now, so `flutter run --release` works. 52 | signingConfig signingConfigs.debug 53 | } 54 | } 55 | } 56 | 57 | flutter { 58 | source '../..' 59 | } 60 | 61 | dependencies { 62 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 63 | } 64 | -------------------------------------------------------------------------------- /android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 8 | 9 | 10 | 11 | 12 | 13 | 17 | 24 | 28 | 32 | 37 | 41 | 42 | 43 | 44 | 45 | 46 | 48 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /android/app/src/main/kotlin/com/example/tutorial_flutter/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.tutorial_flutter 2 | 3 | import io.flutter.embedding.android.FlutterActivity 4 | 5 | class MainActivity: FlutterActivity() { 6 | } 7 | -------------------------------------------------------------------------------- /android/app/src/main/res/drawable/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /android/app/src/profile/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | // ext.kotlin_version = '1.3.50' 3 | ext.kotlin_version = '1.4.32' 4 | repositories { 5 | google() 6 | jcenter() 7 | } 8 | 9 | dependencies { 10 | // classpath 'com.android.tools.build:gradle:3.5.4' 11 | classpath 'com.android.tools.build:gradle:4.1.0' 12 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 13 | } 14 | } 15 | 16 | allprojects { 17 | repositories { 18 | google() 19 | jcenter() 20 | } 21 | } 22 | 23 | rootProject.buildDir = '../build' 24 | subprojects { 25 | project.buildDir = "${rootProject.buildDir}/${project.name}" 26 | } 27 | subprojects { 28 | project.evaluationDependsOn(':app') 29 | } 30 | 31 | task clean(type: Delete) { 32 | delete rootProject.buildDir 33 | } 34 | -------------------------------------------------------------------------------- /android/gradle.properties: -------------------------------------------------------------------------------- 1 | org.gradle.jvmargs=-XX:MaxHeapSize=512m 2 | android.useAndroidX=true 3 | android.enableJetifier=true 4 | android.enableR8=true 5 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Fri Jun 23 08:50:38 CEST 2017 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.7-all.zip 7 | # distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip 8 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | 3 | def localPropertiesFile = new File(rootProject.projectDir, "local.properties") 4 | def properties = new Properties() 5 | 6 | assert localPropertiesFile.exists() 7 | localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) } 8 | 9 | def flutterSdkPath = properties.getProperty("flutter.sdk") 10 | assert flutterSdkPath != null, "flutter.sdk not set in local.properties" 11 | apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle" 12 | -------------------------------------------------------------------------------- /assets/mountain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/assets/mountain.jpg -------------------------------------------------------------------------------- /assets/mountain1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/assets/mountain1.jpg -------------------------------------------------------------------------------- /assets/mountain2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/assets/mountain2.jpg -------------------------------------------------------------------------------- /assets/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/assets/user.png -------------------------------------------------------------------------------- /ios/.gitignore: -------------------------------------------------------------------------------- 1 | *.mode1v3 2 | *.mode2v3 3 | *.moved-aside 4 | *.pbxuser 5 | *.perspectivev3 6 | **/*sync/ 7 | .sconsign.dblite 8 | .tags* 9 | **/.vagrant/ 10 | **/DerivedData/ 11 | Icon? 12 | **/Pods/ 13 | **/.symlinks/ 14 | profile 15 | xcuserdata 16 | **/.generated/ 17 | Flutter/App.framework 18 | Flutter/Flutter.framework 19 | Flutter/Flutter.podspec 20 | Flutter/Generated.xcconfig 21 | Flutter/app.flx 22 | Flutter/app.zip 23 | Flutter/flutter_assets/ 24 | Flutter/flutter_export_environment.sh 25 | ServiceDefinitions.json 26 | Runner/GeneratedPluginRegistrant.* 27 | 28 | # Exceptions to above rules. 29 | !default.mode1v3 30 | !default.mode2v3 31 | !default.pbxuser 32 | !default.perspectivev3 33 | -------------------------------------------------------------------------------- /ios/Flutter/AppFrameworkInfo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | App 9 | CFBundleIdentifier 10 | io.flutter.flutter.app 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | App 15 | CFBundlePackageType 16 | FMWK 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1.0 23 | MinimumOSVersion 24 | 8.0 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Flutter/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /ios/Flutter/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; }; 11 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; }; 12 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; }; 13 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; }; 14 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; }; 15 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; }; 16 | /* End PBXBuildFile section */ 17 | 18 | /* Begin PBXCopyFilesBuildPhase section */ 19 | 9705A1C41CF9048500538489 /* Embed Frameworks */ = { 20 | isa = PBXCopyFilesBuildPhase; 21 | buildActionMask = 2147483647; 22 | dstPath = ""; 23 | dstSubfolderSpec = 10; 24 | files = ( 25 | ); 26 | name = "Embed Frameworks"; 27 | runOnlyForDeploymentPostprocessing = 0; 28 | }; 29 | /* End PBXCopyFilesBuildPhase section */ 30 | 31 | /* Begin PBXFileReference section */ 32 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = ""; }; 33 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = ""; }; 34 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = ""; }; 35 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = ""; }; 36 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; 37 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = ""; }; 38 | 9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = ""; }; 39 | 9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = ""; }; 40 | 97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; }; 41 | 97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; }; 42 | 97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; 43 | 97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; 44 | 97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 45 | /* End PBXFileReference section */ 46 | 47 | /* Begin PBXFrameworksBuildPhase section */ 48 | 97C146EB1CF9000F007C117D /* Frameworks */ = { 49 | isa = PBXFrameworksBuildPhase; 50 | buildActionMask = 2147483647; 51 | files = ( 52 | ); 53 | runOnlyForDeploymentPostprocessing = 0; 54 | }; 55 | /* End PBXFrameworksBuildPhase section */ 56 | 57 | /* Begin PBXGroup section */ 58 | 9740EEB11CF90186004384FC /* Flutter */ = { 59 | isa = PBXGroup; 60 | children = ( 61 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */, 62 | 9740EEB21CF90195004384FC /* Debug.xcconfig */, 63 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */, 64 | 9740EEB31CF90195004384FC /* Generated.xcconfig */, 65 | ); 66 | name = Flutter; 67 | sourceTree = ""; 68 | }; 69 | 97C146E51CF9000F007C117D = { 70 | isa = PBXGroup; 71 | children = ( 72 | 9740EEB11CF90186004384FC /* Flutter */, 73 | 97C146F01CF9000F007C117D /* Runner */, 74 | 97C146EF1CF9000F007C117D /* Products */, 75 | ); 76 | sourceTree = ""; 77 | }; 78 | 97C146EF1CF9000F007C117D /* Products */ = { 79 | isa = PBXGroup; 80 | children = ( 81 | 97C146EE1CF9000F007C117D /* Runner.app */, 82 | ); 83 | name = Products; 84 | sourceTree = ""; 85 | }; 86 | 97C146F01CF9000F007C117D /* Runner */ = { 87 | isa = PBXGroup; 88 | children = ( 89 | 97C146FA1CF9000F007C117D /* Main.storyboard */, 90 | 97C146FD1CF9000F007C117D /* Assets.xcassets */, 91 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */, 92 | 97C147021CF9000F007C117D /* Info.plist */, 93 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */, 94 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */, 95 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */, 96 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */, 97 | ); 98 | path = Runner; 99 | sourceTree = ""; 100 | }; 101 | /* End PBXGroup section */ 102 | 103 | /* Begin PBXNativeTarget section */ 104 | 97C146ED1CF9000F007C117D /* Runner */ = { 105 | isa = PBXNativeTarget; 106 | buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */; 107 | buildPhases = ( 108 | 9740EEB61CF901F6004384FC /* Run Script */, 109 | 97C146EA1CF9000F007C117D /* Sources */, 110 | 97C146EB1CF9000F007C117D /* Frameworks */, 111 | 97C146EC1CF9000F007C117D /* Resources */, 112 | 9705A1C41CF9048500538489 /* Embed Frameworks */, 113 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */, 114 | ); 115 | buildRules = ( 116 | ); 117 | dependencies = ( 118 | ); 119 | name = Runner; 120 | productName = Runner; 121 | productReference = 97C146EE1CF9000F007C117D /* Runner.app */; 122 | productType = "com.apple.product-type.application"; 123 | }; 124 | /* End PBXNativeTarget section */ 125 | 126 | /* Begin PBXProject section */ 127 | 97C146E61CF9000F007C117D /* Project object */ = { 128 | isa = PBXProject; 129 | attributes = { 130 | LastUpgradeCheck = 1020; 131 | ORGANIZATIONNAME = ""; 132 | TargetAttributes = { 133 | 97C146ED1CF9000F007C117D = { 134 | CreatedOnToolsVersion = 7.3.1; 135 | LastSwiftMigration = 1100; 136 | }; 137 | }; 138 | }; 139 | buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */; 140 | compatibilityVersion = "Xcode 9.3"; 141 | developmentRegion = en; 142 | hasScannedForEncodings = 0; 143 | knownRegions = ( 144 | en, 145 | Base, 146 | ); 147 | mainGroup = 97C146E51CF9000F007C117D; 148 | productRefGroup = 97C146EF1CF9000F007C117D /* Products */; 149 | projectDirPath = ""; 150 | projectRoot = ""; 151 | targets = ( 152 | 97C146ED1CF9000F007C117D /* Runner */, 153 | ); 154 | }; 155 | /* End PBXProject section */ 156 | 157 | /* Begin PBXResourcesBuildPhase section */ 158 | 97C146EC1CF9000F007C117D /* Resources */ = { 159 | isa = PBXResourcesBuildPhase; 160 | buildActionMask = 2147483647; 161 | files = ( 162 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */, 163 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */, 164 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */, 165 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */, 166 | ); 167 | runOnlyForDeploymentPostprocessing = 0; 168 | }; 169 | /* End PBXResourcesBuildPhase section */ 170 | 171 | /* Begin PBXShellScriptBuildPhase section */ 172 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */ = { 173 | isa = PBXShellScriptBuildPhase; 174 | buildActionMask = 2147483647; 175 | files = ( 176 | ); 177 | inputPaths = ( 178 | ); 179 | name = "Thin Binary"; 180 | outputPaths = ( 181 | ); 182 | runOnlyForDeploymentPostprocessing = 0; 183 | shellPath = /bin/sh; 184 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin"; 185 | }; 186 | 9740EEB61CF901F6004384FC /* Run Script */ = { 187 | isa = PBXShellScriptBuildPhase; 188 | buildActionMask = 2147483647; 189 | files = ( 190 | ); 191 | inputPaths = ( 192 | ); 193 | name = "Run Script"; 194 | outputPaths = ( 195 | ); 196 | runOnlyForDeploymentPostprocessing = 0; 197 | shellPath = /bin/sh; 198 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build"; 199 | }; 200 | /* End PBXShellScriptBuildPhase section */ 201 | 202 | /* Begin PBXSourcesBuildPhase section */ 203 | 97C146EA1CF9000F007C117D /* Sources */ = { 204 | isa = PBXSourcesBuildPhase; 205 | buildActionMask = 2147483647; 206 | files = ( 207 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */, 208 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */, 209 | ); 210 | runOnlyForDeploymentPostprocessing = 0; 211 | }; 212 | /* End PBXSourcesBuildPhase section */ 213 | 214 | /* Begin PBXVariantGroup section */ 215 | 97C146FA1CF9000F007C117D /* Main.storyboard */ = { 216 | isa = PBXVariantGroup; 217 | children = ( 218 | 97C146FB1CF9000F007C117D /* Base */, 219 | ); 220 | name = Main.storyboard; 221 | sourceTree = ""; 222 | }; 223 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = { 224 | isa = PBXVariantGroup; 225 | children = ( 226 | 97C147001CF9000F007C117D /* Base */, 227 | ); 228 | name = LaunchScreen.storyboard; 229 | sourceTree = ""; 230 | }; 231 | /* End PBXVariantGroup section */ 232 | 233 | /* Begin XCBuildConfiguration section */ 234 | 249021D3217E4FDB00AE95B9 /* Profile */ = { 235 | isa = XCBuildConfiguration; 236 | buildSettings = { 237 | ALWAYS_SEARCH_USER_PATHS = NO; 238 | CLANG_ANALYZER_NONNULL = YES; 239 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 240 | CLANG_CXX_LIBRARY = "libc++"; 241 | CLANG_ENABLE_MODULES = YES; 242 | CLANG_ENABLE_OBJC_ARC = YES; 243 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 244 | CLANG_WARN_BOOL_CONVERSION = YES; 245 | CLANG_WARN_COMMA = YES; 246 | CLANG_WARN_CONSTANT_CONVERSION = YES; 247 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 248 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 249 | CLANG_WARN_EMPTY_BODY = YES; 250 | CLANG_WARN_ENUM_CONVERSION = YES; 251 | CLANG_WARN_INFINITE_RECURSION = YES; 252 | CLANG_WARN_INT_CONVERSION = YES; 253 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 254 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 255 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 256 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 257 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 258 | CLANG_WARN_STRICT_PROTOTYPES = YES; 259 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 260 | CLANG_WARN_UNREACHABLE_CODE = YES; 261 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 262 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 263 | COPY_PHASE_STRIP = NO; 264 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 265 | ENABLE_NS_ASSERTIONS = NO; 266 | ENABLE_STRICT_OBJC_MSGSEND = YES; 267 | GCC_C_LANGUAGE_STANDARD = gnu99; 268 | GCC_NO_COMMON_BLOCKS = YES; 269 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 270 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 271 | GCC_WARN_UNDECLARED_SELECTOR = YES; 272 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 273 | GCC_WARN_UNUSED_FUNCTION = YES; 274 | GCC_WARN_UNUSED_VARIABLE = YES; 275 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 276 | MTL_ENABLE_DEBUG_INFO = NO; 277 | SDKROOT = iphoneos; 278 | SUPPORTED_PLATFORMS = iphoneos; 279 | TARGETED_DEVICE_FAMILY = "1,2"; 280 | VALIDATE_PRODUCT = YES; 281 | }; 282 | name = Profile; 283 | }; 284 | 249021D4217E4FDB00AE95B9 /* Profile */ = { 285 | isa = XCBuildConfiguration; 286 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 287 | buildSettings = { 288 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 289 | CLANG_ENABLE_MODULES = YES; 290 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 291 | ENABLE_BITCODE = NO; 292 | FRAMEWORK_SEARCH_PATHS = ( 293 | "$(inherited)", 294 | "$(PROJECT_DIR)/Flutter", 295 | ); 296 | INFOPLIST_FILE = Runner/Info.plist; 297 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 298 | LIBRARY_SEARCH_PATHS = ( 299 | "$(inherited)", 300 | "$(PROJECT_DIR)/Flutter", 301 | ); 302 | PRODUCT_BUNDLE_IDENTIFIER = com.example.tutorialFlutter; 303 | PRODUCT_NAME = "$(TARGET_NAME)"; 304 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 305 | SWIFT_VERSION = 5.0; 306 | VERSIONING_SYSTEM = "apple-generic"; 307 | }; 308 | name = Profile; 309 | }; 310 | 97C147031CF9000F007C117D /* Debug */ = { 311 | isa = XCBuildConfiguration; 312 | buildSettings = { 313 | ALWAYS_SEARCH_USER_PATHS = NO; 314 | CLANG_ANALYZER_NONNULL = YES; 315 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 316 | CLANG_CXX_LIBRARY = "libc++"; 317 | CLANG_ENABLE_MODULES = YES; 318 | CLANG_ENABLE_OBJC_ARC = YES; 319 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 320 | CLANG_WARN_BOOL_CONVERSION = YES; 321 | CLANG_WARN_COMMA = YES; 322 | CLANG_WARN_CONSTANT_CONVERSION = YES; 323 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 324 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 325 | CLANG_WARN_EMPTY_BODY = YES; 326 | CLANG_WARN_ENUM_CONVERSION = YES; 327 | CLANG_WARN_INFINITE_RECURSION = YES; 328 | CLANG_WARN_INT_CONVERSION = YES; 329 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 330 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 331 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 332 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 333 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 334 | CLANG_WARN_STRICT_PROTOTYPES = YES; 335 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 336 | CLANG_WARN_UNREACHABLE_CODE = YES; 337 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 338 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 339 | COPY_PHASE_STRIP = NO; 340 | DEBUG_INFORMATION_FORMAT = dwarf; 341 | ENABLE_STRICT_OBJC_MSGSEND = YES; 342 | ENABLE_TESTABILITY = YES; 343 | GCC_C_LANGUAGE_STANDARD = gnu99; 344 | GCC_DYNAMIC_NO_PIC = NO; 345 | GCC_NO_COMMON_BLOCKS = YES; 346 | GCC_OPTIMIZATION_LEVEL = 0; 347 | GCC_PREPROCESSOR_DEFINITIONS = ( 348 | "DEBUG=1", 349 | "$(inherited)", 350 | ); 351 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 352 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 353 | GCC_WARN_UNDECLARED_SELECTOR = YES; 354 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 355 | GCC_WARN_UNUSED_FUNCTION = YES; 356 | GCC_WARN_UNUSED_VARIABLE = YES; 357 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 358 | MTL_ENABLE_DEBUG_INFO = YES; 359 | ONLY_ACTIVE_ARCH = YES; 360 | SDKROOT = iphoneos; 361 | TARGETED_DEVICE_FAMILY = "1,2"; 362 | }; 363 | name = Debug; 364 | }; 365 | 97C147041CF9000F007C117D /* Release */ = { 366 | isa = XCBuildConfiguration; 367 | buildSettings = { 368 | ALWAYS_SEARCH_USER_PATHS = NO; 369 | CLANG_ANALYZER_NONNULL = YES; 370 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 371 | CLANG_CXX_LIBRARY = "libc++"; 372 | CLANG_ENABLE_MODULES = YES; 373 | CLANG_ENABLE_OBJC_ARC = YES; 374 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 375 | CLANG_WARN_BOOL_CONVERSION = YES; 376 | CLANG_WARN_COMMA = YES; 377 | CLANG_WARN_CONSTANT_CONVERSION = YES; 378 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 379 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 380 | CLANG_WARN_EMPTY_BODY = YES; 381 | CLANG_WARN_ENUM_CONVERSION = YES; 382 | CLANG_WARN_INFINITE_RECURSION = YES; 383 | CLANG_WARN_INT_CONVERSION = YES; 384 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 385 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 386 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 387 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 388 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 389 | CLANG_WARN_STRICT_PROTOTYPES = YES; 390 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 391 | CLANG_WARN_UNREACHABLE_CODE = YES; 392 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 393 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 394 | COPY_PHASE_STRIP = NO; 395 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 396 | ENABLE_NS_ASSERTIONS = NO; 397 | ENABLE_STRICT_OBJC_MSGSEND = YES; 398 | GCC_C_LANGUAGE_STANDARD = gnu99; 399 | GCC_NO_COMMON_BLOCKS = YES; 400 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 401 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 402 | GCC_WARN_UNDECLARED_SELECTOR = YES; 403 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 404 | GCC_WARN_UNUSED_FUNCTION = YES; 405 | GCC_WARN_UNUSED_VARIABLE = YES; 406 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 407 | MTL_ENABLE_DEBUG_INFO = NO; 408 | SDKROOT = iphoneos; 409 | SUPPORTED_PLATFORMS = iphoneos; 410 | SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule"; 411 | TARGETED_DEVICE_FAMILY = "1,2"; 412 | VALIDATE_PRODUCT = YES; 413 | }; 414 | name = Release; 415 | }; 416 | 97C147061CF9000F007C117D /* Debug */ = { 417 | isa = XCBuildConfiguration; 418 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; 419 | buildSettings = { 420 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 421 | CLANG_ENABLE_MODULES = YES; 422 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 423 | ENABLE_BITCODE = NO; 424 | FRAMEWORK_SEARCH_PATHS = ( 425 | "$(inherited)", 426 | "$(PROJECT_DIR)/Flutter", 427 | ); 428 | INFOPLIST_FILE = Runner/Info.plist; 429 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 430 | LIBRARY_SEARCH_PATHS = ( 431 | "$(inherited)", 432 | "$(PROJECT_DIR)/Flutter", 433 | ); 434 | PRODUCT_BUNDLE_IDENTIFIER = com.example.tutorialFlutter; 435 | PRODUCT_NAME = "$(TARGET_NAME)"; 436 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 437 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 438 | SWIFT_VERSION = 5.0; 439 | VERSIONING_SYSTEM = "apple-generic"; 440 | }; 441 | name = Debug; 442 | }; 443 | 97C147071CF9000F007C117D /* Release */ = { 444 | isa = XCBuildConfiguration; 445 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 446 | buildSettings = { 447 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 448 | CLANG_ENABLE_MODULES = YES; 449 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 450 | ENABLE_BITCODE = NO; 451 | FRAMEWORK_SEARCH_PATHS = ( 452 | "$(inherited)", 453 | "$(PROJECT_DIR)/Flutter", 454 | ); 455 | INFOPLIST_FILE = Runner/Info.plist; 456 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 457 | LIBRARY_SEARCH_PATHS = ( 458 | "$(inherited)", 459 | "$(PROJECT_DIR)/Flutter", 460 | ); 461 | PRODUCT_BUNDLE_IDENTIFIER = com.example.tutorialFlutter; 462 | PRODUCT_NAME = "$(TARGET_NAME)"; 463 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 464 | SWIFT_VERSION = 5.0; 465 | VERSIONING_SYSTEM = "apple-generic"; 466 | }; 467 | name = Release; 468 | }; 469 | /* End XCBuildConfiguration section */ 470 | 471 | /* Begin XCConfigurationList section */ 472 | 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = { 473 | isa = XCConfigurationList; 474 | buildConfigurations = ( 475 | 97C147031CF9000F007C117D /* Debug */, 476 | 97C147041CF9000F007C117D /* Release */, 477 | 249021D3217E4FDB00AE95B9 /* Profile */, 478 | ); 479 | defaultConfigurationIsVisible = 0; 480 | defaultConfigurationName = Release; 481 | }; 482 | 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = { 483 | isa = XCConfigurationList; 484 | buildConfigurations = ( 485 | 97C147061CF9000F007C117D /* Debug */, 486 | 97C147071CF9000F007C117D /* Release */, 487 | 249021D4217E4FDB00AE95B9 /* Profile */, 488 | ); 489 | defaultConfigurationIsVisible = 0; 490 | defaultConfigurationName = Release; 491 | }; 492 | /* End XCConfigurationList section */ 493 | }; 494 | rootObject = 97C146E61CF9000F007C117D /* Project object */; 495 | } 496 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 32 | 33 | 39 | 40 | 41 | 42 | 43 | 44 | 54 | 56 | 62 | 63 | 64 | 65 | 66 | 67 | 73 | 75 | 81 | 82 | 83 | 84 | 86 | 87 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import UIKit 2 | import Flutter 3 | 4 | @UIApplicationMain 5 | @objc class AppDelegate: FlutterAppDelegate { 6 | override func application( 7 | _ application: UIApplication, 8 | didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? 9 | ) -> Bool { 10 | GeneratedPluginRegistrant.register(with: self) 11 | return super.application(application, didFinishLaunchingWithOptions: launchOptions) 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "20x20", 5 | "idiom" : "iphone", 6 | "filename" : "Icon-App-20x20@2x.png", 7 | "scale" : "2x" 8 | }, 9 | { 10 | "size" : "20x20", 11 | "idiom" : "iphone", 12 | "filename" : "Icon-App-20x20@3x.png", 13 | "scale" : "3x" 14 | }, 15 | { 16 | "size" : "29x29", 17 | "idiom" : "iphone", 18 | "filename" : "Icon-App-29x29@1x.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "29x29", 23 | "idiom" : "iphone", 24 | "filename" : "Icon-App-29x29@2x.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "29x29", 29 | "idiom" : "iphone", 30 | "filename" : "Icon-App-29x29@3x.png", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "size" : "40x40", 35 | "idiom" : "iphone", 36 | "filename" : "Icon-App-40x40@2x.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "40x40", 41 | "idiom" : "iphone", 42 | "filename" : "Icon-App-40x40@3x.png", 43 | "scale" : "3x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "Icon-App-60x60@2x.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "60x60", 53 | "idiom" : "iphone", 54 | "filename" : "Icon-App-60x60@3x.png", 55 | "scale" : "3x" 56 | }, 57 | { 58 | "size" : "20x20", 59 | "idiom" : "ipad", 60 | "filename" : "Icon-App-20x20@1x.png", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "size" : "20x20", 65 | "idiom" : "ipad", 66 | "filename" : "Icon-App-20x20@2x.png", 67 | "scale" : "2x" 68 | }, 69 | { 70 | "size" : "29x29", 71 | "idiom" : "ipad", 72 | "filename" : "Icon-App-29x29@1x.png", 73 | "scale" : "1x" 74 | }, 75 | { 76 | "size" : "29x29", 77 | "idiom" : "ipad", 78 | "filename" : "Icon-App-29x29@2x.png", 79 | "scale" : "2x" 80 | }, 81 | { 82 | "size" : "40x40", 83 | "idiom" : "ipad", 84 | "filename" : "Icon-App-40x40@1x.png", 85 | "scale" : "1x" 86 | }, 87 | { 88 | "size" : "40x40", 89 | "idiom" : "ipad", 90 | "filename" : "Icon-App-40x40@2x.png", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "size" : "76x76", 95 | "idiom" : "ipad", 96 | "filename" : "Icon-App-76x76@1x.png", 97 | "scale" : "1x" 98 | }, 99 | { 100 | "size" : "76x76", 101 | "idiom" : "ipad", 102 | "filename" : "Icon-App-76x76@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "83.5x83.5", 107 | "idiom" : "ipad", 108 | "filename" : "Icon-App-83.5x83.5@2x.png", 109 | "scale" : "2x" 110 | }, 111 | { 112 | "size" : "1024x1024", 113 | "idiom" : "ios-marketing", 114 | "filename" : "Icon-App-1024x1024@1x.png", 115 | "scale" : "1x" 116 | } 117 | ], 118 | "info" : { 119 | "version" : 1, 120 | "author" : "xcode" 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "LaunchImage.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "filename" : "LaunchImage@2x.png", 11 | "scale" : "2x" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "filename" : "LaunchImage@3x.png", 16 | "scale" : "3x" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/becek2n/flutter-tutorial-you/9369268dc7875da33661ad5a3590d3fd2d6ef2c6/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md: -------------------------------------------------------------------------------- 1 | # Launch Screen Assets 2 | 3 | You can customize the launch screen with your own desired assets by replacing the image files in this directory. 4 | 5 | You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images. -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | tutorial_flutter 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | $(FLUTTER_BUILD_NAME) 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | $(FLUTTER_BUILD_NUMBER) 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIMainStoryboardFile 28 | Main 29 | UISupportedInterfaceOrientations 30 | 31 | UIInterfaceOrientationPortrait 32 | UIInterfaceOrientationLandscapeLeft 33 | UIInterfaceOrientationLandscapeRight 34 | 35 | UISupportedInterfaceOrientations~ipad 36 | 37 | UIInterfaceOrientationPortrait 38 | UIInterfaceOrientationPortraitUpsideDown 39 | UIInterfaceOrientationLandscapeLeft 40 | UIInterfaceOrientationLandscapeRight 41 | 42 | UIViewControllerBasedStatusBarAppearance 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /ios/Runner/Runner-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | #import "GeneratedPluginRegistrant.h" 2 | -------------------------------------------------------------------------------- /lib/bloc-sturcture.txt: -------------------------------------------------------------------------------- 1 | Bloc structure project 2 | 3 | bloc 4 | ProductBloc.dart 5 | components 6 | CircularLoading.dart 7 | ProductComponent.dart 8 | models 9 | ProductModel.dart 10 | ResultModel.dart 11 | repositories 12 | ProductRepository.dart 13 | services 14 | ApiService.dart 15 | views 16 | BlocProductView.dart 17 | ProductDetailView.dart 18 | 19 | 20 | -------------------------------------------------------------------------------- /lib/bloc/ApplicationTracerBloc.dart: -------------------------------------------------------------------------------- 1 | import 'package:bloc/bloc.dart'; 2 | import 'package:tutorial_flutter/models/ApplicationTracerModel.dart'; 3 | import 'package:tutorial_flutter/repositories/ApplicationTracerRepository.dart'; 4 | import 'package:tutorial_flutter/services/ApiService.dart'; 5 | 6 | class ApplicationTracerBloc extends Bloc { 7 | 8 | ApplicationTracerBloc() : super(ApplicationTracerState()); 9 | 10 | @override 11 | Stream mapEventToState(ApplicationTracerEvent event) async* { 12 | if (event is GetApplicationDetailEvent) { 13 | try{ 14 | 15 | yield LoadingTracer(); 16 | await Future.delayed(const Duration(seconds: 2)); 17 | 18 | final data = await APIWeb().load(ApplicationTracerRepository.getByNoApli(event.noapli)); 19 | 20 | yield ApplicationTracerState(application: data); 21 | 22 | }catch(e){ 23 | yield FailureProduct(e.toString()); 24 | } 25 | } 26 | } 27 | } 28 | 29 | //event 30 | abstract class ApplicationTracerEvent {} 31 | 32 | class GetApplicationDetailEvent extends ApplicationTracerEvent { 33 | String? noapli; 34 | 35 | GetApplicationDetailEvent({this.noapli}); 36 | } 37 | 38 | 39 | //state 40 | class ApplicationTracerState { 41 | final ApplicationTracerModel? application; 42 | 43 | const ApplicationTracerState({this.application}); 44 | 45 | factory ApplicationTracerState.initial() => ApplicationTracerState(); 46 | } 47 | 48 | class FailureProduct extends ApplicationTracerState { 49 | final String error; 50 | 51 | FailureProduct(this.error); 52 | } 53 | 54 | class LoadingTracer extends ApplicationTracerState {} 55 | -------------------------------------------------------------------------------- /lib/bloc/ProductBloc.dart: -------------------------------------------------------------------------------- 1 | import 'package:bloc/bloc.dart'; 2 | import 'package:tutorial_flutter/models/ProductModel.dart'; 3 | import 'package:tutorial_flutter/repositories/ProductRepository.dart'; 4 | import 'package:tutorial_flutter/services/ApiService.dart'; 5 | 6 | class ProductBloc extends Bloc { 7 | 8 | ProductBloc() : super(ProductState()); 9 | 10 | @override 11 | Stream mapEventToState(ProductEvent event) async* { 12 | if (event is GetCategoryEvent) { 13 | try{ 14 | 15 | yield LoadingProduct(); 16 | await Future.delayed(const Duration(seconds: 2)); 17 | 18 | final data = await APIWeb().load(ProductRepository.load('product/category/' + event.name!)); 19 | 20 | yield ProductState(products: data); 21 | 22 | }catch(e){ 23 | yield FailureProduct(e.toString()); 24 | } 25 | } 26 | } 27 | } 28 | 29 | //event 30 | abstract class ProductEvent {} 31 | 32 | class GetCategoryEvent extends ProductEvent { 33 | String? name; 34 | 35 | GetCategoryEvent({this.name}); 36 | } 37 | 38 | 39 | //state 40 | class ProductState { 41 | final List? products; 42 | 43 | const ProductState({this.products}); 44 | 45 | factory ProductState.initial() => ProductState(); 46 | } 47 | 48 | class FailureProduct extends ProductState { 49 | final String error; 50 | 51 | FailureProduct(this.error); 52 | } 53 | 54 | class LoadingProduct extends ProductState {} 55 | -------------------------------------------------------------------------------- /lib/bloc/UserBloc.dart: -------------------------------------------------------------------------------- 1 | import 'dart:io'; 2 | 3 | import 'package:flutter_bloc/flutter_bloc.dart'; 4 | import 'package:tutorial_flutter/models/UserModel.dart'; 5 | import 'package:tutorial_flutter/repositories/UserRepository.dart'; 6 | import 'package:tutorial_flutter/services/ApiService.dart'; 7 | 8 | class UserBloc extends Bloc{ 9 | 10 | UserBloc() : super(UserState()); 11 | 12 | @override 13 | Stream mapEventToState(UserEvent event) async* { 14 | if(event is GetIdEvent){ 15 | try{ 16 | yield LoadingUser(); 17 | await Future.delayed(const Duration(seconds: 1)); 18 | 19 | final data = await APIWeb().load(UserRepository.getId(event.id)); 20 | 21 | yield UserState(user: data); 22 | 23 | }catch(ex){ 24 | yield FailureUser(ex.toString()); 25 | } 26 | } 27 | 28 | if(event is SaveEvent){ 29 | try{ 30 | yield LoadingUser(); 31 | await Future.delayed(const Duration(seconds: 1)); 32 | dynamic formData; 33 | if(event.id > 0){ 34 | formData = { 35 | 'id': event.id, 36 | 'firstName': event.firstName, 37 | 'lastName': event.lastName, 38 | }; 39 | 40 | await APIWeb().putFormData(UserRepository.update(formData, event.file)); 41 | yield SuccessSaveUser(); 42 | 43 | }else{ 44 | formData = { 45 | 'id': event.id, 46 | 'firstName': event.firstName, 47 | 'lastName': event.lastName, 48 | 'email': event.email, 49 | }; 50 | 51 | await APIWeb().postFormData(UserRepository.create(formData, event.file)); 52 | yield SuccessSaveUser(); 53 | 54 | } 55 | 56 | }catch(ex){ 57 | yield FailureUser(ex.toString()); 58 | } 59 | } 60 | 61 | if(event is GetAllEvent){ 62 | try{ 63 | yield LoadingUser(); 64 | await Future.delayed(const Duration(seconds: 1)); 65 | 66 | final data = await APIWeb().load(UserRepository.getAll(event.page, event.size, event.search)); 67 | 68 | yield UserState(users: data); 69 | 70 | }catch(ex){ 71 | yield FailureUser(ex.toString()); 72 | } 73 | } 74 | 75 | if(event is DeleteEvent){ 76 | try{ 77 | yield LoadingDeleteUser(); 78 | await Future.delayed(const Duration(seconds: 1)); 79 | 80 | await APIWeb().delete(UserRepository.delete(event.id)); 81 | 82 | yield SuccessDeleteUser(); 83 | 84 | }catch(ex){ 85 | yield FailureUser(ex.toString()); 86 | } 87 | } 88 | } 89 | } 90 | //event 91 | abstract class UserEvent {} 92 | 93 | class GetIdEvent extends UserEvent{ 94 | int id; 95 | 96 | GetIdEvent({required this.id}); 97 | } 98 | 99 | class SaveEvent extends UserEvent{ 100 | int id; 101 | String? firstName; 102 | String? lastName; 103 | File? file; 104 | String? email; 105 | SaveEvent({required this.id, this.firstName, this.lastName, this.file, this.email}); 106 | } 107 | 108 | class GetAllEvent extends UserEvent{ 109 | int page; 110 | int size; 111 | String? search; 112 | 113 | GetAllEvent({required this.page, required this.size, this.search}); 114 | } 115 | 116 | class DeleteEvent extends UserEvent{ 117 | int id; 118 | 119 | DeleteEvent({required this.id}); 120 | } 121 | 122 | //state 123 | class UserState{ 124 | final UserModel? user; 125 | final List? users; 126 | const UserState({this.user, this.users}); 127 | 128 | factory UserState.initial() => UserState(); 129 | } 130 | 131 | class LoadingUser extends UserState {} 132 | class SuccessSaveUser extends UserState {} 133 | class FailureUser extends UserState { 134 | String error; 135 | FailureUser(this.error); 136 | } 137 | class LoadingDeleteUser extends UserState {} 138 | class SuccessDeleteUser extends UserState {} 139 | -------------------------------------------------------------------------------- /lib/components/ApplcationTracerHistoryComponent.dart: -------------------------------------------------------------------------------- 1 | // import 'package:flutter/material.dart'; 2 | // // ignore: import_of_legacy_library_into_null_safe 3 | // import 'package:timelines/timelines.dart'; 4 | // import 'package:tutorial_flutter/models/ApplicationTracerModel.dart'; 5 | 6 | // class ApplicationTracerHistoryComponent extends StatelessWidget { 7 | // final List? monitorings; 8 | // const ApplicationTracerHistoryComponent({Key? key, this.monitorings}) : super(key: 9 | // key); 10 | 11 | // @override 12 | // Widget build(BuildContext context) { 13 | // final data = _data(monitorings!); 14 | // return Container( 15 | // child: Column( 16 | // children: [ 17 | // Padding( 18 | // padding: const EdgeInsets.all(20.0), 19 | // child: Row( 20 | // children: [ 21 | // Text( 22 | // 'History', 23 | // style: TextStyle( 24 | // fontWeight: FontWeight.bold, 25 | // fontSize: 25, 26 | // ), 27 | // ), 28 | // ], 29 | // ), 30 | // ), 31 | // _DeliveryProcesses(processes: data.deliveryProcesses), 32 | // ], 33 | // ), 34 | // ); 35 | // } 36 | // } 37 | // class _InnerTimeline extends StatelessWidget { 38 | // const _InnerTimeline({ 39 | // required this.messages, 40 | // }); 41 | 42 | // final List<_DeliveryMessage> messages; 43 | 44 | // @override 45 | // Widget build(BuildContext context) { 46 | // bool isEdgeIndex(int index) { 47 | // return index == 0 || index == messages.length + 1; 48 | // } 49 | 50 | // return Padding( 51 | // padding: const EdgeInsets.symmetric(vertical: 8.0), 52 | // child: FixedTimeline.tileBuilder( 53 | // theme: TimelineTheme.of(context).copyWith( 54 | // nodePosition: 0, 55 | // connectorTheme: TimelineTheme.of(context).connectorTheme.copyWith( 56 | // thickness: 1.0, 57 | // ), 58 | // indicatorTheme: TimelineTheme.of(context).indicatorTheme.copyWith( 59 | // size: 10.0, 60 | // position: 0.5, 61 | // ), 62 | // ), 63 | // builder: TimelineTileBuilder( 64 | // indicatorBuilder: (_, index) => 65 | // !isEdgeIndex(index) ? Indicator.outlined(borderWidth: 1.0) : null, 66 | // startConnectorBuilder: (_, index) => Connector.solidLine(), 67 | // endConnectorBuilder: (_, index) => Connector.solidLine(), 68 | // contentsBuilder: (_, index) { 69 | // if (isEdgeIndex(index)) { 70 | // return null; 71 | // } 72 | 73 | // return Padding( 74 | // padding: EdgeInsets.only(left: 8.0), 75 | // child: Text(messages[index - 1].toString()), 76 | // ); 77 | // }, 78 | // itemExtentBuilder: (_, index) => isEdgeIndex(index) ? 10.0 : 30.0, 79 | // nodeItemOverlapBuilder: (_, index) => 80 | // isEdgeIndex(index) ? true : null, 81 | // itemCount: messages.length + 2, 82 | // ), 83 | // ), 84 | // ); 85 | // } 86 | // } 87 | 88 | // class _DeliveryProcesses extends StatelessWidget { 89 | // const _DeliveryProcesses({Key? key, required this.processes}) 90 | // : assert(processes != null), 91 | // super(key: key); 92 | 93 | // final List<_DeliveryProcess> processes; 94 | // @override 95 | // Widget build(BuildContext context) { 96 | // return DefaultTextStyle( 97 | // style: TextStyle( 98 | // color: Color(0xff9b9b9b), 99 | // fontSize: 12.5, 100 | // ), 101 | // child: Padding( 102 | // padding: const EdgeInsets.all(20.0), 103 | // child: FixedTimeline.tileBuilder( 104 | // theme: TimelineThemeData( 105 | // nodePosition: 0, 106 | // color: Color(0xff989898), 107 | // indicatorTheme: IndicatorThemeData( 108 | // position: 0, 109 | // size: 20.0, 110 | // ), 111 | // connectorTheme: ConnectorThemeData( 112 | // thickness: 2.5, 113 | // ), 114 | // ), 115 | // builder: TimelineTileBuilder.connected( 116 | // connectionDirection: ConnectionDirection.before, 117 | // itemCount: processes.length, 118 | // contentsBuilder: (_, index) { 119 | // // if (processes[index].isCompleted) return null; 120 | // if (processes[index].status == 'Complete') return null; 121 | 122 | // return Padding( 123 | // padding: EdgeInsets.only(left: 8.0), 124 | // child: Column( 125 | // crossAxisAlignment: CrossAxisAlignment.start, 126 | // mainAxisSize: MainAxisSize.min, 127 | // children: [ 128 | // Text( 129 | // processes[index].name, 130 | // style: DefaultTextStyle.of(context).style.copyWith( 131 | // fontSize: 18.0, 132 | // ), 133 | // ), 134 | // _InnerTimeline(messages: processes[index].messages), 135 | // ], 136 | // ), 137 | // ); 138 | // }, 139 | // indicatorBuilder: (_, index) { 140 | // if (processes[index].status == 'Done' || processes[index].status == 'Complete') { 141 | // return DotIndicator( 142 | // color: Color(0xff66c97f), 143 | // child: Icon( 144 | // Icons.check, 145 | // color: Colors.white, 146 | // size: 12.0, 147 | // ), 148 | // ); 149 | // } 150 | // else if (processes[index].status == 'Progress') { 151 | // return OutlinedDotIndicator( 152 | // color: Color(0xff2C9CDB), 153 | // borderWidth: 12.0, 154 | // backgroundColor: Color(0xffebcb62), 155 | // ); 156 | // } 157 | // else { 158 | // return OutlinedDotIndicator( 159 | // borderWidth: 2.5, 160 | // ); 161 | // } 162 | // }, 163 | // connectorBuilder: (_, index, ___) => SolidLineConnector( 164 | // color: processes[index].status == 'Progress' ? Colors.grey : Color(0xff66c97f), 165 | // ), 166 | // ), 167 | // ), 168 | // ), 169 | // ); 170 | // } 171 | // } 172 | 173 | // _OrderInfo _data(List _monitorings) { 174 | // return _OrderInfo( 175 | // id: 1, 176 | // date: DateTime.now(), 177 | // driverInfo: _DriverInfo( 178 | // name: 'Philipe', 179 | // thumbnailUrl: 180 | // 'https://i.pinimg.com/originals/08/45/81/084581e3155d339376bf1d0e17979dc6.jpg', 181 | // ), 182 | // deliveryProcesses: [ 183 | // _DeliveryProcess( 184 | // (_monitorings != null && _monitorings.where((element) => element.trccod == 'TGLAPL').isNotEmpty) ? 'Done' : 'Progress', 185 | // 'Terima & Input Aplikasi', 186 | // messages: [ 187 | // _DeliveryMessage('8:30am', 'Package received by driver'), 188 | // _DeliveryMessage('11:30am', 'Reached halfway mark'), 189 | // ], 190 | // ), 191 | // _DeliveryProcess( 192 | // (_monitorings != null && _monitorings.where((element) => element.trccod == 'VERAPL').isNotEmpty) ? 'Done' : 'Progress', 193 | // 'Verifikasi Aplikasi', 194 | // messages: [ 195 | // _DeliveryMessage('8:30am', 'Package received by driver'), 196 | // _DeliveryMessage('11:30am', 'Reached halfway mark'), 197 | // ], 198 | // ), 199 | // _DeliveryProcess( 200 | // (_monitorings != null && _monitorings.where((element) => element.trccod == 'UWAREC').isNotEmpty) ? 'Done' : 'Progress', 201 | // 'Terima U/W Awal', 202 | // messages: [ 203 | // _DeliveryMessage('8:30am', 'Package received by driver'), 204 | // _DeliveryMessage('11:30am', 'Reached halfway mark'), 205 | // ], 206 | // ), 207 | // _DeliveryProcess( 208 | // (_monitorings != null && _monitorings.where((element) => element.trccod == 'PRMINP').isNotEmpty) ? 'Done' : 'Progress', 209 | // 'Input Premi', 210 | // messages: [ 211 | // _DeliveryMessage('8:30am', 'Package received by driver'), 212 | // _DeliveryMessage('11:30am', 'Reached halfway mark'), 213 | // ], 214 | // ), 215 | // _DeliveryProcess( 216 | // (_monitorings != null && _monitorings.where((element) => element.trccod == 'GENPOL').isNotEmpty) ? 'Done' : 'Progress', 217 | // 'Generate Polis', 218 | // messages: [ 219 | // _DeliveryMessage('8:30am', 'Package received by driver'), 220 | // _DeliveryMessage('11:30am', 'Reached halfway mark'), 221 | // ], 222 | // ), 223 | // _DeliveryProcess( 224 | // (_monitorings != null && _monitorings.where((element) => element.trccod == 'VENCTK').isNotEmpty) ? 'Done' : 'Progress', 225 | // 'Kirim Vendor Cetak', 226 | // messages: [ 227 | // _DeliveryMessage('8:30am', 'Package received by driver'), 228 | // _DeliveryMessage('11:30am', 'Reached halfway mark'), 229 | // ], 230 | // ), 231 | // _DeliveryProcess( 232 | // (_monitorings != null && _monitorings.where((element) => element.trccod == 'VENCTK').isNotEmpty) ? 'Complete' : 'Not Complete', 233 | // 'Selesai', 234 | // messages: [ 235 | // _DeliveryMessage('13:00pm', 'Driver arrived at destination'), 236 | // _DeliveryMessage('11:35am', 'Package delivered by m.vassiliades'), 237 | // ], 238 | // ), 239 | // // _DeliveryProcess.complete(), 240 | // ], 241 | // ); 242 | // } 243 | 244 | // class _OrderInfo { 245 | // const _OrderInfo({ 246 | // required this.id, 247 | // required this.date, 248 | // required this.driverInfo, 249 | // required this.deliveryProcesses, 250 | // }); 251 | 252 | // final int id; 253 | // final DateTime date; 254 | // final _DriverInfo driverInfo; 255 | // final List<_DeliveryProcess> deliveryProcesses; 256 | // } 257 | 258 | // class _DriverInfo { 259 | // const _DriverInfo({ 260 | // required this.name, 261 | // this.thumbnailUrl, 262 | // }); 263 | 264 | // final String name; 265 | // final String? thumbnailUrl; 266 | // } 267 | 268 | // class _DeliveryProcess { 269 | // const _DeliveryProcess( 270 | // this.status, 271 | // this.name, { 272 | // this.messages = const [], 273 | // }); 274 | 275 | // final String name; 276 | // final String status; 277 | // final List<_DeliveryMessage> messages; 278 | 279 | // bool get isCompleted => name == 'Done'; 280 | // } 281 | 282 | // class _DeliveryMessage { 283 | // const _DeliveryMessage(this.createdAt, this.message); 284 | 285 | // final String createdAt; // final DateTime createdAt; 286 | // final String message; 287 | 288 | // @override 289 | // String toString() { 290 | // return '$createdAt $message'; 291 | // } 292 | // } -------------------------------------------------------------------------------- /lib/components/ApplicationTracerComponent.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | import 'package:tutorial_flutter/bloc/ApplicationTracerBloc.dart'; 4 | import 'package:tutorial_flutter/components/CircularLoading.dart'; 5 | import 'package:tutorial_flutter/components/DataItemComponent.dart'; 6 | import 'package:tutorial_flutter/models/ApplicationTracerModel.dart'; 7 | import 'package:tutorial_flutter/components/ApplcationTracerHistoryComponent.dart'; 8 | 9 | class ApplicationTracerComponent extends StatelessWidget { 10 | const ApplicationTracerComponent({Key? key}) : super(key: key); 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return BlocConsumer( 15 | listener: (BuildContext context, ApplicationTracerState state){ 16 | 17 | }, 18 | builder: (context, state){ 19 | if(state is LoadingTracer){ 20 | return Column( 21 | crossAxisAlignment: CrossAxisAlignment.start, 22 | children: [ 23 | CircularLoading(), 24 | ] 25 | ); 26 | }else if(state is FailureProduct){ 27 | return Column( 28 | crossAxisAlignment: CrossAxisAlignment.start, 29 | children: [ 30 | Center( 31 | child: Text('${state.error}'), 32 | ), 33 | ] 34 | ); 35 | } 36 | if(state is ApplicationTracerState){ 37 | if(state.application == null){ 38 | return Column( 39 | children: [ 40 | CircularLoading(), 41 | ] 42 | ); 43 | }else{ 44 | ApplicationTracerModel application = state.application!; 45 | return ListView( 46 | children: [ 47 | Column( 48 | children: [ 49 | Padding( 50 | padding: const EdgeInsets.all(20.0), 51 | child: Row( 52 | children: [ 53 | Text( 54 | 'Main Info', 55 | style: TextStyle( 56 | fontWeight: FontWeight.bold, 57 | fontSize: 25, 58 | ), 59 | ), 60 | ], 61 | ), 62 | ), 63 | Center( 64 | child: Container( 65 | child: Card( 66 | margin: EdgeInsets.all(20.0), 67 | child: Column( 68 | mainAxisSize: MainAxisSize.min, 69 | children: [ 70 | DetailItem(title: "No Aplikasi", value: application.aplksNmbr), 71 | DetailItem(title: "Nama Lengkap", value: application.cstmFullName), 72 | DetailItem(title: "Tgl Terima Aplikasi", value: application.aplksCreateOn == null ? "" : application.aplksCreateOn.toString()), 73 | DetailItem(title: "Tgl Input Aplikasi", value: application.aplksCreateOn == null ? "" : application.aplksCreateOn.toString()), 74 | DetailItem(title: "Tgl Input Premi", value: application.aplksCreateOn == null ? "" : application.aplksCreateOn.toString()), 75 | DetailItem(title: "Tgl Verifikasi Aplikasi", value: application.aplksVrfyOn == null ? "" : application.aplksVrfyOn.toString()), 76 | DetailItem(title: "Tgl Underwriting", value: application.underwriting == null ? "" : application.underwriting!.createOn.toString()), 77 | DetailItem(title: "Catatan Underwriting", value: application.underwriting == null ? "" : application.underwriting!.risknoteNote.toString()), 78 | 79 | ], 80 | ), 81 | ), 82 | ), 83 | ), 84 | Center( 85 | child: Container( 86 | child: Card( 87 | margin: EdgeInsets.all(20.0), 88 | child: Column( 89 | mainAxisSize: MainAxisSize.min, 90 | children: [ 91 | Container(), 92 | // ApplicationTracerHistoryComponent(monitorings: application.monitoring!), 93 | ], 94 | ), 95 | ), 96 | ), 97 | ) 98 | ] 99 | ), 100 | ], 101 | ); 102 | } 103 | }else{ 104 | return Column( 105 | children: [ 106 | CircularLoading(), 107 | ] 108 | ); 109 | } 110 | }, 111 | ); 112 | } 113 | } 114 | 115 | 116 | class LableInfo extends StatelessWidget { 117 | final String? header; 118 | final String? name; 119 | const LableInfo({Key? key, this.header, this.name}) : super(key: key); 120 | 121 | @override 122 | Widget build(BuildContext context) { 123 | return Container( 124 | child: Column( 125 | crossAxisAlignment: CrossAxisAlignment.start, 126 | children: [ 127 | Text(header!, style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)), 128 | Padding( 129 | padding: EdgeInsets.all(10), 130 | child: Container( 131 | child: Text( 132 | name! 133 | ), 134 | ), 135 | ), 136 | Divider(thickness: 2, color: Colors.grey), 137 | ], 138 | ), 139 | ); 140 | } 141 | } -------------------------------------------------------------------------------- /lib/components/CircularLoading.dart: -------------------------------------------------------------------------------- 1 | import 'dart:io'; 2 | 3 | import 'package:flutter/cupertino.dart'; 4 | import 'package:flutter/material.dart'; 5 | 6 | class CircularLoading extends StatelessWidget { 7 | @override 8 | Widget build(BuildContext context) { 9 | return new WillPopScope( 10 | onWillPop: () async => false, 11 | child: Platform.isIOS ? 12 | new CupertinoAlertDialog( 13 | title: new Text("Loading...", style: TextStyle(fontSize: 20),), 14 | content: new CupertinoActivityIndicator(radius: 13.0), 15 | ) 16 | : 17 | AlertDialog( 18 | title: Center( 19 | child: Text("Loading...", style: TextStyle(fontSize: 20),), 20 | ), 21 | content: new Row( 22 | mainAxisAlignment: MainAxisAlignment.center, 23 | children: [ 24 | CircularProgressIndicator(), 25 | ],), 26 | ), 27 | ); 28 | } 29 | } 30 | 31 | void loadingIndicator(BuildContext context, String title){ 32 | showDialog( 33 | context: context, 34 | barrierDismissible: false, 35 | builder: (BuildContext context) { 36 | return new WillPopScope( 37 | onWillPop: () async => false, 38 | child: Platform.isIOS ? 39 | new CupertinoAlertDialog( 40 | title: new Text(title, style: TextStyle(fontSize: 20),), 41 | content: new CupertinoActivityIndicator(radius: 13.0), 42 | ) 43 | : 44 | AlertDialog( 45 | title: Center( 46 | child: Text(title, style: TextStyle(fontSize: 20),), 47 | ), 48 | content: new Row( 49 | mainAxisAlignment: MainAxisAlignment.center, 50 | children: [ 51 | CircularProgressIndicator(), 52 | ],), 53 | ), 54 | ); 55 | } 56 | ); 57 | } 58 | 59 | void messageDialog(BuildContext context, String title, String message){ 60 | showDialog( 61 | context: context, 62 | barrierDismissible: false, 63 | builder: (BuildContext context){ 64 | return Platform.isIOS ? 65 | CupertinoAlertDialog( 66 | title: Center( 67 | child: Text(title, style: TextStyle(fontSize: 15),), 68 | ), 69 | content: Text(message), 70 | actions: [ 71 | CupertinoDialogAction( 72 | isDefaultAction: true, 73 | child: Text("Close"), 74 | onPressed: (){ 75 | Navigator.of(context, rootNavigator: true).pop(); 76 | }, 77 | ), 78 | ], 79 | ) 80 | : 81 | AlertDialog( 82 | title: Center( 83 | child: Text(title, style: TextStyle(fontSize: 20),), 84 | ), 85 | content: Text(message), 86 | actions: [ 87 | FlatButton( 88 | child: Text("Close"), 89 | onPressed: (){ 90 | Navigator.of(context, rootNavigator: true).pop(); 91 | }, 92 | ) 93 | ], 94 | ); 95 | } 96 | ); 97 | } -------------------------------------------------------------------------------- /lib/components/DataItemComponent.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class DetailItem extends StatelessWidget { 4 | final String? title; 5 | final String? value; 6 | 7 | const DetailItem({Key? key, this.title, this.value}) : super(key: key); 8 | 9 | @override 10 | Widget build(BuildContext context) { 11 | return Container( 12 | child: Column( 13 | children: [ 14 | Divider(), 15 | Padding( 16 | padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20), 17 | child: Row( 18 | children: [ 19 | Expanded( 20 | flex: 2, 21 | child: Container( 22 | child: Text(title!, style: TextStyle(fontSize: 20)), 23 | ), 24 | ), 25 | Expanded( 26 | flex: 3, 27 | child: Container( 28 | child: Text(value ?? '', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),), 29 | ), 30 | ) 31 | ], 32 | ), 33 | ), 34 | ], 35 | ), 36 | ); 37 | } 38 | } 39 | 40 | class DetailItemEditComponent extends StatelessWidget { 41 | final String title; 42 | final Widget widget; 43 | 44 | const DetailItemEditComponent({Key? key, required this.title, required this.widget}) : super(key: key); 45 | 46 | @override 47 | Widget build(BuildContext context) { 48 | return Container( 49 | child: Column( 50 | children: [ 51 | Divider(), 52 | Padding( 53 | padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10), 54 | child: Row( 55 | children: [ 56 | Expanded( 57 | flex: 2, 58 | child: Container( 59 | child: Text(title,style: TextStyle(fontSize: 20)), 60 | ), 61 | ), 62 | Expanded( 63 | flex: 3, 64 | child: Container( 65 | child: widget, 66 | ), 67 | ) 68 | ], 69 | ), 70 | ), 71 | ], 72 | ), 73 | ); 74 | } 75 | } -------------------------------------------------------------------------------- /lib/components/GalleryPhotoWrapper.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | // import 'package:flutter_svg/flutter_svg.dart'; 3 | import 'package:photo_view/photo_view.dart'; 4 | import 'package:photo_view/photo_view_gallery.dart'; 5 | import 'package:tutorial_flutter/models/GalleryItemModel.dart'; 6 | 7 | class GalleryPhotoWrapper extends StatefulWidget { 8 | final LoadingBuilder? loadingBuilder; 9 | final Decoration? backgroundDecoration; 10 | final dynamic minScale; 11 | final dynamic maxScale; 12 | final int initalIndex; 13 | final PageController pageController; 14 | final List? galleries; 15 | final Axis? scrollDirection; 16 | 17 | 18 | GalleryPhotoWrapper({Key? key, 19 | this.loadingBuilder, 20 | this.backgroundDecoration, 21 | this.minScale, 22 | this.maxScale, 23 | required this.initalIndex, 24 | this.galleries, 25 | this.scrollDirection 26 | }) : pageController = PageController(initialPage: initalIndex); 27 | 28 | @override 29 | State createState(){ 30 | return _GalleryPhotoWrapper(); 31 | } 32 | } 33 | 34 | class _GalleryPhotoWrapper extends State{ 35 | late int currentIndex; 36 | 37 | @override 38 | void initState() { 39 | // TODO: implement initState 40 | super.initState(); 41 | currentIndex = widget.initalIndex; 42 | } 43 | 44 | void onPageChanged(int index){ 45 | setState(() { 46 | currentIndex = index; 47 | }); 48 | } 49 | 50 | @override 51 | Widget build(BuildContext context){ 52 | return Scaffold( 53 | body: Container( 54 | decoration: widget.backgroundDecoration, 55 | constraints: BoxConstraints.expand( 56 | height: MediaQuery.of(context).size.height 57 | ), 58 | child: Stack( 59 | alignment: Alignment.bottomRight, 60 | children: [ 61 | PhotoViewGallery.builder( 62 | scrollPhysics: const BouncingScrollPhysics(), 63 | builder: _buildItem, 64 | itemCount: widget.galleries!.length, 65 | loadingBuilder: widget.loadingBuilder, 66 | backgroundDecoration: widget.backgroundDecoration as BoxDecoration?, 67 | pageController: widget.pageController, 68 | onPageChanged: onPageChanged, 69 | scrollDirection: widget.scrollDirection!, 70 | ), 71 | Container( 72 | padding: const EdgeInsets.all(20.0), 73 | child: Text(widget.galleries![currentIndex].description!, 74 | style: const TextStyle( 75 | color: Colors.white, 76 | fontSize: 17.0, 77 | ),), 78 | 79 | ) 80 | ], 81 | ) 82 | ), 83 | ); 84 | } 85 | 86 | PhotoViewGalleryPageOptions _buildItem(BuildContext context, int index){ 87 | final GalleryItemModel item = widget.galleries![index]; 88 | return PhotoViewGalleryPageOptions( 89 | imageProvider: ((item.assetType == "url") ? NetworkImage(item.resource!) : AssetImage(item.resource!)) as ImageProvider?, 90 | initialScale: PhotoViewComputedScale.contained, 91 | minScale: PhotoViewComputedScale.contained * (0.5 + index / 10), 92 | maxScale: PhotoViewComputedScale.contained * 1.1, 93 | heroAttributes: PhotoViewHeroAttributes(tag: item.id!) 94 | 95 | ); 96 | } 97 | } -------------------------------------------------------------------------------- /lib/components/GalleryThumbnail.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/cupertino.dart'; 2 | import 'package:tutorial_flutter/models/GalleryItemModel.dart'; 3 | 4 | class GalleryItemThumbnail extends StatelessWidget { 5 | final GalleryItemModel? galleryItemModel; 6 | final GestureTapCallback? onTap; 7 | 8 | const GalleryItemThumbnail({Key? key, this.galleryItemModel, this.onTap}) : super( 9 | key: key); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Container( 14 | padding: const EdgeInsets.symmetric(horizontal: 5.0), 15 | child: GestureDetector( 16 | onTap: onTap, 17 | child: Hero( 18 | tag: galleryItemModel!.id!, 19 | child: (galleryItemModel!.assetType == "url") ? 20 | Image.network(galleryItemModel!.resource!, height: 300.0, width: 800.0, fit: BoxFit.fill,) 21 | : 22 | Image.asset(galleryItemModel!.resource!, height: 300.0, width: 800.0, fit: BoxFit.fill,) 23 | ), 24 | ), 25 | ); 26 | } 27 | } -------------------------------------------------------------------------------- /lib/components/InkButton.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class InkButton extends StatelessWidget { 4 | final String text; 5 | const InkButton({Key? key, required this.text}) : super(key: key); 6 | 7 | @override 8 | Widget build(BuildContext context) { 9 | return Container( 10 | child: Ink( 11 | decoration: BoxDecoration( 12 | gradient: LinearGradient( 13 | begin: Alignment.centerRight, 14 | end: Alignment.centerLeft, 15 | colors: [Colors.redAccent,Colors.pinkAccent] 16 | ), 17 | borderRadius: BorderRadius.circular(30.0), 18 | ), 19 | child: Container( 20 | alignment: Alignment.center, 21 | child: Text(text, 22 | style: TextStyle(color: Colors.white, fontSize: 26.0, fontWeight:FontWeight.w300), 23 | ), 24 | ), 25 | ), 26 | ); 27 | } 28 | } -------------------------------------------------------------------------------- /lib/components/ProductComponent.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | import 'package:tutorial_flutter/bloc/ProductBloc.dart'; 4 | import 'package:tutorial_flutter/components/CircularLoading.dart'; 5 | import 'package:tutorial_flutter/constants.dart'; 6 | import 'package:tutorial_flutter/models/ProductModel.dart'; 7 | import 'package:tutorial_flutter/views/ProductDetailView.dart'; 8 | 9 | class ProductComponent extends StatelessWidget { 10 | const ProductComponent({Key? key}) : super(key: key); 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return BlocConsumer( 15 | listener: (BuildContext context, ProductState state){ 16 | 17 | }, 18 | builder: (context, state){ 19 | if(state is LoadingProduct){ 20 | return Column( 21 | crossAxisAlignment: CrossAxisAlignment.start, 22 | children: [ 23 | CircularLoading(), 24 | ] 25 | ); 26 | }else if(state is FailureProduct){ 27 | return Column( 28 | crossAxisAlignment: CrossAxisAlignment.start, 29 | children: [ 30 | Center( 31 | child: Text('${state.error}'), 32 | ), 33 | ] 34 | ); 35 | } 36 | if(state is ProductState){ 37 | if(state.products == null){ 38 | return Column( 39 | children: [ 40 | CircularLoading(), 41 | ] 42 | ); 43 | }else{ 44 | List productModel = state.products!; 45 | return GridView( 46 | // shrinkWrap: true, 47 | padding: EdgeInsets.only(left: 16, right: 16, top: 16, bottom: 16), 48 | physics: const ScrollPhysics(), 49 | scrollDirection: Axis.vertical, 50 | children: List.generate( 51 | productModel.length, 52 | (index) { 53 | return InkWell( 54 | onTap: (){ 55 | Navigator.of(context).push(MaterialPageRoute(builder: (context) => 56 | new ProductDetailView(productModel: productModel[index]) 57 | ) 58 | ); 59 | }, 60 | child: Container( 61 | decoration: BoxDecoration( 62 | color: Colors.white, 63 | borderRadius: BorderRadius.only( 64 | topLeft: Radius.circular(8.0), 65 | bottomLeft: Radius.circular(8.0), 66 | bottomRight: Radius.circular(8.0), 67 | topRight: Radius.circular(8.0)), 68 | boxShadow: [ 69 | BoxShadow( 70 | color: Colors.grey.withOpacity(0.4), 71 | offset: Offset(1.1, 1.1), 72 | blurRadius: 10.0), 73 | ], 74 | ), 75 | child: Material( 76 | color: Colors.transparent, 77 | child: Column( 78 | mainAxisAlignment: MainAxisAlignment.start, 79 | crossAxisAlignment: CrossAxisAlignment.start, 80 | children: [ 81 | Padding( 82 | padding: EdgeInsets.only(top: 5, left: 5, right: 5, bottom: 5), 83 | child: Container( 84 | height: 250, 85 | decoration: BoxDecoration( 86 | image: new DecorationImage( 87 | fit: BoxFit.fill, 88 | image: new NetworkImage(productModel[index].thumbnail!.replaceAll("localhost:3001", baseAPIEcommerce)), 89 | ), 90 | borderRadius: BorderRadius.all(Radius.circular(5)), 91 | ), 92 | ), 93 | ), 94 | 95 | Padding( 96 | padding: const EdgeInsets.only(left: 15.0, top: 15.0), 97 | child: Column( 98 | crossAxisAlignment: CrossAxisAlignment.start, 99 | children: [ 100 | Text(productModel[index].productBaseRelaionModel!.brand!.name!, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18)), 101 | SizedBox(height:10), 102 | Text(productModel[index].name!, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 25)), 103 | SizedBox(height:10), 104 | Text(r"$ " + productModel[index].price.toString(), style: TextStyle(fontWeight: FontWeight.bold, fontSize: 25)), 105 | ], 106 | ) 107 | ), 108 | ], 109 | ), 110 | ), 111 | ), 112 | ); 113 | }, 114 | ), 115 | gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( 116 | crossAxisCount: 2, 117 | mainAxisSpacing: 20.0, 118 | crossAxisSpacing: 30.0, 119 | childAspectRatio: 0.8, 120 | ), 121 | ); 122 | 123 | } 124 | }else{ 125 | return Column( 126 | children: [ 127 | CircularLoading(), 128 | ] 129 | ); 130 | } 131 | }, 132 | ); 133 | } 134 | } 135 | -------------------------------------------------------------------------------- /lib/constants.dart: -------------------------------------------------------------------------------- 1 | 2 | 3 | const baseAPIEcommerce = "172.20.10.2:3001"; 4 | // const baseAPIEcommerce = "192.168.102.95:3001"; 5 | 6 | -------------------------------------------------------------------------------- /lib/main.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:tutorial_flutter/models/MenuModel.dart'; 3 | import 'package:tutorial_flutter/views/CheckboxGroupView.dart'; 4 | import 'package:tutorial_flutter/views/GalleryPhotoZoomableView.dart'; 5 | import 'package:tutorial_flutter/views/BlocProductView.dart'; 6 | import 'package:tutorial_flutter/views/Profile/ProfileListView.dart'; 7 | import 'package:tutorial_flutter/views/Profile/ProfileView.dart'; 8 | import 'package:tutorial_flutter/views/TrackingView.dart'; 9 | import 'package:tutorial_flutter/views/UploadPhotoLocalStorage.dart'; 10 | void main() { 11 | runApp(MyApp()); 12 | } 13 | 14 | class MyApp extends StatelessWidget { 15 | // This widget is the root of your application. 16 | @override 17 | Widget build(BuildContext context) { 18 | var materialApp = MaterialApp( 19 | title: 'Tutorial Flutter', 20 | theme: ThemeData( 21 | primarySwatch: Colors.blue, 22 | visualDensity: VisualDensity.adaptivePlatformDensity, 23 | ), 24 | home: MyHomePage(title: "Tutorial Flutter",), 25 | ); 26 | return materialApp; 27 | } 28 | } 29 | 30 | class MyHomePage extends StatefulWidget { 31 | MyHomePage({Key? key, this.title}) : super(key: key); 32 | final String? title; 33 | 34 | @override 35 | _MyHomePageState createState() => _MyHomePageState(); 36 | } 37 | 38 | class _MyHomePageState extends State { 39 | List menuModel = []; 40 | @override 41 | void initState() { 42 | super.initState(); 43 | menuModel.addAll({ 44 | MenuModel(name: "Checkbox Group", view: CheckboxGroupView(), icon: Icon(Icons.check_box_outlined, size: 70,)), 45 | MenuModel(name: "Image Zoomable", view: GalleryPhotoZoomableView(), icon: Icon(Icons.image_search, size: 70)), 46 | // MenuModel(name: "Image Upload Local Storage", view: UploadPhotoLocalStorage(), icon: Icon(Icons.image_outlined, size: 70)), 47 | MenuModel(name: "Image Upload Local Storage", view: null, icon: Icon(Icons.image_outlined, size: 70)), 48 | MenuModel(name: "BLOC Fetch Complex JSON ", view: BlocProductView(), icon: Icon(Icons.settings_applications_outlined, size: 70)), 49 | // MenuModel(name: "BLOC Tracking Timeline ", view: TrackingView(), icon: Icon(Icons.settings_applications_outlined, size: 70)), 50 | MenuModel(name: "BLOC Profile Update", view: ProfileView(id: 1), icon: Icon(Icons.person, size: 70)), 51 | MenuModel(name: "BLOC Profile CRUD & Pagination ", view: ProfileListView(), icon: Icon(Icons.settings_applications_outlined, size: 70)), 52 | }); 53 | 54 | } 55 | 56 | @override 57 | Widget build(BuildContext context) { 58 | return Scaffold( 59 | appBar: AppBar( 60 | title: Center( 61 | child: Text(widget.title!, style: TextStyle(fontSize: 30),) 62 | ), 63 | backgroundColor: Colors.redAccent, 64 | elevation: 0.0, 65 | ), 66 | body: Center( 67 | child: Column( 68 | mainAxisAlignment: MainAxisAlignment.center, 69 | children: [ 70 | Flexible( 71 | child: GridView( 72 | // shrinkWrap: true, 73 | padding: EdgeInsets.only(left: 16, right: 16, top: 16, bottom: 16), 74 | physics: const ScrollPhysics(), 75 | scrollDirection: Axis.vertical, 76 | children: List.generate( 77 | menuModel.length, 78 | (index) { 79 | return InkWell( 80 | onTap: (){ 81 | Navigator.of(context).push(MaterialPageRoute(builder: (context) => 82 | menuModel[index].view! 83 | ) 84 | ); 85 | }, 86 | child: Container( 87 | decoration: BoxDecoration( 88 | color: Colors.white, 89 | borderRadius: BorderRadius.only( 90 | topLeft: Radius.circular(8.0), 91 | bottomLeft: Radius.circular(8.0), 92 | bottomRight: Radius.circular(8.0), 93 | topRight: Radius.circular(8.0)), 94 | boxShadow: [ 95 | BoxShadow( 96 | color: Colors.grey.withOpacity(0.4), 97 | offset: Offset(1.1, 1.1), 98 | blurRadius: 10.0), 99 | ], 100 | ), 101 | child: Material( 102 | color: Colors.transparent, 103 | child: Column( 104 | mainAxisAlignment: MainAxisAlignment.start, 105 | crossAxisAlignment: CrossAxisAlignment.start, 106 | children: [ 107 | Padding( 108 | padding: EdgeInsets.only(top: 5, left: 30, right: 30, bottom: 5), 109 | child: Container( 110 | alignment: Alignment.center, 111 | decoration: BoxDecoration( 112 | borderRadius: BorderRadius.all(Radius.circular(5)), 113 | ), 114 | child: Column( 115 | children: [ 116 | SizedBox(height: 10,), 117 | Text("#" + (index + 1).toString(), 118 | style: TextStyle(fontWeight: FontWeight.bold, fontSize: 40, color: Colors.orange) 119 | ), 120 | Divider(thickness: 3,), 121 | SizedBox(height: 10,), 122 | menuModel[index].icon!, 123 | SizedBox(height: 20,), 124 | Text(menuModel[index].name!, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 25)), 125 | ], 126 | ) 127 | ), 128 | ), 129 | ], 130 | ), 131 | ), 132 | ), 133 | ); 134 | }, 135 | ), 136 | gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( 137 | crossAxisCount: 3, 138 | mainAxisSpacing: 20.0, 139 | crossAxisSpacing: 30.0, 140 | childAspectRatio: 0.7, 141 | ), 142 | ), 143 | ) 144 | ], 145 | ), 146 | ), 147 | ); 148 | } 149 | } 150 | -------------------------------------------------------------------------------- /lib/models/ApplicationTracerModel.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/foundation.dart'; 2 | 3 | class ApplicationTracerModel{ 4 | final String? aplksNmbr; 5 | final DateTime? aplksCreateOn; 6 | final DateTime? aplksVrfyOn; 7 | final DateTime? aplksUwOn; 8 | final DateTime? aplksPolisOn; 9 | final DateTime? aplksPrintPolisPage1On; 10 | final String? cstmFullName; 11 | final String? prdcName; 12 | final String? aplksPolisNmbr; 13 | final int? aplksStatusId; 14 | final InfoUnderwritingModel? underwriting; 15 | final List? monitoring; 16 | 17 | ApplicationTracerModel({this.aplksNmbr, this.aplksCreateOn, this.aplksVrfyOn, this.aplksUwOn, this.aplksPolisOn, 18 | this.aplksPrintPolisPage1On, this.cstmFullName, this.prdcName, this.aplksPolisNmbr, this.aplksStatusId, this.underwriting, this.monitoring 19 | }); 20 | 21 | factory ApplicationTracerModel.fromJSON(Map jsonMap){ 22 | 23 | var monitorings = jsonMap["monitoring"] as List; 24 | List listMonitoring = monitorings.map((i) => InfoMonitoringModel.fromJSON(i)).toList(); 25 | final data = ApplicationTracerModel( 26 | aplksNmbr: jsonMap["aplksNmbr"], 27 | aplksCreateOn: DateTime.parse(jsonMap["aplksCreateOn"]), 28 | aplksVrfyOn: DateTime.parse(jsonMap["aplksVrfyOn"]), 29 | aplksUwOn: jsonMap["aplksUwOn"] != null ? DateTime.parse(jsonMap["aplksUwOn"]) : null, 30 | aplksPolisOn: DateTime.parse(jsonMap["aplksPolisOn"]), 31 | aplksPrintPolisPage1On: DateTime.parse(jsonMap["aplksPrintPolisPage1On"]), 32 | cstmFullName: jsonMap["cstmFullName"], 33 | prdcName: jsonMap["prdcName"], 34 | aplksPolisNmbr: jsonMap["aplksPolisNmbr"], 35 | aplksStatusId: jsonMap["aplksStatusId"], 36 | underwriting: jsonMap["underwriting"] == null ? null : InfoUnderwritingModel.fromJSON(jsonMap["underwriting"]), 37 | monitoring: listMonitoring 38 | ); 39 | return data; 40 | } 41 | } 42 | 43 | class InfoUnderwritingModel{ 44 | final String? risknoteAplksNmbr; 45 | final String? risknoteFlag; 46 | final String? risknoteNote; 47 | final DateTime? risknoteDate; 48 | final String? createBy; 49 | final DateTime? createOn; 50 | 51 | InfoUnderwritingModel({this.risknoteAplksNmbr, this.risknoteFlag, this.risknoteNote, this.risknoteDate, this.createBy, this.createOn}); 52 | 53 | factory InfoUnderwritingModel.fromJSON(Map jsonMap){ 54 | final data = InfoUnderwritingModel( 55 | risknoteAplksNmbr: jsonMap["risknoteAplksNmbr"], 56 | risknoteFlag: jsonMap["risknoteFlag"], 57 | risknoteNote: jsonMap["risknoteNote"], 58 | risknoteDate: DateTime.parse(jsonMap["risknoteDate"]), 59 | createBy: jsonMap["createBy"], 60 | createOn: DateTime.parse(jsonMap["createOn"]), 61 | ); 62 | return data; 63 | } 64 | } 65 | 66 | class InfoMonitoringModel{ 67 | final String? dischl; 68 | final String? noapli; 69 | final String? nopsrt; 70 | final String? trccod; 71 | final String? trcdesc; 72 | final DateTime? tgltrc; 73 | final String? stats1; 74 | final String? createBy; 75 | final DateTime? createOn; 76 | 77 | InfoMonitoringModel({this.dischl, this.noapli, this.nopsrt, this.trccod, this.trcdesc, this.tgltrc, this.stats1, this.createBy, this.createOn}); 78 | 79 | factory InfoMonitoringModel.fromJSON(Map jsonMap){ 80 | final data = InfoMonitoringModel( 81 | dischl: jsonMap["dischl"], 82 | noapli: jsonMap["noapli"], 83 | nopsrt: jsonMap["nopsrt"], 84 | trccod: jsonMap["trccod"], 85 | trcdesc: jsonMap["trcdesc"], 86 | tgltrc: DateTime.parse(jsonMap["tgltrc"]), 87 | stats1: jsonMap["stats1"], 88 | createBy: jsonMap["createBy"], 89 | createOn: DateTime.parse(jsonMap["createOn"]), 90 | ); 91 | return data; 92 | } 93 | } -------------------------------------------------------------------------------- /lib/models/CheckboxModel.dart: -------------------------------------------------------------------------------- 1 | class CheckboxModel { 2 | int? id; 3 | String? name; 4 | bool? selected; 5 | 6 | CheckboxModel({this.id, this.name, this.selected}); 7 | } -------------------------------------------------------------------------------- /lib/models/GalleryItemModel.dart: -------------------------------------------------------------------------------- 1 | class GalleryItemModel{ 2 | final int? id; 3 | final String? resource; 4 | final String? description; 5 | final bool? isSVG; 6 | final String? assetType; 7 | 8 | GalleryItemModel({this.id, this.resource, this.isSVG, this.description, this.assetType}); 9 | } -------------------------------------------------------------------------------- /lib/models/MenuModel.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/cupertino.dart'; 2 | 3 | class MenuModel{ 4 | final String? name; 5 | final StatefulWidget? view; 6 | final Icon? icon; 7 | 8 | MenuModel({this.name, this.view, this.icon}); 9 | } -------------------------------------------------------------------------------- /lib/models/ProductModel.dart: -------------------------------------------------------------------------------- 1 | class ProductModel{ 2 | final int? id; 3 | final int? productBaseRelationId; 4 | final String? name; 5 | final String? description; 6 | final double? price; 7 | final double? discount; 8 | final String? thumbnail; 9 | final DateTime? createdAt; 10 | final DateTime? updatedAt; 11 | final List? productImageModel; 12 | final ProductBaseRelaionModel? productBaseRelaionModel; 13 | 14 | ProductModel({this.id, this.productBaseRelationId, this.name, this.description, 15 | this.price, this.discount, this.thumbnail, 16 | this.createdAt, this.updatedAt, 17 | this.productImageModel, 18 | this.productBaseRelaionModel 19 | }); 20 | 21 | //mapping json data 22 | factory ProductModel.fromJSON(Map jsonMap){ 23 | 24 | var price = double.parse(jsonMap["price"] ?? 0.0 as String); 25 | var discount = jsonMap["discount"] ?? 0.0; 26 | 27 | var images = jsonMap["ProductImages"] as List; 28 | List listImages = images.map((i) => ProductImageModel.fromJSON(i)).toList(); 29 | 30 | ProductBaseRelaionModel productBase = ProductBaseRelaionModel.fromJSON(jsonMap["ProductBaseRelation"]); 31 | 32 | final data = ProductModel( 33 | id: jsonMap["id"], 34 | productBaseRelationId: jsonMap["productBaseRelationId"], 35 | name: jsonMap["name"], 36 | description: jsonMap["description"], 37 | price: price, 38 | discount: discount, 39 | thumbnail: jsonMap["thumbnail"], 40 | createdAt: DateTime.parse(jsonMap["createdAt"]), 41 | updatedAt: DateTime.parse(jsonMap["updatedAt"]), 42 | productImageModel: listImages, 43 | productBaseRelaionModel: productBase 44 | ); 45 | return data; 46 | } 47 | } 48 | 49 | class ProductImageModel{ 50 | final int? id; 51 | final int? productId; 52 | final String? photo; 53 | final DateTime? createdAt; 54 | final DateTime? updatedAt; 55 | 56 | ProductImageModel({this.id, this.productId, this.photo, this.createdAt, this.updatedAt}); 57 | 58 | factory ProductImageModel.fromJSON(Map jsonMap){ 59 | final data = ProductImageModel( 60 | id: jsonMap["id"], 61 | productId: jsonMap["productId"], 62 | photo: jsonMap["photo"], 63 | createdAt: DateTime.parse(jsonMap["createdAt"]), 64 | updatedAt: DateTime.parse(jsonMap["updatedAt"]), 65 | ); 66 | return data; 67 | } 68 | } 69 | 70 | class ProductBaseRelaionModel{ 71 | final int? id; 72 | final int? brandId; 73 | final int? categoryId; 74 | final int? collectionId; 75 | final DateTime? createdAt; 76 | final DateTime? updatedAt; 77 | final BrandModel? brand; 78 | final CategoryModel? category; 79 | final CollectionModel? collection; 80 | 81 | ProductBaseRelaionModel({this.id, this.brandId, this.categoryId, this.collectionId, 82 | this.createdAt, this.updatedAt, 83 | this.brand, this.category, this.collection 84 | }); 85 | 86 | factory ProductBaseRelaionModel.fromJSON(Map jsonMap){ 87 | final data = ProductBaseRelaionModel( 88 | id: jsonMap["id"], 89 | brandId: jsonMap["brandId"], 90 | categoryId: jsonMap["categoryId"], 91 | collectionId: jsonMap["collectionId"], 92 | createdAt: DateTime.parse(jsonMap["createdAt"]), 93 | updatedAt: DateTime.parse(jsonMap["updatedAt"]), 94 | brand: BrandModel.fromJSON(jsonMap['Brand']), 95 | category: CategoryModel.fromJSON(jsonMap['Category']), 96 | collection: CollectionModel.fromJSON(jsonMap['Collection']), 97 | ); 98 | return data; 99 | } 100 | } 101 | 102 | 103 | class BrandModel { 104 | final int? id; 105 | final String? name; 106 | final String? thumbnail; 107 | 108 | BrandModel({this.id, this.name, this.thumbnail}); 109 | 110 | factory BrandModel.fromJSON(Map jsonMap){ 111 | final data = BrandModel( 112 | id: jsonMap["id"], 113 | name: jsonMap["name"], 114 | thumbnail: jsonMap["thumbnail"], 115 | ); 116 | return data; 117 | } 118 | } 119 | 120 | class CategoryModel { 121 | final int? id; 122 | final String? name; 123 | 124 | CategoryModel({this.id, this.name}); 125 | 126 | factory CategoryModel.fromJSON(Map jsonMap){ 127 | final data = CategoryModel( 128 | id: jsonMap["id"], 129 | name: jsonMap["name"], 130 | ); 131 | return data; 132 | } 133 | } 134 | 135 | class CollectionModel { 136 | final int? id; 137 | final String? name; 138 | 139 | CollectionModel({this.id, this.name}); 140 | 141 | factory CollectionModel.fromJSON(Map jsonMap){ 142 | final data = CollectionModel( 143 | id: jsonMap["id"], 144 | name: jsonMap["name"], 145 | ); 146 | return data; 147 | } 148 | } 149 | -------------------------------------------------------------------------------- /lib/models/ResultModel.dart: -------------------------------------------------------------------------------- 1 | class ResultModel{ 2 | final String? responsecode; 3 | final String? responsemessage; 4 | final dynamic responsedata; 5 | 6 | ResultModel({this.responsecode, this.responsemessage, this.responsedata}); 7 | 8 | //mapping json data 9 | factory ResultModel.fromJSON(Map jsonMap){ 10 | var list = jsonMap["responseData"] as dynamic; 11 | final data = ResultModel( 12 | responsecode: jsonMap["responseCode"].toString(), 13 | responsemessage: jsonMap["responseMessage"], 14 | responsedata: list 15 | ); 16 | return data; 17 | } 18 | } 19 | 20 | class PaginationModel{ 21 | final int? totalItems; 22 | final int? totalPages; 23 | final int? currentPage; 24 | final dynamic? datas; 25 | 26 | PaginationModel({this.totalItems, this.totalPages, this.currentPage, this.datas}); 27 | 28 | //mapping json 29 | factory PaginationModel.fromJSON(Map jsonMap){ 30 | var list = jsonMap["datas"] as dynamic; 31 | return PaginationModel( 32 | totalItems: jsonMap["totalItems"], 33 | totalPages: jsonMap["totalPages"], 34 | currentPage: jsonMap["currentPage"], 35 | datas: list, 36 | ); 37 | 38 | } 39 | } -------------------------------------------------------------------------------- /lib/models/UserModel.dart: -------------------------------------------------------------------------------- 1 | class UserModel{ 2 | final int id; 3 | final String? firstName; 4 | final String? lastName; 5 | final String? image; 6 | final String? email; 7 | 8 | UserModel({required this.id, this.firstName, this.lastName, this.image, this.email}); 9 | 10 | //mapping json data 11 | factory UserModel.fromJSON(Map jsonMap){ 12 | final data = UserModel( 13 | id: jsonMap["id"], 14 | firstName: jsonMap["firstName"], 15 | lastName: jsonMap["lastName"], 16 | image: jsonMap["image"], 17 | email: jsonMap["email"] 18 | ); 19 | return data; 20 | } 21 | } -------------------------------------------------------------------------------- /lib/repositories/ApplicationTracerRepository.dart: -------------------------------------------------------------------------------- 1 | import 'dart:convert'; 2 | import 'package:tutorial_flutter/models/ResultModel.dart'; 3 | import 'package:tutorial_flutter/models/ApplicationTracerModel.dart'; 4 | import 'package:tutorial_flutter/services/ApiService.dart'; 5 | 6 | 7 | class ApplicationTracerRepository{ 8 | // static final baseUrl = '192.168.102.95'; 9 | static final baseUrl = '172.20.10.2'; 10 | 11 | static APIService getByNoApli(value){ 12 | return APIService( 13 | url: Uri.http(baseUrl, "/Takaful-API/WebsmartTracer/" + value), 14 | parse: (response){ 15 | final parsed = json.decode(response.body); 16 | final dataJson = ResultModel.fromJSON(parsed); 17 | var data = ApplicationTracerModel.fromJSON(dataJson.responsedata); 18 | 19 | return data; 20 | } 21 | ); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /lib/repositories/ProductRepository.dart: -------------------------------------------------------------------------------- 1 | import 'dart:convert'; 2 | 3 | import 'package:tutorial_flutter/constants.dart'; 4 | import 'package:tutorial_flutter/models/ProductModel.dart'; 5 | import 'package:tutorial_flutter/models/ResultModel.dart'; 6 | import 'package:tutorial_flutter/services/ApiService.dart'; 7 | 8 | 9 | class ProductRepository{ 10 | static APIService> load(endpoint){ 11 | return APIService( 12 | url: Uri.http(baseAPIEcommerce, endpoint), 13 | // url: url, 14 | parse: (response){ 15 | final parsed = json.decode(response.body); 16 | final dataJson = ResultModel.fromJSON(parsed); 17 | var productList = dataJson.responsedata as List; 18 | List products = productList.map((i) => ProductModel.fromJSON(i)).toList(); 19 | 20 | return products; 21 | } 22 | ); 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /lib/repositories/UserRepository.dart: -------------------------------------------------------------------------------- 1 | import 'dart:convert'; 2 | import 'dart:io'; 3 | 4 | import 'package:tutorial_flutter/constants.dart'; 5 | import 'package:tutorial_flutter/models/ResultModel.dart'; 6 | import 'package:tutorial_flutter/models/UserModel.dart'; 7 | import 'package:tutorial_flutter/services/ApiService.dart'; 8 | 9 | class UserRepository{ 10 | static APIService getId(int id){ 11 | return APIService( 12 | url: Uri.http(baseAPIEcommerce, "/user/" + id.toString()), 13 | parse: (response){ 14 | final parsed = json.decode(response.body); 15 | final dataJson = ResultModel.fromJSON(parsed); 16 | var data = UserModel.fromJSON(dataJson.responsedata); 17 | 18 | return data; 19 | } 20 | ); 21 | } 22 | 23 | static APIService update(dynamic body, File? file){ 24 | List _files = []; 25 | 26 | if(file != null){ 27 | _files.add(file); 28 | } 29 | 30 | return APIService( 31 | url: Uri.http(baseAPIEcommerce, "/user"), 32 | body: body, 33 | files: _files, 34 | parse: (response){ 35 | final parsed = json.decode(response.body); 36 | final dataJson = ResultModel.fromJSON(parsed); 37 | var data = dataJson.responsedata; 38 | 39 | return data; 40 | } 41 | ); 42 | 43 | } 44 | 45 | static APIService> getAll(int pageIndex, int pageSize, String? search){ 46 | var queryString = { 47 | 'page': pageIndex.toString(), 48 | 'size': pageSize.toString(), 49 | 'search': search, 50 | }; 51 | return APIService( 52 | url: Uri.http(baseAPIEcommerce, "/user", queryString), 53 | parse: (response){ 54 | final parsed = json.decode(response.body); 55 | final dataJson = ResultModel.fromJSON(parsed); 56 | var parsePagination = PaginationModel.fromJSON(dataJson.responsedata); 57 | var datas = parsePagination.datas as List; 58 | List users = datas.map((i) => UserModel.fromJSON(i)).toList(); 59 | 60 | return users; 61 | } 62 | ); 63 | } 64 | 65 | static APIService create(dynamic body, File? file){ 66 | List _files = []; 67 | 68 | if(file != null){ 69 | _files.add(file); 70 | } 71 | 72 | return APIService( 73 | url: Uri.http(baseAPIEcommerce, "/user"), 74 | body: body, 75 | files: _files, 76 | parse: (response){ 77 | final parsed = json.decode(response.body); 78 | final dataJson = ResultModel.fromJSON(parsed); 79 | var data = UserModel.fromJSON(dataJson.responsedata); 80 | 81 | return data; 82 | } 83 | ); 84 | 85 | } 86 | 87 | static APIService delete(int id){ 88 | return APIService( 89 | url: Uri.http(baseAPIEcommerce, "/user/" + id.toString()), 90 | parse: (response){ 91 | final parsed = json.decode(response.body); 92 | final dataJson = ResultModel.fromJSON(parsed); 93 | 94 | return null; 95 | } 96 | ); 97 | } 98 | } -------------------------------------------------------------------------------- /lib/services/ApiService.dart: -------------------------------------------------------------------------------- 1 | import 'dart:convert'; 2 | import 'dart:io'; 3 | 4 | import 'package:http/http.dart' as http; 5 | import 'package:http_parser/http_parser.dart'; 6 | 7 | class APIService { 8 | final Uri? url; 9 | final dynamic body; 10 | final List? files; 11 | T Function(http.Response response)? parse; 12 | APIService({this.url, this.body, this.parse, this.files}); 13 | } 14 | 15 | class APIWeb{ 16 | Future load(APIService resource) async { 17 | final response = await http.get(resource.url!); 18 | if(response.statusCode == 200) { 19 | return resource.parse!(response); 20 | } else { 21 | throw Exception(response.statusCode); 22 | } 23 | } 24 | 25 | Future post(APIService resource) async { 26 | Map headers = { 27 | "Content-Type": "application/json", 28 | }; 29 | final response = await http.post(resource.url!, body: jsonEncode(resource.body), headers: headers); 30 | if(response.statusCode == 200) { 31 | return resource.parse!(response); 32 | } else { 33 | throw Exception(response.statusCode); 34 | } 35 | } 36 | 37 | Future putFormData(APIService resource) async { 38 | 39 | var request = new http.MultipartRequest("PUT", resource.url!); 40 | 41 | resource.body.forEach((key, value) { 42 | request.fields[key] = value.toString(); 43 | }); 44 | 45 | resource.files?.forEach((element) async { 46 | 47 | final file = await http.MultipartFile.fromPath('fileupload', element.path, contentType: new MediaType('image', 'jpeg')); 48 | request.files.add(file); 49 | 50 | }); 51 | final data = await request.send(); 52 | final response = await http.Response.fromStream(data); 53 | if(response.statusCode == 200) { 54 | return resource.parse!(response); 55 | } else { 56 | throw Exception(response.statusCode); 57 | } 58 | } 59 | 60 | Future postFormData(APIService resource) async { 61 | 62 | var request = new http.MultipartRequest("POST", resource.url!); 63 | 64 | resource.body.forEach((key, value) { 65 | request.fields[key] = value.toString(); 66 | }); 67 | 68 | resource.files?.forEach((element) async { 69 | 70 | final file = await http.MultipartFile.fromPath('fileupload', element.path, contentType: new MediaType('image', 'jpeg')); 71 | request.files.add(file); 72 | 73 | }); 74 | final data = await request.send(); 75 | final response = await http.Response.fromStream(data); 76 | if(response.statusCode == 200) { 77 | return resource.parse!(response); 78 | } else { 79 | throw Exception(response.statusCode); 80 | } 81 | } 82 | 83 | Future delete(APIService resource) async { 84 | Map headers = { 85 | "Content-Type": "application/json", 86 | }; 87 | final response = await http.delete(resource.url!, headers: headers); 88 | if(response.statusCode == 200) { 89 | return resource.parse!(response); 90 | } else { 91 | throw Exception(response.statusCode); 92 | } 93 | } 94 | 95 | 96 | } -------------------------------------------------------------------------------- /lib/views/BlocProductView.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | import 'package:tutorial_flutter/bloc/ProductBloc.dart'; 4 | import 'package:tutorial_flutter/components/ProductComponent.dart'; 5 | 6 | class BlocProductView extends StatefulWidget { 7 | BlocProductView({Key? key}) : super(key: key); 8 | 9 | @override 10 | _BlocProductViewState createState() => _BlocProductViewState(); 11 | } 12 | 13 | class _BlocProductViewState extends State { 14 | @override 15 | Widget build(BuildContext context) { 16 | return Scaffold( 17 | appBar: AppBar( 18 | title: Text("Product", style: TextStyle( fontSize: 30, color: Colors.white),), 19 | backgroundColor: Color(0xFF2BB64C), 20 | elevation: 1.0, 21 | actions: [ 22 | Padding( 23 | padding: const EdgeInsets.only(right: 20.0), 24 | child: Icon(Icons.search, size: 40,), 25 | ), 26 | Padding( 27 | padding: const EdgeInsets.only(right: 50.0), 28 | child: Icon(Icons.shopping_bag_outlined, size: 40,), 29 | ) 30 | ], 31 | ), 32 | body: Column( 33 | children: [ 34 | Flexible( 35 | child: BlocProvider( 36 | create: (context) => ProductBloc()..add(GetCategoryEvent(name: "Fashion")), 37 | child: ProductComponent(), 38 | ), 39 | ), 40 | ], 41 | ), 42 | ); 43 | } 44 | } -------------------------------------------------------------------------------- /lib/views/CheckboxGroupView.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:tutorial_flutter/models/CheckboxModel.dart'; 3 | 4 | class CheckboxGroupView extends StatefulWidget { 5 | CheckboxGroupView({Key? key}) : super(key: key); 6 | 7 | @override 8 | _CheckboxGroupViewState createState() => _CheckboxGroupViewState(); 9 | } 10 | 11 | class _CheckboxGroupViewState extends State { 12 | List _dropdownAvailability = []; 13 | bool? _checkAll = false; 14 | @override 15 | void initState() { 16 | _dropdownAvailability.addAll({ 17 | CheckboxModel(id: 1, name: "Monday", selected: false), 18 | CheckboxModel(id: 2, name: "Tuesday", selected: false), 19 | CheckboxModel(id: 3, name: "Wednesday", selected: false), 20 | CheckboxModel(id: 4, name: "Thursday", selected: false), 21 | CheckboxModel(id: 5, name: "Friday", selected: false), 22 | CheckboxModel(id: 6, name: "Saturday", selected: false), 23 | CheckboxModel(id: 7, name: "Sunday", selected: false), 24 | }); 25 | super.initState(); 26 | } 27 | @override 28 | Widget build(BuildContext context) { 29 | return Scaffold( 30 | appBar: AppBar( 31 | title: Text("Checkbox Group"), 32 | ), 33 | body: Column( 34 | children: [ 35 | CheckboxListTile( 36 | controlAffinity: ListTileControlAffinity.leading, 37 | title: Row( 38 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 39 | children: [ 40 | Text("Allow All"), 41 | ], 42 | ), 43 | value: _checkAll, 44 | onChanged: (value){ 45 | setState(() { 46 | _checkAll = value; 47 | _dropdownAvailability.forEach((element) { 48 | element.selected = value; 49 | }); 50 | }); 51 | } 52 | ), 53 | Divider(), 54 | ListView.builder( 55 | shrinkWrap: true, 56 | itemCount: _dropdownAvailability.length, 57 | itemBuilder: (context, index){ 58 | return CheckboxListTile( 59 | controlAffinity: ListTileControlAffinity.leading, 60 | title: Row( 61 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 62 | children: [ 63 | Text(_dropdownAvailability[index].name!), 64 | Icon(Icons.plus_one), 65 | ], 66 | ), 67 | value: _dropdownAvailability[index].selected, 68 | onChanged: (value){ 69 | setState(() { 70 | _dropdownAvailability[index].selected = value; 71 | 72 | final check = _dropdownAvailability.every((element) => element.selected!); 73 | 74 | _checkAll = check; 75 | }); 76 | } 77 | ); 78 | } 79 | ), 80 | ], 81 | ), 82 | ); 83 | } 84 | } -------------------------------------------------------------------------------- /lib/views/GalleryPhotoZoomableView.dart: -------------------------------------------------------------------------------- 1 | import 'package:carousel_slider/carousel_slider.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:tutorial_flutter/components/GalleryPhotoWrapper.dart'; 4 | import 'package:tutorial_flutter/components/GalleryThumbnail.dart'; 5 | import 'package:tutorial_flutter/models/GalleryItemModel.dart'; 6 | class GalleryPhotoZoomableView extends StatefulWidget { 7 | GalleryPhotoZoomableView({Key? key}) : super(key: key); 8 | 9 | @override 10 | _GalleryPhotoZoomableViewState createState() => _GalleryPhotoZoomableViewState(); 11 | } 12 | 13 | class _GalleryPhotoZoomableViewState extends State { 14 | bool verticalGallery = false; 15 | 16 | List galleries = [ 17 | GalleryItemModel(id: 1, resource: "assets/mountain.jpg", description: "Image Mountain Default", isSVG: false), 18 | GalleryItemModel(id: 2, resource: "assets/mountain1.jpg", description: "Image Mountain 1", isSVG: false), 19 | GalleryItemModel(id: 3, resource: "assets/mountain2.jpg", description: "Image Mountain 2", isSVG: false), 20 | ]; 21 | 22 | int _current = 0; 23 | 24 | @override 25 | Widget build(BuildContext context) { 26 | return Scaffold( 27 | appBar: AppBar( 28 | title: Text("Gallery Photo Zoomable"), 29 | ), 30 | backgroundColor: Colors.white, 31 | body: ListView( 32 | children: [ 33 | CarouselSlider( 34 | items: galleries.map((item) => Container( 35 | child: GalleryItemThumbnail( 36 | galleryItemModel: item, 37 | onTap: (){ 38 | _open(context, 0); 39 | }, 40 | ) 41 | )).toList(), 42 | options: CarouselOptions( 43 | viewportFraction: 1.0, 44 | onPageChanged: (index, reason){ 45 | setState(() { 46 | _current = index; 47 | }); 48 | } 49 | ) 50 | ), 51 | 52 | Padding( 53 | padding: EdgeInsets.only(right: 30), 54 | child: Row( 55 | mainAxisAlignment: MainAxisAlignment.end, 56 | children: galleries.map((url) { 57 | int index = galleries.indexOf(url); 58 | return Padding( 59 | padding: EdgeInsets.only(left: 5), 60 | child: Container( 61 | width: 10.0, 62 | height: 10.0, 63 | margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 2.0), 64 | decoration: BoxDecoration( 65 | shape: BoxShape.circle, 66 | color: _current == index ? Colors.redAccent : Colors.grey 67 | ) 68 | ), 69 | ); 70 | }).toList(), 71 | ), 72 | ), 73 | 74 | SizedBox(height: 20), 75 | 76 | Divider(thickness: 3, color: Colors.grey), 77 | 78 | SizedBox(height: 20), 79 | 80 | Padding( 81 | padding: EdgeInsets.only(left: 5, right: 5, top: 30), 82 | child: Card( 83 | shape: RoundedRectangleBorder( 84 | borderRadius: BorderRadius.circular(7.0), 85 | ), 86 | color: Colors.white, 87 | elevation: 1.0, 88 | child: Padding( 89 | padding: EdgeInsets.all(10.0), 90 | child: Column( 91 | mainAxisAlignment: MainAxisAlignment.start, 92 | crossAxisAlignment: CrossAxisAlignment.start, 93 | children: [ 94 | Text("Detail Info", style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold)), 95 | Padding( 96 | padding: EdgeInsets.only(right: 200), 97 | child: Divider(thickness: 3, color: Colors.grey), 98 | ), 99 | SizedBox(height: 20,), 100 | Text("Name", style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold)), 101 | Padding( 102 | padding: EdgeInsets.all(10), 103 | child: Container( 104 | child: Text( 105 | "Name bla lab asldjal asjdalskdjasdjaasudiyasida oasudoiasdasdas sa" 106 | ), 107 | ), 108 | ), 109 | Divider(thickness: 2, color: Colors.grey), 110 | SizedBox(height: 10,), 111 | Text("Description", style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold)), 112 | Padding( 113 | padding: EdgeInsets.all(10), 114 | child: Container( 115 | child: Text( 116 | "Name bla lab asldjal asjdalskdjasdjaasudiyasida oasudoiasdasdas sa" 117 | ), 118 | ), 119 | ), 120 | ], 121 | ), 122 | ), 123 | ) 124 | ), 125 | ], 126 | ), 127 | ); 128 | } 129 | 130 | void _open(BuildContext context, final int index){ 131 | Navigator.push(context, 132 | MaterialPageRoute( 133 | builder: (context) => GalleryPhotoWrapper( 134 | galleries: galleries, 135 | backgroundDecoration: const BoxDecoration( 136 | color: Colors.black 137 | ), 138 | initalIndex: index, 139 | scrollDirection: Axis.horizontal, 140 | ) 141 | ) 142 | ); 143 | } 144 | } -------------------------------------------------------------------------------- /lib/views/ProductDetailView.dart: -------------------------------------------------------------------------------- 1 | import 'package:carousel_slider/carousel_slider.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:tutorial_flutter/components/GalleryPhotoWrapper.dart'; 4 | import 'package:tutorial_flutter/components/GalleryThumbnail.dart'; 5 | import 'package:tutorial_flutter/models/GalleryItemModel.dart'; 6 | import 'package:tutorial_flutter/models/ProductModel.dart'; 7 | 8 | class ProductDetailView extends StatefulWidget { 9 | final ProductModel? productModel; 10 | ProductDetailView({Key? key, this.productModel}) : super(key: key); 11 | 12 | @override 13 | _ProductDetailViewState createState() => _ProductDetailViewState(); 14 | } 15 | 16 | class _ProductDetailViewState extends State { 17 | List galleries = []; 18 | int _current = 0; 19 | 20 | @override 21 | void initState() { 22 | super.initState(); 23 | widget.productModel!.productImageModel!.forEach((image) { 24 | galleries.add(GalleryItemModel(id: image.id, resource: image.photo, assetType: 'url', description: '', isSVG: false)); 25 | }); 26 | } 27 | 28 | 29 | void _open(BuildContext context, final int index){ 30 | Navigator.push(context, 31 | MaterialPageRoute( 32 | builder: (context) => GalleryPhotoWrapper( 33 | galleries: galleries, 34 | backgroundDecoration: const BoxDecoration( 35 | color: Colors.black 36 | ), 37 | initalIndex: index, 38 | scrollDirection: Axis.horizontal, 39 | ) 40 | ) 41 | ); 42 | } 43 | 44 | @override 45 | Widget build(BuildContext context) { 46 | return Scaffold( 47 | appBar: AppBar( 48 | title: Text("Product", style: TextStyle( fontSize: 30, color: Colors.white),), 49 | backgroundColor: Color(0xFF2BB64C), 50 | elevation: 1.0, 51 | ), 52 | body: ListView( 53 | children: [ 54 | CarouselSlider( 55 | items: galleries.map((item) => Container( 56 | child: GalleryItemThumbnail( 57 | galleryItemModel: item, 58 | onTap: (){ 59 | _open(context, 0); 60 | }, 61 | ) 62 | )).toList(), 63 | options: CarouselOptions( 64 | viewportFraction: 1.0, 65 | onPageChanged: (index, reason){ 66 | setState(() { 67 | _current = index; 68 | }); 69 | } 70 | ) 71 | ), 72 | 73 | Padding( 74 | padding: EdgeInsets.only(right: 30), 75 | child: Row( 76 | mainAxisAlignment: MainAxisAlignment.end, 77 | children: galleries.map((url) { 78 | int index = galleries.indexOf(url); 79 | return Padding( 80 | padding: EdgeInsets.only(left: 5), 81 | child: Container( 82 | width: 10.0, 83 | height: 10.0, 84 | margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 2.0), 85 | decoration: BoxDecoration( 86 | shape: BoxShape.circle, 87 | color: _current == index ? Colors.redAccent : Colors.grey 88 | ) 89 | ), 90 | ); 91 | }).toList(), 92 | ), 93 | ), 94 | 95 | SizedBox(height: 20), 96 | 97 | Divider(thickness: 3, color: Colors.grey), 98 | 99 | SizedBox(height: 20), 100 | 101 | Padding( 102 | padding: EdgeInsets.only(left: 5, right: 5, top: 30), 103 | child: Card( 104 | shape: RoundedRectangleBorder( 105 | borderRadius: BorderRadius.circular(7.0), 106 | ), 107 | color: Colors.white, 108 | elevation: 1.0, 109 | child: Padding( 110 | padding: EdgeInsets.all(10.0), 111 | child: Column( 112 | mainAxisAlignment: MainAxisAlignment.start, 113 | crossAxisAlignment: CrossAxisAlignment.start, 114 | children: [ 115 | Text("Detail Info", style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold)), 116 | Padding( 117 | padding: EdgeInsets.only(right: 200), 118 | child: Divider(thickness: 3, color: Colors.grey), 119 | ), 120 | SizedBox(height: 20,), 121 | LableInfo(header: "Brand", name: widget.productModel!.productBaseRelaionModel!.brand!.name), 122 | SizedBox(height: 10,), 123 | LableInfo(header: "Category", name: widget.productModel!.productBaseRelaionModel!.category!.name), 124 | SizedBox(height: 10,), 125 | LableInfo(header: "Collection", name: widget.productModel!.productBaseRelaionModel!.collection!.name), 126 | SizedBox(height: 10,), 127 | LableInfo(header: "Name", name: widget.productModel!.name), 128 | SizedBox(height: 10,), 129 | LableInfo(header: "Description", name: widget.productModel!.description), 130 | ], 131 | ), 132 | ), 133 | ) 134 | ), 135 | 136 | ], 137 | ), 138 | ); 139 | } 140 | } 141 | 142 | class LableInfo extends StatelessWidget { 143 | final String? header; 144 | final String? name; 145 | const LableInfo({Key? key, this.header, this.name}) : super(key: key); 146 | 147 | @override 148 | Widget build(BuildContext context) { 149 | return Container( 150 | child: Column( 151 | crossAxisAlignment: CrossAxisAlignment.start, 152 | children: [ 153 | Text(header!, style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)), 154 | Padding( 155 | padding: EdgeInsets.all(10), 156 | child: Container( 157 | child: Text( 158 | name! 159 | ), 160 | ), 161 | ), 162 | Divider(thickness: 2, color: Colors.grey), 163 | ], 164 | ), 165 | ); 166 | } 167 | } -------------------------------------------------------------------------------- /lib/views/Profile/ProfileForm.dart: -------------------------------------------------------------------------------- 1 | import 'dart:io'; 2 | 3 | import 'package:flutter/material.dart'; 4 | import 'package:image_picker/image_picker.dart'; 5 | import 'package:tutorial_flutter/bloc/UserBloc.dart'; 6 | import 'package:tutorial_flutter/components/CircularLoading.dart'; 7 | import 'package:tutorial_flutter/components/DataItemComponent.dart'; 8 | import 'package:tutorial_flutter/components/InkButton.dart'; 9 | import 'package:flutter_bloc/flutter_bloc.dart'; 10 | 11 | class ProfileForm extends StatefulWidget { 12 | ProfileForm({Key? key}) : super(key: key); 13 | 14 | @override 15 | _ProfileFormState createState() => _ProfileFormState(); 16 | } 17 | 18 | class _ProfileFormState extends State { 19 | final GlobalKey _formKey = GlobalKey(); 20 | final GlobalKey _scaffoldKey = GlobalKey(); 21 | 22 | TextEditingController firstNameController = TextEditingController(); 23 | TextEditingController lastNameController = TextEditingController(); 24 | TextEditingController emailController = TextEditingController(); 25 | File? _image; 26 | String userBlank = "https://e7.pngegg.com/pngimages/647/460/png-clipart-computer-icons-open-person-family-icon-black-silhouette-black.png"; 27 | final picker = ImagePicker(); 28 | 29 | Future getImage() async { 30 | final pickedFile = await picker.getImage(source: ImageSource.gallery); 31 | 32 | setState(() { 33 | if (pickedFile != null) { 34 | _image = File(pickedFile.path); 35 | } else { 36 | print('No image selected.'); 37 | } 38 | }); 39 | } 40 | 41 | @override 42 | Widget build(BuildContext context) { 43 | return Scaffold( 44 | key: _scaffoldKey, 45 | appBar:AppBar( 46 | title: Text("Add Profile", style: TextStyle( fontSize: 25, color: Colors.white),), 47 | backgroundColor: Color(0xFF1C85DD), 48 | elevation: 0.0, 49 | ), 50 | body: BlocConsumer( 51 | listener: (context, state){ 52 | if(state is LoadingUser){ 53 | WidgetsBinding.instance!.addPostFrameCallback((_) => loadingIndicator(context, "Loading...")); 54 | }else if(state is SuccessSaveUser){ 55 | clearForm(); 56 | Navigator.of(context, rootNavigator: true).pop(); 57 | WidgetsBinding.instance!.addPostFrameCallback((_) => messageDialog(context, "Success", "Add Profile Success")); 58 | }else if(state is FailureUser){ 59 | Navigator.of(context, rootNavigator: true).pop(); 60 | WidgetsBinding.instance!.addPostFrameCallback((_) => messageDialog(context, "Error", state.error)); 61 | } 62 | }, 63 | builder: (context, state){ 64 | return Container( 65 | child: Form( 66 | key: _formKey, 67 | child: Column( 68 | children: [ 69 | Container( 70 | child: Column( 71 | children: [ 72 | Container( 73 | height: 450, 74 | decoration: BoxDecoration( 75 | gradient: LinearGradient( 76 | begin: Alignment.topCenter, 77 | end: Alignment.bottomCenter, 78 | colors: [Colors.redAccent, Colors.pinkAccent] 79 | ) 80 | ), 81 | child: Center( 82 | child: Column( 83 | children: [ 84 | Container( 85 | height: 300, 86 | width: 300, 87 | decoration: BoxDecoration( 88 | borderRadius: BorderRadius.circular(200), 89 | color: Colors.grey[300], 90 | image: DecorationImage( 91 | image: (_image != null) ? FileImage(_image!) : NetworkImage(userBlank) as ImageProvider , 92 | fit: BoxFit.cover 93 | ) 94 | ), 95 | child: InkWell( 96 | child: Icon(Icons.camera_alt_outlined, size: 100, color: Colors.grey,), 97 | onTap: (){ 98 | getImage(); 99 | }, 100 | ), 101 | ), 102 | SizedBox(height: 20), 103 | 104 | ], 105 | ), 106 | ), 107 | ), 108 | SizedBox(height: 30), 109 | Text( 110 | 'Info Profile', 111 | style: TextStyle( 112 | fontWeight: FontWeight.bold, fontSize: 20), 113 | ), 114 | SizedBox(height: 10), 115 | ], 116 | ), 117 | ), 118 | DetailItemEditComponent( 119 | title: "First Name", 120 | widget: TextFormField( 121 | validator: (value) { 122 | if (value!.isEmpty) { 123 | return 'Please enter a first name'; 124 | } 125 | return null; 126 | }, 127 | controller: firstNameController, 128 | decoration: InputDecoration( 129 | enabledBorder: new OutlineInputBorder( 130 | borderSide: const BorderSide( 131 | color: Colors.grey, width: 1), 132 | ), 133 | focusedBorder: new OutlineInputBorder( 134 | borderSide: const BorderSide( 135 | color: Colors.grey, width: 1), 136 | ), 137 | border: OutlineInputBorder( 138 | borderSide: const BorderSide( 139 | color: Colors.grey, width: 1), 140 | ), 141 | hintText: "First Name", 142 | ), 143 | ), 144 | ), 145 | 146 | DetailItemEditComponent( 147 | title: "Last Name", 148 | widget: TextFormField( 149 | validator: (value) { 150 | if (value!.isEmpty) { 151 | return 'Please enter a last name'; 152 | } 153 | return null; 154 | }, 155 | controller: lastNameController, 156 | decoration: InputDecoration( 157 | enabledBorder: new OutlineInputBorder( 158 | borderSide: const BorderSide( 159 | color: Colors.grey, width: 1), 160 | ), 161 | focusedBorder: new OutlineInputBorder( 162 | borderSide: const BorderSide( 163 | color: Colors.grey, width: 1), 164 | ), 165 | border: OutlineInputBorder( 166 | borderSide: const BorderSide( 167 | color: Colors.grey, width: 1), 168 | ), 169 | hintText: "Last Name", 170 | ), 171 | ), 172 | ), 173 | DetailItemEditComponent( 174 | title: "Email", 175 | widget: TextFormField( 176 | validator: (value) { 177 | if (value!.isEmpty) { 178 | return 'Please enter email'; 179 | } 180 | return null; 181 | }, 182 | keyboardType: TextInputType.number, 183 | controller: emailController, 184 | decoration: InputDecoration( 185 | enabledBorder: new OutlineInputBorder( 186 | borderSide: const BorderSide( 187 | color: Colors.grey, width: 1), 188 | ), 189 | focusedBorder: new OutlineInputBorder( 190 | borderSide: const BorderSide( 191 | color: Colors.grey, width: 1), 192 | ), 193 | border: OutlineInputBorder( 194 | borderSide: const BorderSide( 195 | color: Colors.grey, width: 1), 196 | ), 197 | hintText: "Email", 198 | ), 199 | ), 200 | ), 201 | Padding( 202 | padding: const EdgeInsets.all(40.0), 203 | child: Row( 204 | children: [ 205 | Expanded( 206 | child: Container( 207 | height: 50, 208 | child: RaisedButton( 209 | shape: RoundedRectangleBorder( 210 | borderRadius: BorderRadius.circular(30.0) 211 | ), 212 | elevation: 0.0, 213 | padding: EdgeInsets.all(0.0), 214 | child: InkButton(text: "Save"), 215 | onPressed: () async{ 216 | if (_formKey.currentState!.validate()) { 217 | context.read().add(SaveEvent(id: 0, 218 | firstName: firstNameController.text.trim(), 219 | lastName: lastNameController.text.trim(), 220 | email: emailController.text.trim(), 221 | file: _image 222 | ) 223 | ); 224 | } 225 | }, 226 | ), 227 | ), 228 | ), 229 | 230 | ], 231 | ), 232 | ), 233 | ], 234 | ), 235 | ), 236 | 237 | ); 238 | 239 | }, 240 | ) 241 | 242 | ); 243 | } 244 | 245 | void clearForm(){ 246 | firstNameController.text = ""; 247 | lastNameController.text = ""; 248 | emailController.text = ""; 249 | _image = null; 250 | } 251 | } 252 | 253 | -------------------------------------------------------------------------------- /lib/views/Profile/ProfileListView.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/cupertino.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:flutter_bloc/flutter_bloc.dart'; 4 | import 'package:flutter_slidable/flutter_slidable.dart'; 5 | import 'package:tutorial_flutter/bloc/UserBloc.dart'; 6 | import 'package:tutorial_flutter/components/CircularLoading.dart'; 7 | import 'package:tutorial_flutter/components/InkButton.dart'; 8 | import 'package:tutorial_flutter/models/UserModel.dart'; 9 | import 'package:tutorial_flutter/views/Profile/ProfileForm.dart'; 10 | import 'package:tutorial_flutter/views/Profile/ProfileView.dart'; 11 | 12 | class ProfileListView extends StatefulWidget { 13 | ProfileListView({Key? key}) : super(key: key); 14 | 15 | @override 16 | _ProfileListViewState createState() => _ProfileListViewState(); 17 | } 18 | 19 | class _ProfileListViewState extends State { 20 | @override 21 | Widget build(BuildContext context) { 22 | return BlocProvider( 23 | create: (context) => UserBloc()..add(GetAllEvent(page: 0, size: 5, search: "")), 24 | child: ProfileList() 25 | ); 26 | } 27 | } 28 | 29 | class ProfileList extends StatefulWidget { 30 | ProfileList({Key? key}) : super(key: key); 31 | 32 | @override 33 | _ProfileListState createState() => _ProfileListState(); 34 | } 35 | 36 | class _ProfileListState extends State { 37 | final nameController = TextEditingController(); 38 | final GlobalKey _scaffoldKey = GlobalKey(); 39 | 40 | List listUser = []; 41 | bool isLoadMore = false; 42 | int pageIndex = 0; 43 | int deleteId = 0; 44 | 45 | @override 46 | void initState() { 47 | // TODO: implement initState 48 | super.initState(); 49 | isLoadMore = true; 50 | } 51 | 52 | @override 53 | Widget build(BuildContext context){ 54 | return Scaffold( 55 | key: _scaffoldKey, 56 | appBar:AppBar( 57 | title: Text("List Profile", style: TextStyle( fontSize: 25, color: Colors.white),), 58 | backgroundColor: Color(0xFF1C85DD), 59 | elevation: 0.0, 60 | actions: [ 61 | Padding( 62 | padding: const EdgeInsets.only(right: 20.0), 63 | child: GestureDetector( 64 | onTap: (){ 65 | Navigator.of(context).push(MaterialPageRoute(builder: (context) => 66 | BlocProvider( 67 | create: (context) => UserBloc(), 68 | child: ProfileForm(), 69 | ) 70 | ) 71 | ); 72 | 73 | }, 74 | child: Icon(Icons.person_add_rounded, size: 50,) 75 | ), 76 | ) 77 | ], 78 | ), 79 | body: BlocConsumer( 80 | listener: (context, state){ 81 | if(state is UserState && state.users != null){ 82 | setState((){ 83 | listUser.addAll(state.users!); 84 | isLoadMore = false; 85 | }); 86 | } 87 | if(state is LoadingDeleteUser){ 88 | WidgetsBinding.instance!.addPostFrameCallback((_) => loadingIndicator(context, "Loading...")); 89 | } 90 | if(state is SuccessDeleteUser){ 91 | Navigator.of(context, rootNavigator: true).pop(); 92 | WidgetsBinding.instance!.addPostFrameCallback((_) => messageDialog(context, "Success", "Delete Profile Success")); 93 | setState((){ 94 | listUser.removeWhere((i) => i.id == deleteId); 95 | }); 96 | } 97 | }, 98 | buildWhen: (prev, curr){ 99 | return curr is UserState && curr.users != null; 100 | }, 101 | builder: (context, state){ 102 | return ListView.separated( 103 | separatorBuilder: (context, index) { 104 | return Divider(); 105 | }, 106 | itemCount: listUser.length + 1, 107 | padding: EdgeInsets.only(top: 10, left: 10), 108 | itemBuilder: (context, index){ 109 | return index >= listUser.length 110 | ? Padding( 111 | padding: const EdgeInsets.only(left: 200, right: 200), 112 | child: Container( 113 | height: 50, 114 | child: RaisedButton( 115 | onPressed: (){ 116 | context.read().add(GetAllEvent(page: pageIndex + 1, size: 5, search: "")); 117 | setState(() { 118 | isLoadMore = true; 119 | pageIndex +=1; 120 | }); 121 | }, 122 | shape: RoundedRectangleBorder( 123 | borderRadius: BorderRadius.circular(30.0) 124 | ), 125 | elevation: 0.0, 126 | padding: EdgeInsets.all(0.0), 127 | child: Center( 128 | child: (isLoadMore == true) ? CircularProgressIndicator(backgroundColor: Colors.orangeAccent,) 129 | : InkButton(text: "Load More"), 130 | ), 131 | ), 132 | ), 133 | ) 134 | : makeCard(context, listUser[index]); 135 | }, 136 | ); 137 | }, 138 | ), 139 | ); 140 | } 141 | 142 | Widget makeCard(BuildContext context,UserModel user) => Card( 143 | elevation: 5.0, 144 | color: Color(0xFF333366), 145 | shape: RoundedRectangleBorder( 146 | borderRadius: BorderRadius.circular(15.0), 147 | ), 148 | margin: new EdgeInsets.symmetric(horizontal: 60.0, vertical: 2.0), 149 | child: Container( 150 | height: MediaQuery.of(context).size.height * 0.08, 151 | child: makeListTile(context, user), 152 | ), 153 | ); 154 | 155 | Widget makeListTile(BuildContext context, UserModel user){ 156 | return Slidable( 157 | actionPane: SlidableDrawerActionPane(), 158 | actionExtentRatio: 0.25, 159 | child: InkWell( 160 | onTap: (){ 161 | Navigator.of(context).push(MaterialPageRoute(builder: (context) => ProfileView(id: user.id),)); 162 | }, 163 | child: Padding( 164 | padding: EdgeInsets.all(20), 165 | child: ListTile( 166 | leading: Container( 167 | padding: EdgeInsets.only(right: 10.0), 168 | decoration: new BoxDecoration( 169 | border: new Border( 170 | right: new BorderSide(width: 2.0, color: Colors.white24) 171 | ) 172 | ), 173 | child: Icon(Icons.person_pin, color: Colors.orangeAccent, size: 80,) 174 | ), 175 | title: Text(user.firstName!, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),), 176 | trailing: Icon(Icons.arrow_forward_ios, color: Colors.white, size: 30,), 177 | ), 178 | ), 179 | ), 180 | secondaryActions: [ 181 | IconSlideAction( 182 | caption: 'Delete', 183 | color: Colors.red, 184 | icon: Icons.delete, 185 | onTap: () { 186 | context.read().add(DeleteEvent(id: user.id)); 187 | setState((){ 188 | deleteId = user.id; 189 | }); 190 | }, 191 | ), 192 | ], 193 | ); 194 | } 195 | 196 | } 197 | -------------------------------------------------------------------------------- /lib/views/Profile/ProfileView.dart: -------------------------------------------------------------------------------- 1 | import 'dart:io'; 2 | 3 | import 'package:flutter/cupertino.dart'; 4 | import 'package:flutter/material.dart'; 5 | import 'package:flutter_bloc/flutter_bloc.dart'; 6 | import 'package:image_picker/image_picker.dart'; 7 | import 'package:multi_image_picker/multi_image_picker.dart'; 8 | import 'package:tutorial_flutter/bloc/UserBloc.dart'; 9 | import 'package:tutorial_flutter/components/CircularLoading.dart'; 10 | import 'package:tutorial_flutter/components/DataItemComponent.dart'; 11 | import 'package:tutorial_flutter/components/InkButton.dart'; 12 | import 'package:tutorial_flutter/constants.dart'; 13 | import 'package:tutorial_flutter/models/UserModel.dart'; 14 | 15 | class ProfileView extends StatefulWidget { 16 | final int id; 17 | ProfileView({Key? key, required this.id}) : super(key: key); 18 | 19 | @override 20 | _ProfileViewState createState() => _ProfileViewState(); 21 | } 22 | 23 | class _ProfileViewState extends State { 24 | final GlobalKey _scaffoldKey = GlobalKey(); 25 | @override 26 | Widget build(BuildContext context) { 27 | return Scaffold( 28 | key: _scaffoldKey, 29 | appBar:AppBar( 30 | title: Text("Profile", style: TextStyle( fontSize: 25, color: Colors.white),), 31 | backgroundColor: Color(0xFF1C85DD), 32 | elevation: 0.0, 33 | ), 34 | body: BlocProvider( 35 | create: (context) => UserBloc()..add(GetIdEvent(id: widget.id)), 36 | child: ProfileDetail(id: widget.id), 37 | ) 38 | ); 39 | } 40 | } 41 | 42 | class ProfileDetail extends StatefulWidget { 43 | final int id; 44 | ProfileDetail({Key? key, required this.id}) : super(key: key); 45 | 46 | @override 47 | _ProfileDetailState createState() => _ProfileDetailState(); 48 | } 49 | 50 | class _ProfileDetailState extends State { 51 | List imagePicker = []; 52 | String sError = 'No Error Dectected'; 53 | bool _editMode = false; 54 | String userBlank = "https://e7.pngegg.com/pngimages/647/460/png-clipart-computer-icons-open-person-family-icon-black-silhouette-black.png"; 55 | File? _image; 56 | final picker = ImagePicker(); 57 | 58 | Future getImage() async { 59 | final pickedFile = await picker.getImage(source: ImageSource.gallery); 60 | 61 | setState(() { 62 | if (pickedFile != null) { 63 | _image = File(pickedFile.path); 64 | } else { 65 | print('No image selected.'); 66 | } 67 | }); 68 | } 69 | 70 | void messageDialogs(BuildContext ctx, String title, String message){ 71 | showDialog( 72 | context: context, 73 | barrierDismissible: false, 74 | builder: (BuildContext context){ 75 | return AlertDialog( 76 | title: Center( 77 | child: Text(title, style: TextStyle(fontSize: 20),), 78 | ), 79 | content: Text(message), 80 | actions: [ 81 | FlatButton( 82 | child: Text("Close"), 83 | onPressed: (){ 84 | Navigator.of(context, rootNavigator: true).pop(); 85 | ctx.read().add(GetIdEvent(id: widget.id)); 86 | }, 87 | ) 88 | ], 89 | ); 90 | } 91 | ); 92 | } 93 | 94 | @override 95 | Widget build(BuildContext context) { 96 | return BlocConsumer( 97 | listener: (contex, state){ 98 | if(state is LoadingUser){ 99 | WidgetsBinding.instance!.addPostFrameCallback((_) => loadingIndicator(context, "Loading...")); 100 | } 101 | else if(state is UserState && state.user != null){ 102 | //close show loading 103 | Navigator.of(context, rootNavigator: true).pop(); 104 | } 105 | else if(state is FailureUser){ 106 | Navigator.of(context, rootNavigator: true).pop(); //close loading 107 | WidgetsBinding.instance!.addPostFrameCallback((_) => messageDialog(context, "Error", state.error)); 108 | } 109 | else if(state is SuccessSaveUser){ 110 | Navigator.of(context, rootNavigator: true).pop(); //close loading 111 | WidgetsBinding.instance!.addPostFrameCallback((_) => messageDialogs(context, "Success", "Update successfully")); 112 | setState(() { 113 | _editMode = false; 114 | }); 115 | } 116 | }, 117 | buildWhen: (prevState, currState){ 118 | return currState is UserState && currState.user != null || currState is SuccessSaveUser; 119 | }, 120 | builder: (context, state){ 121 | return Container( 122 | color: Colors.white, 123 | child: Container( 124 | child: ListView( 125 | shrinkWrap: true, 126 | children: [ 127 | Container( 128 | child: Column( 129 | children: [ 130 | Container( 131 | height: 450, 132 | decoration: BoxDecoration( 133 | gradient: LinearGradient( 134 | begin: Alignment.topCenter, 135 | end: Alignment.bottomCenter, 136 | colors: [Colors.redAccent, Colors.pinkAccent] 137 | ) 138 | ), 139 | child: Center( 140 | child: Column( 141 | children: [ 142 | Container( 143 | height: 300, 144 | width: 300, 145 | decoration: BoxDecoration( 146 | borderRadius: BorderRadius.circular(200), 147 | color: Colors.grey[300], 148 | image: DecorationImage( 149 | image: (_editMode && _image != null) ? FileImage(_image!) : NetworkImage(state.user?.image?.replaceAll("localhost:3001", baseAPIEcommerce) ?? userBlank) as ImageProvider , 150 | fit: BoxFit.cover 151 | ) 152 | ), 153 | child: InkWell( 154 | child: _editMode ? 155 | Icon(Icons.camera_alt_outlined, size: 100, color: Colors.grey,) : 156 | Container(), 157 | onTap: (){ 158 | getImage(); 159 | }, 160 | ), 161 | ), 162 | SizedBox(height: 20), 163 | 164 | Card( 165 | margin: EdgeInsets.symmetric(horizontal: 20.0,vertical: 5.0), 166 | clipBehavior: Clip.antiAlias, 167 | color: Colors.white, 168 | elevation: 5.0, 169 | child: Padding( 170 | padding: const EdgeInsets.symmetric(horizontal: 8.0,vertical: 22.0), 171 | child: Row( 172 | children: [ 173 | Expanded( 174 | child: Column( 175 | 176 | children: [ 177 | Text( 178 | "Followers", 179 | style: TextStyle( 180 | color: Colors.redAccent, 181 | fontSize: 22.0, 182 | fontWeight: FontWeight.bold, 183 | ), 184 | ), 185 | SizedBox( 186 | height: 5.0, 187 | ), 188 | Text( 189 | "28.5K", 190 | style: TextStyle( 191 | fontSize: 20.0, 192 | color: Colors.pinkAccent, 193 | ), 194 | ) 195 | ], 196 | ), 197 | ), 198 | Expanded( 199 | child: Column( 200 | 201 | children: [ 202 | Text( 203 | "Follow", 204 | style: TextStyle( 205 | color: Colors.redAccent, 206 | fontSize: 22.0, 207 | fontWeight: FontWeight.bold, 208 | ), 209 | ), 210 | SizedBox( 211 | height: 5.0, 212 | ), 213 | Text( 214 | "1300", 215 | style: TextStyle( 216 | fontSize: 20.0, 217 | color: Colors.pinkAccent, 218 | ), 219 | ) 220 | ], 221 | ), 222 | ), 223 | ], 224 | ), 225 | ), 226 | ), 227 | ], 228 | ), 229 | ), 230 | ), 231 | 232 | 233 | ListTile( 234 | title: Center( 235 | child: Text( 236 | '', 237 | style: TextStyle( 238 | fontWeight: FontWeight.bold, fontSize:50), 239 | ), 240 | ), 241 | trailing: InkWell( 242 | onTap: (){ 243 | setState(() { 244 | _editMode = true; 245 | }); 246 | }, 247 | child: Icon(Icons.edit_location_outlined, size: 50, color: Colors.black,), 248 | ) 249 | ), 250 | SizedBox(height: 30), 251 | Text( 252 | 'Info Profile', 253 | style: TextStyle( 254 | fontWeight: FontWeight.bold, fontSize: 20), 255 | ), 256 | SizedBox(height: 10), 257 | ], 258 | ), 259 | ), 260 | (_editMode == true) ? formEdit(context, state.user) : 261 | Column( 262 | children: [ 263 | Container( 264 | padding: const EdgeInsets.only(left: 20, right: 20), 265 | child: Column( 266 | children: [ 267 | DetailItem( 268 | title: "First Name", 269 | value: state.user?.firstName 270 | ), 271 | DetailItem( 272 | title: "Last Name", 273 | value: state.user?.lastName 274 | ), 275 | DetailItem( 276 | title: "Email", 277 | value: state.user?.email, 278 | ), 279 | Divider(), 280 | ], 281 | ), 282 | ), 283 | Padding( 284 | padding: const EdgeInsets.all(8.0), 285 | child: Row( 286 | children: [ 287 | Expanded( 288 | child: Container( 289 | height: 50, 290 | child: RaisedButton( 291 | color: Color(0xFF735CEC), 292 | shape: RoundedRectangleBorder( 293 | borderRadius: BorderRadius.circular(30.0) 294 | ), 295 | elevation: 0.0, 296 | padding: EdgeInsets.all(0.0), 297 | child: InkButton(text: "Cancel"), 298 | onPressed: (){}, 299 | ), 300 | ), 301 | ), 302 | SizedBox( 303 | width: 10, 304 | ), 305 | Expanded( 306 | child: Container( 307 | height: 50, 308 | child: RaisedButton( 309 | color: Color(0xFF735CEC), 310 | shape: RoundedRectangleBorder( 311 | borderRadius: BorderRadius.circular(30.0) 312 | ), 313 | elevation: 0.0, 314 | padding: EdgeInsets.all(0.0), 315 | child: InkButton(text: "Logout"), 316 | onPressed: (){ 317 | }, 318 | ), 319 | ), 320 | ) 321 | ], 322 | ), 323 | ), 324 | ], 325 | ), 326 | 327 | SizedBox( 328 | height: 50, 329 | ) 330 | ], 331 | ), 332 | ), 333 | ); 334 | 335 | }, 336 | ); 337 | 338 | } 339 | 340 | Future?> loadAssets() async { 341 | List resultList = []; 342 | 343 | try { 344 | resultList = await MultiImagePicker.pickImages( 345 | maxImages: 2, 346 | enableCamera: true, 347 | selectedAssets: imagePicker, 348 | cupertinoOptions: CupertinoOptions(takePhotoIcon: "chat"), 349 | materialOptions: MaterialOptions( 350 | actionBarColor: "#abcdef", 351 | actionBarTitle: "Image Example", 352 | allViewTitle: "All Photos", 353 | useDetailsView: false, 354 | selectCircleStrokeColor: "#000000", 355 | ), 356 | ); 357 | } on Exception catch (e) { 358 | sError = e.toString(); 359 | } 360 | 361 | if (!mounted) return null; 362 | 363 | setState(() { 364 | imagePicker = resultList; 365 | sError = 'No Error Dectected'; 366 | }); 367 | 368 | return resultList; 369 | } 370 | 371 | static final GlobalKey _formKey = GlobalKey(); 372 | 373 | Widget formEdit(BuildContext context, UserModel? user){ 374 | 375 | TextEditingController firstNameController = TextEditingController(); 376 | TextEditingController lastNameController = TextEditingController(); 377 | 378 | firstNameController.text = user?.firstName as String; 379 | lastNameController.text = user?.lastName as String; 380 | return Container( 381 | child: Form( 382 | key: _formKey, 383 | child: Column( 384 | children: [ 385 | DetailItemEditComponent( 386 | title: "First Name", 387 | widget: TextFormField( 388 | validator: (value) { 389 | if (value!.isEmpty) { 390 | return 'Please enter a first name'; 391 | } 392 | return null; 393 | }, 394 | controller: firstNameController, 395 | decoration: InputDecoration( 396 | enabledBorder: new OutlineInputBorder( 397 | borderSide: const BorderSide( 398 | color: Colors.grey, width: 1), 399 | ), 400 | focusedBorder: new OutlineInputBorder( 401 | borderSide: const BorderSide( 402 | color: Colors.grey, width: 1), 403 | ), 404 | border: OutlineInputBorder( 405 | borderSide: const BorderSide( 406 | color: Colors.grey, width: 1), 407 | ), 408 | hintText: "First Name", 409 | ), 410 | ), 411 | ), 412 | 413 | DetailItemEditComponent( 414 | title: "Last Name", 415 | widget: TextFormField( 416 | validator: (value) { 417 | if (value!.isEmpty) { 418 | return 'Please enter a last name'; 419 | } 420 | return null; 421 | }, 422 | controller: lastNameController, 423 | decoration: InputDecoration( 424 | enabledBorder: new OutlineInputBorder( 425 | borderSide: const BorderSide( 426 | color: Colors.grey, width: 1), 427 | ), 428 | focusedBorder: new OutlineInputBorder( 429 | borderSide: const BorderSide( 430 | color: Colors.grey, width: 1), 431 | ), 432 | border: OutlineInputBorder( 433 | borderSide: const BorderSide( 434 | color: Colors.grey, width: 1), 435 | ), 436 | hintText: "Last Name", 437 | ), 438 | ), 439 | ), 440 | DetailItem( 441 | title: "Email", 442 | value: user?.email, 443 | ), 444 | Padding( 445 | padding: const EdgeInsets.all(8.0), 446 | child: Row( 447 | children: [ 448 | Expanded( 449 | child: Container( 450 | height: 50, 451 | child: RaisedButton( 452 | shape: RoundedRectangleBorder( 453 | borderRadius: BorderRadius.circular(30.0) 454 | ), 455 | elevation: 0.0, 456 | padding: EdgeInsets.all(0.0), 457 | child: InkButton(text: "Update"), 458 | onPressed: () async{ 459 | if (_formKey.currentState!.validate()) { 460 | 461 | context.read().add(SaveEvent(id: widget.id, firstName: firstNameController.text.trim(), lastName: lastNameController.text.trim(), file: _image)); 462 | 463 | }else{ 464 | WidgetsBinding.instance!.addPostFrameCallback((_) => messageDialog(context, "Error", "Error validation")); 465 | } 466 | }, 467 | ), 468 | ), 469 | ), 470 | SizedBox( 471 | width: 10, 472 | ), 473 | Expanded( 474 | child: Container( 475 | height: 50, 476 | child: RaisedButton( 477 | onPressed: (){ 478 | setState(() { 479 | _editMode = false; 480 | }); 481 | }, 482 | shape: RoundedRectangleBorder( 483 | borderRadius: BorderRadius.circular(30.0) 484 | ), 485 | elevation: 0.0, 486 | padding: EdgeInsets.all(0.0), 487 | child: InkButton(text: "Cancel"), 488 | ), 489 | ), 490 | ), 491 | ], 492 | ), 493 | ), 494 | ], 495 | ), 496 | ), 497 | ); 498 | } 499 | 500 | } 501 | -------------------------------------------------------------------------------- /lib/views/TrackingView.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | import 'package:tutorial_flutter/bloc/ApplicationTracerBloc.dart'; 4 | import 'package:tutorial_flutter/components/ApplicationTracerComponent.dart'; 5 | 6 | class TrackingView extends StatefulWidget { 7 | TrackingView({Key? key}) : super(key: key); 8 | 9 | @override 10 | _TrackingViewState createState() => _TrackingViewState(); 11 | } 12 | 13 | class _TrackingViewState extends State { 14 | @override 15 | Widget build(BuildContext context) { 16 | return Scaffold( 17 | appBar:AppBar( 18 | title: Text('Application Tracer'), 19 | ), 20 | body: BlocProvider( 21 | create: (context) => ApplicationTracerBloc()..add(GetApplicationDetailEvent(noapli: "DC00473")), 22 | child: ApplicationTracerComponent(), 23 | ) 24 | ); 25 | } 26 | } 27 | 28 | 29 | -------------------------------------------------------------------------------- /lib/views/UploadPhotoLocalStorage.dart: -------------------------------------------------------------------------------- 1 | // import 'dart:io'; 2 | 3 | // import 'package:flutter/material.dart'; 4 | // // ignore: import_of_legacy_library_into_null_safe 5 | // import 'package:flutter_absolute_path/flutter_absolute_path.dart'; 6 | // import 'package:multi_image_picker/multi_image_picker.dart'; 7 | // import 'package:path_provider/path_provider.dart'; 8 | 9 | // class UploadPhotoLocalStorage extends StatefulWidget { 10 | // UploadPhotoLocalStorage({Key? key}) : super(key: key); 11 | 12 | // @override 13 | // _UploadPhotoLocalStorageState createState() => _UploadPhotoLocalStorageState(); 14 | // } 15 | 16 | // class _UploadPhotoLocalStorageState extends State { 17 | // final GlobalKey _scaffoldKey = GlobalKey(); 18 | // List imageStorage = []; 19 | // List imagePicker = []; 20 | // String sError = 'No Error Dectected'; 21 | 22 | // bool isLoad = false; 23 | 24 | // @override 25 | // Widget build(BuildContext context) { 26 | // return Scaffold( 27 | // key: _scaffoldKey, 28 | // appBar: AppBar( 29 | // elevation: 0.1, 30 | // title: Center(child: Text('Upload Image Example', style: TextStyle(fontSize: 25),)), 31 | // ), 32 | // body: ListView( 33 | // children: [ 34 | // Container( 35 | // child: Column( 36 | // mainAxisAlignment: MainAxisAlignment.center, 37 | // crossAxisAlignment: CrossAxisAlignment.center, 38 | // children: [ 39 | // Container( 40 | // child: ListView.builder( 41 | // shrinkWrap: true, 42 | // physics: ScrollPhysics(), 43 | // itemCount: imageStorage.length + 1, 44 | // itemBuilder: (context, index){ 45 | // return index >= imageStorage.length 46 | // ? Padding( 47 | // padding: const EdgeInsets.only(left: 200, right: 200), 48 | // child: InkWell( 49 | // onTap: (){ 50 | // loadImage(); 51 | // }, 52 | // child: Container( 53 | // height: 50, 54 | // decoration: BoxDecoration( 55 | // borderRadius: BorderRadius.circular(50.0), 56 | // color: Colors.redAccent 57 | // ), 58 | // child: Center( 59 | // child: (isLoad == true) ? CircularProgressIndicator(backgroundColor: Colors.orangeAccent,) 60 | // : Text("Load Image", style: TextStyle(fontWeight: FontWeight.bold, color: Colors.white, fontSize: 25),), 61 | // ), 62 | // ), 63 | // ), 64 | // ) 65 | // : 66 | // Container(child: Image.file(imageStorage[index])); 67 | // } 68 | // ), 69 | // ), 70 | // ], 71 | // ), 72 | // ), 73 | // ], 74 | // ), 75 | // floatingActionButton: FloatingActionButton( 76 | // onPressed: () { 77 | // showModalForm(context); 78 | // }, 79 | // tooltip: "Add", 80 | // child: Icon(Icons.add, size: 40, ), 81 | // ), 82 | 83 | // ); 84 | // } 85 | 86 | // loadImage() async{ 87 | 88 | // setState(() { 89 | // isLoad = true; 90 | // }); 91 | 92 | // await Future.delayed(const Duration(seconds: 2)); 93 | 94 | // Directory path = await getApplicationDocumentsDirectory(); 95 | // setState(() { 96 | // for(int i = 1; i<3; i++){ 97 | // String pathFile = path.path; 98 | // String fileName = '$pathFile/img-' + i.toString() + '.png'; 99 | // File tempFile = File(fileName); 100 | // imageStorage.add(tempFile); 101 | // } 102 | // isLoad = false; 103 | // }); 104 | 105 | 106 | // return true; 107 | 108 | // } 109 | 110 | // void showModalForm(BuildContext context) { 111 | // showModalBottomSheet( 112 | // context: context, 113 | // builder: (ctx) { 114 | // return StatefulBuilder( 115 | // builder: (BuildContext context, StateSetter setStateModal ) { 116 | // return Container( 117 | // height: MediaQuery.of(context).size.height * 0.5, 118 | // child: Padding( 119 | // padding: EdgeInsets.only(top: MediaQuery.of(context).size.height * 0.03), 120 | // child: Column( 121 | // children: [ 122 | // Center( 123 | // child: Text("Upload Image", style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold),) 124 | // ), 125 | // Divider(thickness: 2,), 126 | // SizedBox(height: 30,), 127 | // RaisedButton( 128 | // textColor: Colors.white, 129 | // color: Colors.orangeAccent, 130 | // padding: const EdgeInsets.all(8.0), 131 | // child: Text("Pick images",), 132 | // onPressed: () async { 133 | // var res = await loadAssets(); 134 | // setStateModal(() { 135 | // imagePicker = res; 136 | // sError = ""; 137 | // }); 138 | // }, 139 | // ), 140 | // Expanded( 141 | // child: showImages(context), 142 | // ), 143 | // RaisedButton( 144 | // onPressed: (){ 145 | // save(); 146 | // }, 147 | // textColor: Colors.white, 148 | // color: Colors.red, 149 | // padding: const EdgeInsets.all(8.0), 150 | // child: new Text( 151 | // "Save", 152 | // ), 153 | // ), 154 | // ], 155 | // ), 156 | // ), 157 | // ); 158 | // } 159 | // ); 160 | // } 161 | // ); 162 | // } 163 | 164 | // Future> loadAssets() async { 165 | // List resultList = []; 166 | 167 | // try { 168 | // resultList = await MultiImagePicker.pickImages( 169 | // maxImages: 2, 170 | // enableCamera: true, 171 | // selectedAssets: imagePicker, 172 | // cupertinoOptions: CupertinoOptions(takePhotoIcon: "chat"), 173 | // materialOptions: MaterialOptions( 174 | // actionBarColor: "#abcdef", 175 | // actionBarTitle: "Image Example", 176 | // allViewTitle: "All Photos", 177 | // useDetailsView: false, 178 | // selectCircleStrokeColor: "#000000", 179 | // ), 180 | // ); 181 | // } on Exception catch (e) { 182 | // sError = e.toString(); 183 | // } 184 | 185 | // // if (!mounted) return null; 186 | 187 | // setState(() { 188 | // imagePicker = resultList; 189 | // sError = 'No Error Dectected'; 190 | // }); 191 | 192 | // return resultList; 193 | // } 194 | 195 | // void save() async{ 196 | // int i = 1; 197 | // imagePicker.forEach((imageAsset) async { 198 | // final filePath = await FlutterAbsolutePath.getAbsolutePath(imageAsset.identifier); 199 | // final file = await getImageFileFromAsset(filePath); 200 | // Directory path = await getApplicationDocumentsDirectory(); 201 | // String pathUpload = path.path; 202 | // String fileName = '$pathUpload/img-' + i.toString() + '.png'; 203 | // i++; 204 | // await file.copy(fileName); 205 | // }); 206 | 207 | // Navigator.of(context).pop(); 208 | // _scaffoldKey.currentState!.showSnackBar(new SnackBar(content: new Text('Yay! Upload success!'))); 209 | 210 | // } 211 | 212 | // getImageFileFromAsset(String path) async{ 213 | // return File(path); 214 | // } 215 | 216 | // Widget showImages(BuildContext context) { 217 | // return GridView( 218 | // shrinkWrap: true, 219 | // padding: EdgeInsets.only(left: 16, right: 16, top: 16, bottom: 16), 220 | // physics: const NeverScrollableScrollPhysics(), 221 | // scrollDirection: Axis.vertical, 222 | // children: List.generate( 223 | // imagePicker.length, 224 | // (index) { 225 | // Asset asset = imagePicker[index]; 226 | // return Container( 227 | // decoration: BoxDecoration( 228 | // color: Colors.white, 229 | // borderRadius: BorderRadius.only( 230 | // topLeft: Radius.circular(8.0), 231 | // bottomLeft: Radius.circular(8.0), 232 | // bottomRight: Radius.circular(8.0), 233 | // topRight: Radius.circular(8.0)), 234 | // boxShadow: [ 235 | // BoxShadow( 236 | // color: Colors.grey.withOpacity(0.4), 237 | // offset: Offset(1.1, 1.1), 238 | // blurRadius: 10.0), 239 | // ], 240 | // ), 241 | // child: Material( 242 | // color: Colors.transparent, 243 | // child: Column( 244 | // children: [ 245 | // Padding( 246 | // padding: EdgeInsets.only(top: 5, left: 5, right: 5, bottom: 5), 247 | // child: AssetThumb( 248 | // asset: asset, 249 | // width: 300, 250 | // height: 300, 251 | // ), 252 | // ), 253 | // ], 254 | // ), 255 | // ), 256 | // ); 257 | // }, 258 | // ), 259 | // gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( 260 | // crossAxisCount: 6, 261 | // mainAxisSpacing: 10.0, 262 | // crossAxisSpacing: 15.0, 263 | // childAspectRatio: 1.0, 264 | // ), 265 | // ); 266 | // } 267 | // } -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: tutorial_flutter 2 | description: A new Flutter project. 3 | 4 | # The following line prevents the package from being accidentally published to 5 | # pub.dev using `pub publish`. This is preferred for private packages. 6 | publish_to: 'none' # Remove this line if you wish to publish to pub.dev 7 | 8 | # The following defines the version and build number for your application. 9 | # A version number is three numbers separated by dots, like 1.2.43 10 | # followed by an optional build number separated by a +. 11 | # Both the version and the builder number may be overridden in flutter 12 | # build by specifying --build-name and --build-number, respectively. 13 | # In Android, build-name is used as versionName while build-number used as versionCode. 14 | # Read more about Android versioning at https://developer.android.com/studio/publish/versioning 15 | # In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion. 16 | # Read more about iOS versioning at 17 | # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html 18 | version: 1.0.0+1 19 | 20 | environment: 21 | sdk: '>=2.12.0 <3.0.0' 22 | 23 | dependencies: 24 | flutter: 25 | sdk: flutter 26 | #flutter_svg: ^0.18.0 27 | photo_view: ^0.12.0 28 | carousel_slider: ^4.0.0-nullsafety.0 29 | multi_image_picker: ^4.8.0 30 | path_provider: ^2.0.1 31 | 32 | flutter_bloc: ^7.0.0 33 | http: ^0.13.1 34 | # flutter_absolute_path: any 35 | # timelines: ^0.0.2+1 36 | image_picker: ^0.7.3 37 | flutter_slidable: ^0.6.0-nullsafety.0 38 | 39 | # The following adds the Cupertino Icons font to your application. 40 | # Use with the CupertinoIcons class for iOS style icons. 41 | cupertino_icons: ^1.0.2 42 | 43 | dev_dependencies: 44 | flutter_test: 45 | sdk: flutter 46 | 47 | # For information on the generic Dart part of this file, see the 48 | # following page: https://dart.dev/tools/pub/pubspec 49 | 50 | # The following section is specific to Flutter. 51 | flutter: 52 | 53 | # The following line ensures that the Material Icons font is 54 | # included with your application, so that you can use the icons in 55 | # the material Icons class. 56 | uses-material-design: true 57 | 58 | # To add assets to your application, add an assets section, like this: 59 | assets: 60 | - assets/ 61 | # - images/a_dot_ham.jpeg 62 | 63 | # An image asset can refer to one or more resolution-specific "variants", see 64 | # https://flutter.dev/assets-and-images/#resolution-aware. 65 | 66 | # For details regarding adding assets from package dependencies, see 67 | # https://flutter.dev/assets-and-images/#from-packages 68 | 69 | # To add custom fonts to your application, add a fonts section here, 70 | # in this "flutter" section. Each entry in this list should have a 71 | # "family" key with the font family name, and a "fonts" key with a 72 | # list giving the asset and other descriptors for the font. For 73 | # example: 74 | # fonts: 75 | # - family: Schyler 76 | # fonts: 77 | # - asset: fonts/Schyler-Regular.ttf 78 | # - asset: fonts/Schyler-Italic.ttf 79 | # style: italic 80 | # - family: Trajan Pro 81 | # fonts: 82 | # - asset: fonts/TrajanPro.ttf 83 | # - asset: fonts/TrajanPro_Bold.ttf 84 | # weight: 700 85 | # 86 | # For details regarding fonts from package dependencies, 87 | # see https://flutter.dev/custom-fonts/#from-packages 88 | -------------------------------------------------------------------------------- /test/widget_test.dart: -------------------------------------------------------------------------------- 1 | // This is a basic Flutter widget test. 2 | // 3 | // To perform an interaction with a widget in your test, use the WidgetTester 4 | // utility that Flutter provides. For example, you can send tap and scroll 5 | // gestures. You can also use WidgetTester to find child widgets in the widget 6 | // tree, read text, and verify that the values of widget properties are correct. 7 | 8 | import 'package:flutter/material.dart'; 9 | import 'package:flutter_test/flutter_test.dart'; 10 | 11 | import 'package:tutorial_flutter/main.dart'; 12 | 13 | void main() { 14 | testWidgets('Counter increments smoke test', (WidgetTester tester) async { 15 | // Build our app and trigger a frame. 16 | await tester.pumpWidget(MyApp()); 17 | 18 | // Verify that our counter starts at 0. 19 | expect(find.text('0'), findsOneWidget); 20 | expect(find.text('1'), findsNothing); 21 | 22 | // Tap the '+' icon and trigger a frame. 23 | await tester.tap(find.byIcon(Icons.add)); 24 | await tester.pump(); 25 | 26 | // Verify that our counter has incremented. 27 | expect(find.text('0'), findsNothing); 28 | expect(find.text('1'), findsOneWidget); 29 | }); 30 | } 31 | --------------------------------------------------------------------------------