[쿼리문]

<query id="getSubjectExtra" action="select">

    <tables>
        <table name="documents" alias="doc" />
        <table name="document_extra_vars" alias="dev_startdate" type="left join">
            <conditions>
                <condition operation="equal" column="doc.document_srl" default="dev_startdate.document_srl" />
                <condition operation="equal" column="dev_startdate.eid" default="startdate" pipe="and" />
            </conditions>
        </table>
        <table name="document_extra_vars" alias="dev_enddate" type="left join">
            <conditions>
                <condition operation="equal" column="doc.document_srl" default="dev_enddate.document_srl" />
                <condition operation="equal" column="dev_enddate.eid" default="enddate" pipe="and" />
            </conditions>
        </table>
        <table name="document_extra_vars" alias="dev_manager" type="left join">
            <conditions>
                <condition operation="equal" column="doc.document_srl" default="dev_manager.document_srl" />
                <condition operation="equal" column="dev_manager.eid" default="manager" pipe="and" />
            </conditions>
        </table>
        <table name="document_extra_vars" alias="dev_year" type="left join">
            <conditions>
                <condition operation="equal" column="doc.document_srl" default="dev_year.document_srl" />
                <condition operation="equal" column="dev_year.eid" default="year" pipe="and" />
            </conditions>
        </table>
        <table name="document_extra_vars" alias="dev_address" type="left join">
            <conditions>
                <condition operation="equal" column="doc.document_srl" default="dev_address.document_srl" />
                <condition operation="equal" column="dev_address.eid" default="addresslist" pipe="and" />
            </conditions>
        </table>
        <table name="document_extra_vars" alias="dev_category" type="left join">
            <conditions>
                <condition operation="equal" column="doc.document_srl" default="dev_category.document_srl" />
                <condition operation="equal" column="dev_category.eid" default="category" pipe="and" />
            </conditions>
        </table>
    </tables>
    <columns>
        <column name="doc.module_srl" />
        <column name="doc.document_srl" />
        <column name="doc.title" />
        <column name="dev_year.value" alias="year" />
        <column name="dev_address.value" alias="address" />
        <column name="dev_startdate.value" alias="startdate" />
        <column name="dev_enddate.value" alias="enddate" />
        <column name="dev_manager.value" alias="manager" />
        <column name="dev_category.value" alias="category" />
    </columns>
    <conditions>
        <condition operation="equal" column="doc.module_srl" var="module_srl" filter="number" notnull="notnull" />
        <condition operation="like" column="dev_address.value" var="address" pipe="and" />
        <condition operation="like" column="dev_year.value" var="year" pipe="and" />
        <condition operation="like" column="dev_startdate.value" var="startdate" pipe="or" />
        <condition operation="like" column="dev_enddate.value" var="enddate" pipe="or" />
        <condition operation="like" column="dev_manager.value" var="manager" pipe="or" />
        <condition operation="like" column="dev_category.value" var="category" pipe="or" />
    </conditions>
    <navigation>
        <index var="sort_index" default="startdate" order="desc" />
        <list_count var="list_count" default="20" />
        <page_count var="page_count" default="10" />
        <page var="page" default="1" />
    </navigation>
</query>

[설명]

지난번에 올린 게시물에서는 모든 확장변수를 한큐에 검색하는 것이었고, 이 쿼리문은

여러개의 확장변수를 각각 검색 가능한 쿼리문입니다.

[준비물]

1. 쿼리문.xml

2. 게시판 확장변수 설정

3. 기본 게시판 리스트와는 별개로 동작되는 list 파일

3번의 경우 검색폼부터 리스트까지 별도로 작업해야합니다.

3. 기본 게시판 리스트와 별개로 동작되는 리스트파일

1) 리스트 부분

<block>
    {@
    $obj = new stdClass();
    $obj->module_srl = $module_info->module_srl;
    $obj->year = isset($_GET['year']) ? $_GET['year'] : NULL;
    $obj->address = isset($_GET['addresslist']) ? $_GET['addresslist'] : NUll;
    $obj->page = Context::get('page');
    $obj->page_navigation = Context::get('page_navigation');
    $obj->total_count = Context::get('total_count');
    $obj->total_page = Context::get('total_page');
    $query_path = $module_info->module."/skins/".$module_info->skin; // 쿼리경로
    $document_list = executeQueryArray($query_path.'.getSubjectExtra',$obj); // 쿼리문
    }
