From 686cb0a200828a74042f7c581303d77e08c2cea0 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Fri, 21 Feb 2014 16:47:34 +0800
Subject: [PATCH] [repo] redesigned ui, mainly 'repo-top'

---
 media/css/seahub.css                         |  47 +++++++++----------
 media/img/lib_setting.png                    | Bin 0 -> 3094 bytes
 media/img/lib_trash.png                      | Bin 0 -> 3210 bytes
 seahub/templates/repo.html                   |  47 +++++--------------
 seahub/templates/snippets/repo_dir_data.html |   3 ++
 seahub/views/ajax.py                         |   1 +
 6 files changed, 38 insertions(+), 60 deletions(-)
 create mode 100644 media/img/lib_setting.png
 create mode 100644 media/img/lib_trash.png

diff --git a/media/css/seahub.css b/media/css/seahub.css
index 9b37205d49..d334c2813c 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -897,14 +897,10 @@ textarea:-moz-placeholder {/* for FF */
     text-decoration:none;  
 }
 /********** container ***********/
-#main, #footer,
-#repo-top .block-inner,
-#repo-file-list {
+#main, #footer {
     width:950px;
 }
-#main, 
-#repo-top .block-inner,
-#repo-file-list {
+#main {
     margin:0 auto;
 }
 #header {
@@ -938,12 +934,17 @@ textarea:-moz-placeholder {/* for FF */
 #left-panel h3:first-child {
     margin-top: 0px;
 }
-#right-panel .hd, .tabnav {
+#right-panel .hd,
+.tabnav,
+.repo-file-list-topbar {
     padding:10px;
     background:#f2f2f2;
     margin-bottom:.5em;
     border-radius:2px;
 }
+.repo-file-list-topbar {
+    margin-bottom:0;
+}
 #right-panel .hd h3,
 #right-panel h3.hd {
     height:29px;
@@ -973,7 +974,8 @@ textarea:-moz-placeholder {/* for FF */
     text-decoration:underline;
 }
 #right-panel .hd button,
-.tabnav button {
+.tabnav button,
+.repo-file-list-topbar button {
     height:29px;
     background:#fff;
 }
@@ -1406,16 +1408,20 @@ textarea:-moz-placeholder {/* for FF */
 /*repo page*/
 #repo-top {
     padding-bottom:15px;
-    border-bottom:1px solid #ddd;
-    margin-bottom:5px;
-    box-shadow:0 1px 1px #ddd;
 }
+#repo-top .hd,
 #repo-basic-info {
-    margin: 10px 0;
+    display:inline-block;
+}
+#repo-top .hd {
+    margin-right:15px;
 }
 #repo-basic-info .desc {
     font-size:1.2em;
 }
