From b3b1e63a1a590945d10d2141344682f08ad1ae86 Mon Sep 17 00:00:00 2001
From: fen <fen1211@gmail.com>
Date: Mon, 14 Oct 2013 13:10:01 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E7=95=99=E7=BC=96=E8=BE=91=E5=99=A8?=
 =?UTF-8?q?=20=E6=B7=BB=E5=8A=A0=E9=99=84=E4=BB=B6=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/css/style.css          | 101 ++++++++++++++++++++-
 admin/file-upload-js.php     |  14 +++
 admin/file-upload.php        |  14 ++-
 admin/images/ajax-loader.gif | Bin 673 -> 847 bytes
 admin/write-post.php         | 168 +++++++++++++++++++----------------
 5 files changed, 213 insertions(+), 84 deletions(-)

diff --git a/admin/css/style.css b/admin/css/style.css
index c7d75b3d..f66d2cb1 100644
--- a/admin/css/style.css
+++ b/admin/css/style.css
@@ -38,6 +38,8 @@ code, pre, .mono {
     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 
+.p { margin: 1em 0; }
+
 a.balloon-button {
     display: inline-block;
     padding: 0 6px;
@@ -1712,7 +1714,6 @@ ul.typecho-post-option li:last-child {
 }
 
 #advance-panel li, #upload-panel li {
-    border: none;
 }
 
 ul.typecho-post-option li ul {
@@ -1974,9 +1975,100 @@ ul.autocompleter-choices span.autocompleter-queried {
     float: left;
 }
 
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
 
-/* Jquery Timepicker */
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+/*
+ * Hide visually and from screenreaders, but maintain layout
+ */
+
+.invisible {
+    visibility: hidden;
+}
+
+/*
+ * Editor
+ */
+.editor {
+    margin-bottom: -0.5em;
+    font-size: .92857em;
+}
+.editor span {
+    display: inline-block;
+    padding: 0 12px;
+    height: 25px;
+    line-height: 25px;
+    cursor: pointer;
+}
+.editor span:hover { background-color: #E9E9E6; }
+.editor span:active { background-color: #467B96; color: #FFF; }
+.btnBold { font-weight: bold; }
+.btnItalic { font-style: italic; }
+.btnLink { text-decoration: underline; }
+.btnDel { text-decoration: line-through; }
+
+
+/*
+ * Upload
+ */
+#upload-panel {
+    padding: 10px 15px;
+    border: 1px dashed #CCC;
+    background-color: #FFF;
+    color: #999;
+    font-size: .92857em;
+}
+#file-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+#file-list li { padding-top: 5px; }
+#file-list .loading { padding-left: 20px; }
+#file-list .delete { margin-left: 5px; color: #B94A48; }
+
+
+/*
+ * Jquery Timepicker
+ */
 #ui-datepicker-div {
+    display: none;
     padding: 10px;
     border: 1px solid #CCC;
     background: #FFF;
@@ -2039,7 +2131,10 @@ ul.autocompleter-choices span.autocompleter-queried {
 }
 #ui-datepicker-div .ui-datepicker-close { float: right; }
 
-/* Jquery Tokeninput */
+
+/* 
+ * Jquery Tokeninput
+ */
 ul.token-input-list {
     list-style: none;
     margin: 0;
diff --git a/admin/file-upload-js.php b/admin/file-upload-js.php
index c583cb13..3aa418b6 100644
--- a/admin/file-upload-js.php
+++ b/admin/file-upload-js.php
@@ -6,6 +6,20 @@ if (isset($post) && $post instanceof Typecho_Widget && $post->have()) {
     $fileParentContent = $page;
 }
 ?>
+
+<script>
+$(document).ready(function() {
+    // 文件上传控件
+    $(".upload-file").click(function() {
+        if($('input[type=file]').val()) {
+            return true;
+        }
+        $("input[type=file]").click();
+        return false;
+    });
+});
+</script>
+
 <script type="text/javascript" src="<?php $options->adminUrl('javascript/swfupload/swfupload.js?v=' . $suffixVersion); ?>"></script>
 <script type="text/javascript" src="<?php $options->adminUrl('javascript/swfupload/swfupload.queue.js?v=' . $suffixVersion); ?>"></script>
 <script type="text/javascript" src="<?php $options->adminUrl('javascript/swfupload/swfupload.cookies.js?v=' . $suffixVersion); ?>"></script>
diff --git a/admin/file-upload.php b/admin/file-upload.php
index d1191235..55670518 100644
--- a/admin/file-upload.php
+++ b/admin/file-upload.php
@@ -12,7 +12,7 @@ if (isset($post) || isset($page)) {
 }
 ?>
 
-<style>
+<!--<style>
 .upload-progress {
     font-size: 12px;
 }
@@ -94,4 +94,14 @@ if (isset($post) || isset($page)) {
         </small>
     </li>
 <?php endwhile; ?>
-</ul>
+</ul>-->
+
+<div id="upload-panel" class="p">
+    将要上传的文件拖放到这里 或者 <a href="" class="upload-file">选择文件上传</a><input type="file" class="visuallyhidden">
+    <ul id="file-list">
+        <li class="loading">widescreen.jpg</li>
+        <li><a href="###">Sample.zip</a> 100KB <a href="###" class="delete">&times;</a></li>
+        <li><a href="###">segmentfault.profile.png</a> 60KB <a href="###" class="delete">&times;</a></li>
+    </ul>
+</div>
+
diff --git a/admin/images/ajax-loader.gif b/admin/images/ajax-loader.gif
index d0bce1542342e912da81a2c260562df172f30d73..32666dadf1075fc052665dbe0924c7c5f08e8009 100644
GIT binary patch
literal 847
zcmZ?wbhEHb6krfw_`<;O^XK=OGiQGL_GRtbwWm&<oHc9K^5x53zI<{0`n3fM792Tp
zc;CK#@7}$+bm_w5#}7Ae-n?_?4hB+y;(u;G*N|Xm#{gF&Jp*P&pkBp)QqD!Gi6yBi
z3gww4848J6i4{5di79%Sd1?6!ia%L6xqzy4K(>G!$-o+*pwO3+Id7?fNRFabOTwzP
zGenL}lrnAjz;?5vA-b2vhAFc(V4^@PV`uB4zBQUU4W3ay7O5nC*yS;4f<?;;Q#IL&
zPSb1!8)1=8m9j_Q_d8*;Btt==%l%SMhL+UP2P;-MsJPZ1IB@XVQ6`R_DGjL^B0@X|
z4=6YYa`_x+_>dgv-pu5*<>|Hn(-{gjt4u>v0=H?uP};XReTu;fv2}|U_B&<^oL6>a
z;I;`cH(<BnWN9$qi)6FV;^k~tR>Wp`0?>!bpC@SC67kUDIuanlsk@}z@V#*(mzDEr
zL+>pfElm&EJoIL$+}v2nz#*{j;u+Q(S=@S!;Vuq$_#zn=8F+Atwdxr3IbGrE%NFo@
z_Le8q-n5*VrA8&2H%616ryHxKL6Bf=P?*AGD00+cMYFRU+Zyp>+1*WZ7!{qKB-k@F
zZfDvzLD{v*qRJ^Sq9J*A?xHeoA*F>1FAptFXiRA14Ru>4S#(E|Z)w46&ChB78?agf
z@*6PrRygpu8VVdbDUlm1aeSwQN6&?}8yf5aT`VR{3ePokB$l};CVDVL1kd1T%r#xI
zl`+Z1V+$L@s-1~RI$V9K4F$$x$w!nosQ=)7qr`4vW*(rX6`|jt(bKDf)zWyVr5-?!
zaV&E%VK}tun4^;CM2-!!7AA1m<+ZYU8mM$g^vZdgZ{qdPVL#ZZThgr6)a)uHBCzDJ
t?!|-^9SH}RehL_Na!72L?$FQYY@WfPZ^)9y8l&0Wqo&AU4N9J1002N?5e5JN

literal 673
zcmZ?wbhEHb6krfw_{6~Q|Nnmm28Kh24mmkF0U1e2Nli^nlO|14{Lk&@8WQa67~pE8
zXTZz|lvDgC<y@4SSdyBeP@Y+mp^%uBSdo*Tn4*`NmzK|<_>+Z`3#dv5h=E26FfcG1
zbL_hF&)}42ws10s6^G;;cE1^EoUR)U5A70}d2pLv!jVIT7j&Z~EblI3x0K*v_sV|m
z0kj3v921Z^em#l`(k(o@H$3ZdDRc@9NidXDNbqrumReCGv$gd8+e8WW28HVqkJ_9i
zH>s*<31KtHjANIPvi2#*6BEu%3Dak5O_t&NBI)<h(<yPr>H?V$TxT}#l{vOTn<?_G
z_#ejR!~8}oQ>5naXTfF^&~Hhq+NX@#Ccc>y7T?;vjI&jdhsDsPJyAw*m0Qz>i}K7#
zL9w50<qa%!r20=RDYEpz>Ng{fT}A5JUe8lRK1h7_Y2;BWJDd=c6f&i?Wv5(5q?6|P
zQw{>maxZP<537OA37Uk}7@%_$4o$EWe_Zl>&#id|lE-BpDC#+Fn|msJ%_2h{Hg1vP
z#N8WAzfWasG}yq|xqE)DrWaOofX=z|?*pgc%{ig5vl!pqDlC|q&~Z0$&Rvsft&VO-
z4MZj+%-+Vx%W}v;V76hyp=;+R;x+~t^Q%*xuFTQAF2})fSfTHDAs>sO!OBw`)&)o$
c0!CNZt))x~rAZP^^P&YOFfdqy5)K#u0POD40{{R3

diff --git a/admin/write-post.php b/admin/write-post.php
index df342987..cf2c7dae 100644
--- a/admin/write-post.php
+++ b/admin/write-post.php
@@ -7,20 +7,39 @@ Typecho_Widget::widget('Widget_Contents_Post_Edit')->to($post);
 <div class="main">
     <div class="body container">
         <?php include 'page-title.php'; ?>
-        <div class="col-group typecho-page-main typecho-post-option typecho-post-area">
+        <div class="col-group typecho-page-main typecho-post-area">
             <form action="<?php $options->index('/action/contents-post-edit'); ?>" method="post" name="write_post">
-                <div class="col-mb-12 col-tb-9" id="test">
+                <div class="col-mb-12 col-tb-9">
                     <div>
                         <label for="title" class="typecho-label"><?php _e('标题'); ?>
-                        <?php if ($post->draft && $post->draft['cid'] != $post->cid): ?>
-                        <?php $postModifyDate = new Typecho_Date($post->draft['modified']); ?>
-                        <cite><?php _e('当前正在编辑的是保存于%s的草稿, 你可以<a href="%s">删除它</a>', $postModifyDate->word(), 
-                        Typecho_Common::url('/action/contents-post-edit?do=deleteDraft&cid=' . $post->cid, $options->index)); ?></cite>
-                        <?php endif; ?>
+                            <?php if ($post->draft && $post->draft['cid'] != $post->cid): ?>
+                            <?php $postModifyDate = new Typecho_Date($post->draft['modified']); ?>
+                            <cite><?php _e('当前正在编辑的是保存于%s的草稿, 你可以<a href="%s">删除它</a>', $postModifyDate->word(), 
+                            Typecho_Common::url('/action/contents-post-edit?do=deleteDraft&cid=' . $post->cid, $options->index)); ?></cite>
+                            <?php endif; ?>
                         </label>
                         <p class="title"><input type="text" id="title" name="title" value="<?php echo htmlspecialchars($post->title); ?>" class="w-100 text title" /></p>
                         <label for="text" class="typecho-label"><?php _e('内容'); ?><cite id="auto-save-message"></cite></label>
-                        <p><textarea style="height: <?php $options->editorSize(); ?>px" autocomplete="off" id="text" name="text" class="w-100"><?php echo htmlspecialchars($post->text); ?></textarea></p>
+
+                        <p class="editor">
+                            <span class="btnBold">bold</span><!--
+                            --><span class="btnItalic">italic</span><!--
+                            --><span class="btnLink">link</span><!--
+                            --><span class="btnQuote">quote</span><!--
+                            --><span class="btnDel">del</span><!--
+                            --><span class="btnImg">img</span><!--
+                            --><span class="btnUl">ul</span><!--
+                            --><span class="btnOl">ol</span><!--
+                            --><span class="btnHeading">title</span><!--
+                            --><span class="btnCode">code</span><!--
+                            --><span class="btnPre">pre</span><!--
+                            --><span class="btnMore">more</span><!--
+                            --><span class="btnHr">hr</span>
+                        </p>
+                        <p>
+                            <textarea style="height: <?php $options->editorSize(); ?>px" autocomplete="off" id="text" name="text" class="w-100"><?php echo htmlspecialchars($post->text); ?></textarea>
+                        </p>
+                        <?php include 'file-upload.php'; ?>
                         <label for="tags" class="typecho-label"><?php _e('标签'); ?></label>
                         <p><input id="tags" name="tags" type="text" value="<?php $post->tags(',', false); ?>" class="w-100 text" /></p>
                         <?php Typecho_Plugin::factory('admin/write-post.php')->content($post); ?>
@@ -38,83 +57,74 @@ Typecho_Widget::widget('Widget_Contents_Post_Edit')->to($post);
                             </span>
                         </p>
                     </div>
-                    <ul id="advance-panel" class="typecho-post-option clearfix">
-                        <li>
-                            <div>
-                                <?php if($user->pass('editor', true)): ?>
-                                <label class="typecho-label"><?php _e('公开度'); ?></label>
-                                <ul>
-                                    <li><input id="publish" value="publish" name="visibility" type="radio"<?php if (($post->status == 'publish' && !$post->password) || !$post->status) { ?> checked="true"<?php } ?> /> <label for="publish"><?php _e('公开'); ?></label></li>
-                                    <li><input id="password" value="password"name="visibility" type="radio"<?php if ($post->password) { ?> checked="true"<?php } ?> /> <label for="password">密码保护 <input type="text" id="password" name="password" value="<?php $post->password(); ?>" class="mini" /></label></li>
-                                    <li><input id="private" value="private" name="visibility" type="radio"<?php if ($post->status == 'private') { ?> checked="true"<?php } ?> /> <label for="private">私密</label></li>
-                                    <li><input id="waiting" value="waiting" name="visibility" type="radio"<?php if ($post->status == 'waiting') { ?> checked="true"<?php } ?> /> <label for="waiting">待审核</label></li>
-                                </ul>
-                                <br />
-                                <?php endif; ?>
-                                <label for="trackback" class="typecho-label"><?php _e('引用通告'); ?></label>
-                                <textarea id="trackback" name="trackback"></textarea>
-                                <p class="description"><?php _e('每一行一个引用地址, 用回车隔开'); ?></p>
-                                <?php Typecho_Plugin::factory('admin/write-post.php')->advanceOptionLeft($post); ?>
-                            </div>
-                            <div>
-                                <label class="typecho-label"><?php _e('权限控制'); ?></label>
-                                <ul>
-                                    <li><input id="allowComment" name="allowComment" type="checkbox" value="1" <?php if($post->allow('comment')): ?>checked="true"<?php endif; ?> />
-                                    <label for="allowComment"><?php _e('允许评论'); ?></label></li>
-                                    <li><input id="allowPing" name="allowPing" type="checkbox" value="1" <?php if($post->allow('ping')): ?>checked="true"<?php endif; ?> />
-                                    <label for="allowPing"><?php _e('允许被引用'); ?></label></li>
-                                    <li><input id="allowFeed" name="allowFeed" type="checkbox" value="1" <?php if($post->allow('feed')): ?>checked="true"<?php endif; ?> />
-                                    <label for="allowFeed"><?php _e('允许在聚合中出现'); ?></label></li>
-                                    <?php Typecho_Plugin::factory('admin/write-post.php')->advanceOptionRight($post); ?>
-                                </ul>
-                            </div>
-                        </li>
-                    </ul>
-                    <!-- <ul id="upload-panel">
-                        <li>
-                            <?php include 'file-upload.php'; ?>
-                        </li>
-                    </ul> -->
-                    <div id="typecho-preview-box"></div>
-                </div>
-                <div class="col-mb-12 col-tb-3">
-                    <div class="typecho-post-option">
+                    <div id="advance-panel" class="typecho-post-option clearfix">
                         <section>
-                            <label for="date" class="typecho-label"><?php _e('发布日期'); ?></label>
-                            <p><input class="typecho-date w-100" type="text" name="date" id="date" value="<?php $post->date(); ?>" /></p>
+                            <?php if($user->pass('editor', true)): ?>
+                            <label class="typecho-label"><?php _e('公开度'); ?></label>
+                            <ul>
+                                <li><input id="publish" value="publish" name="visibility" type="radio"<?php if (($post->status == 'publish' && !$post->password) || !$post->status) { ?> checked="true"<?php } ?> /> <label for="publish"><?php _e('公开'); ?></label></li>
+                                <li><input id="password" value="password"name="visibility" type="radio"<?php if ($post->password) { ?> checked="true"<?php } ?> /> <label for="password">密码保护 <input type="text" id="password" name="password" value="<?php $post->password(); ?>" class="mini" /></label></li>
+                                <li><input id="private" value="private" name="visibility" type="radio"<?php if ($post->status == 'private') { ?> checked="true"<?php } ?> /> <label for="private">私密</label></li>
+                                <li><input id="waiting" value="waiting" name="visibility" type="radio"<?php if ($post->status == 'waiting') { ?> checked="true"<?php } ?> /> <label for="waiting">待审核</label></li>
+                            </ul>
+                            <br />
+                            <?php endif; ?>
+                            <label for="trackback" class="typecho-label"><?php _e('引用通告'); ?></label>
+                            <textarea id="trackback" name="trackback"></textarea>
+                            <p class="description"><?php _e('每一行一个引用地址, 用回车隔开'); ?></p>
+                            <?php Typecho_Plugin::factory('admin/write-post.php')->advanceOptionLeft($post); ?>
                         </section>
                         <section>
-                            <label class="typecho-label"><?php _e('分类'); ?></label>
-                            <?php Typecho_Widget::widget('Widget_Metas_Category_List')->to($category); ?>
-                            <ul<?php if ($category->length > 8): ?> style="height: 264px"<?php endif; ?>>
-                                <?php
-                                if ($post->have()) {
-                                    $categories = Typecho_Common::arrayFlatten($post->categories, 'mid');
-                                } else {
-                                    $categories = array();
-                                }
-                                ?>
-                                <?php while($category->next()): ?>
-                                <li><input type="checkbox" id="category-<?php $category->mid(); ?>" value="<?php $category->mid(); ?>" name="category[]" <?php if(in_array($category->mid, $categories)): ?>checked="true"<?php endif; ?>/>
-                                <label for="category-<?php $category->mid(); ?>"><?php $category->name(); ?></label></li>
-                                <?php endwhile; ?>
+                            <label class="typecho-label"><?php _e('权限控制'); ?></label>
+                            <ul>
+                                <li><input id="allowComment" name="allowComment" type="checkbox" value="1" <?php if($post->allow('comment')): ?>checked="true"<?php endif; ?> />
+                                <label for="allowComment"><?php _e('允许评论'); ?></label></li>
+                                <li><input id="allowPing" name="allowPing" type="checkbox" value="1" <?php if($post->allow('ping')): ?>checked="true"<?php endif; ?> />
+                                <label for="allowPing"><?php _e('允许被引用'); ?></label></li>
+                                <li><input id="allowFeed" name="allowFeed" type="checkbox" value="1" <?php if($post->allow('feed')): ?>checked="true"<?php endif; ?> />
+                                <label for="allowFeed"><?php _e('允许在聚合中出现'); ?></label></li>
+                                <?php Typecho_Plugin::factory('admin/write-post.php')->advanceOptionRight($post); ?>
                             </ul>
                         </section>
-                        <section>
-                            <label for="slug" class="typecho-label"><?php _e('缩略名'); ?></label>
-                            <p><input type="text" id="slug" name="slug" value="<?php $post->slug(); ?>" class="mini w-100" /></p>
-                            <p class="description"><?php _e('为这篇日志自定义链接地址, 有利于搜索引擎收录'); ?></p>
-                        </section>
-                        <?php Typecho_Plugin::factory('admin/write-post.php')->option($post); ?>
-                        <?php if($post->have()): ?>
-                        <?php $modified = new Typecho_Date($post->modified); ?>
-                        <section>
-                            <label class="typecho-label"><?php _e('本文由 <a href="%s">%s</a> 撰写',
-                                Typecho_Common::url('manage-posts.php?uid=' . $post->author->uid, $options->adminUrl), $post->author->screenName); ?></label>
-                            <p class="description"><?php _e('最后修改于 %s', $modified->word()); ?></p>
-                        </section>
-                        <?php endif; ?>
                     </div>
+                    <div id="typecho-preview-box">预览</div>
+                </div>
+                <div class="col-mb-12 col-tb-3">
+                    <section class="typecho-post-option">
+                        <label for="date" class="typecho-label"><?php _e('发布日期'); ?></label>
+                        <p><input class="typecho-date w-100" type="text" name="date" id="date" value="<?php $post->date(); ?>" /></p>
+                    </section>
+                    <section class="typecho-post-option">
+                        <label class="typecho-label"><?php _e('分类'); ?></label>
+                        <?php Typecho_Widget::widget('Widget_Metas_Category_List')->to($category); ?>
+                        <ul<?php if ($category->length > 8): ?> style="height: 264px"<?php endif; ?>>
+                            <?php
+                            if ($post->have()) {
+                                $categories = Typecho_Common::arrayFlatten($post->categories, 'mid');
+                            } else {
+                                $categories = array();
+                            }
+                            ?>
+                            <?php while($category->next()): ?>
+                            <li><input type="checkbox" id="category-<?php $category->mid(); ?>" value="<?php $category->mid(); ?>" name="category[]" <?php if(in_array($category->mid, $categories)): ?>checked="true"<?php endif; ?>/>
+                            <label for="category-<?php $category->mid(); ?>"><?php $category->name(); ?></label></li>
+                            <?php endwhile; ?>
+                        </ul>
+                    </section>
+                    <section class="typecho-post-option">
+                        <label for="slug" class="typecho-label"><?php _e('缩略名'); ?></label>
+                        <p><input type="text" id="slug" name="slug" value="<?php $post->slug(); ?>" class="mini w-100" /></p>
+                        <p class="description"><?php _e('为这篇日志自定义链接地址, 有利于搜索引擎收录'); ?></p>
+                    </section>
+                    <?php Typecho_Plugin::factory('admin/write-post.php')->option($post); ?>
+                    <?php if($post->have()): ?>
+                    <?php $modified = new Typecho_Date($post->modified); ?>
+                    <section class="typecho-post-option">
+                        <label class="typecho-label"><?php _e('本文由 <a href="%s">%s</a> 撰写',
+                            Typecho_Common::url('manage-posts.php?uid=' . $post->author->uid, $options->adminUrl), $post->author->screenName); ?></label>
+                        <p class="description"><?php _e('最后修改于 %s', $modified->word()); ?></p>
+                    </section>
+                    <?php endif; ?>
                 </div>
             </form>
         </div>