extensions/interactions/CodeRepl/directives/oppia-response-code-repl.component.ts - develop - githubmirror/oppia

extensions/interactions/CodeRepl/directives/oppia-response-code-repl.component.ts

59 строк2 KB

Hardik Goyal

Fix #7092: Remove downgradeComponent (#21903)

18 фев 2025, 21:22

18 фев 2025, 21:224dbd84c

// Copyright 2019 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 Directive for the CodeRepl 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';
import {FocusManagerService} from 'services/stateful/focus-manager.service';

export interface Answer {
  error: string;
  code: string;
  output: string;
  evaluation: string;
}

@Component({
  selector: 'oppiaResponseCodeRepl',
  templateUrl: './code-repl-response.component.html',
  styleUrls: [],
})
export class ResponseCodeReplComponent implements OnInit {
  @Input() answer!: string;
  // 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
  escapedAnswer!: Answer;
  errorFocusLabel!: string;
  constructor(
    private htmlEscaperService: HtmlEscaperService,
    private focusManagerService: FocusManagerService
  ) {}

  ngOnInit(): void {
    this.escapedAnswer = this.htmlEscaperService.escapedJsonToObj(
      this.answer
    ) as Answer;
    if (this.escapedAnswer.error) {
      this.errorFocusLabel = this.focusManagerService.generateFocusLabel();
      this.focusManagerService.setFocus(this.errorFocusLabel);
    }
  }
}