extensions/objects/templates/ratio-expression-editor.component.ts - develop - githubmirror/oppia

extensions/objects/templates/ratio-expression-editor.component.ts
82 строки3 KB
Hardik Goyal
Fix #7092: Remove downgradeComponent (#21903)
18 фев 2025, 21:22
18 фев 2025, 21:224dbd84c
// Copyright 2020 The Oppia Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS-IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/**
 * @fileoverview Component for ratio editor.
 */

import {Ratio} from 'domain/objects/ratio.model';
import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
import {EventBusGroup, EventBusService} from 'app-events/event-bus.service';
import {ObjectFormValidityChangeEvent} from 'app-events/app-events';

@Component({
  selector: 'ratio-expression-editor',
  templateUrl: './ratio-expression-editor.component.html',
})
export class RatioExpressionEditorComponent implements OnInit {
  // These properties are initialized using Angular lifecycle hooks
  // and we need to do non-null assertion. For more information, see
  // https://github.com/oppia/oppia/wiki/Guide-on-defining-types#ts-7-1
  @Input() modalId!: symbol;
  @Input() value!: number[];
  @Output() valueChanged = new EventEmitter();
  localValue!: {label: string};
  warningTextI18nKey: string = '';
  eventBusGroup: EventBusGroup;

  constructor(private eventBusService: EventBusService) {
    this.eventBusGroup = new EventBusGroup(this.eventBusService);
  }

  ngOnInit(): void {
    if (this.value === undefined || this.value === null) {
      this.value = [1, 1];
      this.valueChanged.emit(this.value);
    }
    this.localValue = {
      label: Ratio.fromList(this.value).toAnswerString(),
    };
  }

  isValidRatio(value: string): boolean {
    try {
      this.value = Ratio.fromRawInputString(value).components;
      this.valueChanged.emit(this.value);
      this.warningTextI18nKey = '';
      this.eventBusGroup.emit(
        new ObjectFormValidityChangeEvent({
          modalId: this.modalId,
          value: false,
        })
      );
      return true;
      // We use unknown type because we are unsure of the type of error
      // that was thrown. Since the catch block cannot identify the
      // specific type of error, we are unable to further optimise the
      // code by introducing more types of errors.
    } catch (parsingError: unknown) {
      if (parsingError instanceof Error) {
        this.warningTextI18nKey = parsingError.message;
      }
      this.eventBusGroup.emit(
        new ObjectFormValidityChangeEvent({
          modalId: this.modalId,
          value: true,
        })
      );
      return false;
    }
  }
}