Index: vue/src/assets/images/devops/DevSupport/github.png =================================================================== diff -u -rd2347deffd142aa371e8f770a8412c357196a5c6 -rac7c1913813bc8666c18ff4fe0d3937fe09b88a0 --- vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision d2347deffd142aa371e8f770a8412c357196a5c6) +++ vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision ac7c1913813bc8666c18ff4fe0d3937fe09b88a0) @@ -2374,7 +2374,14 @@ border-radius: 3px; position: relative; } +.chat-message .chat-message-body.on-left { + border-right: 2px solid #e5603b; +} +.chat-message-body.on-left .arrow { + border-left: 5px solid #e5603b; +} + .chat-message .chat-message-body.arrow:before { content: ""; display: block; @@ -2388,6 +2395,23 @@ border-right: 5px solid #a4c6ff; } +.detail_qna .chat-message .chat-message-body { + margin-left: 63px !important; +} + +/*.chat-message.detail_qna .chat-message-body.arrow:before {*/ +/* content: "";*/ +/* display: block;*/ +/* position: absolute;*/ +/* top: 21px;*/ +/* left: -7px;*/ +/* width: 0;*/ +/* height: 0;*/ +/* border-top: 5px solid transparent;*/ +/* border-bottom: 5px solid transparent;*/ +/* border-right: 5px solid #a4c6ff;*/ +/*}*/ + .widget > .carousel { margin: 0 -12px 5px; } @@ -3399,12 +3423,10 @@ animation: 2s animateLeft linear -1s infinite; } - .echart-no-data { position: relative; } - .echart-no-data .message { position: absolute; transform: translateY(-50%); Index: arms/html/detail/page-sidebar.html =================================================================== diff -u -r2432ab37a108d0027390fb7ce91733aa7b16ad3c -rac7c1913813bc8666c18ff4fe0d3937fe09b88a0 --- arms/html/detail/page-sidebar.html (.../page-sidebar.html) (revision 2432ab37a108d0027390fb7ce91733aa7b16ad3c) +++ arms/html/detail/page-sidebar.html (.../page-sidebar.html) (revision ac7c1913813bc8666c18ff4fe0d3937fe09b88a0) @@ -40,7 +40,7 @@ - 개별 요구사항 조회 + 개별 요구사항 조회
  • - 개별 버전정보 조회 + 개별 버전정보 조회
  • + + + + + + + + + - Index: arms/html/detail_qna/content-container.html =================================================================== diff -u --- arms/html/detail_qna/content-container.html (revision 0) +++ arms/html/detail_qna/content-container.html (revision ac7c1913813bc8666c18ff4fe0d3937fe09b88a0) @@ -0,0 +1,60 @@ +
    +
    +
    +
    +

    + + Java Service Tree Framework License +

    +
    +
    +
    +
    +
    +
    +

    + + Chat +

    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    Index: arms/html/detail_qna/content-header.html =================================================================== diff -u --- arms/html/detail_qna/content-header.html (revision 0) +++ arms/html/detail_qna/content-header.html (revision ac7c1913813bc8666c18ff4fe0d3937fe09b88a0) @@ -0,0 +1,13 @@ +

    + Q & A + Statistics and more + +

    Index: arms/js/detail_qna.js =================================================================== diff -u --- arms/js/detail_qna.js (revision 0) +++ arms/js/detail_qna.js (revision ac7c1913813bc8666c18ff4fe0d3937fe09b88a0) @@ -0,0 +1,147 @@ +//////////////////////////////////////////////////////////////////////////////////////// +//Document Ready ( execArmsDocReady ) +//////////////////////////////////////////////////////////////////////////////////////// + +// 절대로 armsDetailExceptTemplate 폴더안에 있는 파일 사용하지 마세요 +// armsDetailExceptTemplate 폴더를 삭제할 예정입니다. + +function execDocReady() { + var pluginGroups = [ + [ + "../reference/light-blue/lib/vendor/jquery.ui.widget.js", + "../reference/lightblue4/docs/lib/widgster/widgster.js", + "../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js" + ] + // 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다. + ]; + + loadPluginGroupsParallelAndSequential(pluginGroups) + .then(function () { + console.log("모든 플러그인 로드 완료"); + + //좌측 메뉴 + $(".widget").widgster(); + setSideMenu("sidebar_menu_product", "sidebar_menu_qna"); + // 스크립트 실행 로직을 이곳에 추가합니다. + + $(".slimScrollDiv").slimScroll({ + height: "550px", + railVisible: true, + railColor: "#222", + railOpacity: 0.3, + wheelStep: 10, + allowPageScroll: false, + disableFadeOut: false + }); + + init(); + }) + .catch(function () { + console.error("플러그인 로드 중 오류 발생"); + }); +} + +function init() { + const chatList = [ + { + type: true, + imageUrl: "img/313.png", + regDt: "2", + name: "313", + content: "무엇을 도와 드릴까요?" + }, + { + type: false, + imageUrl: "img/community_devtool/github.png", + regDt: "3", + name: "User name", + content: "user input caht message content" + }, + { + type: true, + imageUrl: "img/313.png", + regDt: "4", + name: "313", + content: "answer caht message content" + }, + { + type: false, + imageUrl: "img/community_devtool/github.png", + regDt: "5", + name: "User name", + content: "user input caht message content" + }, + { + type: true, + imageUrl: "img/313.png", + regDt: "6", + name: "313", + content: "answer caht message content" + }, + { + type: false, + imageUrl: "img/community_devtool/github.png", + regDt: "7", + name: "User name", + content: "user input caht message content" + }, + { + type: true, + imageUrl: "img/313.png", + regDt: "8", + name: "313", + content: "answer caht message content" + }, + { + type: false, + imageUrl: "img/community_devtool/github.png", + regDt: "9", + name: "User name", + content: "user input caht message content" + }, + { + type: true, + imageUrl: "img/313.png", + regDt: "10", + name: "313", + content: "문의 사항을 얘기해 주세요" + } + ]; + + chatList.forEach((message) => makeTemplate(message)); +} + +function makeTemplate(item) { + const wrap = document.getElementById("chat_messages"); + const message = document.createElement("div"); + message.className = "chat-message"; + message.innerHTML = ` +
    +
    + +
    +
    ${item.regDt}
    +
    +
    + +
    ${item.name}
    +
    ${item.content}
    +
    + `; + + wrap.append(message); +} + +function sendMessage(e) { + const message = document.getElementById("new_message").value; + + if (!message) return; + + makeTemplate({ + type: false, + imageUrl: "img/community_devtool/github.png", + regDt: "9999", + name: userName, + content: message + }); +} Index: arms/js/detail_total_pdservice.js =================================================================== diff -u -r77ed158a9a650560bb4a334c6fcfcad647b31c0a -rac7c1913813bc8666c18ff4fe0d3937fe09b88a0 --- arms/js/detail_total_pdservice.js (.../detail_total_pdservice.js) (revision 77ed158a9a650560bb4a334c6fcfcad647b31c0a) +++ arms/js/detail_total_pdservice.js (.../detail_total_pdservice.js) (revision ac7c1913813bc8666c18ff4fe0d3937fe09b88a0) @@ -2,34 +2,29 @@ //Document Ready ( execArmsDocReady ) //////////////////////////////////////////////////////////////////////////////////////// - - // 절대로 armsDetailExceptTemplate 폴더안에 있는 파일 사용하지 마세요 // armsDetailExceptTemplate 폴더를 삭제할 예정입니다. - - function execDocReady() { + var pluginGroups = [ + [ + "../reference/light-blue/lib/vendor/jquery.ui.widget.js", + "../reference/lightblue4/docs/lib/widgster/widgster.js", + "../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js" + ] + // 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다. + ]; - var pluginGroups = [ - [ "../reference/light-blue/lib/vendor/jquery.ui.widget.js", - "../reference/lightblue4/docs/lib/widgster/widgster.js"] - // 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다. - ]; + loadPluginGroupsParallelAndSequential(pluginGroups) + .then(function () { + console.log("모든 플러그인 로드 완료"); - loadPluginGroupsParallelAndSequential(pluginGroups) - .then(function() { - - console.log('모든 플러그인 로드 완료'); - - //좌측 메뉴 - $('.widget').widgster(); - setSideMenu("sidebar_menu_dashboard", ""); - // 스크립트 실행 로직을 이곳에 추가합니다. - - }) - .catch(function() { - console.error('플러그인 로드 중 오류 발생'); - }); - + //좌측 메뉴 + $(".widget").widgster(); + setSideMenu("sidebar_menu_product", "sidebar_menu_total_pdservice"); + // 스크립트 실행 로직을 이곳에 추가합니다. + }) + .catch(function () { + console.error("플러그인 로드 중 오류 발생"); + }); }