Changeset 5863

Timestamp:

05/04/08 20:04:25 (8 months ago)

Author:

inureyes

Message:

#952

• 스킨 조각 편집기 추가
  
  • 탭으로 스킨의 일부만 편집이 가능합니다.
    
  • 관련하여 crop/undo routine 추가
    
• TODO
  
  • skin.html 다운로드 가능하도록 기능 추가
    
  • css에 해당 탭을 위한 별도의 영역표시 태그가 든 경우 인식하여 css도 탭으로 처리 가능하도록 하고 위의 skin.html과 싱크되도록 함. (논의가 필요합니다.)
    

Location:

trunk

Files:

• interface/owner/plugin/index.php (modified) (1 diff)
• interface/owner/skin/edit/index.php (modified) (5 diffs)
• interface/owner/skin/index.php (modified) (1 diff)
• interface/owner/skin/setting/index.php (modified) (2 diffs)
• lib/piece/owner/contentMenu.php (modified) (1 diff)

trunk/interface/owner/plugin/index.php

@@ -275 +275 @@
                             
                             <div class="main-explain-box">
-                                <p class="explain"><?php echo _t('플러그인은 텍스트큐브의 기능을 확장합니다. 이 곳에서 설치된 플러그인의 사용 여부를 결정할 수 있습니다.');?></p>
+                                <p class="explain"><?php echo _t('블로그에 다양한 기능을 더해보세요. 원하는 기능이 든 아이콘을 눌러주면 바로 블로그의 기능이 업그레이드 됩니다.');?></p>
                             </div>
                             

trunk/interface/owner/skin/edit/index.php

@@ -47 +47 @@
                                     var skin = document.getElementById(mode);
                                     var file = document.getElementById(mode + 'FileName');
-                                    
+                                    var skinData = '';
                                     if ((mode == 'skin' && skinHTMLSaved == false) || (mode == 'style' && skinStyleSaved == false)) {
+                                        if(mode == 'skin' && currentTag != 'all') {
+                                            skinData = skinCode;
+                                        } else {
+                                            skinData = skin.value;
+                                        }
+
                                         var request = new HTTPRequest("POST", "<?php echo $blogURL;?>/owner/skin/edit/skin/");
                                         request.onSuccess = function() {
@@ -65 +71 @@
                                                 alert('<?php echo _t('실패했습니다.');?>');
                                         }
-                                        request.send('mode='+mode+'&body='+encodeURIComponent(skin.value)+'&file='+ file.value);
+                                        request.send('mode='+mode+'&body='+encodeURIComponent(skinData)+'&file='+ file.value);
                                     }
                                 }
