extensions/interactions/GraphInput/directives/oppia-short-response-graph-input.component.ts - develop - githubmirror/oppia

extensions/interactions/GraphInput/directives/oppia-short-response-graph-input.component.ts

49 строк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 GraphInput short 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} from '@angular/core';
import {GraphAnswer} from 'interactions/answer-defs';
import {HtmlEscaperService} from 'services/html-escaper.service';

@Component({
  selector: 'oppia-short-response-graph-input',
  templateUrl: './graph-input-short-response.component.html',
  styleUrls: [],
})
export class ShortResponseGraphInput {
  // 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;
  graph!: GraphAnswer;

  constructor(private htmlEscaperService: HtmlEscaperService) {}

  ngOnInit(): void {
    // TODO(#12104): Improve this short response by using a small
    // version of the graph image instead of an arbitrary label of
    // vertices and edges.
    this.graph = this.htmlEscaperService.escapedJsonToObj(
      this.answer
    ) as GraphAnswer;
  }
}