core/templates/components/common-layout-directives/common-elements/attribution-guide.component.ts - develop - githubmirror/oppia

core/templates/components/common-layout-directives/common-elements/attribution-guide.component.ts
122 строки4 KB
Meeth
Fix part of #25877 Remove webpack build architecture (#26078)
10 июл 2026, 12:38
10 июл 2026, 12:389089f71
// Copyright 2016 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 attribution guide.
 */

import {Component, OnInit, ViewEncapsulation} from '@angular/core';

import {BrowserCheckerService} from 'domain/utilities/browser-checker.service';
import {AttributionService} from 'services/attribution.service';
import {PageContextService} from 'services/page-context.service';
import {UrlService} from 'services/contextual/url.service';
import {I18nLanguageCodeService} from 'services/i18n-language-code.service';
import {WindowDimensionsService} from 'services/contextual/window-dimensions.service';

import './attribution-guide.component.css';

@Component({
  selector: 'attribution-guide',
  templateUrl: './attribution-guide.component.html',
  styleUrls: ['./attribution-guide.component.css'],
  encapsulation: ViewEncapsulation.None,
})
export class AttributionGuideComponent implements OnInit {
  deviceUsedIsMobile: boolean = false;
  iframed: boolean = false;
  generateAttibutionIsAllowed: boolean = false;
  maskIsShown: boolean = false;
  printAttributionLink: string = '';
  constructor(
    private attributionService: AttributionService,
    private browserCheckerService: BrowserCheckerService,
    private pageContextService: PageContextService,
    private i18nLanguageCodeService: I18nLanguageCodeService,
    private urlService: UrlService,
    private windowDimensionsService: WindowDimensionsService
  ) {}

  ngOnInit(): void {
    this.deviceUsedIsMobile = this.browserCheckerService.isMobileDevice();
    this.iframed = this.urlService.isIframed();
    this.printAttributionLink =
      '<a href="https://creativecommons.org/licenses/by-sa/4.0/" ' +
      'rel="noopener" target="_blank"><span ' +
      'class="oppia-attribution-licence-link">CC BY SA 4.0 license</span>' +
      '<span class="fas fa-external-link-alt oppia-open-new-tab-icon">' +
      '</span></a>';
    this.generateAttibutionIsAllowed =
      this.attributionService.isGenerateAttributionAllowed();
    if (this.generateAttibutionIsAllowed) {
      this.attributionService.init();
    }
  }

  checkMobileView(): boolean {
    return this.windowDimensionsService.getWidth() <= 1024;
  }

  getAttributionModalStatus(): boolean {
    return this.attributionService.isAttributionModalShown();
  }

  showAttributionModal(): void {
    this.attributionService.showAttributionModal();
    this.maskIsShown = true;
  }

  hideAttributionModal(): void {
    this.attributionService.hideAttributionModal();
    this.maskIsShown = false;
  }

  getPageUrl(): string {
    return this.urlService.getCurrentLocation().href;
  }

  getAuthors(): string {
    return this.attributionService.getAuthors().join(', ');
  }

  getExplorationTitle(): string {
    return this.attributionService.getExplorationTitle();
  }

  getExplorationId(): string {
    return this.pageContextService.getExplorationId();
  }

  copyAttribution(className: string): void {
    const codeDiv = document.getElementsByClassName(
      className
    )[0] as HTMLElement;
    if (!codeDiv) {
      return;
    }
    const range = document.createRange();
    range.setStartBefore(codeDiv.firstChild as Node);
    range.setEndAfter(codeDiv.lastChild as Node);
    // 'getSelection()' will not return 'null' since it is not called on an
    // undisplayed <iframe>. That is why we can use '?'.
    const selection = window.getSelection();
    selection?.removeAllRanges();
    selection?.addRange(range);
    document.execCommand('copy');
    selection?.removeAllRanges();
    codeDiv.setAttribute('title', 'Copied!');
    codeDiv.dispatchEvent(new Event('mouseenter'));
    setTimeout(() => codeDiv.removeAttribute('title'), 1000);
  }
}