• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• homebridge-nest-cam-master
  • tsconfig.spec.json
  • .github
    • ISSUE_TEMPLATE
      • bug_report.yml
      • feature_request.yml
      • config.yml
    • FUNDING.yml
    • dependabot.yml
    • labeler.yml
    • workflows
      • label.yml
      • stale.yml
      • npmpublish.yml
      • codeql-analysis.yml
      • npmbuild.yml
  • .eslintignore
  • src
    • accessory.ts
    • login.ts
    • index.ts
    • util
      • rtp.ts
    • homebridge-ui
      • public
        • styles.css
        • polyfills.ts
        • main.ts
        • index.html
        • test.ts
        • app
          • app.component.css
          • app.component.html
          • app.component.spec.ts
          • app.module.ts
          • app.component.ts
          • login
            • login.component.css
            • login.component.spec.ts
            • progress-bar
              • progress-bar.component.html
              • progress-bar.component.spec.ts
              • progress-bar.component.css
              • progress-bar.component.ts
            • login.component.html
            • login.component.ts
        • environments
          • environment.ts
          • environment.prod.ts
      • server.ts
    • streaming-delegate.ts
    • cli.ts
    • ffmpeg.ts
    • nest
      • endpoints.ts
      • protos
        • StartPlayback.ts
        • AudioPayload.ts
        • PlaybackEnd.ts
        • Hello.ts
        • Error.ts
        • PlaybackPacket.ts
        • Redirect.ts
        • Ok.ts
        • AuthorizeRequest.ts
        • TalkbackBegin.ts
        • StopPlayback.ts
        • PlaybackBegin.ts
        • TalkbackEnd.ts
      • cam.ts
      • types
        • camera.ts
        • config.ts
        • event.ts
        • structure.ts
        • session.ts
      • connection.ts
      • streamer.ts
      • structure.ts
      • session.ts
  • jest.config.js
  • branding
  • images
  • .prettierrc
  • LICENSE
  • test
    • NestCam.spec.ts
    • Connection.spec.ts
    • TestBase.ts
    • NestStructure.spec.ts
    • NestEndpoints.spec.ts
    • NestSession.spec.ts
  • config.schema.json
  • .browserslistrc
  • tsconfig.app.json
  • README.md
  • package.json
  • angular.json
  • .eslintrc.js
  • tsconfig.json
  • .gitignore
  • .prettierignore

import { Component, Input } from '@angular/core';

@Component({
  selector: 'progress-bar',
  templateUrl: './progress-bar.component.html',
  styleUrls: ['./progress-bar.component.css'],
})
export class ProgressBarComponent {
  @Input() progress?: number;
  @Input() total?: number;
  @Input() color = 'blue';

  constructor() {
    //if we don't have progress, set it to 0.
    if (!this.progress) {
    }
    //if we don't have a total aka no requirement, it's 100%.
    if (this.total === 0) {
      this.total = this.progress;
    } else if (!this.total) {
      this.total = 100;
    }
    //if the progress is greater than the total, it's also 100%.
    if (this.progress && this.total) {
      if (this.progress > this.total) {
        this.progress = 100;
        this.total = 100;
      }
      this.progress = (this.progress / this.total) * 100;
    }
  }
}