extensions/interactions/NumericInput/directives/oppia-response-numeric-input.component.ts - develop - githubmirror/oppia

extensions/interactions/NumericInput/directives/oppia-response-numeric-input.component.ts

46 строк2 KB

Hardik Goyal

Fix #7092: Remove downgradeComponent (#21903)

18 фев 2025, 21:22

18 фев 2025, 21:224dbd84c

// Copyright 2021 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 the NumericInput response.
 *
 * IMPORTANT NOTE: The naming convention for customization args that are passed
 * into the directive is: the name of the parameter, followed by 'With',
 * followed by the name of the arg.
 */

import {Component, Input, OnInit} from '@angular/core';
import {HtmlEscaperService} from 'services/html-escaper.service';

@Component({
  selector: 'oppia-response-numeric-input',
  templateUrl: './numeric-input-response.component.html',
  styleUrls: [],
})
export class ResponseNumericInput 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() answer!: string;
  displayAnswer!: Object;

  constructor(private htmlEscaperService: HtmlEscaperService) {}

  ngOnInit(): void {
    this.displayAnswer = this.htmlEscaperService.escapedJsonToObj(this.answer);
    if ((this.displayAnswer as number) % 1 === 0) {
      this.displayAnswer = Math.round(this.displayAnswer as number);
    }
  }
}