</block>
<section class="cd-timeline js-cd-timeline">
    <div class="container max-width-lg cd-timeline__container">
        <div class="cd-timeline__block today" cond="!$mod=='search'">
            <div>오늘</div>
            <p>{date("Y.m.d")}</p>
        </div>
     <!--@foreach($document_list->data as $no => $document)-->
        {@
        $document = getModel('document')->getDocument($document->document_srl);
        $document_cover = (new TimelineItem)->getCoverContent($document->document_srl);
        }
        <div class="cd-timeline__block <!--@if($document->getExtraEidValue('startdate')=='20180101')-->start<!--@end-->" >
         <div class="cd-timeline__img cd-timeline__img--picture">
                {@
                $category = implode('', $document->getExtraEidValue('category'));

                switch($category):
                case '지역 문제 해결과 지원':
                $category = 'cat1';
                break;
                case '협력 및 네트워킹':
                $category = 'cat2';
                break;
                case '교육과 역량강화':
                $category = 'cat3';
                break;
                case '프로젝트 관리와 지원':
                $category = 'cat4';
                break;
                case '조사/분석':
                $category = 'cat5';
                break;
                case '정보제공과 홍보':
                $category = 'cat6';
                break;
                case '조직운영 및 관리':
                $category = 'cat7';
                break;
                endswitch;
                }
           <img src="img/ico-{$category}.png" alt="Picture">
         </div>
         <div class="cd-timeline__content text-component">
           <h2>{$document->getTitle()}</h2>
           <p class="color-contrast-medium">
                <ul>
                    <li>
                        {@
                        if($document->getExtraEidValue('startdate')):
                        $startdate = date("Y.m.d", strtotime($document->getExtraEidValue('startdate')));
                        else:
                        $startdate = '';
                        endif;

                        $enddate = date("Y.m.d", strtotime($document->getExtraEidValue('enddate')));
                        }

                        {$startdate} - {$enddate}
                    </li>
                    <li>
                        {@
                        $town = explode('|',$document->getExtraEidValue('addresslist'))
                        }
                        <block loop="$town=>$val">
                            {@
                            $val = explode(' ',$val);
                            }
                            <div>{$val[0]}({$val[1]})</div>
                        </block>
                        <block cond="0">{$town[0]}({$town[1]})</block>


                    </li>
                </ul>

              </p>

           <div class="flex justify-between items-center">
            <span class="cd-timeline__date">
                    {$startdate}
                </span>
            <a href="{getUrl('document_srl',$document->document_srl,'type','timeline')}" class="btn btn--subtle">자세히 보기</a>
           </div>
         </div>
        </div>
     <!--@endforeach-->
   </div>
</section>

2) 검색 부분

