그누보드 글 쓰기 간트 라이브러리 업로드 질문...
본문
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/dhtmlxgantt.css">', 0);
add_javascript('<script src="'.$board_skin_url.'/dhtmlxgantt.js"><script>', 0);
?>
<article id="bo_v" style="width:100%;">
<section id="bo_w">
<h2 class="sound_only"><?php echo $g5['title'] ?></h2>
<!-- 게시물 작성/수정 시작 { -->
<form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off" style="width:<?php echo $width; ?>">
<input type="hidden" name="uid" value="<?php echo get_uniqid(); ?>">
<input type="hidden" name="w" value="<?php echo $w ?>">
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
<input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
<input type="hidden" name="sca" value="<?php echo $sca ?>">
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
<input type="hidden" name="stx" value="<?php echo $stx ?>">
<input type="hidden" name="spt" value="<?php echo $spt ?>">
<input type="hidden" name="sst" value="<?php echo $sst ?>">
<input type="hidden" name="sod" value="<?php echo $sod ?>">
<input type="hidden" name="page" value="<?php echo $page ?>">
<?php
$option = '';
$option_hidden = '';
if ($is_notice || $is_html || $is_secret || $is_mail) {
$option = '';
if ($is_notice) {
$option .= PHP_EOL.'<li class="chk_box"><input type="checkbox" id="notice" name="notice" class="selec_chk" value="1" '.$notice_checked.'>'.PHP_EOL.'<label for="notice"><span></span>공지</label></li>';
}
if ($is_html) {
if ($is_dhtml_editor) {
$option_hidden .= '<input type="hidden" value="html1" name="html">';
} else {
$option .= PHP_EOL.'<li class="chk_box"><input type="checkbox" id="html" name="html" onclick="html_auto_br(this);" class="selec_chk" value="'.$html_value.'" '.$html_checked.'>'.PHP_EOL.'<label for="html"><span></span>html</label></li>';
}
}
if ($is_secret) {
if ($is_admin || $is_secret==1) {
$option .= PHP_EOL.'<li class="chk_box"><input type="checkbox" id="secret" name="secret" class="selec_chk" value="secret" '.$secret_checked.'>'.PHP_EOL.'<label for="secret"><span></span>비밀글</label></li>';
} else {
$option_hidden .= '<input type="hidden" name="secret" value="secret">';
}
}
if ($is_mail) {
$option .= PHP_EOL.'<li class="chk_box"><input type="checkbox" id="mail" name="mail" class="selec_chk" value="mail" '.$recv_email_checked.'>'.PHP_EOL.'<label for="mail"><span></span>답변메일받기</label></li>';
}
}
echo $option_hidden;
?>
<?php if ($is_category) { ?>
<div class="bo_w_select write_div">
<label for="ca_name" class="sound_only">분류<strong>필수</strong></label>
<select name="ca_name" id="ca_name" required>
<option value="">분류를 선택하세요</option>
<?php echo $category_option ?>
</select>
</div>
<?php } ?>
<div class="mc mc-write mc-write-gantt">
<div class="mc-control-row mc-control-row-required">
<span class="mc-control-label">프로젝트 기간</span>
<div class="date_flex">
<div class="mc-controls" data-name="wr_1" data-type="date" data-root="" data-multiple="0" data-mode="write" data-input="input" data-required="1">
<input type="text" name="wr_1" value="<?php echo $write["wr_1"]; ?>" id="date_wr_1" required class="frm_input" size="11" readonly="readonly">
</div>
<span>~</span>
<div class="mc-controls" data-name="wr_2" data-type="date" data-root="" data-multiple="0" data-mode="write" data-input="input" data-required="1">
<input type="text" name="wr_2" value="<?php echo $write["wr_2"]; ?>" id="date_wr_2" required class="frm_input" size="11" readonly="readonly">
</div>
</div>
</div>
<div class="mc-control-row mc-control-row-required">
<span class="mc-control-label">프로젝트 기간</span>
<div class="mc-controls" data-name="wr_3" data-type="category" data-root="53" data-multiple="" data-mode="write" data-input="checkbox" data-required="1">
<script type="text/json">{"column":"path"}</script><input type="hidden" name="wr_3" value="" title="프로젝트 기간" class="required"><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="1" onchange="mc.handle(this)">1</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="2" onchange="mc.handle(this)">2</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="3" onchange="mc.handle(this)">3</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="4" onchange="mc.handle(this)">4</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="5" onchange="mc.handle(this)">5</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="6" onchange="mc.handle(this)">6</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="7" onchange="mc.handle(this)">7</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="8" onchange="mc.handle(this)">8</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="9" onchange="mc.handle(this)">9</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="10" onchange="mc.handle(this)">10</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="11" onchange="mc.handle(this)">11</label><label class="mc-control-radio"><input type="checkbox" data-name="wr_3" value="12" onchange="mc.handle(this)">12</label></div>
</div>
<div class="mc-control-row mc-control-row-required w_full">
<span class="mc-control-label">간트 URL</span><div class="mc-controls" data-name="wr_4" data-type="text" data-root="" data-multiple="0" data-mode="write" data-input="input" data-required="1"><input type="text" name="wr_4" value="" data-name="wr_4" required=""></div>
</div>
<div class="mc-control-row mc-control-row-required w_full">
<span class="mc-control-label">프로젝트 명</span>
<div class="mc-controls" data-name="wr_subject" data-type="text" data-root="" data-multiple="0" data-mode="write" data-input="input" data-required="1"><input type="text" name="wr_subject" value="" data-name="wr_subject" required="" ize="50" maxlength="255" placeholder="프로젝트 명"></div>
</div>
</div>
<div class="bo_w_info write_div">
<?php if ($is_name) { ?>
<label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
<input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input half_input required" placeholder="이름">
<?php } ?>
<?php if ($is_password) { ?>
<label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
<input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input half_input <?php echo $password_required ?>" placeholder="비밀번호">
<?php } ?>
<?php if ($is_email) { ?>
<label for="wr_email" class="sound_only">이메일</label>
<input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input half_input email " placeholder="이메일">
<?php } ?>
<?php if ($is_homepage) { ?>
<label for="wr_homepage" class="sound_only">홈페이지</label>
<input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input half_input" size="50" placeholder="홈페이지">
<?php } ?>
</div>
<div class="write_div">
<div class="html">
<div class="body">
<div id="gantt_here" style="height:500px;"></div>
</div>
</div>
<script>
// Document ready function to ensure the DOM is fully loaded before executing the script
$(document).ready(function() {
// Configuration and initialization of Gantt chart
gantt.config.min_column_width = 50;
gantt.config.scale_height = 90;
gantt.config.scales = [
{unit: "year", step: 1, format: "%Y"},
{unit: "month", step: 1, format: "%M"}
];
gantt.init("gantt_here");
// Modify the Gantt chart data here
gantt.parse({
data: [
{"id": 11, "text": "프로젝트1", "start_date": "01-07-2023", "end_date": "31-12-2023", "progress": 0.4, "open": true},
{"id": 12, "text": "기획", "start_date": "01-07-2023", "end_date": "31-12-2023", "parent": "11", "progress": 0.6, "open": true},
{"id": 13, "text": "디자인", "start_date": "01-07-2023", "end_date": "31-12-2023", "parent": "11", "progress": 0.2, "open": true},
{"id": 14, "text": "퍼블리싱", "start_date": "01-07-2023", "end_date": "31-12-2023", "parent": "11", "progress": 0.1, "open": true},
{"id": 15, "text": "개발", "start_date": "01-07-2023", "end_date": "31-12-2023", "parent": "11", "progress": 0.8, "open": true}
],
links: [
{"id": "10", "source": "11", "target": "12", "type": "1"},
{"id": "11", "source": "12", "target": "13", "type": "1"},
{"id": "12", "source": "13", "target": "14", "type": "1"}
]
});
// Other Gantt chart customization, if needed
// 월별 스케일의 날짜 형식을 수정합니다.
gantt.templates.scale_cell_class = function(date) {
if (date.getMonth() === 0) {
return "january_scale";
}
return "";
};
// 월별 스케일의 콘텐츠를 수정합니다.
gantt.templates.scale_cell_label = function(date) {
return (date.getMonth() + 1).toString();
};
// 창 크기 조정 시 스케일의 날짜 형식을 다시 수정합니다.
window.addEventListener("resize", function() {
gantt.render();
});
$('.btn_pdf').on('click', function() {
gantt.exportToPDF();
});
$('.btn_png').on('click', function() {
gantt.exportToPNG();
});
$('.btn_json').on('click', function() {
gantt.exportToJSON({
name: "gantt.json"
});
});
});
</script>
<label for="wr_content" class="sound_only">내용<strong>필수</strong></label>
<div class="wr_content <?php echo $is_dhtml_editor ? $config['cf_editor'] : ''; ?>">
<?php if($write_min || $write_max) { ?>
<!-- 최소/최대 글자 수 사용 시 -->
<p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
<?php } ?>
<?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
<?php if($write_min || $write_max) { ?>
<!-- 최소/최대 글자 수 사용 시 -->
<div id="char_count_wrap"><span id="char_count"></span>글자</div>
<?php } ?>
</div>
</div>
<?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
<?php } ?>
<?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
<div class="bo_w_flie write_div">
<div class="file_wr write_div">
<label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
<input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file ">
</div>
<?php if ($is_file_content) { ?>
<input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="full_input frm_input" size="50" placeholder="파일 설명을 입력해주세요.">
<?php } ?>
<?php if($w == 'u' && $file[$i]['file']) { ?>
<span class="file_del">
<input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i; ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')'; ?> 파일 삭제</label>
</span>
<?php } ?>
</div>
<?php } ?>
<?php if ($is_use_captcha) { //자동등록방지 ?>
<div class="write_div">
<?php echo $captcha_html ?>
</div>
<?php } ?>
<div class="btn_confirm write_div">
<a href="<?php echo get_pretty_url($bo_table); ?>" class="btn_cancel btn">취소</a>
<button type="submit" id="btn_submit" accesskey="s" class="btn_submit btn">작성완료</button>
</div>
</form>
<script>
<?php if($write_min || $write_max) { ?>
// 글자수 제한
var char_min = parseInt(<?php echo $write_min; ?>); // 최소
var char_max = parseInt(<?php echo $write_max; ?>); // 최대
check_byte("wr_content", "char_count");
$(function() {
$("#wr_content").on("keyup", function() {
check_byte("wr_content", "char_count");
});
});
<?php } ?>
function html_auto_br(obj)
{
if (obj.checked) {
result = confirm("자동 줄바꿈을 하시겠습니까?\n\n자동 줄바꿈은 게시물 내용중 줄바뀐 곳을<br>태그로 변환하는 기능입니다.");
if (result)
obj.value = "html2";
else
obj.value = "html1";
}
else
obj.value = "";
}
function fwrite_submit(f)
{
<?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함 ?>
var subject = "";
var content = "";
$.ajax({
url: g5_bbs_url+"/ajax.filter.php",
type: "POST",
data: {
"subject": f.wr_subject.value,
"content": f.wr_content.value
},
dataType: "json",
async: false,
cache: false,
success: function(data, textStatus) {
subject = data.subject;
content = data.content;
}
});
if (subject) {
alert("제목에 금지단어('"+subject+"')가 포함되어있습니다");
f.wr_subject.focus();
return false;
}
if (content) {
alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
if (typeof(ed_wr_content) != "undefined")
ed_wr_content.returnFalse();
else
f.wr_content.focus();
return false;
}
if (document.getElementById("char_count")) {
if (char_min > 0 || char_max > 0) {
var cnt = parseInt(check_byte("wr_content", "char_count"));
if (char_min > 0 && char_min > cnt) {
alert("내용은 "+char_min+"글자 이상 쓰셔야 합니다.");
return false;
}
else if (char_max > 0 && char_max < cnt) {
alert("내용은 "+char_max+"글자 이하로 쓰셔야 합니다.");
return false;
}
}
}
<?php echo $captcha_js; // 캡챠 사용시 자바스크립트에서 입력된 캡챠를 검사함 ?>
document.getElementById("btn_submit").disabled = "disabled";
return true;
}
$(function(){
$("#date_wr_1").datepicker({ changeMonth: true, changeYear: true, dateFormat: "mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+3d;", maxDate: "+365d;" });
});
$(function(){
$("#date_wr_2").datepicker({ changeMonth: true, changeYear: true, dateFormat: "mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+3d;", maxDate: "+365d;" });
});
</script>
</section>
<!-- } 게시물 작성/수정 끝 -->
</article>
지금 글쓰기 영역에 간트 라이브러리를 넣어 놨습니다..
여기에서 저 부분을 글쓰기 페이지에서 날짜 추가, 프로젝트 인원 추가 등 라이브러리 기능을 사용하여 수정 후 상세페이제에서 수정한 간트가 그대로 나오게 할 수 있을까요..?
답변을 작성하시기 전에 로그인 해주세요.