Practice/wheeparam/views/themes/admin/setting/apis.php

<div class="page-header">
    <h1 class="page-title">사이트 기본 설정</h1>
</div>

<?=form_open_multipart("admin/setting/update", array("class"=>"form-flex"))?>
<input type="hidden" name="reurl" value="<?=base_url('admin/setting/apis')?>">
<div class="panel panel-dark">
    <div class="panel-heading">
        <h4 class="panel-title pull-left">페이스북 로그인 설정</h4>
        <button type="button" class="btn btn-default pull-right" data-toggle="popup" data-url="/admin/help/document/facebook_login"><i class="far fal fas fa-question-circle"></i> 등록방법 자세히보기</button>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label">페북 로그인 사용</label>
            <div class="controls">
                <select class="form-control form-control-inline" name="setting[social_facebook_use]">
                    <option value="Y" <?=$this->site->config('social_facebook_use')=='Y'?'selected':''?>>사용</option>
                    <option value="N" <?=$this->site->config('social_facebook_use')=='N'?'selected':''?>>미사용</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label">페이스북 APP ID</label>
            <div class="controls">
                <input class="form-control" name="setting[social_facebook_appid]" value="<?=$this->site->config('social_facebook_appid')?>">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label">페이스북 APP Secret</label>
            <div class="controls">
                <input class="form-control" name="setting[social_facebook_appsecret]" value="<?=$this->site->config('social_facebook_appsecret')?>">
            </div>
        </div>
    </div>
</div>

<div class="H10"></div>

<div class="panel panel-dark">
    <div class="panel-heading">
        <h4 class="panel-title pull-left">구글 로그인 설정</h4>
        <button type="button" class="btn btn-default pull-right" data-toggle="popup" data-url="/admin/help/document/google_login"><i class="far fal fas fa-question-circle"></i> 등록방법 자세히보기</button>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label">구글 로그인 사용</label>
            <div class="controls">
                <select class="form-control form-control-inline" name="setting[social_google_use]">
                    <option value="Y" <?=$this->site->config('social_google_use')=='Y'?'selected':''?>>사용</option>
                    <option value="N" <?=$this->site->config('social_google_use')=='N'?'selected':''?>>미사용</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label">클라이언트 ID</label>
            <div class="controls">
                <input class="form-control" name="setting[social_google_clientid]" value="<?=$this->site->config('social_google_clientid')?>">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label">클라이언트 보안 비밀</label>
            <div class="controls">
                <input class="form-control" name="setting[social_google_clientsecret]" value="<?=$this->site->config('social_google_clientsecret')?>">
            </div>
        </div>
    </div>
</div>

<div class="H10"></div>


<div class="panel panel-dark">
    <div class="panel-heading">
        <h4 class="panel-title pull-left">네이버 로그인 설정</h4>
        <button type="button" class="btn btn-default pull-right" data-toggle="popup" data-url="/admin/help/document/naver_login"><i class="far fal fas fa-question-circle"></i> 등록방법 자세히보기</button>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label">네이버 로그인 사용</label>
            <div class="controls">
                <select class="form-control form-control-inline" name="setting[social_naver_use]">
                    <option value="Y" <?=$this->site->config('social_naver_use')=='Y'?'selected':''?>>사용</option>
                    <option value="N" <?=$this->site->config('social_naver_use')=='N'?'selected':''?>>미사용</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label">Clinet ID</label>
            <div class="controls">
                <input class="form-control" name="setting[social_naver_clientid]" value="<?=$this->site->config('social_naver_clientid')?>">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label">Clinet Secret</label>
            <div class="controls">
                <input class="form-control" name="setting[social_naver_clientsecret]" value="<?=$this->site->config('social_naver_clientsecret')?>">
            </div>
        </div>
    </div>
</div>

<div class="H10"></div>

<div class="panel panel-dark">
    <div class="panel-heading">
        <h4 class="panel-title pull-left">카카오 로그인 설정</h4>
        <button type="button" class="btn btn-default pull-right" data-toggle="popup" data-url="/admin/help/document/kakao_login"><i class="far fal fas fa-question-circle"></i> 등록방법 자세히보기</button>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label">카카오 로그인 사용</label>
            <div class="controls">
                <select class="form-control form-control-inline" name="setting[social_kakao_use]">
                    <option value="Y" <?=$this->site->config('social_kakao_use')=='Y'?'selected':''?>>사용</option>
                    <option value="N" <?=$this->site->config('social_kakao_use')=='N'?'selected':''?>>미사용</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label">REST API 키</label>
            <div class="controls">
                <input class="form-control" name="setting[social_kakao_clientid]" value="<?=$this->site->config('social_kakao_clientid')?>">
            </div>
        </div>
    </div>
</div>

<div class="H10"></div>