<form name="ap_extra_search " action="{getUrl()}" method="get" class="ap_extra_search timeline" style="width: 90rem">
    <!--<input type="hidden" name="act" value="">-->
    <input type="hidden" name="mod" value="search">
    <!--<input type="hidden" name="error_return_url" value="{getUrl('','mid',$mid,'type','timeline')}" />
    <input type="hidden" name="success_return_url" value="{getUrl('','mid',$mid,'type','timeline')}" />-->
    <input type="hidden" name="type" value="timeline">
    <input type="hidden" name="vid" value="{$vid}">
    <input type="hidden" name="mid" value="{$mid}">
    <input type="hidden" name="year" value="{$year}">
    <input type="hidden" name="category" value="{$category}">
    <input type="hidden" name="addresslist" value="{$addresslist}" id="addresslist">
    <div class="form-body">
        <div class="exsearch-content" style="width: 90%">
            <div class="input-group">
                <select name="addressRegion" id="addressRegion1">
                    <option>읍면 선택</option>
                    <option value="장수읍" selected|cond="$_GET['addressRegion']=='장수읍'">장수읍</option>
                    <option value="산서면" selected|cond="$_GET['addressRegion']=='산서면'">산서면</option>
                    <option value="번암면" selected|cond="$_GET['addressRegion']=='번암면'">번암면</option>
                    <option value="장계면" selected|cond="$_GET['addressRegion']=='장계면'">장계면</option>
                    <option value="천천면" selected|cond="$_GET['addressRegion']=='천천면'">천천면</option>
                    <option value="계남면" selected|cond="$_GET['addressRegion']=='계남면'">계남면</option>
                    <option value="계북면" selected|cond="$_GET['addressRegion']=='계북면'">계북면</option>
                </select>
            </div>
            <div class="input-group">
                <select name="addressDo" id="addressDo1">
                    <option value="">전체</option>
                </select>
            </div>
            <div class="input-group">
                <select name="addressSiGunGu" id="addressSiGunGu1">
                    <option value="">전체</option>
                </select>
            </div>
            <div class="input-group">
                <select name="year">
                    <option value="">추진년도</option>
                    <!--@for($i = date('Y'); $i >= 2018; $i--)-->
                    <option value="{$i}" <!--@if($_GET['year']==$i)-->selected<!--@end-->>{$i}</option>
                    <!--@end-->
                </select>
                <label>추친년도</label>
            </div>
            <div class="input-group">
                <input type="text" class="text rx_ev_text itx" name="extra_vars3" value="" placeholder="지역구">
                <label>지역구</label>
            </div>
            <div class="input-group" style="display: flex;align-items: center;gap: 4px;">
                <input type="checkbox" class="text rx_ev_text itx" id="use_town" name="use_town" value="" style="width: auto" checked|cond="!$addresslist">
                <label for="use_town" style="display:inline;font-size:1em;">
                    해당없음
                </label>
            </div>
            <div class="input-group">
                <div class="exsearch-footer">
                    <input type="submit" value="검색">
                    <input type="button" name='reset' value="검색초기화" onclick="location.href='{getUrl('','mid',$mid)}'" cond="$mod=='search'"/>
                </div>
            </div>
        </div>

    </div>
    <div class="cat-wrap">
        <ul>
            <li data-category="지역 문제 해결과 지원">
                <input type="checkbox" value="지역 문제 해결과 지원" name="category" style="display:none" checked />
                <span class="category">지역 문제 해결과 지원</span><br>
                <span class="cnt">

                {$oDocument->getExtraEidValue('category2')}
                </span>
            </li>
            <li data-category="협력 및 네트워킹">
                <input type="checkbox" value="협력 및 네트워킹" name="category" style="display:none" checked />
                <span class="category">협력 및 네트워킹</span><br><span class="cnt">(0)</span>
            </li>
            <li data-category="교육과 역량강화">
                <input type="checkbox" value="교육과 역량강화" name="category" style="display:none" checked />
                <span class="category">교육과 역량강화</span><br><span class="cnt">(0)</span>
            </li>
            <li data-category="프로젝트 관리와 지원">
                <input type="checkbox" value="프로젝트 관리와 지원" name="category" style="display:none" checked />
                <span class="category">프로젝트 관리와 지원</span><br><span class="cnt">(0)</span>
            </li>
            <li data-category="조사/분석">
                <input type="checkbox" value="조사/분석" name="category" style="display:none" checked />
                <span class="category">조사/분석</span><br><span class="cnt">(0)</span>
            </li>
            <li data-category="정보제공과 홍보">
                <input type="checkbox" value="정보제공과 홍보" name="categories" style="display:none" checked />
                <span class="category">정보제공과 홍보</span><br><span class="cnt">(0)</span>
            </li>
            <li data-category="조직운영 및 관리">
                <input type="checkbox" value="조직운영 및 관리" name="category" style="display:none" checked />
                <span class="category">조직운영 및 관리</span><br><span class="cnt">(0)</span>
            </li>
        </ul>

    </div>
</form>

3) 자바스크립트 부분

