CreatorLMS Editor

.inline-actions{ display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
  .radio-row{ display:flex; flex-wrap:wrap; gap:.75rem 1.2rem; padding-top:4px; }
  .radio-row .form-check{ margin:0; }

.readonly-like{
    background:#f8f9fa; border:1px solid rgba(0,0,0,.12);
    border-radius:.5rem; padding:.5rem .75rem; min-height:38px;
    display:flex; align-items:center;
  }

.panel{
    border:1px solid rgba(0,0,0,.08);
    border-radius:.75rem;
    background:#fff;
    padding:12px;
    margin-top:10px;
  }
  .help-muted{ color:#6b7280; font-size:.85rem; }

.perm-grid{
    display:flex; flex-wrap:wrap; gap:.55rem .9rem;
    padding-top:4px;
  }
  .perm-grid .form-check{ margin:0; }

@media (max-width: 576px){
    .kv-label{ width:120px; }
  }
</style>

function submitEdit(){
    alert('프로토타입: 관리자 정보 수정 완료(가정)\\n→ 관리자 리스트로 이동합니다.');
    location.href = 'app.php?p=ops/admin_list.html';
  }

function open2faGuide(){
    alert('프로토타입: 2FA 재등록/초기화 안내(QR/앱 연동) 팝업을 띄우는 버튼입니다.');
  }
</script>

<div class="d-flex align-items-center justify-content-between mb-2">
  <div>
    <h1 class="h4 mb-1">관리자 수정

</h1>
    <div class="text-muted">관리자 계정의 권한/상태/보안 정책을 수정합니다.</div>
  </div>
</div>

<div class="kv-row">
            <div class="kv-label">이름</div><div class="kv-sep"></div>
            <div class="kv-value">
              <div class="readonly-like" style="max-width:360px;">홍길동</div>
              <div class="help-muted mt-2">* 이름은 변경할 수 없습니다.</div>
            </div>
          </div>

<div class="kv-row">
            <div class="kv-label">이메일 (로그인 ID)</div><div class="kv-sep"></div>
            <div class="kv-value">
              <div class="readonly-like" style="max-width:380px;">admin03@example.com</div>
              <div class="help-muted mt-2">* 로그인 ID는 변경할 수 없습니다.</div>
            </div>
          </div>

<div class="kv-row">
            <div class="kv-label">비밀번호 변경</div><div class="kv-sep"></div>
            <div class="kv-value">
              <div class="panel" style="max-width:760px;">
                <div class="help-muted mb-2">* 비밀번호를 변경하지 않으려면 비워두세요.</div>
                <div class="row g-2">
                  <div class="col-12 col-md-6">
                    <div class="help-muted mb-1">새 비밀번호</div>
                    <input id="pw" type="password" class="form-control" placeholder="새 비밀번호" maxlength="60" style="max-width:260px;">
                  </div>
                  <div class="col-12 col-md-6">
                    <div class="help-muted mb-1">새 비밀번호 확인</div>
                    <input id="pw2" type="password" class="form-control" placeholder="새 비밀번호 확인" maxlength="60" style="max-width:260px;">
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="kv-row">
            <div class="kv-label"><span class="text-danger me-1">*</span> 권한(역할)</div><div class="kv-sep"></div>
            <div class="kv-value">
              <div class="radio-row">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="adm_role" id="role_super" checked>
                  <label class="form-check-label" for="role_super">슈퍼관리자</label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="adm_role" id="role_normal">
                  <label class="form-check-label" for="role_normal">일반관리자</label>
                </div>
              </div>

<div class="panel">
                <div class="fw-semibold mb-2">권한 범위(모듈 접근)</div>
                <div class="perm-grid">
                  <label class="form-check"><input class="form-check-input" type="checkbox" checked> 계정</label>
                  <label class="form-check"><input class="form-check-input" type="checkbox" checked> 상품</label>
                  <label class="form-check"><input class="form-check-input" type="checkbox" checked> 결제</label>
                  <label class="form-check"><input class="form-check-input" type="checkbox" checked> 정산</label>
                  <label class="form-check"><input class="form-check-input" type="checkbox" checked> 운영</label>
                  <label class="form-check"><input class="form-check-input" type="checkbox" checked> 통계</label>
                  <label class="form-check"><input class="form-check-input" type="checkbox" checked> 마케팅</label>
                </div>
                <div class="help-muted mt-2">* 프로토타입: 실제 권한 제어는 미구현.</div>
              </div>
            </div>
          </div>

<div class="kv-row">
            <div class="kv-label"><span class="text-danger me-1">*</span> 상태</div><div class="kv-sep"></div>
            <div class="kv-value">
              <div class="radio-row">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="adm_status" id="st_active" checked>
                  <label class="form-check-label" for="st_active">활성</label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="adm_status" id="st_locked">
                  <label class="form-check-label" for="st_locked">잠금</label>
                </div>
              </div>
              <div class="help-muted mt-2">* 잠금 시 로그인이 제한됩니다.</div>
            </div>
          </div>

<div class="kv-row">
            <div class="kv-label">보안 설정</div><div class="kv-sep"></div>
            <div class="kv-value">

<div class="panel">
                <div class="fw-semibold mb-2">2단계 인증(2FA)</div>
                <div class="radio-row">
                  <div class="form-check">
                    <input class="form-check-input" type="radio" name="twofa" id="twofa_on" checked>
                    <label class="form-check-label" for="twofa_on">사용</label>
                  </div>
                  <div class="form-check">
                    <input class="form-check-input" type="radio" name="twofa" id="twofa_off">
                    <label class="form-check-label" for="twofa_off">미사용</label>
                  </div>
                  <button type="button" class="btn btn-outline-secondary btn-sm" onclick="open2faGuide()">재등록 안내</button>
                  <button type="button" class="btn btn-outline-secondary btn-sm"
                          onclick="pa(event,'프로토타입: 2FA 초기화(복구코드/등록 해제) 처리')">2FA 초기화</button>
                </div>
                <div class="help-muted mt-2">* 권장: 슈퍼관리자는 2FA 필수.</div>
              </div>

<div class="panel">
                <div class="fw-semibold mb-2">IP 허용목록(화이트리스트)</div>
                <textarea class="form-control" rows="3" style="max-width:720px;"
                  placeholder="예)&#10;203.0.113.10&#10;203.0.113.0/24">203.0.113.10
203.0.113.0/24</textarea>
                <div class="help-muted mt-2">* 한 줄에 1개 IP/CIDR.</div>
              </div>

<div class="panel">
                <div class="fw-semibold mb-2">정책</div>

</div>
          </div>

<div class="kv-row">
            <div class="kv-label">관리자 메모</div><div class="kv-sep"></div>
            <div class="kv-value">
              <textarea class="form-control" rows="3" style="max-width:720px;"
                placeholder="내부 메모(예: 담당자/변경이력 등)">2026-02-10: 슈퍼관리자 승격
2026-02-13: IP 제한 추가</textarea>
            </div>
          </div>

</div>

<div class="border-top pt-3 mt-3 d-flex justify-content-center gap-2">
          <a class="btn btn-outline-secondary" href="app.php?p=ops/admin_list.html">리스트</a>
          <button class="btn btn-primary" type="button" onclick="submitEdit()">저장</button>
        </div>
      </div>
    </div>
  </div>
</div>

간단 소스 편집기