<div class="col-lg-4 col-layer"> <section class="widget"> <header> <h4> <span class="font13" style="font-weight: bold"> <i class="fa fa-sort-amount-asc" style="vertical-align: middle; font-size: 14px"></i> �쒗뭹(�쒕퉬��) 議고쉶 諛� �좏깮 </span> </h4> <div class="widget-controls"> <a data-widgster="toleft" title="change width to left" href="#"> <i class="glyphicon glyphicon-chevron-left"></i> </a> <a data-widgster="expand" title="Expand" href="#"> <i class="glyphicon glyphicon-chevron-up"></i> </a> <a data-widgster="collapse" title="Collapse" href="#"> <i class="glyphicon glyphicon-chevron-down"></i> </a> <a data-widgster="toright" title="change width to right" href="#"> <i class="glyphicon glyphicon-chevron-right"></i> </a> <a data-widgster="restore" title="Restore" href="#"> <span class="glyphicon glyphicon-repeat"></span> </a> <a data-widgster="fullscreen" title="Fullscreen" href="#"> <i class="glyphicon glyphicon-fullscreen" style="font-size: 11px"></i> </a> </div> </header> <div class="body"> <div class="gradient_middle_border" style="width: 100%; height: 2px"></div> <blockquote class="font13" style="margin-top: 5px"> 1. �쒗뭹(�쒕퉬��) �좏깮 <div style="float: right"> <button class="btn btn-transparent btn-xs" style="margin-top: -3px; color: #acacac; background: rgba(51, 51, 51, 0.2); padding: 1px 9px" onclick="window.open('docs/guide.html#version_inquiry_selection');"> Help <i class="fa fa-question" style="font-size: 14px; vertical-align: middle; color: #acacac"></i> </button> </div> </blockquote> <div class="clearfix widget-content"> <div style="float: left"> <div style="float: left" class="btn-group"> <button class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"> Export <i class="fa fa-caret-down"></i> </button> <ul class="dropdown-menu" style="background: rgba(51, 51, 51, 0.9) !important"> <li> <a id="copychecker" style="color: white"> Copy </a> </li> <li> <a id="csvchecker" style="color: white"> CSV </a> </li> <li> <a id="excelchecker" style="color: white"> Excel </a> </li> <li> <a id="printchecker" style="color: white"> Print </a> </li> <li> <a id="pdfchecker" style="color: white"> PDF </a> </li> </ul> </div> </div> <div style="float: right"> <button class="btn btn-warning btn-block btn-sm" data-target="#my_modal2" data-toggle="modal" id="modal_popup_id" type="button" onclick="goToTemplatePage('pdService')"> �쒗뭹(�쒕퉬��) 愿�由щ줈 �대룞 </button> </div> </div> <div class="box box-primary" style=" background: rgba(51, 51, 51, 0.225); margin-bottom: 5px !important; border: dashed; border-width: thin; border-color: lightsteelblue; "> <div class="box-body"> <table id="pdservice_table" class="display" style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)"></table> </div> </div> </div> </section> </div> <div class="col-lg-3 col-layer"> <section class="widget"> <header> <h4> <span class="font13" style="font-weight: bold"> <i class="fa fa-edit" style="vertical-align: middle; font-size: 14px"></i> �쒗뭹(�쒕퉬��) Version 議고쉶 </span> </h4> <div class="widget-controls"> <a data-widgster="toleft" title="change width to left" href="#"> <i class="glyphicon glyphicon-chevron-left"></i> </a> <a data-widgster="expand" title="Expand" href="#"> <i class="glyphicon glyphicon-chevron-up"></i> </a> <a data-widgster="collapse" title="Collapse" href="#"> <i class="glyphicon glyphicon-chevron-down"></i> </a> <a data-widgster="toright" title="change width to right" href="#"> <i class="glyphicon glyphicon-chevron-right"></i> </a> <a data-widgster="restore" title="Restore" href="#"> <span class="glyphicon glyphicon-repeat"></span> </a> <a data-widgster="fullscreen" title="Fullscreen" href="#"> <i class="glyphicon glyphicon-fullscreen" style="font-size: 11px"></i> </a> </div> </header> <div class="body"> <div class="gradient_middle_border" style="width: 100%; height: 2px"></div> <blockquote class="font13" style="margin-top: 5px"> 2. �좏깮�� �쒗뭹(�쒕퉬��) 踰꾩쟾 議고쉶 <div style="float: right"> <button class="btn btn-transparent btn-xs" style="margin-top: -3px; color: #acacac; background: rgba(51, 51, 51, 0.2); padding: 1px 9px" onclick="window.open('docs/guide.html#version_inquiry')"> Help <i class="fa fa-question" style="font-size: 14px; vertical-align: middle; color: #acacac"></i> </button> </div> </blockquote> <div class="clearfix widget-content" id="default_non_version"> <!-- 而댄룷�뚰듃 ���� --> <div id="selected_info" style="float: left; width: 100% !important"> <div class="panel-group json-menu" style="margin-bottom: 0px !important"> <li class="list-group-item json-menu-header" style="padding: 0px"> <div class="chat-message"> <div class="chat-message-body" style=" margin-left: 0px !important; padding: 0px 10px 0px 10px !important; border-left: 2px solid #a4c6ff; "> <span class="arrow" style="top: 10px !important; border-right: 5px solid #a4c6ff"></span> <div class="sender" style="padding-bottom: 5px; padding-top: 5px"> �좏깮�� �쒗뭹(�쒕퉬��) : <span id="select_Service" style="color: #a4c6ff"> �좏깮�섏� �딆쓬 </span> </div> </div> </div> </li> </div> </div> </div> <div class="panel-group" id="version_accordion"></div> </div> </section> </div> <div class="col-lg-5 col-layer"> <section class="widget"> <header> <h4> <span class="font13" style="font-weight: bold"> <i class="fa fa-edit" style="vertical-align: middle; font-size: 14px"></i> �쒗뭹(�쒕퉬��) 踰꾩쟾 �깅줉 / 蹂�寃� </span> </h4> <div class="widget-controls"> <a data-widgster="toleft" title="change width to left" href="#"> <i class="glyphicon glyphicon-chevron-left"></i> </a> <a data-widgster="expand" title="Expand" href="#"> <i class="glyphicon glyphicon-chevron-up"></i> </a> <a data-widgster="collapse" title="Collapse" href="#"> <i class="glyphicon glyphicon-chevron-down"></i> </a> <a data-widgster="toright" title="change width to right" href="#"> <i class="glyphicon glyphicon-chevron-right"></i> </a> <a data-widgster="restore" title="Restore" href="#"> <span class="glyphicon glyphicon-repeat"></span> </a> <a data-widgster="fullscreen" title="Fullscreen" href="#"> <i class="glyphicon glyphicon-fullscreen" style="font-size: 11px"></i> </a> </div> </header> <div class="body"> <div class="gradient_middle_border" style="width: 100%; height: 2px"></div> <blockquote class="font13" style="margin-top: 5px"> 3. �쒗뭹(�쒕퉬��)�� �댁슜�� �뺤씤�섍퀬 �몄쭛/��젣 <div style="float: right"> <button class="btn btn-transparent btn-xs" style="margin-top: -3px; color: #acacac; background: rgba(51, 51, 51, 0.2); padding: 1px 9px" onclick="window.open('docs/guide.html#version_register_Change')"> Help <i class="fa fa-question" style="font-size: 14px; vertical-align: middle; color: #acacac"></i> </button> </div> </blockquote> <div class="clearfix widget-content"> <div style="float: left"> <button type="button" id="copychecker" class="btn btn-default btn-sm hidden"> Copy </button> <button type="button" id="csvchecker" class="btn btn-default btn-sm hidden"> CSV </button> <button type="button" id="excelchecker" class="btn btn-default btn-sm hidden"> Excel </button> <button type="button" id="printchecker" class="btn btn-default btn-sm hidden"> Print </button> <button type="button" id="pdfchecker" class="btn btn-default btn-sm hidden"> PDF </button> </div> <!-- 而댄룷�뚰듃 ���� --> <div id="selected_info" style="float: left"> <div class="panel-group json-menu" id="versionAccordion" style="margin-bottom: 0px !important"> <li class="list-item1 json-menu-header" style="padding: 0px; list-style: none"> <div class="chat-message"> <div class="chat-message-body" style=" margin-left: 0px !important; padding: 5px 10px 0px 10px !important; border-left: 2px solid #a4c6ff; "> <span class="arrow" style="border-right: 5px solid #a4c6ff"></span> <!-- <span id="toRight" class="arrow" style=" top: 17px !important;"></span>--> <div class="sender" style="padding-bottom: 5px; padding-top: 3px"> �좏깮�� �쒗뭹(�쒕퉬��) : <span id="select_PdService" style="color: #a4c6ff"> �좏깮�섏� �딆쓬 </span> </div> <div class="sender" style="padding-bottom: 5px; padding-top: 3px"> �좏깮�� 踰꾩쟾 : <span id="select_version" style="color: #a4c6ff"> �좏깮�섏� �딆쓬 </span> </div> </div> </div> </li> </div> </div> <div style="float: right"> <button type="button" id="version_popup" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#my_modal2" onClick="modalPopup('versionPopup')"> �앹뾽 李쎌쑝濡� 蹂닿린 </button> <button type="button" id="version_update" class="btn btn-success btn-sm hidden ladda-update-pdservice-version"> 踰꾩쟾 �뺣낫 蹂�寃� </button> <button type="button" id="del_version" class="btn btn-danger btn-sm ladda_delete_pdservice_version hidden"> 踰꾩쟾 ��젣 </button> </div> </div> <div class="row"> <div class="col-md-12"> <section class="widget widget-tabs"> <header> <ul class="nav nav-tabs"> <li class="active"> <a href="#stats" data-toggle="tab"> <strong>�곸꽭 蹂닿린</strong> </a> </li> <li> <a href="#report" data-toggle="tab"> <strong>�몄쭛 �섍린</strong> </a> </li> <li> <a href="#dropdown1" data-toggle="tab"> <strong>��젣 �섍린</strong> </a> </li> </ul> </header> <div class="body tab-content"> <div id="stats" class="tab-pane active clearfix" style="padding-top: 30px !important"> <form class="form-horizontal" method="post"> <fieldset> <div class="control-group"> <label for="pdservice_name" class="control-label" style="width: 100px !important"> �쒗뭹(�쒕퉬��) : </label> <div class="controls form-group input-group" style="margin-left: 100px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-gift"></i> </span> <input type="text" id="pdservice_name" name="pdservice_name" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="�쒗뭹(�쒕퉬��) �대쫫" required="required" readonly /> <span class="input-group-addon font11"> <i class="fa fa-question-circle"></i> 以묐났 遺덇� </span> </div> </div> <div class="control-group"> <label for="pdservice_version" class="control-label" style="width: 100px !important"> 踰꾩쟾 : </label> <div class="controls form-group input-group" style="margin-left: 100px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-gift"></i> </span> <input type="text" id="pdservice_version" name="pdservice_version" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" readonly placeholder="x.x.x" required="required" /> <span class="input-group-addon font11"> <i class="fa fa-question-circle"></i> ex: X.X.X </span> </div> </div> <div class="control-group"> <label for="version_start_date" class="control-label" style="width: 100px !important"> �쒖옉 �좎쭨 : </label> <div class="controls form-group input-group" style="margin-left: 100px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-calendar"></i> </span> <input type="text" id="version_start_date" name="version_start_date" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="yyyy/mm/dd hh:mm" required="required" readonly /> <span class="input-group-addon font11"> <i class="fa fa-question-circle"></i> 踰꾩쟾 援ы쁽 �쒖옉�� </span> </div> </div> <div class="control-group"> <label for="version_end_date" class="control-label" style="width: 100px !important"> 醫낅즺 �좎쭨 : </label> <div class="controls form-group input-group" style="margin-left: 100px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-calendar"></i> </span> <input type="text" id="version_end_date" name="version_end_date" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="yyyy/mm/dd hh:mm" required="required" readonly /> <span class="input-group-addon font11"> <i class="fa fa-question-circle"></i> 踰꾩쟾 援ы쁽 醫낅즺�� </span> </div> </div> <div class="control-group"> <label class="control-label font13" style="width: 25% !important"> 踰꾩쟾 �댁슜 : </label> <br /> <br /> <div class="col-sm-12 darkBack" style="padding-top: 10px; padding-bottom: 10px; margin-top: 10px" id="version_contents" readonly> Version Contents </div> </div> </fieldset> </form> </div> <div id="report" class="tab-pane"> <div> <form class="form-horizontal product-service-version-form" method="post"> <fieldset> <div class="control-group" for="popup_editview_pdservice_name"> <label class="control-label font13" style="color: #f8f8f8; width: 25% !important"> �쒗뭹 <sup>�쒕퉬��</sup> : </label> <div class="controls form-group input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-gift"></i> </span> <input type="text" id="input_pdservice_name" name="input_pdservice_name" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="�쒗뭹(�쒕퉬��) �대쫫�� 以묐났�� �� �놁뒿�덈떎." required="required" readonly style="color: #a4c6ff" placeholder="service name" /> </div> </div> <div class="control-group" for="popup_editview_pdservice_name"> <label class="control-label font13" style="color: #f8f8f8; width: 25% !important"> 踰꾩쟾 : </label> <div class="controls form-group input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-gift"></i> </span> <input type="text" id="input_pdservice_version" name="input_pdservice_version" class="form-control parsley-validated font13 darkBack input_pdservice_version" data-placement="top" data-original-title="Version is required." required="required" style="color: #a4c6ff" placeholder="version text" /> </div> </div> <div class="control-group" for="popup_editview_pdservice_name"> <label class="control-label font13" style="color: #f8f8f8; width: 25% !important"> �쒖옉 �좎쭨 : </label> <div class="controls form-group input-group"> <span class="input-group-btn"> <a href="#" id="btn_select_calendar" class="btn btn-danger" style="background-color: #e5603b !important; border: 1px solid transparent !important" data-date-format="yyyy/mm/dd"> <i class="fa fa-calendar"></i> </a> </span> <input id="input_pdservice_start_date" class="form-control darkBack input_pdservice_start_date" type="text" name="btn_enabled_date" value="" style="color: #a4c6ff" data-original-title="Start date is required." required pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" /> </div> </div> <div class="control-group" for="popup_editview_pdservice_name"> <label class="control-label font13" style="color: #f8f8f8; width: 25% !important"> 醫낅즺 �좎쭨 : </label> <div class="controls form-group input-group"> <span class="input-group-btn"> <a href="#" id="btn_end_calendar" class="btn btn-danger" style="background-color: #e5603b !important; border: 1px solid transparent !important" data-date-format="yyyy/mm/dd"> <i class="fa fa-calendar"></i> </a> </span> <input id="input_pdservice_end_date" class="form-control darkBack input_pdservice_end_date" type="text" name="btn_enabled_date" value="" style="color: #a4c6ff" data-original-title="End date is required." required pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" /> </div> </div> <div class="control-group"> <label class="control-label" style="color: #f8f8f8; width: 25% !important"> 踰꾩쟾 �댁슜 </label> <br /> <br /> <div class="controls form-group"> <div class="col-sm-12"> <div id="input_pdservice_editor" class="darkBack"> <p>踰꾩쟾�� �ы븿�� 湲곕뒫�� �붿빟�⑸땲��.</p> </div> </div> </div> </div> </fieldset> </form> </div> </div> <div id="dropdown1" class="tab-pane"> <p> " <label id="delete_version_title" style="color: #a4c6ff; font-weight: bold"></label> "��(瑜�) ��젣 �섏떆寃좎뒿�덇퉴? </p> <p><strong>Jira �꾨줈�앺듃�먯꽌 踰꾩쟾�� ��젣�섏� �딆뒿�덈떎.</strong></p> <p> <strong>( 二쇱쓽�섏꽭�� ) A-RMS�� 踰꾩쟾 �섏쐞 �붽뎄�ы빆�� ��젣�⑸땲��.</strong> </p> <p> <strong>( 二쇱쓽�섏꽭�� ) ��젣�� �붽뎄�ы빆怨� �곌껐�� Jira �댁뒋�� �좎��⑸땲��.</strong> </p> <p> <strong>( 二쇱쓽�섏꽭�� ) ��젣�� �붽뎄�ы빆�� �듦퀎�� 諛섏쁺�섏� �딆뒿�덈떎.</strong> </p> </div> </div> </section> </div> </div> </div> </section> </div> <div id="my_modal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none"> <div class="modal-dialog"> <div class="modal-content modalDarkBack"> <div class="modal-header" style="padding: 0px; border-bottom: 0px"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: #ffffff; font-size: 20px; opacity: 0.8; padding: 5px"> 횞 </button> <h4 class="modal-title font14" id="my_modal_label2" style="color: #f8f8f8; text-align: left; padding: 5px"> <i class="fa fa-edit"></i> <span class="font13" id="modal_title" style="font-weight: bold"> �쒗뭹(�쒕퉬��) �좉퇋 踰꾩쟾 �깅줉 �앹뾽 </span> <blockquote class="search-result" style="border-left: 5px solid #e5603b"> <p id="modal_sub" style="font-size: 13px; margin: 5px 0px 0px 0px; padding-left: 5px"> �좏깮�� �쒗뭹(�쒕퉬��)�� 踰꾩쟾�� �깅줉�⑸땲��. </p> </blockquote> </h4> </div> <div class="modal-body" style="padding: 5px"> <form class="form-horizontal product-service-version-modal-form" method="post"> <fieldset> <div class="control-group"> <label class="control-label" style="color: #f8f8f8"> �쒗뭹 <sup>�쒕퉬��</sup> �대쫫 : </label> <div class="controls form-group"> <div class="col-sm-8"> <input type="text" id="tooltip_enabled_service_name" class="form-control darkBack" data-placement="top" style="color: #a4c6ff" placeholder="Product(Service) name" readonly required data-original-title="Service name is required." /> </div> </div> </div> <div class="control-group"> <label class="control-label" style="color: #f8f8f8"> 踰꾩쟾 : </label> <div class="controls form-group"> <div class="col-sm-8"> <input type="text" id="tooltip_enabled_service_version" class="form-control darkBack input_pdservice_version" data-placement="top" style="color: #a4c6ff" placeholder="Product(Service) version" required data-original-title="Version is required." /> </div> </div> </div> <div class="control-group"> <label class="control-label" style="color: #f8f8f8"> �쒖옉 �좎쭨 <span class="help-block">Some help text</span> </label> <div class="controls form-group"> <div class="col-sm-8"> <div class="input-group"> <span class="input-group-btn"> <a href="#" id="btn_select_calendar_popup" class="btn btn-danger" data-date-format="yyyy/mm/dd"> <i class="fa fa-calendar"></i> </a> </span> <input id="btn_enabled_date" class="form-control darkBack input_pdservice_start_date" type="text" name="btn_enabled_date" value="" style="color: #a4c6ff" pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" required data-original-title="Start date is required." /> </div> </div> </div> </div> <div class="control-group"> <label class="control-label" style="color: #f8f8f8"> 醫낅즺 �좎쭨 : </label> <div class="controls form-group"> <div class="col-sm-8"> <div class="input-group"> <span class="input-group-btn"> <a href="#" id="btn_end_calendar_popup" class="btn btn-danger" data-date-format="yyyy/mm/dd"> <i class="fa fa-calendar"></i> </a> </span> <input id="btn_end_date" class="form-control darkBack input_pdservice_end_date" type="text" name="btn_enabled_date" value="" style="color: #a4c6ff" pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" required data-original-title="End date is required." /> </div> </div> </div> </div> <div class="control-group"> <label class="control-label" style="color: #f8f8f8"> 踰꾩쟾 �댁슜 </label> <div class="controls form-group"> <div class="col-sm-12"> <div id="extend_modal_editor" class="darkBack"> �� <p>踰꾩쟾�� �ы븿�� 湲곕뒫�� �붿빟�⑸땲��.</p> </div> </div> </div> </div> </fieldset> </form> </div> <div class="modal-footer" style="background-color: transparent; padding: 5px; text-align: right; border-top: 0px"> <button type="button" id="close_version" class="btn btn-default" data-dismiss="modal"> Close </button> <button type="button" id="extendupdate_pdservice_version" class="btn btn-primary ladda-new-pdservice-version" onClick="modalPopupUpdate()"> ���댄��� �먮컮 �ㅽ겕由쏀듃濡� 愿�由� �⑸땲��. </button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div>