/*
 * This file is part of Cockpit.
 *
 * Copyright (C) 2020 Red Hat, Inc.
 *
 * Cockpit is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation; either version 2.1 of the License, or
 * (at your option) any later version.
 *
 * Cockpit is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
 */

import cockpit from 'cockpit';
import React from 'react';
import { useObject, useEvent } from 'hooks.js';

import { Button, TextArea } from '@patternfly/react-core';
import { show_modal_dialog } from "cockpit-components-dialog.jsx";
import { show_unexpected_error } from "./dialog-utils.js";
import * as authorized_keys from './authorized-keys.js';

const _ = cockpit.gettext;

function AddAuthorizedKeyDialogBody({ state, change }) {
    const { text } = state;

    return (
        <TextArea id="authorized-keys-text"
                  placeholder={_("Paste the contents of your public SSH key file here")}
                  className="form-control"
                  value={text} onChange={value => change("text", value)} />
    );
}

function add_authorized_key_dialog(keys) {
    let dlg = null;
    const state = {
        text: ""
    };

    function change(field, value) {
        state[field] = value;
        update();
    }

    function update() {
        const props = {
            id: "add-authorized-key-dialog",
            title: _("Add public key"),
            body: <AddAuthorizedKeyDialogBody state={state} change={change} />
        };

        const footer = {
            actions: [
                {
                    caption: _("Add"),
                    style: "primary",
                    clicked: () => {
                        return keys.add_key(state.text);
                    }
                }
            ]
        };

        if (!dlg)
            dlg = show_modal_dialog(props, footer);
        else {
            dlg.setProps(props);
            dlg.setFooterProps(footer);
        }
    }

    update();
}

export function AuthorizedKeys({ name, home, allow_mods }) {
    const manager = useObject(() => authorized_keys.instance(name, home),
                              manager => manager.close(),
                              [name, home]);
    useEvent(manager, "changed");

    function remove_key(raw) {
        manager.remove_key(raw).catch(show_unexpected_error);
    }

    const { state, keys } = manager;
    let key_items;

    if (state == "access-denied") {
        key_items = [
            <li key={state} className="pf-c-data-list__item">
                <div key={state} className="pf-c-data-list__item-row fingerprint">
                    <span>{_("You do not have permission to view the authorized public keys for this account.")}</span>
                </div>
            </li>
        ];
    } else if (state == "failed") {
        key_items = [
            <li key={state} className="pf-c-data-list__item">
                <div key={state} className="pf-c-data-list__item-row fingerprint">
                    <span>{_("Failed to load authorized keys.")}</span>
                </div>
            </li>
        ];
    } else if (state == "ready") {
        if (keys.length === 0) {
            key_items = [
                <li key={state} className="pf-c-data-list__item">
                    <div key="empty" className="pf-c-data-list__item-row no-keys">
                        {_("There are no authorized public keys for this account.")}
                    </div>
                </li>
            ];
        } else {
            key_items = keys.map(k =>
                <li key={k.raw} className="pf-c-data-list__item">
                    <div className="pf-c-data-list__item-row">
                        <div className="pf-c-data-list__item-content">
                            <div className="pf-c-data-list__cell comment">
                                { k.comment || <em>{_("Unnamed")}</em> }
                            </div>
                            <div className="pf-c-data-list__cell fingerprint">
                                { k.fp || <span>{_("Invalid key")}</span> }
                            </div>
                        </div>
                        { allow_mods &&
                        <div className="pf-c-data-list__item-action">
                            <Button variant="secondary" onClick={() => remove_key(k.raw)}
                                    className="account-remove-key">
                                {_("Remove")}
                            </Button>
                        </div> }
                    </div>
                </li>);
        }
    } else
        return null;

    return (
        <div className="pf-c-card" id="account-authorized-keys">
            <div className="pf-c-card__header">
                <div className="pf-c-card__title"><h2>{_("Authorized public SSH keys")}</h2></div>
                { allow_mods &&
                <Button onClick={() => add_authorized_key_dialog(manager)}
                        id="authorized-key-add">
                    {_("Add key")}
                </Button>}
            </div>
            <div className="pf-c-card__body contains-list">
                <ul className="pf-c-data-list pf-m-compact" id="account-authorized-keys-list">
                    { key_items }
                </ul>
            </div>
        </div>);
}
