| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 | <div data-options="dxView : { name: 'SearchViewDateTimeBox' } ">  <div class="dx-field search-field-box">    <ul class="search-row-layout">      <li class="form-label">        <div class="dx-field-label">@timeType</div>      </li>      <li class="form-field">        <!-- cyim 2016.08.22 : 성능분석 그래프의 경우 시간 데이타만 표시되어야 한다 -->        <div class="dx-field-value" data-bind="dxSelectBox: {                            disabled: false,                            dataSource: timeBoxForSearch.typeDataSource,                            displayExpr: 'Name' ,                            valueExpr: 'TimeTypeId' ,                            value: timeBoxForSearch.type ,                            readOnly: timeBoxForSearch.isReadOnly                            }">        </div>      </li>      <!-- ko if: timeBoxForSearch.isHour -->      <li>        <div class="dx-field search-field-box">          <ul class="search-row-layout">            <li class="form-label">              <div class="dx-field-label">@startDateTime</div>            </li>            <li class="form-field">              <!-- V14.1-V15.1 hcLee  width:108px padding:5px 이 필요하다 -->              <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->              <div class="dx-field-value dxbox_one_thirty_five" style="width:108px; padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.startDate, format: 'date',  }"></div>              <div class="dx-field-value dxbox_one_thirty_five" style="width:108px; padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.startTime, format: 'time',  }"></div>            </li>            <li style="margin-top: 35px;" class="form-label">              <div class="dx-field-label">@endDateTime</div>            </li>            <li class="form-field">              <!-- V14.1-V15.1 hcLee  width:108px  padding:5px 이 필요하다 -->              <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->              <div class="dx-field-value dxbox_one_thirty_five" style="width:108px;padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.endDate, format: 'date' }"></div>              <!--                            <div class="dx-field-value" data-bind="dxDateBox: { value: timeBoxForSearch.hour.endTime, format: 'time', closeOnValueChange: timeBoxForSearch.hour.timeChange }"></div>-->              <div class="dx-field-value dxbox_one_thirty_five" style="width:108px; padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.endTime, format: 'time' }"></div>            </li>          </ul>          <ul class="search-row-layout">            <li class="form-field" style="width: 100%;">              <div style="width: inherit;">                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@todayS', clickAction: timeBoxForSearch.hour.setToday }"></div>                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@3days', clickAction: timeBoxForSearch.hour.set3days }"></div>                <div style="float: right;" data-bind="dxButton: { text: '@24hours', clickAction: timeBoxForSearch.hour.set24hours }"></div>              </div>            </li>          </ul>        </div>      </li>      <!-- /ko -->      <!-- ko if: timeBoxForSearch.isDay -->      <li>        <div class="dx-field search-field-box">          <ul class="search-row-layout">            <li class="form-label">              <div class="dx-field-label">@startDate</div>            </li>            <li class="form-field">              <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->              <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.day.startDate, format: 'date' }"></div>            </li>            <li class="form-label">              <div class="dx-field-label">@endDate</div>            </li>            <li class="form-field">              <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->              <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.day.endDate, format: 'date' }"></div>            </li>          </ul>          <ul class="search-row-layout">            <li class="form-field" style="width: 100%;">              <div style="width: inherit;">                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@thisMonth', clickAction: timeBoxForSearch.day.setThisMonth }"></div>                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@1month', clickAction: timeBoxForSearch.day.set1month }"></div>                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@1week', clickAction: timeBoxForSearch.day.set1week }"></div>                <div style="float: right;" data-bind="dxButton: { text: '@3days', clickAction: timeBoxForSearch.day.set3days }"></div>              </div>            </li>          </ul>        </div>      </li>      <!-- /ko -->      <!-- ko if: timeBoxForSearch.isMonth -->      <li>        <div class="dx-field search-field-box">          <ul class="search-row-layout">            <li class="form-label">              <div class="dx-field-label">@startDate</div>            </li>            <li class="form-field">              <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->              <div class="dx-field-value dxbox_one_thirty_five" data-bind ="dxDateBox: { value: timeBoxForSearch.month.startDate, format: 'date' }"></div>            </li>            <li class="form-label">              <div class="dx-field-label">@endDate</div>            </li>            <li class="form-field">              <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->              <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.month.endDate, format: 'date' }"></div>            </li>          </ul>          <ul class="search-row-layout">            <li class="form-field" style="width: 100%;">              <div style="width: inherit;">                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@thisYear', clickAction: timeBoxForSearch.month.setThisYear }"></div>                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@12months', clickAction: timeBoxForSearch.month.set1year}"></div>                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@6months', clickAction: timeBoxForSearch.month.set6months }"></div>                <div style="float: right;" data-bind="dxButton: { text: '@3months', clickAction: timeBoxForSearch.month.set3months }"></div>              </div>            </li>          </ul>        </div>      </li>      <!-- /ko -->      <!-- ko if: timeBoxForSearch.isYear -->      <li>        <div class="dx-field search-field-box">          <ul class="search-row-layout">            <li class="form-label">              <div class="dx-field-label">@startDate</div>            </li>            <li class="form-field">              <div class="dx-field-value" data-bind="dxNumberBox: { value: timeBoxForSearch.year.startYear, min: 1900 }"></div>            </li>            <li class="form-label">              <div class="dx-field-label">@endDate</div>            </li>            <li class="form-field">              <div class="dx-field-value" data-bind="dxNumberBox: { value: timeBoxForSearch.year.endYear, min: 1900 }"></div>            </li>          </ul>          <ul class="search-row-layout">            <li class="form-field" style="width: 100%;">              <div style="width: inherit;">                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@10years', clickAction: timeBoxForSearch.year.set10years }"></div>                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@5years', clickAction: timeBoxForSearch.year.set5years}"></div>                <div style="float: right;" data-bind="dxButton: { text: '@3years', clickAction: timeBoxForSearch.year.set3years }"></div>              </div>            </li>          </ul>        </div>      </li>      <!-- /ko -->    </ul>  </div></div>
 |