<div class="row"> <div class="col-lg-4 col-layer"> <section class="widget"> <header> <h4> <span class="font13" style="font-weight: bold"> <i class="fa fa-edit"></i> Service - 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"> 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#reqstatus_version_selection')"> Help <i class="fa fa-question" style="font-size: 14px; vertical-align: middle; color: #acacac"></i> </button> </div> </blockquote> <div class="row"> <div class="col-md-12"> <section class="widget" style="margin-bottom: 0px !important"> <header> <label><strong>Search</strong></label> </header> <div class="body"> <div class="column"> <blockquote class="font12"> <strong> 1. Product <sup>service</sup> 를 선택해 주세요 </strong> </blockquote> <div class="control-group" class="darkBack" style="padding-bottom: 10px; border: 0"> <div class="controls form-group" class="darkBack" style="margin-bottom: 5px !important"> <select id="selected_pdService" required="required" data-placeholder="Select Product(Service)" class="select-block-level chzn-select darkBack" tabindex="-1" name="selected_pdService" style="width: 100% !important"> <option value=""></option> </select> </div> </div> <blockquote class="font12"> <strong> 2. Product <sup>service</sup> 의 버전을 선택해 주세요 </strong> </blockquote> <div class="control-group" style="padding-bottom: 10px; border: 0"> <div class="controls form-group" style="margin-bottom: 5px !important"> <select multiple="multiple" id="multiversion" class="multiple-select btn-block darkBack" placeholder=" Select Version"></select> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <div class="col-lg-8 col-layer"> <section class="widget"> <header> <h4> <span class="font13" style="font-weight: bold"> <i class="fa fa-edit"></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;"> <div style="float: right;"> <button class="btn btn-transparent btn-xs" style="margin-top: -3px; color: #acacac; background: rgba(51,51,51,.2); padding: 1px 9px;" onclick="window.open('docs/guide.html#jira_edit_delete')"> Help <i class="fa fa-question" style="font-size: 14px; vertical-align: middle; color: #acacac"></i> </button> </div> 2. 일정변경 관리하지 않을 때 <p class="font12"><i class="fa fa-info-circle"></i> 프로젝트 작업량과 진척율을 보여줍니다. <strong>"스케쥴 업데이트"</strong> 버튼 클릭 시 아래 항목이 자동 계산됩니다.</p> </blockquote> <div class="flex" style="flex-direction: row-reverse;"> <button type="button" id="shcedule_update" onclick="scheduleUpdate()" class="btn btn-success btn-sm mr-1"> 스케쥴 업데이트 </button> </div> <div class="row"> <div class="col-md-12"> <div class="body tab-content"> <div class="project-progress"> <div class="progress-group"> <label for="total_work"> 프로젝트 전체 작업량 : </label> <div class="progress-desc"> <span class="icon input-group-addon"> <i class="glyphicon glyphicon-calendar"></i> </span> <span class="progress-input font11"> <input type="text" id="total_work" name="total_work" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly=""> Man/Day </span> <span class="input-group-addon input-desc"> <i class="fa fa-question-circle"></i> <span class="font11">프로젝트 전체의 작업량을 Man/Day로 표시한다. 가중치를 적용한 값이다.</span> </span> </div> </div> <div class="progress-group"> <label for="planed_work"> 현재일까지 계획된 작업량 : </label> <div class="progress-desc"> <span class="icon input-group-addon"> <i class="glyphicon glyphicon-calendar"></i> </span> <span class="progress-input font11"> <input type="text" id="planed_work" name="planed_work" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly=""> Man/Day </span> <span class="input-group-addon input-desc"> <i class="fa fa-question-circle"></i> <span class="font11">해당작업의 시작일부터 현재일까지의 작업기간을 의미함(현재 날짜까지 진행되었어야 할 기간)</span> </span> </div> </div> <div class="progress-group"> <label for="performance_capability"> 실적기성 : </label> <div class="progress-desc"> <span class="icon input-group-addon"> <i class="glyphicon glyphicon-list-alt"></i> </span> <span class="progress-input font11"> <input type="text" id="performance_capability" name="performance_capability" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly=""> Man/Day </span> <span class="input-group-addon input-desc"> <i class="fa fa-question-circle"></i> <span class="font11">실적기성(총기간 x 총실적진행율)</span> </span> </div> </div> <div class="progress-group"> <label for="actual_input"> 실제 투입된 작업량 : </label> <div class="progress-desc"> <span class="icon input-group-addon"> <i class="glyphicon glyphicon-calendar"></i> </span> <span class="progress-input font11"> <input type="text" id="actual_input" name="actual_input" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly=""> Man/Day </span> <span class="input-group-addon input-desc"> <i class="fa fa-question-circle"></i> <span class="font11">일정변경 관리할 때 현재까지 실제로 투입된 작업기간을 표시함</span> </span> </div> </div> <div class="progress-group"> <label for="planned_progress"> 계획 진척율(A) : </label> <div class="progress-desc"> <span class="icon input-group-addon"> <i class="glyphicon glyphicon-list-alt"></i> </span> <span class="progress-input font11"> <input type="text" id="planned_progress" name="planned_progress" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly=""> % </span> <span class="input-group-addon input-desc"> <i class="fa fa-question-circle"></i> <span class="font11">현재날짜까지 계획된 진척율, WBS의 "계획진척율"의 전체 합계 진척율을 표시함</span> </span> </div> </div> <div class="progress-group"> <label for="performance_progress"> 실적 진척율(B) : </label> <div class="progress-desc"> <span class="icon input-group-addon"> <i class="glyphicon glyphicon-list-alt"></i> </span> <span class="progress-input font11"> <input type="text" id="performance_progress" name="performance_progress" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly=""> % </span> <span class="input-group-addon input-desc"> <i class="fa fa-question-circle"></i> <span class="font11">현재날짜까지 실제로 진행된 진척율, WBS의 "실적진척율"의 전체 합계 진척율을 표시함</span> </span> </div> </div> <div class="progress-group"> <label for="project_progress"> 차이(B-A) : </label> <div class="progress-desc"> <span class="icon input-group-addon"> <i class="glyphicon glyphicon-list-alt"></i> </span> <span class="progress-input font11"> <input type="text" id="project_progress" name="project_progress" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly=""> % </span> <span class="input-group-addon input-desc"> <i class="fa fa-question-circle"></i> <span class="font11">양수이면 계획보다 빨리 진행, 음수이면 지연</span> </span> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="col-lg-12 col-layer"> <section class="widget" style="margin-bottom: 0px !important"> <header> <h4> <span class="font13" style="font-weight: bold"> <i class="fa fa-edit"></i> Issue List </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" style="overflow: hidden"> <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#reqstatus_issue_list')"> Help <i class="fa fa-question" style="font-size: 14px; vertical-align: middle; color: #acacac"></i> </button> </div> </blockquote> <div class="row"> <div class="col-md-12"> <section class="widget" style="margin-bottom: 0px !important"> <header> <label><strong>Service - Issue List</strong></label> </header> <div class="body" id="gantt-target"></div> </section> </div> </div> </div> </section> </div> <!-- 링크드이슈 서브테스크 모달 --> <div id="my_modal" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none; border-radius: 10px"> <div class="modal-dialog" style="width: 80%; height: 80%"> <div class="modal-content modalDarkBack"> <div class="modal-header" style="padding: 0px; border-bottom: 1px"> <h4 class="modal-title font14" id="my_modal_label2" style="color: #f8f8f8; text-align: left; padding: 5px"> <span class="font13" id="my_modal2_title" style="font-weight: bold"> <i class="fa fa-edit"></i> 요구사항 내용 </span> <blockquote class="search-result" style="border-left: 5px solid #e5603b"> <p style="font-size: 13px; margin: 10px 0px 10px 0px; padding-left: 10px">요구사항 세부 내용 조회</p> </blockquote> </h4> <div class="widget-controls" style="padding-top: 10px"> <a title="Options" class="hidden" href="#"> <i class="glyphicon glyphicon-cog"></i> </a> <a data-widgster="expand" title="Expand" class="hidden" href="#"> <i class="glyphicon glyphicon-chevron-up"></i> </a> <a data-widgster="collapse" title="Collapse" class="hidden" href="#"> <i class="glyphicon glyphicon-chevron-down"></i> </a> <a data-widgster="close" title="Close" href="#" data-dismiss="modal" aria-hidden="true"> <i class="glyphicon glyphicon-remove"></i> </a> </div> </div> <div class="modal-body" style="padding: 5px; border-top: 1px solid rgba(51, 51, 51, 0.3); padding-top: 5px"> <div class="body"> <div class="clearfix" style="margin-bottom: 10px; margin-top: 10px"> <!-- 컴포넌트 대상 --> <div id="selected_info" style="float: left"> <div class="panel-group json-menu" id="versionAccordion" 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; left: -7px; 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 style="float: right; border: 1px solid #0b67ff !important" class="newReqDiv darkBack"> <label id="new_req_regist02" class="btn btn-primary btn-transparent btn-sm active" data-target="#my_modal1" data-toggle="modal" style="width: 100%; background-color: #2477ff !important"> A-RMS의 신규 요구사항 등록하기 </label> </div> <div style="float: right" class="edit_btn_group hidden"> <button type="button" id="edit_tab_req_update" class="btn btn-success btn-sm"> 요구사항 변경 저장 </button> </div> </div> <div class="row"> <div class="col-md-12"> <section class="widget widget-tabs" style="margin-bottom: 0"> <header> <ul class="nav nav-tabs"> <li class="active"> <a href="#stats" data-toggle="tab" id="default_tab"> <strong>상세 보기</strong> </a> </li> <li> <a href="#edit" data-toggle="tab" id="edit_tab"> <strong>편집 하기</strong> </a> </li> <li> <a href="#report" data-toggle="tab" id="folder_tab"> <strong>리스트로 보기</strong> </a> </li> <li> <a href="#doc" data-toggle="tab" id="docu_tab"> <strong>문서로 보기</strong> </a> </li> <li class="hidden"> <a href="#history" data-toggle="tab" id="history_tab"> <strong>History(이력)</strong> </a> </li> </ul> </header> <div class="body tab-content"> <div id="stats" class="tab-pane active clearfix" style="padding-top: 10px !important"> <form class="form-horizontal" method="post"> <fieldset> <div class="control-group" for="detailview_req_pdservice_name"> <label class="control-label font13"> 요구사항 제품 <sup>서비스</sup> : </label> <div class="controls form-group input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-th-list"></i> </span> <input type="text" id="detailview_req_pdservice_name" name="detailview_req_pdservice_name" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="제품(서비스) 이름은 중복될 수 없습니다." required="required" style="color: #a4c6ff" placeholder="Service Name" /> </div> </div> <div class="control-group" for="detailview_req_pdservice_version"> <label class="control-label font13">요구사항 연관 버전 :</label> <div class="controls form-group input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-gift"></i> </span> <input type="text" id="detailview_req_pdservice_version" name="detailview_req_pdservice_version" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="제품(서비스) 이름은 중복될 수 없습니다." required="required" style="color: #a4c6ff" placeholder="Service Version" /> </div> </div> <div class="control-group" for="detailview_req_id"> <label class="control-label font13">요구사항 아이디 :</label> <div class="controls form-group input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-phone"></i> </span> <input type="text" id="detailview_req_id" name="detailview_req_id" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="제품(서비스) 이름은 중복될 수 없습니다." required="required" style="color: #a4c6ff" placeholder="Requirement ID" /> </div> </div> <div class="control-group" for="detailview_req_name"> <label class="control-label font13">요구사항 제목 :</label> <div class="controls form-group input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-list-alt"></i> </span> <input type="text" id="detailview_req_name" name="detailview_req_name" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="제품(서비스) 이름은 중복될 수 없습니다." required="required" style="color: #a4c6ff" placeholder="Requirement Title" /> </div> </div> <div class="control-group" for="detailview_req_writer"> <label class="control-label font13">요구사항 작성자 :</label> <div class="controls form-group input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-user"></i> </span> <input type="text" id="detailview_req_writer" name="detailview_req_writer" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="제품(서비스) 이름은 중복될 수 없습니다." required="required" style="color: #a4c6ff" placeholder="Requirements Author" /> </div> </div> <div class="control-group" for="detailview_req_write_date"> <label class="control-label font13">요구사항 최근 작성일 :</label> <div class="controls form-group input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-envelope"></i> </span> <input type="text" id="detailview_req_write_date" name="detailview_req_write_date" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="제품(서비스) 이름은 중복될 수 없습니다." required="required" style="color: #a4c6ff" placeholder="Requirements Last Created Date" /> </div> </div> <div class="control-group"> <label class="control-label font13">제품(서비스) 리뷰어 :</label> <div class="controls input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-inbox"></i> </span> <input type="text" id="detailview_req_reviewer01" name="detailview_req_reviewer01" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="공동 책임자" required="required" placeholder="Product (Service) Reviewer" disabled="disabled" style="border: 0px !important; color: #a4c6ff !important" /> <span class="input-group-addon font11">INFO : 공동 책임자</span> </div> <div class="controls input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-inbox"></i> </span> <input type="text" id="detailview_req_reviewer02" name="detailview_req_reviewer02" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="공동 책임자" required="required" placeholder="Product (Service) Reviewer" disabled="disabled" style="border: 0px !important; color: #a4c6ff !important" /> <span class="input-group-addon font11">INFO : 공동 책임자</span> </div> <div class="controls input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-inbox"></i> </span> <input type="text" id="detailview_req_reviewer03" name="detailview_req_reviewer03" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="공동 책임자" required="required" placeholder="Product (Service) Reviewer" disabled="disabled" style="border: 0px !important; color: #a4c6ff !important" /> <span class="input-group-addon font11">INFO : 공동 책임자</span> </div> <div class="controls input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-inbox"></i> </span> <input type="text" id="detailview_req_reviewer04" name="detailview_req_reviewer04" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="공동 책임자" required="required" placeholder="Product (Service) Reviewer" disabled="disabled" style="border: 0px !important; color: #a4c6ff !important" /> <span class="input-group-addon font11">INFO : 공동 책임자</span> </div> <div class="controls input-group" style="margin-left: 180px"> <span class="input-group-addon"> <i class="glyphicon glyphicon-inbox"></i> </span> <input type="text" id="detailview_req_reviewer05" name="detailview_req_reviewer05" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="공동 책임자" required="required" placeholder="Product (Service) Reviewer" disabled="disabled" style="border: 0px !important; color: #a4c6ff !important" /> <span class="input-group-addon font11">INFO : 공동 책임자</span> </div> </div> <div class="control-group"> <label class="control-label" style="margin-top: 10px"> 요구사항 내용 : </label> <div class="col-sm-8" style="margin-top: 16px; margin-bottom: 10px"> <i class="fa fa-level-down"></i> 하단 영역 참조 </div> <br /> <br /> <br /> <div class="col-sm-12 darkBack" id="detailview_req_contents" style="padding-top: 7px"></div> </div> </fieldset> </form> </div> <div id="edit" class="tab-pane" style="padding-top: 10px !important"> <div class="form-group" style="padding-top: 10px"> <div class="control-group"> <label class="control-label" style="vertical-align: center"> 요구사항 등록 모드 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group" style="text-align: left"> <span class="input-group-addon"> <i class="fa fa-sliders"></i> </span> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-transparent btn-sm active" style="color: #f8f8f8 !important"> <input type="radio" /> 요구사항 변경 모드 </label> </div> </div> </div> </div> <div class="control-group"> <!-- <label class="control-label"--> <!-- for="editview_req_pdservice_name">--> <!-- 요구사항 제품(서비스) :--> <!-- </label>--> <label class="control-label" for="editview_req_pdservice_name"> 요구사항 제품 <sup>서비스</sup> : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-th-list"></i> </span> <input id="editview_req_pdservice_name" disabled="disabled" class="form-control font13 darkBack" style="color: #a4c6ff" size="16" type="text" placeholder="제품(서비스)명을 입력해 주세요" /> </div> </div> </div> <div class="control-group"> <label class="control-label" for="edit_multi_version"> 요구사항 연관 버전 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-gift"></i> </span> <select multiple="multiple" id="edit_multi_version" class="multiple-select btn-block darkBack" placeholder=" 버전을 선택해주세요" style="color: #a4c6ff"></select> </div> </div> </div> <div class="control-group"> <label class="control-label" for="editview_req_id"> 요구사항 아이디 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-phone"></i> </span> <input id="editview_req_id" disabled="disabled" class="form-control font13 darkBack" style="color: #a4c6ff" size="16" type="text" placeholder="요구사항 아이디를 입력해 주세요" /> </div> </div> </div> <div class="control-group"> <label class="control-label" for="editview_req_name"> 요구사항 제목 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-list-alt"></i> </span> <input id="editview_req_name" class="form-control font13 darkBack" style="color: #a4c6ff" size="16" type="text" placeholder="요구사항 제목을 입력해 주세요" /> </div> </div> </div> <div class="control-group"> <label class="control-label" for="editview_req_writer"> 요구사항 작성자 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-user"></i> </span> <input id="editview_req_writer" disabled="disabled" class="form-control font13 darkBack" style="color: #a4c6ff" size="16" type="text" placeholder="요구사항 작성자를 입력해 주세요" /> </div> </div> </div> <div class="control-group"> <label class="control-label" for="editview_req_write_date"> 요구사항 최근 작성일 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-envelope"></i> </span> <input id="editview_req_write_date" disabled="disabled" class="form-control font13 darkBack" style="color: #a4c6ff" size="16" type="text" placeholder="요구사항 최근 작성일을 입력해 주세요" /> </div> </div> </div> <div class="control-group"> <label class="control-label" for="editview_req_reviewers"> 요구사항 리뷰어 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-inbox"></i> </span> <select id="editview_req_reviewers" class="js-data-example-ajax form-control font13 darkBack" name="selectedReviewers[]" multiple="multiple" style="width: 100%; color: #a4c6ff"></select> </div> </div> </div> <div class="control-group"> <label class="control-label" for="edit_tabmodal_editor"> 요구사항 내용 : </label> <div class="controls form-group" style="margin-bottom: 10px"> <div class="input-group" style="padding-top: 5px"> <i class="fa fa-level-down"></i> 하단 영역 참조 </div> </div> <br /> <div class="col-sm-12 darkBack" id="edit_tabmodal_editor"> <p>요구사항 내용을 기록합니다.</p> </div> </div> </div> </div> <div id="report" class="tab-pane" style="padding-top: 10px !important"> <table class="display" id="req_table" style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)"> <thead> <tr> <th>c_id</th> <th>c_left</th> <th>c_title</th> </tr> </thead> </table> </div> <div id="doc" class="tab-pane" style="padding-top: 10px !important"> <div class="col-md-12"> <div class="dd" id="nestable1"> <ol class="dd-list"></ol> </div> </div> </div> <div id="jira" class="tab-pane" style="padding-top: 10px !important"> <table class="display" id="jira_project_table" style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)"></table> </div> <div id="history" class="tab-pane" style="padding-top: 10px !important"> <!-- The timeline --> <ul class="timeline timeline-inverse"> <!-- timeline time label --> <li class="time-label"> <a class="btn btn-danger btn-sm"> A-RMS 모든 이력을 시간순으로 표시 : <i class="fa fa-check"></i> </a> </li> <!-- /.timeline-label --> <!-- timeline item --> <li class="timeline-item-head"> <i class="fa fa-search bg-maroon"></i> <div class="timeline-item" style="line-height: 2 !important"> <span class="arrow"></span> <div class="col-sm-5" style="padding-top: 12px"> <div class="input-group"> <span class="input-group-btn"> <a href="#" id="btn_start_calendar_popup" class="btn btn-warning" data-date-format="yyyy/mm/dd" data-date="2022/11/11"> <i class="fa fa-calendar"></i> </a> </span> <input id="input_req_start_date" class="form-control" type="text" name="btn_enabled_date" value="검색 시작 날짜" pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" /> </div> </div> <div class="col-sm-5" style="padding-top: 12px"> <div class="input-group"> <span class="input-group-btn"> <a href="#" id="btn_end_calendar_popup" class="btn btn-warning" data-date-format="yyyy/mm/dd" data-date="2022/11/11"> <i class="fa fa-calendar"></i> </a> </span> <input id="input_req_end_date" class="form-control" type="text" name="btn_enabled_date" value="검색 종료 날짜" pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" /> </div> </div> <div class="col-sm-2" style="padding-top: 12px"> <button type="button" class="btn btn-warning" id="logsearch"> Search </button> </div> <h3 class="timeline-header" style="padding: 0px !important; font-size: 11px"></h3> </div> </li> <!-- END timeline item --> <!-- timeline item --> <li class="timeline-item-body"> <i class="fa fa-balance-scale bg-maroon"></i> <div class="timeline-item"> <span class="arrow"></span> <span class="time"> <i class="fa fa-clock-o"></i> 09:00 (MON) </span> <h3 class="timeline-header"> <a href="http://www.313.co.kr/confluence" target="_blank"> 착수 </a> <small class="font11">제품(서비스) 등록, 버전 등록</small> </h3> <div class="timeline-body col-md-4 font11"> <a href="http://www.313.co.kr/confluence" target="_blank" class="btn bg-maroon btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Confluence by 313 DEV GRP </a> </div> <div class="timeline-footer col-md-8 font12 fontw600"> Input : Plan & Opinion & Idea <br /> Skill : Negotiation <br /> Output : Requirements <br /> System : Atlassian Confluence ( Online Document System ) </div> </div> </li> <!-- END timeline item --> <!-- timeline item --> <li class="timeline-item-body"> <i class="fa fa-check-square-o bg-yellow"></i> <div class="timeline-item"> <span class="time"> <i class="fa fa-clock-o"></i> 10:00 (TUE) </span> <h3 class="timeline-header"> <a href="http://www.313.co.kr/confluence" target="_blank"> 기획 </a> <small class="font11">요구사항 등록</small> </h3> <div class="timeline-body col-md-4 font11"> <a href="http://www.313.co.kr/confluence" target="_blank" class="btn bg-yellow btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Confluence by 313 DEV GRP </a> </div> <div class="timeline-footer col-md-8 font12 fontw600"> Input : Requirements <br /> Skill : Requirements engineering <br /> Output : SRS ( Software Requirements Specification ) <br /> System : Atlassian Confluence ( Online Document System ) </div> </div> </li> <!-- END timeline item --> <!-- timeline item --> <li class="timeline-item-body"> <i class="fa fa-cubes bg-teal"></i> <div class="timeline-item"> <span class="time"> <i class="fa fa-clock-o"></i> 12:00 (WED) </span> <h3 class="timeline-header"> <a href="http://www.313.co.kr/jira" target="_blank"> 실행 및 이행 </a> <small class="font11">JIRA 전파</small> </h3> <div class="timeline-body col-md-4 font11"> <a href="http://www.313.co.kr/jira" target="_blank" class="btn bg-teal btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Jira by 313 DEV GRP </a> </div> <div class="timeline-footer col-md-8 font12 fontw600"> Input : SRS ( Software Requirements Specification ) <br /> Skill : Architecture design <br /> Output : SDS ( Software Design Specification ) <br /> System : Atlassian Jira ( Issue Management System ) </div> </div> </li> <!-- END timeline item --> <!-- timeline time label --> <!-- /.timeline-label --> <!-- timeline item --> <li class="timeline-item-body"> <i class="fa fa-sitemap bg-light-blue"></i> <div class="timeline-item"> <span class="time"> <i class="fa fa-clock-o"></i> 15:00 (THU) </span> <h3 class="timeline-header"> <a href="https://github.com/jstree" target="_blank"> 실행 및 이행 </a> <small class="font11">Developers 개발</small> </h3> <div class="timeline-body col-md-4 font11"> <a href="https://github.com/jstree" target="_blank" class="btn bg-light-blue btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> GitHub by 313 DEV GRP </a> <a href="http://www.313.co.kr/fecru" target="_blank" class="btn bg-light-blue btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Fecru by 313 DEV GRP </a> <a href="http://www.313.co.kr/bamboo" target="_blank" class="btn bg-light-blue btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Bamboo by 313 DEV GRP </a> </div> <div class="timeline-footer col-md-8 font12 fon"> Input : SDS ( Software Design Specification ) <br /> Skill : Coding <br /> Output : Source Code & Artifacts <br /> System : GitHub ( Software Version Management ) </div> </div> </li> <!-- END timeline item --> <!-- timeline item --> <li class="timeline-item-body"> <i class="fa fa-bug bg-purple"></i> <div class="timeline-item"> <span class="time"> <i class="fa fa-clock-o"></i> 17:00 (FRI) </span> <h3 class="timeline-header"> <a href="https://github.com/jstree" target="_blank"> 감시 및 통제 </a> <small class="font11">QA 및 체크리스트</small> </h3> <div class="timeline-body col-md-4 font11"> <a href="http://www.313.co.kr/analysis" target="_blank" class="btn bg-purple btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Project Analysis by 313 DEV GRP </a> <a href="http://www.313.co.kr/nexus" target="_blank" class="btn bg-purple btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Nexus by 313 DEV GRP </a> <a href="http://www.313.co.kr/sonar" target="_blank" class="btn bg-purple btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> Sonar by 313 DEV GRP </a> </div> <div class="timeline-footer col-md-8 font12 fontw600"> Input : Source Code & Artifacts <br /> Skill : Quality Assurance <br /> Output : TCR ( Test Case Result ) <br /> System : SonarQube </div> </div> </li> <!-- END timeline item --> <!-- timeline time label --> <!-- /.timeline-label --> <!-- timeline item --> <li class="timeline-item-body"> <i class="fa fa-train bg-black"></i> <div class="timeline-item"> <span class="time"> <i class="fa fa-clock-o"></i> 18:00 (SAT) </span> <h3 class="timeline-header"> <a href="https://github.com/jstree" target="_blank"> 종료 </a> <small class="font11">보고</small> </h3> <div class="timeline-body col-md-4 font11"> <a href="https://hub.docker.com/u/313devgrp/" target="_blank" class="btn bg-black btn-xs" style="font-size: 11px"> <i class="fa fa-share"></i> DockerHub by 313 DEV GRP </a> </div> <div class="timeline-footer col-md-8 font12 fontw600"> Input : TCR ( Test Case Result ) <br /> Skill : Lessons learned and retrospective <br /> Output : Container <br /> System : Docker ( Cloud Operating system ) </div> </div> </li> <!-- END timeline item --> <li class="timeline-item-body"> <i class="fa fa-clock-o bg-gray"></i> </li> </ul> </div> </div> </section> </div> </div> </div> </div> <div class="modal-footer" style="background-color: transparent; padding: 5px; text-align: right; border-top: 0px"> <button type="button" id="extendclose_jira_server" class="btn btn-default" data-dismiss="modal"> Close </button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <div id="my_modal1" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none"> <div class="modal-dialog" style="width: 90%; height: 70%"> <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_label1" style="color: #f8f8f8; text-align: left; padding: 5px"> <span class="font13" style="font-weight: bold"> <i class="fa fa-edit"></i> 신규 요구사항 등록 팝업 </span> <section class="search-result" style="border-left: 5px solid #e5603b"> <p style="font-size: 13px; margin: 5px 0px 0px 0px; padding-left: 5px"> A-RMS에 신규 요구사항을 등록합니다. </p> </section> </h4> </div> <div class="modal-body" style="padding: 5px"> <form class="form-horizontal" method="post"> <fieldset> <br /> <div class="control-group col-sm-12"> <div class="controls form-group col-sm-1"> </div> <label for="title" class="control-label" style="color: #f8f8f8"> 요구사항 등록 모드 <span class="required">*</span> <span class="input-group-addon" style="display: inline !important"> <i class="glyphicon glyphicon-plus"></i> </span> </label> <div class="controls form-group col-sm-8"> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-transparent btn-sm active" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default"> <input type="radio" name="reqType" value="default" /> 일반 요구사항 등록 모드 </label> <label class="btn btn-transparent btn-sm" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default"> <input type="radio" name="reqType" value="folder" /> 폴더 형식으로 등록 </label> </div> </div> </div> <br /> <div class="control-group col-sm-12"> <div class="controls form-group col-sm-1"> </div> <label for="title" class="control-label" style="color: #f8f8f8"> 반영 제품(서비스) <span class="required">*</span> <span class="input-group-addon" style="display: inline !important"> <i class="glyphicon glyphicon-th-list"></i> </span> </label> <div class="controls form-group col-sm-8"> <input type="text" id="disabled_input_pdservice" class="form-control" disabled="disabled" value="" /> </div> </div> <div class="control-group col-sm-12" id="popup_version_div"> <div class="controls form-group col-sm-1"> </div> <label for="title" class="control-label" style="color: #f8f8f8"> 반영 버전 <span class="required">*</span> <span class="input-group-addon" style="display: inline !important"> <i class="glyphicon glyphicon-gift"></i> </span> </label> <div class="controls form-group col-sm-8"> <select multiple="multiple" id="popup_version" class="multiple-select btn-block darkBack" placeholder=" 버전을 선택해주세요"></select> </div> </div> <div class="control-group col-sm-12" id="popup_reviewer_div"> <div class="controls form-group col-sm-1"> </div> <label class="control-label" for="editview_req_reviewers" style="color: #f8f8f8"> 반영 리뷰어 <span class="required">*</span> <span class="input-group-addon" style="display: inline !important"> <i class="glyphicon glyphicon-inbox"></i> </span> </label> <div class="controls form-group col-sm-6" style="margin-bottom: 10px"> <div class="input-group col-sm-12" style="width: 100%"> <select id="popup_pdservice_reviewers" class="js-data-example-ajax form-control font13 darkBack" name="selectedReviewers[]" multiple="multiple" style="width: 100%"></select> </div> </div> </div> <div class="control-group col-sm-12"> <div class="controls form-group col-sm-1"> </div> <label for="req_title" class="control-label" style="color: #f8f8f8"> 요구사항 제목 <span class="required">*</span> <span class="input-group-addon" style="display: inline !important"> <i class="glyphicon glyphicon-list-alt"></i> </span> </label> <div class="controls form-group col-sm-8"> <input type="text" id="req_title" name="title" class="form-control parsley-validated" required="required" /> </div> </div> <div class="control-group col-sm-12"> <div class="controls form-group col-sm-1"> </div> <label for="modal_editor" class="control-label" style="color: #f8f8f8"> 요구사항 내용 <span class="required">*</span> <span class="input-group-addon" style="display: inline !important"> <i class="glyphicon glyphicon-book"></i> </span> </label> <div class="controls form-group col-sm-12"> <div id="modal_editor" class="darkBack"> <p>요구사항 내용을 기록합니다.</p> </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_req" class="btn btn-default" data-dismiss="modal"> Close </button> <button type="button" id="save_req" class="btn btn-success"> 신규 요구사항 저장 </button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <style> svg { width: auto; height: auto; } </style>