extensions/interactions/ImageClickInput/directives/oppia-response-image-click-input.component.ts - develop - githubmirror/oppia

extensions/interactions/ImageClickInput/directives/oppia-response-image-click-input.component.ts

54 строки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 ImageClickInput 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';
interface ClickRegion {
  clickPosition: number[];
  clickedRegions: string[];
}
@Component({
  selector: 'oppia-response-image-click-input',
  templateUrl: './image-click-input-response.component.html',
  styleUrls: [],
})
export class ResponseImageClickInput 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;
  clickRegionLabel!: string;

  constructor(private htmlEscaperService: HtmlEscaperService) {}

  ngOnInit(): void {
    const _answer = this.htmlEscaperService.escapedJsonToObj(
      this.answer
    ) as ClickRegion;
    this.clickRegionLabel =
      '(Clicks on ' +
      (_answer.clickedRegions.length > 0
        ? "'" + _answer.clickedRegions[0] + "'"
        : 'image') +
      ')';
  }
}