chrome/browser/resources/chromeos/parent_access/parent_access_after.js

// Copyright 2021 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'chrome://resources/cr_elements/cr_button/cr_button.js';
import './flows/local_web_approvals_after.js';

import {html, PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';

import {LocalWebApprovalsAfterElement} from './flows/local_web_approvals_after.js';
import {ParentAccessParams_FlowType, ParentAccessResult} from './parent_access_ui.mojom-webui.js';
import {getParentAccessParams, getParentAccessUIHandler} from './parent_access_ui_handler.js';

class ParentAccessAfter extends PolymerElement {
  constructor() {
    super();
    this.parentAccessUIHandler = getParentAccessUIHandler();
  }

  static get is() {
    return 'parent-access-after';
  }

  static get template() {
    return html`{__html_template__}`;
  }

  /** @override */
  ready() {
    super.ready();
    this.renderFlowSpecificContent_();
  }

  onShowAfterScreen() {
    this.shadowRoot.querySelector('.action-button').focus();
  }

  /**
   * Renders the correct after screen based on the ParentAccessParams flowtype.
   * @private
   */
  async renderFlowSpecificContent_() {
    const response = await getParentAccessParams();
    switch (response.params.flowType) {
      case ParentAccessParams_FlowType.kWebsiteAccess:
        this.shadowRoot.querySelector('#after-screen-body')
            .appendChild(new LocalWebApprovalsAfterElement());
        return;
      default:
        return;
    }
  }

  /**
   * @param {Event} e
   * @private
   */
  onParentApproved_(e) {
    this.parentAccessUIHandler.onParentAccessDone(ParentAccessResult.kApproved);
  }

  /**
   * @param {Event} e
   * @private
   */
  onParentDeclined_(e) {
    this.parentAccessUIHandler.onParentAccessDone(ParentAccessResult.kDeclined);
  }
}

customElements.define(ParentAccessAfter.is, ParentAccessAfter);