UseModWiki소스수정/GotoBar개선

1. 화면 상단 메뉴바(GotoBar) 개선

1.1. 어떻게 고쳐졌나...

1.1.1. 바로가기

1.1.2. 테이블 대신 리스트 사용

1.1.3. DIV

1.1.4. 환경설정 링크

1.2. 부작용

1.3. 알려진 문제점

1.4. wiki.pl 수정

1.5. wiki.css 수정

1.6. wiki_print.css 수정

1.7. translations/ko_KR.UTF-8.pl , ko_KR.EUC-KR.pl 수정

1.8. 추가 업데이트 내역

1.9. 사용자 의견

1. 화면 상단 메뉴바(GotoBar) 개선

1.1. 어떻게 고쳐졌나...

1.1.1. 바로가기

• 물음표링크를 사용하는 경우는 "wiki.pl?action=browse&id=B"를 부르고,
• 슬래쉬링크를 사용하는 경우는 "wiki.pl/A?action=browse&id=B"를 부른다. 생뚱맞은 A 페이지 이름이 URL에 들어감

• 클릭하면 "wiki.pl/B" 를 부르게 한다. (물음표링크를 쓰는 위키라면 wiki.pl?B) 가장 일반적인 페이지 주소 형태다
• 대신 자바스크립트를 지원하지 않는 브라우저에서는 POST메쏘드로 전송이 되어서 URL은 wiki.pl로만 나온다. 그래도 B페이지를 잘 불러오긴 한다.

1.1.2. 테이블 대신 리스트 사용

• 메뉴 그룹 - HomePage, 변경내역, 페이지목록, 상위페이지(필요한경우), UserGotoBar, UserGotoBar2~4, 랜덤페이지(환경설정에 체크한 경우), 링크, 관리(어드민의 경우)
• 사용자정보 그룹 - 로그인한 사용자의 경우는 자기 아이디, 그 아래 줄에 환경설정, 로그아웃 / 로그인하지 않은 사용자는 로그인
• 검색 그룹 - 바로가기, 검색

1.1.3. DIV

• DIV.gotobar - 전체 메뉴바
• 다음 순서대로 html 출력되고, search와 user div박스는 float:right 를 써서 우측으로 보냄
  • DIV.gotobar_search - 검색 그룹
  • DIV.gotobar_user - 사용자정보 그룹
  • DIV.gotobar_menu - 메뉴 그룹

1.1.4. 환경설정 링크

1.2. 부작용

1.3. 알려진 문제점

• IE와 FF가 스타일쉬트 적용에 좀 차이가 있어서... 외관에 좀 차이가 난다.
• 메뉴 그룹의 경우, 브라우저 폭이 넓을 때는 좀 시원시원하게 간격을 두고 출력되면 좋겠는데, 그렇게 할 방법을 못 찾았음.
  • width:20% 와 같은 식으로 스타일을 줬더니 FF쪽에서 난리가 난다.
  • IE와 FF 양쪽에서 잘 통하는 묘수가 있는 분의 제보를 기다림.
• 페이지 편집 상태에서, 바로가기 폼을 사용해서 다른 페이지로 이동하려고 할 경우 /작성취소시확인 패치에 의해서 대화 상자가 뜨는데, 이 때 취소를 눌러도 한 번 더 상자가 떠서 다시 취소를 해 주어야 한다. 두 번 중 한번이라도 확인을 누르면 이동해 버림. FF에서는 한 번만 뜸.

1.4. wiki.pl 수정

• 혹시 자바스크립트에서 버튼에 onclick 이벤트가 불렸을 때, "내 자신이 속해있는 폼"을 가리킬 수 있는 방법을 아시는 분 제보 부탁. 그러면 굳이 id를 별개로 할 필요 없이 "내 자신이 속해 있는 폼.goto.value" 이런 식으로 페이지이름을 얻어 올 수 있을 듯

### 패치를 위해 추가된 내부 전역 변수
use vars qw(%RevisionTs $FS_lt $FS_gt $StartTime $Sec_Revision $Sec_Ts
    ...
    $UseShortcutPage $SectionNumber $AnchorPattern $GotoTextFieldId);