<script>
    $(function() {
        $("li[data-category]").click(function(){
            $(this).find("input[type=checkbox]").prop("checked", !$(this).find("input[type=checkbox]").prop("checked"));
        });
        //마을목록 데이터
        $.ajax({
            url: '/modules/board/skins/jslocal_timeline/func/townlist.php',
            dataType: 'json',
            async: false
        }).done(function(e) {
            window.town = e;
        });
        <!--@if(!$addressRegion)-->
//        $("#addressRegion1").html("<option value=\"\">읍면선택</option>");
//
//        Object.keys(window.town).forEach(function(e) {
//            $(`<option value="${e}">${e}</option>`).appendTo("#addressRegion1");
//        });
        <!--@end-->
        $("#addressDo1").html("<option value=\"\">리선택</option>");
        $("#addressSiGunGu1").html("<option value=\"\">마을선택</option>");
        $("#addressRegion1").change(function(ev) {
            $("#addressDo1").html("<option value=\"\">리선택</option>");
            $("#addressSiGunGu1").html("<option value=\"\">마을선택</option>");
            if ($(this).val() != '') {
                Object.keys(window.town[$(this).val()]).forEach(function(e) {
                    $(`<option value="${e}">${e}</option>`).appendTo("#addressDo1");
                });
            }
        });
        $("#addressDo1").change(function(ev) {
            $("#addressSiGunGu1").html("<option value=\"\">마을선택</option>");
            if ($("#addressRegion1").val() != '' && $(this).val() != '') {
                window.town[$("#addressRegion1").val()][$(this).val()].forEach(function(e) {
                    $(`<option value="${e}">${e}</option>`).appendTo("#addressSiGunGu1");
                })
            }
        });
        // $c = $(".cd-timeline__container");
        // $i = get_data();
        // $c.html("");
        $("li[data-category] span.cnt").text("(0)").data("cnt", 0);
    //     function get_el(e) {
    //         return `
   // <div class="cd-timeline__block">
   //     <div class="cd-timeline__img cd-timeline__img--picture">
   //       <img src="img/cd-icon-picture.svg" alt="Picture">
   //     </div>
    //
   //     <div class="cd-timeline__content text-component">
   //       <h2><a href="/{$mid}/${e.document_srl}?type=timeline">${e.title}</a></h2>
   //       <p class="color-contrast-medium"></p>
   //     </div>
   //   </div>
   // `;
    //     }
        // $($i).each(function(i,e) {
        //     var t = e.regdate.toString().match(/^(\d\d\d\d)(\d\d)(\d\d)/);
        //     $(get_el(e)).appendTo($c);
        //     $("li[data-category='" + e.category + "'] span.cnt").data("cnt", $("li[data-category='" + e.category + "'] span.cnt").data("cnt") +1);
        //     $("li[data-category='" + e.category + "'] span.cnt").text("(" + $("li[data-category='" + e.category + "'] span.cnt").data("cnt") + ")");
        // });
        // $("[name='ap_extra_search'] input[type='submit']").click(function(e) {
        //     e.preventDefault();
        //     $c = $(".cd-timeline__container");
        //     $i = get_data();
        //     $c.html("");
        //     $("li[data-category] span.cnt").text("(0)").data("cnt", 0);
        //     $($i).each(function(i,e) {
        //         var t = e.regdate.toString().match(/^(\d\d\d\d)(\d\d)(\d\d)/);
        //         console.log(t);
        //         $(get_el(e)).appendTo($c);
        //         $("li[data-category='" + e.category + "'] span.cnt").data("cnt", $("li[data-category='" + e.category + "'] span.cnt").data("cnt") +1);
        //         $("li[data-category='" + e.category + "'] span.cnt").text("(" + $("li[data-category='" + e.category + "'] span.cnt").data("cnt") + ")");
        //     });
        // });
    })
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // 각 셀렉트 요소에 대한 이벤트 리스너 추가
        var addressRegionSelect = document.getElementById('addressRegion1');
        var addressDoSelect = document.getElementById('addressDo1');
        var addressSiGunGuSelect = document.getElementById('addressSiGunGu1');
        var addressInput = document.querySelector('input[name="addresslist"]');

        addressRegionSelect.addEventListener('change', updateAddressValue);
        addressDoSelect.addEventListener('change', updateAddressValue);
        addressSiGunGuSelect.addEventListener('change', updateAddressValue);

        // 체크박스에 대한 이벤트 리스너 추가
        var useTownCheckbox = document.getElementById('use_town');
        useTownCheckbox.addEventListener('change', function() {
            if (useTownCheckbox.checked) {
                // 해당없음 체크하면 셀렉트 값과 input[name='address'] 초기화
                // addressRegionSelect.value = '읍면 선택';
                // addressRegionSelect.text = '읍면 선택';
                // addressDoSelect.value = '전체';
                // addressSiGunGuSelect.value = '전체';
                // addressInput.value = '';

                // var option = document.createElement('option');
                // option.text = '읍면 선택';
                // option.value = ''; // 빈 값으로 설정할 경우 선택되었을 때 value가 빈 문자열이 됩니다.
                // addressRegionSelect.add(option, 0); // 첫 번째 위치에 추가
                // addressDoSelect.options[1].selected = true;
                // break;

                addressRegionSelect.selectedIndex = 0;
                addressDoSelect.selectedIndex = 0;
                addressSiGunGuSelect.selectedIndex = 0;
            }
        });

        // 주소 값 업데이트 함수
        function updateAddressValue() {
            useTownCheckbox.checked = false;
            var regionValue = addressRegionSelect.value;
            var doValue = ' ' + addressDoSelect.value;
            var siGunGuValue = ' ' + addressSiGunGuSelect.value;
            var address = regionValue + doValue + siGunGuValue;

            // 선택된 값이 '읍면 선택', '전체' 등이 아니면 input[name='address']에 업데이트
            if (regionValue !== '읍면 선택' && doValue !== '리 선택' && siGunGuValue !== '마을 선택') {
                addressInput.value = address.trimRight();
            } else {
                // 선택된 값이 '읍면 선택', '전체' 등이면 input[name='address'] 초기화
                addressInput.value = '';
            }
        }

    });

    // 해당없음 체크시 동작하는 스크립트
    // Wait for the DOM to be ready
    document.addEventListener("DOMContentLoaded", function() {
        // Get the checkbox and text field elements
        var checkbox = document.getElementById("use_town");
        var addresslistField = document.getElementById("addresslist");

        // Add an event listener to the checkbox
        checkbox.addEventListener("change", function() {
            // If the checkbox is checked, clear the text field; otherwise, set its original value
            if (checkbox.checked) {
                addresslistField.value = "";
            } else {
                // You may set the original value here if needed
            }
        });
    });
</script>