+#repo-basic-info .link-icon {
+    margin:0 5px 0 15px;
+}
 .split {
     border-left:2px solid #888;
     padding-left:1em;
@@ -1429,19 +1435,11 @@ textarea:-moz-placeholder {/* for FF */
 .repo-op {
     text-align:right;
 }
-.repo-top-op-btn,
 .file-op button,
 #file-op button,
 .repo-op .op-btn {
     *margin-left:5px;/* for ie 7*/
 }
-.repo-top-op-btn,
-.repo-op .op-btn {
-    background-color:#f5f5f5;
-}
-.repo-op .op-btn:hover {
-    background-color:#fff;
-}
 .repo-op .op-btn [class^="icon-"],
 .repo-op .op-btn [class^="sf-icon-"] {
     margin-right:3px;
@@ -1472,10 +1470,6 @@ textarea:-moz-placeholder {/* for FF */
 .repo-file-list-not-show {
     padding-left:10px;
 }
-.repo-file-list-topbar {
-    padding:8px 0;
-    border-bottom:1px solid #ddd;
-}
 .repo-file-list-inner-container .repo-file-list-topbar {
     padding:8px 10px;
 }
@@ -1519,12 +1513,15 @@ textarea:-moz-placeholder {/* for FF */
 #repo-file-list .fixed-hd {
     position:fixed;
     width:950px;
-    background:#fff;
     top:0;
     z-index:11; /*make it on top of dirent op(popup)*/
     border-color:#efefef; /*for repo-file-list-topbar*/
 }
+#repo-file-list .repo-file-list-topbar.fixed-hd {
+    width:930px;
+}
 .repo-file-list .fixed-hd th {
+    background:#fff;
     -webkit-box-shadow:0 2px 2px -1px #aaa;
     box-shadow:0 2px 2px -3px #aaa;
 }
diff --git a/media/img/lib_setting.png b/media/img/lib_setting.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e4b6f2db46cc239ae6e886ab983ae5e48c104f8
GIT binary patch
literal 3094
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

literal 0
HcmV?d00001

diff --git a/media/img/lib_trash.png b/media/img/lib_trash.png
new file mode 100644
index 0000000000000000000000000000000000000000..36910bb1d14c1880233252cf685173408d02dfd1
GIT binary patch
literal 3210
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

literal 0
HcmV?d00001

diff --git a/seahub/templates/repo.html b/seahub/templates/repo.html
index 5b0cc28886..8399b58594 100644
--- a/seahub/templates/repo.html
+++ b/seahub/templates/repo.html
@@ -5,7 +5,6 @@
 {% block sub_title %}{{repo.name}} - {% endblock %}
 {% block extra_style %}
 <style type="text/css">
-#main { width:auto; }
 #footer { display:none; }
 {% if repo.encrypted and repo.enc_version == 2 and not server_crypto %}
 #main { display:none; }
@@ -17,31 +16,26 @@
 
 {% block main_panel %}
     <div id="repo-top">
-        <div class="block-inner">
-            <div class="w100 ovhd">
-                <h2 class="fleft">{{repo.props.name}}{% if user_perm == 'r' %} <span class="tip vam">({% trans "Read-Only" %})</span>{% endif %}</h2>
-                <div class="fright">
+        <h2 class="hd">{{repo.props.name}}{% if user_perm == 'r' %} <span class="tip vam">({% trans "Read-Only" %})</span>{% endif %}</h2>
+            <div id="repo-basic-info">
+                <span class="desc" title="{{repo.props.desc}}">{{ repo.props.desc|truncatechars:25 }}</span>
+                <span class="size split">{% trans 'Size: ' %}{{ repo_size|filesizeformat }}</span>
+                <span class="split">
                     {% if show_repo_download_button %}
-                    <button id="repo-download-btn" class="repo-top-op-btn"><span class="icon-cloud-download"></span>{% trans "Download"%}</button>
+                    <a href="{{ SITE_ROOT }}seafile_access_check/?repo_id={{repo.props.id}}" target="_blank">{% trans "Download" %}</a>
                     {% endif %}
                     {% if is_repo_owner %}
-                    <button id="repo-setting-btn" data="{% url 'repo_settings' repo.id %}" class="repo-top-op-btn"><span class="icon-cog"></span>{% trans "Settings" %}</button>
+                    <a id="repo-setting-btn" href="{% url 'repo_settings' repo.id %}"><img class="link-icon vam" src="{{ MEDIA_URL }}img/lib_setting.png" alt="" /><span class="vam">{% trans "Settings" %}</span></a>
                     {% endif %}
                     {% if user_perm == 'rw' %}
-                    <button id="recycle-btn" data="{% url 'repo_recycle_view' repo.id %}" class="repo-top-op-btn"><span class="icon-trash"></span>{% trans "Trash"%}</button>
+                    <a id="recycle-btn" href="{% url 'repo_recycle_view' repo.id %}"><img class="link-icon vam" src="{{ MEDIA_URL }}img/lib_trash.png" alt="" /><span class="vam">{% trans "Trash"%}</span></a>
                     {% endif %}
-                </div>
+                </span>
             </div>
 
-            <p id="repo-basic-info">
-            <span class="desc">{{repo.props.desc}}</span>
-            <span class="size split">{% trans 'Size: ' %}{{ repo_size|filesizeformat }}</span>
-            </p>
-
-            <div id="repo-latest-commit">
+            <!--div id="repo-latest-commit">
                 {% include 'snippets/current_commit.html' %}
-            </div>
-        </div>
+            </div-->
     </div>
 
     {% if repo.enc_version == 2 and not server_crypto and repo.encrypted %}
@@ -365,19 +359,6 @@ function decrypt_repo() {
 }
 {% endif %}
 
-//download, trash, repo setting
-$('#repo-download-btn').click(function() {
-    window.open('{{ SITE_ROOT }}seafile_access_check/?repo_id={{repo.props.id}}');
-});
-
-$('#recycle-btn').click(function() {
-    location.href = $(this).attr('data');
-});
-
-$('#repo-setting-btn').click(function () {
-    location.href = $(this).attr('data');
-});
-
 function setDirentsOpPos() {
     var dirents_op = $('#dirents-op');
     dirents_op.css({
@@ -762,7 +743,6 @@ function encAndSubmitFile(file, fd, submit_url) {
             success: function(data) {
                 $.modal.close();
                 reqDirData('{% url 'repo_dir_data' repo.id %}?p=' + e(cur_path));
-                updateCmt();
                 showMsg("{% trans "Done!" %}", 'info');
                 setTimeout(function() { $('.messages').addClass('hide'); }, 1500);
             },
@@ -818,7 +798,6 @@ $('#upload-file').click(function () {
             $.modal.close();
             if (upload_success) {
                 reqDirData('{% url 'repo_dir_data' repo.id %}?p=' + e(cur_path));
-                updateCmt();
             }
         }
     });
@@ -1333,7 +1312,6 @@ $('.file-update', context).click(function() {
             $.modal.close();
             if (upload_success) {
                 reqDirData('{% url 'repo_dir_data' repo.id %}?p=' + e(cur_path));
-                updateCmt();        
             }
         }
     });
@@ -1506,7 +1484,6 @@ $('#add-new-file-form, #add-new-dir-form, #rename-form, #mv-form').submit(functi
                         }
                     }
                 });
-                updateCmt();
             };
         }
         post_data['dirent_name'] = dirent_name;
