github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/sawtooth-supply-chain-master/asset_client/src/views/agent_detail.js

/**
 * Copyright 2017 Intel Corporation
 *
 * 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.
 * ----------------------------------------------------------------------------
 */
'use strict'

const m = require('mithril')
const _ = require('lodash')

const api = require('../services/api')
const transactions = require('../services/transactions')
const layout = require('../components/layout')
const forms = require('../components/forms')

// Returns a string of bullets
const bullets = count => _.fill(Array(count), '•').join('')

// Basis for info fields with headers
const labeledField = (header, field) => {
  return m('.field-group.mt-5', header, field)
}

const fieldHeader = (label, ...additions) => {
  return m('.field-header', [
    m('span.h5.mr-3', label),
    additions
  ])
}

// Simple info field with a label
const staticField = (label, info) => labeledField(fieldHeader(label), info)

const toggledInfo = (isToggled, initialView, toggledView) => {
  return m('.field-info', isToggled ? toggledView : initialView)
}

// An in-line form for updating a single field
const infoForm = (state, key, onSubmit, opts) => {
  return m('form.form-inline', {
    onsubmit: () => onSubmit().then(() => { state.toggled[key] = false })
  }, [
    m('input.form-control-sm.mr-1', _.assign({
      oninput: m.withAttr('value', value => { state.update[key] = value })
    }, opts)),
    m('button.btn.btn-secondary.btn-sm.mr-1', {
      onclick: () => { state.toggled[key] = false }
    }, 'Cancel'),
    m('button.btn.btn-primary.btn-sm.mr-1', { type: 'submit' }, 'Update')
  ])
}

const privateKeyField = state => {
  return labeledField(
    fieldHeader('Private Key',
      forms.clickIcon('eye', () => {
        if (state.toggled.privateKey) {
          state.toggled.privateKey = false
          return
        }
        return transactions.getPrivateKey()
          .then(privateKey => {
            state.toggled.privateKey = privateKey
            m.redraw()
          })
      }),
      forms.clickIcon('cloud-download', () => {
        return transactions.getPrivateKey()
          .then(privateKey => {
            forms.triggerDownload(`${state.agent.username}.priv`, privateKey)
          })
      })),
    toggledInfo(
      state.toggled.privateKey,
      bullets(64),
      state.toggled.privateKey))
}

// Pencil icon that simply toggles visibility
const editIcon = (obj, key) => {
  return forms.clickIcon('pencil', () => { obj[key] = !obj[key] })
}

// Edits a field in state
const editField = (state, label, key) => {
  const currentInfo = _.get(state, ['agent', key], '')
  const onSubmit = () => {
    return api.patch('users', _.pick(state.update, key))
      .then(() => { state.agent[key] = state.update[key] })
  }

  return labeledField(
    fieldHeader(label, editIcon(state.toggled, key)),
    toggledInfo(
      state.toggled[key],
      currentInfo,
      infoForm(state, key, onSubmit, {placeholder: currentInfo})))
}

const passwordField = state => {
  const onSubmit = () => {
    return transactions.changePassword(state.update.password)
      .then(encryptedKey => {
        return api.patch('users', {
          encryptedKey,
          password: state.update.password
        })
      })
      .then(() => m.redraw())
  }

  return labeledField(
    fieldHeader('Password', editIcon(state.toggled, 'password')),
    toggledInfo(
      state.toggled.password,
      bullets(16),
      infoForm(state, 'password', onSubmit, { type: 'password' })))
}

/**
 * Displays information for a particular Agent.
 * The information can be edited if the user themself.
 */
const AgentDetailPage = {
  oninit (vnode) {
    vnode.state.toggled = {}
    vnode.state.update = {}
    api.get(`agents/${vnode.attrs.publicKey}`)
      .then(agent => { vnode.state.agent = agent })
  },

  view (vnode) {
    const publicKey = _.get(vnode.state, 'agent.publicKey', '')

    const profileContent = [
      layout.row(privateKeyField(vnode.state)),
      layout.row([
        editField(vnode.state, 'Username', 'username'),
        passwordField(vnode.state)
      ]),
      layout.row(editField(vnode.state, 'Email', 'email'))
    ]

    return [
      layout.title(_.get(vnode.state, 'agent.name', '')),
      m('.container',
        layout.row(staticField('Public Key', publicKey)),
        publicKey === api.getPublicKey() ? profileContent : null)
    ]
  }
}

module.exports = AgentDetailPage