From 08fd07b6aaf7faec131670eefee25c6812285cbb Mon Sep 17 00:00:00 2001 From: devin Date: Mon, 2 Jul 2012 16:22:51 +0800 Subject: [PATCH] timeline and font update --- app/assets/javascripts/orbitTimeline.js | 9 ++--- app/assets/javascripts/orbitdesktop.js | 12 +++--- app/assets/stylesheets/desktopmain.css | 37 +++++++++++------- app/assets/stylesheets/orbitTimeline.css | 48 +++++++----------------- app/assets/stylesheets/style.css.erb | 2 +- app/views/desktop/orbit.html.erb | 23 +++++++++++- 6 files changed, 69 insertions(+), 62 deletions(-) diff --git a/app/assets/javascripts/orbitTimeline.js b/app/assets/javascripts/orbitTimeline.js index 5eecb48c..48cf5d56 100644 --- a/app/assets/javascripts/orbitTimeline.js +++ b/app/assets/javascripts/orbitTimeline.js @@ -29,7 +29,7 @@ var orbitTimeline = function(dom){ } this.constructTimeScale = function(callbackFn){ var mon ="",year=""; - var scale = $("
"); + var scale = $("
"); $.getJSON("desktop_orbit/getevents",{"event":"papers"},function(journals){ $.each(journals,function(x,journal){ $.each(journal.papers,function(i,paper){ @@ -42,16 +42,16 @@ var orbitTimeline = function(dom){ t.events.push(bubbleData); if(cur_year != year){ year = cur_year; - scale.append($("
"+(year+1)+"
")); + scale.append($("
"+(year+1)+"
")); } if(cur_mon != mon){ mon = cur_mon; console.log(parseInt(cur_mon)); - scale.append($("
"+t.monthList[parseInt(formname)]+"
")) + scale.append($("
"+t.monthList[parseInt(formname)]+"
")) } }); }) - scale.append($("
"+year+"
")); + scale.append($("
"+year+"
")); if(typeof callbackFn == "function"){ callbackFn.call(this,scale); } @@ -75,7 +75,6 @@ var orbitTimeline = function(dom){ } var bt = (bubbleData.title.length > 70? bubbleData.title.substr(0,70) + "..." : bubbleData.title); var bubble = $("
  • "+bt+" - "+bubbleData.fulldate+"
  • "); - bubble.css("margin-left","25px"); targetul.prepend(bubble); bubble.show(); bubble.click(function(){ diff --git a/app/assets/javascripts/orbitdesktop.js b/app/assets/javascripts/orbitdesktop.js index cd437550..2f3973f7 100755 --- a/app/assets/javascripts/orbitdesktop.js +++ b/app/assets/javascripts/orbitdesktop.js @@ -1000,8 +1000,8 @@ var orbitDesktop = function(dom){ var bindSecondaryHandlers = function(){ $("#journal_p div#paper_list a").click(function(){ - if($(this).hasClass("item_check_status")){ - $(this).toggleClass("checked"); + if($(this).hasClass("icon-check-empty")){ + $(this).switchClass("icon-check-empty","icon-check"); }else if($(this).hasClass("icon-star")){ $(this).removeClass("icon-star").addClass("icon-star-empty"); }else if($(this).hasClass("icon-star-empty")){ @@ -1018,7 +1018,7 @@ var orbitDesktop = function(dom){ li; $.each(journalData,function(i,journal){ $.each(journal.papers,function(j,paper){ - li = $('
  • '+journal.title+'
    '+paper.title+'
  • '); + li = $('
  • '+journal.title+'
    '+paper.title+'
  • '); column.find("ul").append(li); if(counter%5==0){ $("#journal_p div#paper_list div.overview").append(column); @@ -1038,7 +1038,7 @@ var orbitDesktop = function(dom){ li; $.each(journalData,function(i,journal){ $.each(journal.papers,function(j,paper){ - li = $('
  • '+paper.title+'
    '+paper.keywords+'
  • '); + li = $('
  • '+paper.title+'
    '+paper.keywords+'
  • '); column.find("ul").append(li); if(counter%5==0){ $("#journal_p div#paper_list div.overview").append(column); @@ -1058,7 +1058,7 @@ var orbitDesktop = function(dom){ li; $.each(journalData,function(i,journal){ $.each(journal.papers,function(j,paper){ - li = $('
  • '+paper.title+'
  • '); + li = $('
  • '+paper.title+'
  • '); column.find("ul").append(li); if(counter%5==0){ $("#journal_p div#paper_list div.overview").append(column); @@ -1077,7 +1077,7 @@ var orbitDesktop = function(dom){ li; $.each(journalData,function(i,journal){ $.each(journal.papers,function(j,paper){ - li = $('
  • '+paper.title+'
    '+paper.abstract+paper.abstract+'
  • '); + li = $('
  • '+paper.title+'
    '+paper.abstract+paper.abstract+'
  • '); column.find("ul").append(li); $("#journal_p div#paper_list div.overview").append(column); column = $('
    '); diff --git a/app/assets/stylesheets/desktopmain.css b/app/assets/stylesheets/desktopmain.css index 4cdaedaf..6dfd69d2 100644 --- a/app/assets/stylesheets/desktopmain.css +++ b/app/assets/stylesheets/desktopmain.css @@ -251,6 +251,15 @@ a:focus { outline: none; } .sdm_o a { display: block; } .sdm_o .admtxt { display: block; line-height: 36px; } +/* with indicator */ +.sdm_mdr .sdm_t { + padding-right: 12px; +} +.sdm_mdr .mdr { + position: absolute; + right: 0; +} + /* simple menu */ .s_menu { font-size: 15px; line-height: 36px; } .s_menu li { border-top: solid 1px #ddd; } @@ -268,6 +277,8 @@ a:focus { outline: none; } .st_c { display: none; } .st_c:first-child { display: block; } +/* header drop menu */ +.sdm_mdr .sdm_o { top: 36px; } /* tool bar */ .toolbar { @@ -668,15 +679,15 @@ a:focus { outline: none; } } .list_item_action a { display: block; - width: 15px; - height: 15px; - line-height: 15px; + width: 20px; + height: 20px; + line-height: 20px; 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; font-size: 20px; } .list_item_action .icon-star { color: #faa732; font-size: 20px; } +.list_item_action .icon-check-empty { color: #999; font-size: 20px; } +.list_item_action .icon-check { color: #333; font-size: 20px; } .item_check_status:hover .icon-ok, .item_check_status.checked .icon-ok { visibility: visible; } /* Journal Paper Add */ @@ -715,15 +726,17 @@ a:focus { outline: none; } font-size: 20px; cursor: pointer; } + +/* Timeline */ +#orbit .holder .admbg { + background-color: #efefef; +} + /*Tooltip popup */ .desktop_toolpopup { position: absolute; z-index: 10px; display: none; - border-width: 3px; - border-radius: 5px; - border-color: black; - font-size: 15px; padding: 10px; cursor: default; background-color: #ccc; @@ -732,11 +745,7 @@ a:focus { outline: none; } margin: 3px 0 3px 0; } .desktop_toolpopup h3 { - text-align: center; - font-weight: bolder; - margin-bottom: 5px; } .desktop_toolpopup h2 { - font-weight: bolder; - margin-top: 3px; + } diff --git a/app/assets/stylesheets/orbitTimeline.css b/app/assets/stylesheets/orbitTimeline.css index feb007a6..32c1bbb1 100644 --- a/app/assets/stylesheets/orbitTimeline.css +++ b/app/assets/stylesheets/orbitTimeline.css @@ -1,7 +1,8 @@ .t_scale{ - min-width:2000px; - height:516px; - bottom:0; + height: 516px; +} +#scale_wrapper { + overflow: hidden; } #timline_marker{ width:100px; @@ -12,58 +13,35 @@ border-width:5px; border-radius:5px; } -.t_scale{ - border-style:solid; - border-width:2px; - border-radius:5px; -} #t_container{ height:366px; } -.scale_region{ - height:516px; - border-style:solid; - border-width:0 2px 0 2px; - float: left; - margin-right:1px; - font-size:20px; - padding:5px; +.scale_region { } -.scale_region span{ - display: block; +.group { + margin-right: 48px; } .month{ } .year{ - background-color: #c0bebe; - width:30px; } .bubble{ cursor: pointer; width:300px; - height:30px; - border-style:solid; - border-width:5px; float: left; - border-radius:5px; - margin-top: 10px; - margin-bottom:10px; font-size:15px; - padding:5px; - text-align:justify; display: none; } .month_heading{ - text-align: center; - margin-bottom: 10px; + color: #333; + font-family: 'Open sans', sans-serif; + font-size: 21px; + background-color: #efefef; } .bubble_list ul{ - width:350px; float:left; -} -.bubble_list ul li span.date{ - font-weight:bolder; - float:right; + width: 300px; + height: 440px; } \ No newline at end of file diff --git a/app/assets/stylesheets/style.css.erb b/app/assets/stylesheets/style.css.erb index 0440dcde..9a02c22f 100644 --- a/app/assets/stylesheets/style.css.erb +++ b/app/assets/stylesheets/style.css.erb @@ -1,4 +1,4 @@ -@import url(http://fonts.googleapis.com/css?family=Cuprum); +@import url(http://fonts.googleapis.com/css?family=Cuprum|Open+Sans:400,300); @font-face{ font-family: 'WebSymbolsRegular'; src: url(<%= asset_path 'websymbols-regular-webfont.eot' %>); diff --git a/app/views/desktop/orbit.html.erb b/app/views/desktop/orbit.html.erb index b9a68912..b4c714d4 100644 --- a/app/views/desktop/orbit.html.erb +++ b/app/views/desktop/orbit.html.erb @@ -4,9 +4,30 @@
    TimeLine
    +
    + +
    following
    +
    + +
    +
    +
    + +
    publication
    +
    + +
    +
    -
    +