feat: progress supports indeterminate and busy

Author: farfromrefug

src/progress/progress-common.ts

@@ -1,10 +1,18 @@
 import { cssProperty } from '@nativescript-community/ui-material-core';
-import { CSSType, Color, CssProperty, Progress as NSProgress, Style } from '@nativescript/core';
+import { CSSType, Color, CssProperty, Progress as NSProgress, Property, Style, booleanConverter } from '@nativescript/core';
 
 @CSSType('MDProgress')
 export abstract class ProgressBase extends NSProgress {
     @cssProperty progressColor: Color;
     @cssProperty progressBackgroundColor: Color;
+    public indeterminate: boolean;
+    public busy: boolean;
+    public startAnimating() {
+        this.busy = true;
+    }
+    public stopAnimating() {
+        this.busy = false;
+    }
 }
 
 export const progressColorProperty = new CssProperty<Style, Color>({
@@ -19,5 +27,15 @@ export const progressBackgroundColorProperty = new CssProperty<Style, Color>({
     equalityComparer: Color.equals,
     valueConverter: v => new Color(v)
 });
+export const busyProperty = new Property<ProgressBase, boolean>({
+    name: 'busy',
+    valueConverter: booleanConverter
+});
+export const indeterminateProperty = new Property<ProgressBase, boolean>({
+    name: 'indeterminate',
+    valueConverter: booleanConverter
+});
+busyProperty.register(ProgressBase);
+indeterminateProperty.register(ProgressBase);
 progressColorProperty.register(Style);
 progressBackgroundColorProperty.register(Style);

src/progress/progress.android.ts

@@ -1,6 +1,7 @@
 import { themer } from '@nativescript-community/ui-material-core';
-import { Color, colorProperty } from '@nativescript/core';
-import { ProgressBase, progressBackgroundColorProperty, progressColorProperty } from './progress-common';
+import { Color, colorProperty, visibilityProperty } from '@nativescript/core';
+import { Visibility } from '@nativescript/core/ui/enums';
+import { ProgressBase, busyProperty, indeterminateProperty, progressBackgroundColorProperty, progressColorProperty } from './progress-common';
 
 export class Progress extends ProgressBase {
     constructor() {
@@ -15,4 +16,36 @@ export class Progress extends ProgressBase {
     [progressBackgroundColorProperty.setNative](color: Color) {
         this.nativeViewProtected.setProgressBackgroundTintList(color ? android.content.res.ColorStateList.valueOf(color.android) : null);
     }
+    [indeterminateProperty.setNative](value: boolean) {
+        this.nativeViewProtected.setIndeterminate(value);
+    }
+    [busyProperty.getDefault]() {
+        return false;
+    }
+    [busyProperty.setNative](value) {
+        // if (value) {
+        this.nativeViewProtected.setVisibility(value ? android.view.View.VISIBLE : android.view.View.INVISIBLE);
+        // }
+    }
+    // [visibilityProperty.setNative](value) {
+    //     switch (value) {
+    //         case Visibility.VISIBLE:
+    //             this.nativeViewProtected.setVisibility(this.busy ? android.view.View.VISIBLE : android.view.View.INVISIBLE);
+    //             break;
+    //         case Visibility.HIDDEN:
+    //             this.nativeViewProtected.setVisibility(android.view.View.INVISIBLE);
+    //             break;
+    //         case Visibility.COLLAPSE:
+    //             this.nativeViewProtected.setVisibility(android.view.View.GONE);
+    //             break;
+    //         default:
+    //             throw new Error(`Invalid visibility value: ${value}. Valid values are: "${Visibility.VISIBLE}", "${Visibility.HIDDEN}", "${Visibility.COLLAPSE}".`);
+    //     }
+    // }
+    public startAnimating() {
+        this.busy = true;
+    }
+    public stopAnimating() {
+        this.busy = false;
+    }
 }

src/progress/progress.ios.ts

@@ -1,6 +1,6 @@
 import { themer } from '@nativescript-community/ui-material-core';
 import { Color, Screen } from '@nativescript/core';
-import { ProgressBase, progressBackgroundColorProperty, progressColorProperty } from './progress-common';
+import { ProgressBase, busyProperty, indeterminateProperty, progressBackgroundColorProperty, progressColorProperty } from './progress-common';
 
 export class Progress extends ProgressBase {
     nativeViewProtected: MDCProgressView;
@@ -25,4 +25,24 @@ export class Progress extends ProgressBase {
     [progressBackgroundColorProperty.setNative](color: Color) {
         this.nativeViewProtected.trackTintColor = color ? color.ios : null;
     }
+    [indeterminateProperty.setNative](value: boolean) {
+        this.nativeViewProtected.mode = value ? MDCProgressViewMode.Indeterminate : MDCProgressViewMode.Determinate;
+        if (this.busy) {
+            this.nativeViewProtected.startAnimating();
+        }
+    }
+    [busyProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        if (nativeView.mode === MDCProgressViewMode.Determinate) {
+            return;
+        }
+        if (value) {
+            nativeView.startAnimating();
+        } else {
+            nativeView.stopAnimating();
+        }
+        // if (nativeView.hidesWhenStopped) {
+        //     this.requestLayout();
+        // }
+    }
 }