<div class="panel panel-dark">
    <div class="panel-heading">
        <h4 class="panel-title pull-left">네이버 신디케이션 API KEY</h4>
        <button type="button" class="btn btn-default pull-right" data-toggle="popup" data-url="/admin/help/document/naver_syndi"><i class="far fal fas fa-question-circle"></i> 등록방법 자세히보기</button>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label">네이버 신디케이션 API KEY</label>
            <div class="controls">
                <input class="form-control" name="setting[naver_syndication_key]" value="<?=$this->site->config('naver_syndication_key')?>">
                <p class="help-block">네이버 신디케이션 API KEY를 입력하시면 비밀글이 아니고, 내용보기 레벨이 비회원으로 되어있을경우 자동으로 글 주소를 네이버 검색노출에 등록시킵니다.</p>
            </div>
        </div>
    </div>
</div>

<div class="H10"></div>


<div class="panel panel-dark">
    <div class="panel-heading">
        <h4 class="panel-title pull-left">구글 reCaptcha KEY</h4>
        <button type="button" class="btn btn-default pull-right" data-toggle="popup" data-url="/admin/help/document/recaptcha"><i class="far fal fas fa-question-circle"></i> 등록방법 자세히보기</button>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <p class="alert alert-info"><i class="far fal fas fa-info-circle"></i> 구글 reCaptcha는 구글에서 제공하는 스팸방지 기능입니다.<br><i class="far fal fas fa-info-circle"></i> 비 회원 글쓰기시 적용되며, 등록을 추천합니다.</p>
        <div class="form-group">
            <label class="control-label">Site KEY</label>
            <div class="controls">
                <input class="form-control" name="setting[google_recaptcha_site_key]" value="<?=$this->site->config('google_recaptcha_site_key')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">Secret KEY</label>
            <div class="controls">
                <input class="form-control" name="setting[google_recaptcha_secret_key]" value="<?=$this->site->config('google_recaptcha_secret_key')?>">
            </div>
        </div>
    </div>
</div>

<div class="H10"></div>


<div class="panel panel-dark">
    <div class="panel-heading">
        <h4 class="panel-title">사이트 채널 연동</h4>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label">사이트 채널</label>
            <div class="controls">
                <select class="form-control form-control-inline" name="setting[channel_type]">
                    <option value="Person" <?=$this->site->config('channel_type')=='Person'?'selected':''?>>개인</option>
                    <option value="Organization" <?=$this->site->config('channel_type')=='Organization'?'selected':''?>>조직/회사</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">네이버 블로그</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_naver_blog]" value="<?=$this->site->config('channel_naver_blog')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">네이버 카페</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_naver_cafe]" value="<?=$this->site->config('channel_naver_cafe')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">네이버 폴라</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_naver_pholar]" value="<?=$this->site->config('channel_naver_pholar')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">네이버 포스트</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_naver_post]" value="<?=$this->site->config('channel_naver_post')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">네이버 스토어팜</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_naver_storefarm]" value="<?=$this->site->config('channel_naver_storefarm')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">구글 플레이스토어</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_playstore]" value="<?=$this->site->config('channel_playstore')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">페이스북</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_facebook]" value="<?=$this->site->config('channel_facebook')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">인스타그램</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_instagram]" value="<?=$this->site->config('channel_instagram')?>">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">아이튠즈</label>
            <div class="controls">
                <input class="form-control" name="setting[channel_itunes]" value="<?=$this->site->config('channel_itunes')?>">
            </div>
        </div>
    </div>
</div>

<div class="text-center">
    <button class="btn btn-primary"><i class="far fal fas fa-save"></i> 저장하기</button>
</div>
<div class="H10"></div>
<?=form_close()?>

<script>
    $(function(){
        $('select[name="setting[social_facebook_use]"]').change(function(){
            if( $(this).find('option:selected').val() == 'Y' ) {
                $('input[name="setting[social_facebook_appid]"], input[name="setting[social_facebook_appsecret]"]').removeAttr('readonly');
            }
            else {
                $('input[name="setting[social_facebook_appid]"], input[name="setting[social_facebook_appsecret]"]').attr('readonly', 'readonly');
            }
        }).change();


        $('select[name="setting[social_google_use]"]').change(function(){
            if( $(this).find('option:selected').val() == 'Y' ) {
                $('input[name="setting[social_google_clientid]"], input[name="setting[social_google_clientsecret]"]').removeAttr('readonly');
            }
            else {
                $('input[name="setting[social_google_clientid]"], input[name="setting[social_google_clientsecret]"]').attr('readonly', 'readonly');
            }
        }).change();


        $('select[name="setting[social_kakao_use]"]').change(function(){
            if( $(this).find('option:selected').val() == 'Y' ) {
                $('input[name="setting[social_kakao_clientid]"]').removeAttr('readonly');
            }
            else {
                $('input[name="setting[social_kakao_clientid]"]').attr('readonly', 'readonly');
            }
        }).change();


        $('select[name="setting[social_naver_use]"]').change(function(){
            if( $(this).find('option:selected').val() == 'Y' ) {
                $('input[name="setting[social_naver_clientid]"], input[name="setting[social_naver_clientsecret]"]').removeAttr('readonly');
            }
            else {
                $('input[name="setting[social_naver_clientid]"], input[name="setting[social_naver_clientsecret]"]').attr('readonly', 'readonly');
            }
        }).change();

        $('[data-toggle="popup"]').click(function(){
            APP.POPUP({
                url : $(this).data('url'),
                width:800,
                height:600
            });
        });
    });
</script>