@@ -1684,7 +1661,7 @@ $(window).scroll(function() {
         file_topbar = $('.repo-file-list-topbar'),
         repo_file_list = $('#repo-file-list'),
         list_hd = $('.repo-file-list tr:first'),
-        repo_top_left = $('.block-inner', repo_top).offset().left,
+        repo_top_left = repo_top.offset().left,
         file_topbar_h = file_topbar.outerHeight(true);
 
     if ($(window).scrollTop() > repo_top.offset().top + repo_top.outerHeight(true) + 1) {
diff --git a/seahub/templates/snippets/repo_dir_data.html b/seahub/templates/snippets/repo_dir_data.html
index 34cc52a7e3..6aac08fe4d 100644
--- a/seahub/templates/snippets/repo_dir_data.html
+++ b/seahub/templates/snippets/repo_dir_data.html
@@ -26,6 +26,9 @@
         {% endif %}
         {% endif %}
     </div>
+            <div id="repo-latest-commit" class="clear">
+                {% include 'snippets/current_commit.html' %}
+            </div>
 </div>
 
 <table class="repo-file-list">
diff --git a/seahub/views/ajax.py b/seahub/views/ajax.py
index 34a37c1914..40854bd0b1 100644
--- a/seahub/views/ajax.py
+++ b/seahub/views/ajax.py
@@ -277,6 +277,7 @@ def list_dir(request, repo_id):
         'more_start': more_start,
         'ENABLE_SUB_LIBRARY': settings.ENABLE_SUB_LIBRARY,
         "sub_lib_enabled": sub_lib_enabled,
+        'current_commit': head_commit,
     }   
     html = render_to_string('snippets/repo_dir_data.html', ctx,
                             context_instance=RequestContext(request))