From b87cf0e2ff9c238b8266fac15407eecf053c6703 Mon Sep 17 00:00:00 2001 From: devin Date: Thu, 3 May 2012 14:39:22 +0800 Subject: [PATCH] list page --- app/assets/javascripts/orbitdesktop.js | 9 +++ app/assets/stylesheets/desktopmain.css | 37 +++++++++++- app/views/desktop/journal_pages/list.html.erb | 59 ++++++++++++++++++- 3 files changed, 101 insertions(+), 4 deletions(-) diff --git a/app/assets/javascripts/orbitdesktop.js b/app/assets/javascripts/orbitdesktop.js index 2410b131..ab98d833 100755 --- a/app/assets/javascripts/orbitdesktop.js +++ b/app/assets/javascripts/orbitdesktop.js @@ -832,6 +832,15 @@ var orbitDesktop = function(dom){ var list = function(){ // to open list part in journal papers page var bindHandlers = function(){ // to bind handlers for list page o.simple_drop_down(); + + // fill width for tiny scroll bar + var e = $('.list_t'), + count = e.length, + baseWidth = e.eq(1).outerWidth(true); + + e.parents('.overview').width( baseWidth * count ); + + $('.tinycanvas') .tinyscrollbar({ axis: 'x'}) .find('.scrollbar') diff --git a/app/assets/stylesheets/desktopmain.css b/app/assets/stylesheets/desktopmain.css index b3c9fa4a..8bb89786 100644 --- a/app/assets/stylesheets/desktopmain.css +++ b/app/assets/stylesheets/desktopmain.css @@ -58,7 +58,7 @@ body { font-size: 12px; background-color: #000; } -a, a:hover { text-decoration: none; } +a, a:hover { text-decoration: none; color: #666; } a:focus { outline: none; } /* desktop layout */ #container { @@ -273,6 +273,8 @@ a:focus { outline: none; } background-color: #f0f0f0; font-size: 15px; line-height: 36px; + position: relative; + z-index: 9; } .toolbar .sdm { display: inline-block; } .toolbar .sdm_o { top: 36px; background-color: #f0f0f0; } @@ -488,6 +490,11 @@ a:focus { outline: none; } .g_col_w2 { width: 264px; } .ui-sortable-placeholder { background-color: rgba(0,0,0,0.2); visibility: visible !important; } +/* list item */ +.list_t_item { padding: 2px; overflow: hidden; } +.list_t_title { font-size: 15px; margin-bottom: 10px; color: #333; } +.list_t_des { font-size: 13px; color: #777; font-family: Arial; margin-bottom: 10px; } + /* Connection Page */ #connection_setting { height: 492px; } #connection_setting .s_form { @@ -526,6 +533,30 @@ a:focus { outline: none; } } /* Journal Papers */ -#paper_list { +#paper_list { height: 456px; } +#paper_list .g_col { + width: 300px; height: 456px; -} \ No newline at end of file + margin-left: 12px; + padding-left: 12px; + border-left: solid 1px #eee; +} +#paper_list .g_col:first-child { margin-left: 0; padding-left: 10px; border: none; } +#paper_list .list_t .list_t_item { padding-left: 30px; height: 86px; } +#paper_list .list_item_action { + font-size: 12px; + float: left; + margin-left: -30px; +} +.list_item_action a { + display: block; + width: 15px; + height: 15px; + line-height: 15px; + margin: 1px 1px 6px 1px; +} +.list_item_action .icon-ok { visibility: hidden; } +.list_item_action .item_check_status { outline: solid 1px #999; } +.list_item_action .icon-star-empty { color: #999; } +.list_item_action .icon-star { color: #faa732; } +.item_check_status:hover .icon-ok, .item_check_status.checked .icon-ok { visibility: visible; } \ No newline at end of file diff --git a/app/views/desktop/journal_pages/list.html.erb b/app/views/desktop/journal_pages/list.html.erb index 4a3be4eb..432784e1 100644 --- a/app/views/desktop/journal_pages/list.html.erb +++ b/app/views/desktop/journal_pages/list.html.erb @@ -66,7 +66,64 @@
- test +
+
    +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
+
+
+
    +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
  • +
    +
    2012, Material Chemistry and Physics Journal
    +
    The performance and fracture mechanism of solder joints under mechanical reliability test
    +
  • +
+
\ No newline at end of file