hestiacp/web/templates/pages/edit_db.html

<!-- Begin toolbar -->
<div class="l-sort">
  <div class="l-sort__inner">
    <div class="l-unit-toolbar__buttonstrip">
      <a class="button button-secondary" id="btn-back" href="/list/db/"><i class="fas fa-arrow-left status-icon blue"></i><?=_('Back');?></a>
    </div>
    <div class="l-unit-toolbar__buttonstrip">
      <a href="#" class="button" data-action="submit" data-id="vstobjects"><i class="fas fa-floppy-disk status-icon purple"></i><?=_('Save');?></a>
    </div>
  </div>
</div>
<!-- End toolbar -->

<div class="l-center animate__animated animate__fadeIn">

  <form id="vstobjects" name="v_edit_db" method="post" class="<?=$v_status?>">
    <input type="hidden" name="token" value="<?=$_SESSION['token']?>">
    <input type="hidden" name="save" value="save">

    <div class="form-container">
      <h1 class="form-title"><?=_('Editing Database');?></h1>
      <?php show_alert_message($_SESSION);?>
      <div class="u-mb10">
        <label for="v_database" class="form-label"><?=_('Database');?></label>
        <input type="text" class="form-control" name="v_database" id="v_database" value="<?=htmlentities(trim($v_database, "'"))?>" disabled>
        <small class="hint"></small>
      </div>
      <div class="u-mb10">
        <label for="v_dbuser" class="form-label u-side-by-side">
          <?=_('Username');?>
          <em><small>(<?=sprintf(_('maximum characters length, including prefix'), 32);?>)</small></em>
        </label>
        <input type="text" class="form-control" name="v_dbuser" id="v_dbuser" value="<?=htmlentities(trim($v_dbuser, "'"))?>">
        <small class="hint"></small>
      </div>
      <div class="u-mb10">
        <label for="v_password" class="form-label">
          <?=_('Password');?>
          <a href="javascript:applyRandomString();" title="<?=_('generate');?>" class="u-ml5"><i class="fas fa-arrows-rotate status-icon green icon-large"></i></a>
        </label>
        <div class="u-pos-relative u-mb10">
          <input type="text" class="form-control js-password-input" name="v_password" id="v_password" value="<?=htmlentities(trim($v_password, "'"))?>">
          <meter max="4" class="password-meter"></meter>
        </div>
      </div>
      <p class="u-mb10"><?=_('Your password must have at least');?>:</p>
      <ul class="u-list-bulleted u-mb10">
        <li><?=_('8 characters long');?></li>
        <li><?=_('1 uppercase & 1 lowercase character');?></li>
        <li><?=_('1 number');?></li>
      </ul>
      <div class="u-mb10">
        <label for="v_type" class="form-label"><?=_('Type');?></label>
        <input type="text" class="form-control" name="v_type" id="v_type" value="<?=htmlentities(trim($v_type, "'"))?>" disabled>
      </div>
      <div class="u-mb10">
        <label for="v_host" class="form-label"><?=_('Host');?></label>
        <input type="text" class="form-control" name="v_host" id="v_host" value="<?=htmlentities(trim($v_host, "'"))?>" disabled>
      </div>
      <div class="u-mb10">
        <label for="v_charset" class="form-label"><?=_('Charset');?></label>
        <input type="text" class="form-control" name="v_charset" id="v_charset" value="<?=htmlentities(trim($v_charset, "'"))?>" disabled>
      </div>
    </div>

  </form>

</div>

<?php if ($v_type == 'pgsql'){ $user_plain=strtolower($user_plain); } ?>
<script>
  GLOBAL.DB_USER_PREFIX = "<?=$user_plain;?>_";
  GLOBAL.DB_DBNAME_PREFIX = "<?=$user_plain;?>_";
</script>