sub GetGotoBar {
    my ($id) = @_;
    my ($main, $bar_menu, $bar_user, $bar_search);

# gotobar_menu
    $bar_menu .= "<DIV class='gotobar_menu'>\n";
    $bar_menu .= "<UL>\n";
    $bar_menu .= "<LI>"
                . &GetPageLink($HomePage).&GetPageLinkText($HomePage, "[f]")
                . "</LI>\n";
    $bar_menu .= "<LI>"
                . &GetPageLink(T($RCName)).&ScriptLink("action=rc", "[r]")
                . "</LI>\n";
    $bar_menu .= "<LI>"
                . &ScriptLink("action=index", T('Index')."[i]")
                . "</LI>\n";
    if ($id =~ m|/|) {
### subpage 의 경우, 상위페이지 이름 앞에 아이콘 표시
        $main = $id;
        $main =~ s|/.*||;  # Only the main page name (remove subpage)
        $bar_menu .= "<LI>"
                    . "<img src=\"$IconUrl/parentpage.gif\" border=\"0\" alt=\""
                    . T('Main Page:') . " $main\" align=\"absmiddle\">"
                    . &GetPageLink($main)
                    . "</LI>\n";
    }
    if ($UserGotoBar ne '') {
        $bar_menu .= "<LI>" . $UserGotoBar . "</LI>\n";
    }
    foreach ($UserGotoBar2, $UserGotoBar3, $UserGotoBar4) {
        if ($_ ne '') {
            $bar_menu .= "<LI>" . $_ . "</LI>\n";
        }
    }
    if (&GetParam("linkrandom", 0)) {
        $bar_menu .= "<LI>" . &GetRandomLink() . "</LI>\n";
    }
    $bar_menu .= "<LI>"
                . &ScriptLink("action=links", T('Links'))
                . "</LI>\n";
    if (&UserIsAdmin()) {
        $bar_menu .= "<LI>"
                    . &ScriptLink("action=adminmenu", T('Admin'))
                    . "</LI>\n";
    }
    $bar_menu .= "</UL>";
    $bar_menu .= "</DIV>\n";

# gotobar_user
    $bar_user .= "<DIV class='gotobar_user'>\n";
    $bar_user .= "<UL>\n";
    if (!&LoginUser()) {
        $bar_user .= "<LI>"
                    . &ScriptLink("action=login&pageid=$pageid", T('Login')."[l]")
                    . "</LI>\n";
    }
    else {
        $bar_user .= "<LI>"
                    . &GetPageLink(&GetParam('username')) . "</LI>\n"
                    . "<LI>"
                    . &GetPrefsLink() . " | "
                    . &ScriptLink("action=logout", T('Logout'). "[l]")
                    . "</LI>\n";
    }
    $bar_user .= "</UL>";
    $bar_user .= "</DIV>\n";

# gotobar_search, goto
    $bar_search .= "<DIV class='gotobar_search'>\n";
    $bar_search .= "<UL>\n";
    $bar_search .= "<LI>" . &GetGotoForm() . "</LI>\n";

    $bar_search .= "<LI>" . &GetSearchForm() . "</LI>\n";
    $bar_search .= "</UL>";
    $bar_search .= "</DIV>\n";

    return
        "<DIV class='gotobar'>"
        . $bar_search
        . $bar_user
        . $bar_menu
        . "</DIV>"
        . "<HR class='gotobar'>\n"
        ;
}

sub GetSearchForm {
    my ($result);

### 단축키 alt-s 지정
    my $checked = &GetParam("context","");
    $result =
        &GetFormStart()
        . &GetHiddenValue("dosearch", 1)
        . $q->textfield(
                -name   => "search",
                -class  => "search",
                -size   => "15",
                -accesskey => "s",
                -title  => "Alt + s",
                )
        . $q->checkbox(
                -name       => 'context',
                -checked    => ($checked)?1:'',
                -value      => 'on',
                -label      => T('Context'),
            )
        . " "
        . $q->submit(
                -class  => "search",
                -name   => "Submit",
                -value  => T("Search"),
                )
        . $q->endform
        ;

    return $result;
}

sub DoEdit {
    ...
function preview()
{
    var w = window.open("", "Preview", "width=640,height=480,resizable=1,statusbar=1,scrollbars=1");
    w.focus();

    var body = '<html><head><title>Wiki Preview</title><meta http-equiv="Content-Type" content="text/html; charset=$HttpCharset"></head>';
// 아래 한 줄 (이 주석은 넣지 말 것)
    body += '<body><form method="post" action="$ScriptName" accept-charset="$HttpCharset" name="form_edit">';
    body += '<input type="hidden" name="id" value="$id">';
    body += '<input type="hidden" name="action" value="preview"><input type=hidden name="text"></form></body></html>';

    w.document.open();
    w.document.charset = '$HttpCharset';
    w.document.write(body);
    w.document.close();
// 아래 두 줄 (이 주석은 넣지 말 것)
    w.document.form_edit.text.value = window.document.form_edit.text.value;
    w.document.form_edit.submit();
}
...
}

1.5. wiki.css 수정

/* 상단 메뉴 바 */
DIV.gotobar {
    border-top: 2px solid silver;
    border-bottom: 2px solid silver;
}

DIV.gotobar_menu {
    margin: 0;
    padding: 5px 5px 5px 5px;
    height: 60px;
    text-align: left;
}

DIV.gotobar_user {
    float: right;
    margin: 0 0 0 10px;
    padding: 2px 5px 2px 5px;
    height: 60px;
    border-left: 1px solid gray;
}

DIV.gotobar_search {
    float: right;
    margin: 0 0 0 10px;
    padding: 2px 5px 2px 5px;
    height: 60px;
    border-left: 1px solid gray;
}

DIV.gotobar UL {
    margin: 0;
    padding: 0;
    list-style: none;
}

DIV.gotobar LI {
    margin: 0;
    vertical-align: baseline;
    padding: 2px 0 2px 0;
}

DIV.gotobar_menu LI {
    display: inline;
    height: 30px;
    margin: 3px 20px 0 0;
    text-align: center;
}

DIV.gotobar_user LI {
    text-align: center;
    margin: 0;
}

INPUT.goto, INPUT.search {
    height: 22px;
}

DIV.gotobar LI FORM {
    display: inline;
}

DIV.gotobar_search DIV {
    display: inline;
}

DIV.gotobar A:link,
DIV.gotobar A:visited,
DIV.gotobar A:active,
DIV.gotobar A:hover
{
    background: transparent;
    color: blue;
    text-decoration: none;
}
DIV.gotobar A:hover
{
    text-decoration: underline;
}

HR.gotobar {
    border-color: silver;
    margin-top: 2px;
    height: 2px;
}

1.6. wiki_print.css 수정

DIV.gotobar {
    display: none;
}

1.7. translations/ko_KR.UTF-8.pl , ko_KR.EUC-KR.pl 수정

Search
검색

1.8. 추가 업데이트 내역

1.9. 사용자 의견