-                                
+
+                                var currentTag = 'all';
+                                var currentCode = '';
+                                function changeTab(mode,tag) {
+                                    currentCode = document.getElementById(mode).value;
+                                    var request = new HTTPRequest("POST", "<?php echo $blogURL;?>/owner/skin/edit/crop/");                                  
+                                    request.onSuccess = function() {
+                                        PM.showMessage("<?php echo _t('불러왔습니다.');?>", "center", "bottom");
+                                        document.getElementById(mode).value = this.getText("/response/code");
+                                        skinCode = this.getText("/response/skinCode");
+                                        document.getElementById('skin-'+currentTag).className = '';
+                                        document.getElementById('skin-'+tag).className = 'selected';                                        
+                                        currentTag = tag;
+                                        switch(mode) {
+                                            case 'skin':
+                                            undoBuffer[0] = document.getElementById(mode).value;
+                                            break;
+                                        }
+                                    }
+                                    request.onError = function() {
+                                        if (this.getText("/response/msg"))
+                                            alert(this.getText("/response/msg"));
+                                        else
+                                            alert('<?php echo _t('실패했습니다.');?>');
+                                    }
+                                    request.send('skinCode='+encodeURIComponent(skinCode)
+                                        +'&currentTag='+encodeURIComponent(currentTag)
+                                        +'&currentCode='+encodeURIComponent(currentCode)
+                                        +'&nextTag='+encodeURIComponent(tag));
+                                }
+                                function undo(mode) {
+                                    switch(mode) {
+                                        case 'skin':
+                                            document.getElementById(mode).value = undoBuffer[0];
+                                            break;
+                                    }
+                                    return true;
+                                }
 <?php
 if (count($styleFileList) > 0 && !empty($currentStyleFile) && file_exists(ROOT . "/skin/{$skinSetting['skin']}/" . $currentStyleFile)) {
@@ -145 +188 @@
                             
                             <div class="data-inbox">
+                                <div class="main-explain-box">
+                                    <p class="explain"><?php echo _t('이 곳에서 스킨을 편집할 수 있습니다. 편집이 끝난 스킨은 저장하기를 눌러 반영할 수 있습니다. 수정 중 원래 스킨으로 되돌리고 싶을 때는 되돌리기 버튼을 눌러 원래대로 되돌릴 수 있습니다.');?></p>
+                                </div>
+                                
+                                
+                                
+                                <ul id="skin-tabs-box" class="tabs-box">
+                                    <li id="skin-all" class="selected"><a href="#" onclick="changeTab('skin','all');return false;"><?php echo _t('전체');?></a></li>
+                                    <li id="skin-article_rep"><a href="#" onclick="changeTab('skin','article_rep');return false;"><?php echo _t('본문');?></a></li>
+                                    <li id="skin-rp"><a href="#" onclick="changeTab('skin','rp');return false;"><?php echo _t('댓글 영역');?></a></li>
+                                    <li id="skin-tb"><a href="#" onclick="changeTab('skin','tb');return false;"><?php echo _t('트랙백 영역');?></a></li>                                 
+                                    <li id="skin-list"><a href="#" onclick="changeTab('skin','list');return false;"><?php echo _t('리스트');?></a></li>
+                                    <li id="skin-list"><a href="#" onclick="changeTab('skin','rplist');return false;"><?php echo _t('댓글 리스트');?></a></li>   
+                                    <li id="skin-tblist"><a href="#" onclick="changeTab('skin','tblist');return false;"><?php echo _t('트랙백 리스트');?></a></li>
+                                    <li id="skin-local"><a href="#" onclick="changeTab('skin','local');return false;"><?php echo _t('지역로그');?></a></li>
+                                    <li id="skin-tag"><a href="#" onclick="changeTab('skin','tag');return false;"><?php echo _t('태그');?></a></li>
+                                    <li id="skin-guest"><a href="#" onclick="changeTab('skin','guest');return false;"><?php echo _t('방명록');?></a></li>
+                                    <li id="skin-keyword"><a href="#" onclick="changeTab('skin','keyword');return false;"><?php echo _t('키워드');?></a></li>
+                                    <li id="skin-keylog_rep"><a href="#" onclick="changeTab('skin','keylog_rep');return false;"><?php echo _t('키로그');?></a></li>
+                                    <li id="skin-cover"><a href="#" onclick="changeTab('skin','cover');return false;"><?php echo _t('표지');?></a></li>
+                                </ul>
+                                
                                 <form id="htmlSectionForm" class="section" method="post" action="<?php echo $blogURL;?>/owner/skin/edit/skin/">
                                     <ul>
@@ -165 +230 @@
                                     <div class="button-box">
                                         <input type="hidden" id="skinFileName" name="file" value="skin.html" />
-                                        <input type="reset" class="reset-button input-button" value="<?php echo _t('되돌리기');?>" />
+                                        <input type="reset" class="reset-button input-button" onclick="undo('skin');return false;" value="<?php echo _t('되돌리기');?>" />
                                         <input type="submit" class="save-button input-button" value="<?php echo _t('저장하기');?>" onclick="setSkin('skin'); return false" />
                                     </div>
@@ -236 +301 @@
                             </div>
                         </div>
+                        <script type="text/javascript">
+                            //<![CDATA[
+                                var skinCode    = document.getElementById('skin').value;
+                                var undoBuffer = new Array();
+                                undoBuffer[0] = skinCode;
+                            //]]>
+                        </script>                           
 <?php
 require ROOT . '/lib/piece/owner/footer.php';

trunk/interface/owner/skin/index.php

@@ -150 +150 @@
                         
                         <div id="part-skin-list" class="part">
-                            <h2 class="caption"><span class="main-text"><?php echo _t('사용가능한 스킨 목록입니다');?></span></h2>
+                            <h2 class="caption"><span class="main-text"><?php echo _t('사용가능한 스킨들의 목록입니다');?></span></h2>
                             
                             <div class="main-explain-box">
-                                <p class="explain"><?php echo _t('원하시는 스킨의 적용 버튼을 클릭하십시오.');?></p>
+                                <p class="explain"><?php echo _t('블로그에 적용하기 원하시는 스킨의 적용 버튼을 누르면 스킨이 블로그에 반영됩니다.');?></p>
                             </div>
                             

trunk/interface/owner/skin/setting/index.php

@@ -141 +141 @@
                         
                         <div id="part-skin-setting" class="part">
-                            <h2 class="caption"><span class="main-text"><?php echo setDetailPanel('panel_skin_setting','link',_t('스킨 출력에 따른 여러 값들을 변경합니다'));?></span></h2>
+                            <h2 class="caption"><span class="main-text"><?php echo setDetailPanel('panel_skin_setting','link',_t('스킨에 따라 표시되는 여러 값들을 세세하게 변경합니다'));?></span></h2>
                             
                             <div id="panel_skin_setting" class="data-inbox folding">
@@ -669 +669 @@
                         
                         <div id="part-skin-tree" class="part">
-                            <h2 class="caption"><span class="main-text"><?php echo _t('스킨에 맞춘 분류의 출력을 변경합니다');?></span></h2>
+                            <h2 class="caption"><span class="main-text"><?php echo _t('분류 디자인을 변경합니다');?></span></h2>
                             
                             <form id="setSkinForm" method="post" action="<?php echo $blogURL;?>/owner/skin/setting/tree" enctype="application/x-www-form-urlencoded">

trunk/lib/piece/owner/contentMenu.php

@@ -54 +54 @@
                 array('menu'=>'skin','title'=>_t('스킨 선택'),'link'=>'/owner/skin'),
                 array('menu'=>'edit','title'=>_t('스킨 편집'),'link'=>'/owner/skin/edit'),
-                array('menu'=>'setting','title'=>_t('상세한 설정'),'link'=>'/owner/skin/setting'),
+                array('menu'=>'setting','title'=>_t('상세 설정'),'link'=>'/owner/skin/setting'),
                 array('menu'=>'coverpage','title'=>_t('색동'),'link'=>'/owner/skin/coverpage'),
                 array('menu'=>'sidebar','title'=>_t('사이드바'),'link'=>'/owner/skin/sidebar'),