New Timeline with books and seminar pages

Gemfile.lock

@@ -1,19 +1,3 @@
-GIT
-  remote: git://github.com/amatsuda/kaminari.git
-  revision: 118927a42e57d6608c10d85b8a62acfc7c175974
-  specs:
-    kaminari (0.13.0)
-      actionpack (>= 3.0.0)
-      activesupport (>= 3.0.0)
-      railties (>= 3.0.0)
-
-PATH
-  remote: vendor/impressionist
-  specs:
-    impressionist (1.1.1)
-      httpclient (~> 2.2)
-      nokogiri (~> 1.5)
-
 GEM
   remote: http://rubygems.org/
   specs:

app/assets/javascripts/orbitdesktop.js

@@ -24,7 +24,7 @@ var orbitDesktop = function(dom){
 	this.transitionTime = 500;
 	this.currenthtml = "desktop.html";
 	this.currentface = "home";
-	this.desktopData = {"home":"","settings":"","work":"","favorite":"","apps_manager":"","sections":"","journal_p":"","appstore":"","orbit":""};
+	this.desktopData = {"home":"","settings":"","work":"","favorite":"","apps_manager":"","sections":"","journal_p":"","appstore":"","orbit":"","books":"","seminar_p":""};
 	this.tp = "";
 	this.sectionList;
 	this.initialize = function(){
@@ -128,6 +128,24 @@ var orbitDesktop = function(dom){
 				});
 			}
 		});
+		$("a#d_books").click(function(){
+			var target = $(this).attr("href");
+			if(o.currenthtml!=target){
+				o.desktopData[o.currentface] = $(o.contentHolder).html();
+				$("#content").hide("drop",o.transitionTime,function(){
+					o.initializeBooks(target);
+				});
+			}
+		});
+		$("a#d_seminar_p").click(function(){
+			var target = $(this).attr("href");
+			if(o.currenthtml!=target){
+				o.desktopData[o.currentface] = $(o.contentHolder).html();
+				$("#content").hide("drop",o.transitionTime,function(){
+					o.initializeSeminar(target);
+				});
+			}
+		});
 		$(window).resize(function(){
 			var ww = $(window).width();
 			$("img#thmbackground").attr({"width":ww});
@@ -1000,8 +1018,8 @@ var orbitDesktop = function(dom){
 
 			var bindSecondaryHandlers = function(){
 				$("#journal_p div#paper_list a").click(function(){
-					if($(this).hasClass("icon-check-empty")){
+					if($(this).hasClass("item_check_status")){
-						$(this).switchClass("icon-check-empty","icon-check");
+						$(this).toggleClass("checked");
 					}else if($(this).hasClass("icon-star")){
 						$(this).removeClass("icon-star").addClass("icon-star-empty");
 					}else if($(this).hasClass("icon-star-empty")){
@@ -1018,7 +1036,7 @@ var orbitDesktop = function(dom){
 						li;
 					$.each(journalData,function(i,journal){
 						$.each(journal.papers,function(j,paper){
-							li = $('<li class="list_t_item"><div class="list_item_action"><a href="" class="icon-check-empty"></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+journal.title+'</div><div class="list_t_des">'+paper.title+'</div></li>');
+							li = $('<li class="list_t_item"><div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+journal.title+'</div><div class="list_t_des">'+paper.title+'</div></li>');
 							column.find("ul").append(li);
 							if(counter%5==0){
 								$("#journal_p div#paper_list div.overview").append(column);
@@ -1038,7 +1056,7 @@ var orbitDesktop = function(dom){
 						li;
 					$.each(journalData,function(i,journal){
 						$.each(journal.papers,function(j,paper){
-							li = $('<li class="list_t_item"><div class="list_item_action"><a href="" class="icon-check-empty"></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+paper.title+'</div><div class="list_t_des">'+paper.keywords+'</div></li>');
+							li = $('<li class="list_t_item"><div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+paper.title+'</div><div class="list_t_des">'+paper.keywords+'</div></li>');
 							column.find("ul").append(li);
 							if(counter%5==0){
 								$("#journal_p div#paper_list div.overview").append(column);
@@ -1058,7 +1076,7 @@ var orbitDesktop = function(dom){
 						li;
 					$.each(journalData,function(i,journal){
 						$.each(journal.papers,function(j,paper){
-							li = $('<li class="list_t_item"><div class="list_item_action"><a href="" class="icon-check-empty"></a></span></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+paper.title+'</div></li>');
+							li = $('<li class="list_t_item"><div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+paper.title+'</div></li>');
 							column.find("ul").append(li);
 							if(counter%5==0){
 								$("#journal_p div#paper_list div.overview").append(column);
@@ -1077,7 +1095,7 @@ var orbitDesktop = function(dom){
 						li;
 					$.each(journalData,function(i,journal){
 						$.each(journal.papers,function(j,paper){
-							li = $('<li class="list_t_item"  style="height:auto;"><div class="list_item_action"><a href="" class="icon-check-empty"></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+paper.title+'</div><div class="list_t_des">'+paper.abstract+paper.abstract+'</div></li>');
+							li = $('<li class="list_t_item"  style="height:auto;"><div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div><div class="list_t_title">'+paper.title+'</div><div class="list_t_des">'+paper.abstract+paper.abstract+'</div></li>');
 							column.find("ul").append(li);
 							$("#journal_p div#paper_list div.overview").append(column);
 							column = $('<div class="g_col list_t"><ul></ul></div>');
@@ -1309,6 +1327,130 @@ var orbitDesktop = function(dom){
 			bindHandlers();
 		}
 	}
+	this.initializeBooks = function(target){
+		o.currenthtml = target;
+		o.currentface = "books";
+		var bindHandlers = function(){
+			$('.s_menu a').on({
+				click: function(){
+					if(!$(this).hasClass('active')){
+						var tfunc = $(this).attr('href');
+						switch(tfunc){
+							case 'list':
+								list();
+							break;
+							case 'addbook':
+								addbook();
+							break;
+						}
+						$('.s_menu a').removeClass('thmc1 thmtxt active');
+						$(this).addClass('thmc1 thmtxt active');
+					}
+				},
+				mouseenter: function(){
+					if(!$(this).hasClass('active')){
+						$(this).switchClass('admtxt','thmc1 thmtxt',0);
+					}
+				},
+				mouseleave: function(){
+					var t = $(this).hasClass('active') ? '' : 'thmc1 thmtxt';
+					$(this).switchClass(t,'admtxt',0);
+				}
+			});
+		}
+
+		var list = function(){
+			var bindHandlers = function(){
+
+			}
+
+			$("div#books div#panel_r").load("/desktop/books_list",function(){
+				bindHandlers();
+			})
+		}
+
+		var addbook = function(){
+			var bindHandlers = function(){
+
+			}
+
+			$("div#books div#panel_r").load("/desktop/books_add",function(){
+				bindHandlers();
+			})
+		}
+		if(!o.desktopData[o.currentface]){
+			$(o.contentHolder).empty().load("/desktop/"+target,function(){
+				list();
+				bindHandlers();
+			});
+		}else{
+			$(o.contentHolder).html(o.desktopData[o.currentface]);
+			list();
+			bindHandlers();
+		}
+	}
+	this.initializeSeminar = function(target){
+		o.currenthtml = target;
+		o.currentface = "seminar_p";
+		var bindHandlers = function(){
+			$('.s_menu a').on({
+				click: function(){
+					if(!$(this).hasClass('active')){
+						var tfunc = $(this).attr('href');
+						switch(tfunc){
+							case 'list':
+								list();
+							break;
+							case 'addseminar':
+								addseminar();
+							break;
+						}
+						$('.s_menu a').removeClass('thmc1 thmtxt active');
+						$(this).addClass('thmc1 thmtxt active');
+					}
+				},
+				mouseenter: function(){
+					if(!$(this).hasClass('active')){
+						$(this).switchClass('admtxt','thmc1 thmtxt',0);
+					}
+				},
+				mouseleave: function(){
+					var t = $(this).hasClass('active') ? '' : 'thmc1 thmtxt';
+					$(this).switchClass(t,'admtxt',0);
+				}
+			});
+		}
+
+		var list = function(){
+			var bindHandlers = function(){
+
+			}
+
+			$("div#seminar_p div#panel_r").load("/desktop/seminar_p_list",function(){
+				bindHandlers();
+			})
+		}
+
+		var addseminar = function(){
+			var bindHandlers = function(){
+
+			}
+
+			$("div#seminar_p div#panel_r").load("/desktop/seminar_p_add",function(){
+				bindHandlers();
+			})
+		}
+		if(!o.desktopData[o.currentface]){
+			$(o.contentHolder).empty().load("/desktop/"+target,function(){
+				list();
+				bindHandlers();
+			});
+		}else{
+			$(o.contentHolder).html(o.desktopData[o.currentface]);
+			list();
+			bindHandlers();
+		}
+	}
 	this.loadWallpaper = function(wallpaper){  // this is to load new wallpaper 
 		if(!wallpaper)wallpapernm = o.themesettings.background;else wallpapernm = wallpaper
 		var ww = $(window).width();

app/controllers/desktop_publications_controller.rb

@@ -11,6 +11,30 @@ class DesktopPublicationsController< ApplicationController
     	render "desktop/journal_pages/add", :layout => false
   	end
 
+    def books
+      render "desktop/books", :layout => false
+    end
+
+    def books_list
+        render "desktop/books/list", :layout => false
+    end
+
+    def books_add
+        render "desktop/books/add", :layout => false
+    end
+
+    def seminar_p
+      render "desktop/seminar_p", :layout => false
+    end
+
+    def seminar_p_list
+        render "desktop/seminar_pages/list", :layout => false
+    end
+
+    def seminar_p_add
+        render "desktop/seminar_pages/add", :layout => false
+    end
+
   	def create_journal
   		Journal.create(user_id: current_user.id, title: "Ice Cream Sandwich")
   		b = Array.new

app/views/desktop/books.html.erb

@@ -0,0 +1,33 @@
+<div id="books">
+	<div id="content">
+		<div id="header" class="hh3">
+			<div class="dtitle w2 hh3 hp">
+				<span class="thmtxth">Books</span>
+			</div>
+			<div id="search_app" class="hfn w2 hh2 hp thmc3">
+			<input type="text" class="ini_input form" value="Search" id="searchbox" />
+			<input type="submit" class="ini_input submit thmc1" value="Submit"/>
+		</div>
+		</div>
+		<div id="holder">
+			<div id="panel_l" class="ph">
+				<div class="s_menu sm_v">
+					<ul id='setting_left_nav'>
+						<li><a href="list" class="hh2 w2 hp active thmc1 thmtxt" onclick='return false;'>List</a></li>
+						<li><a href="addbook" class="admtxt hh2 w2 hp" onclick='return false;'>Add/Edit</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Books</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Co-Authors</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Tags &amp; Keywords</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Analysis</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Import</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Export</a></li>
+					</ul>
+				</div>
+			</div>
+			<div id="panel_r" class="ph pw admbg hp">
+			</div>
+			<div class="clear"></div>
+		</div>
+	</div>
+	</div>
+</div>

app/views/desktop/books/add.html.erb

@@ -0,0 +1,87 @@
+<div class="toolbar hh2">
+	<div class="fn_g hp">
+		<button class="fn_btn hh2 thmc2 thmtxt">Save</button>
+		<button class="fn_btn hh2 admbg2">Cancel</button>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Year</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">2012</a></li>
+				<li><a class="hp hh2 admtxt" href="">2011</a></li>
+				<li><a class="hp hh2 admtxt" href="">2010</a></li>
+				<li><a class="hp hh2 admtxt" href="">2009</a></li>
+				<li><a class="hp hh2 admtxt" href="">2008</a></li>
+				<li><a class="hp hh2 admtxt" href="">2007</a></li>
+				<li><a class="hp hh2 admtxt" href="">2006</a></li>
+				<li><a class="hp hh2 admtxt" href="">2005</a></li>
+				<li><a class="hp hh2 admtxt" href="">2004</a></li>
+				<li><a class="hp hh2 admtxt" href="">2003</a></li>
+				<li><a class="hp hh2 admtxt" href="">2002</a></li>
+				<li><a class="hp hh2 admtxt" href="">2001</a></li>				
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Language</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">English</a></li>
+				<li><a class="hp hh2 admtxt" href="">Chinese</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
+	</div>
+</div>
+<div id="paper_add" class="tinycanvas vp">
+	<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
+	<div class="viewport">
+		<div class="overview">
+			<div class="s_grid_con s_form">
+				<ul>
+					<li class="s_grid_row"><input type="radio" name="" value="Books" />Books
+<input type="radio" name="" value="Chapter" /> Chapter</li>
+					<li class="s_grid_row"><textarea class="s_grid_6 s_grid" name="" id="">Book Title</textarea></li>
+					<li class="s_grid_row"><textarea class="s_grid_6 s_grid" name="" id="" rows="10">Chapters and sections</textarea></li>
+					<li class="s_grid_row"><input class="s_grid s_grid_1" type="text" value="page"> ~ <input class="s_grid s_grid_1" type="text" value="page"><input class="s_grid s_grid_2" type="text" value="Publisher"></li>
+					<li class="s_grid_row"><input class="s_grid s_grid_2" type="text" value="Location"><input class="s_grid s_grid_2" type="text" value="Chief editor"></li>
+					<li class="s_grid_row"><input class="s_grid s_grid_3" type="text" value="ISSN"></li>		<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Reference URL</label><input class="s_grid_4 s_grid" type="text" value="www.sample.com"></li>
+
+				</ul>
+			</div>
+			<div class="s_grid_con s_form">
+				<ul>
+					<li class="s_grid_row"><textarea class="s_grid s_grid_6" name="" id="">Author</textarea><span class="icon-plus input_append"></span></li>
+					<li class="s_grid_row">
+						<select name="" id="" class="s_grid s_grid_4">
+							<option value="">Author Type</option>
+							<option value="">First Author</option>
+							<option value="">Corresponding Author</option>
+							<option value="">Second Author</option>
+							<option value="">Third Author</option>
+							<option value="">Fourth Author</option>
+						</select>
+						<select name="" id="" class="s_grid s_grid_2">
+							<option value="">Status</option>
+							<option value="">Published</option>
+							<option value="">Pending</option>
+							<option value="">Writing</option>
+						</select>
+					</li>
+					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Date of Publication</label><input class="s_grid s_grid_4" type="text" value="2012 / 05 / 01"></li>
+					<li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Tags"><span class="icon-plus input_append"></li>
+					<li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Associated Project"><span class="icon-plus input_append"></span></li>
+					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Abstract</label><input type="file"></li>
+					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Full Text</label><input type="file"></li>
+				</ul>
+			</div>
+			<div class="s_grid_con s_form">
+				<ul>
+					<li class="s_grid_row"><textarea name="" id="" rows="26" class="s_grid s_grid_6">Abstract</textarea></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>

app/views/desktop/books/list.html.erb

@@ -0,0 +1,75 @@
+<div class="toolbar hh2">
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-check"></span></div>
+		<div class="admbg sdm_o">
+			<ul id="journal_selection_options">
+				<li><a class="hp hh2 admtxt" href="all">All</a></li>
+				<li><a class="hp hh2 admtxt" href="none">None</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">More</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">Delete</a></li>
+				<li><a class="hp hh2 admtxt" href="">Tag</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Tag</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">All</a></li>
+				<li><a class="hp hh2 admtxt" href="">Starred</a></li>
+				<li><a class="hp hh2 admtxt" href="">MIT</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Status</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">All</a></li>
+				<li><a class="hp hh2 admtxt" href="">Published</a></li>
+				<li><a class="hp hh2 admtxt" href="">Pending</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">View</div>
+		<div class="admbg sdm_o">
+			<ul id="journal_view_selection">
+				<li><a class="hp hh2 admtxt" href="journal">Journal</a></li>
+				<li><a class="hp hh2 admtxt" href="title">Title</a></li>
+				<li><a class="hp hh2 admtxt" href="file">File</a></li>
+				<li><a class="hp hh2 admtxt" href="keywords">Keywords</a></li>
+				<li><a class="hp hh2 admtxt" href="abstract">Abstract</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Share</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">Full</a></li>
+				<li><a class="hp hh2 admtxt" href="">Abstract</a></li>
+				<li><a class="hp hh2 admtxt" href="">Friends</a></li>
+				<li><a class="hp hh2 admtxt" href="">Private</a></li>
+				<li><a class="hp hh2 admtxt" href="">Group</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
+	</div>
+</div>
+<div id="paper_list" class="tinycanvas vp">
+	<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
+	<div class="viewport">
+		<div class="overview">
+		
+		</div>
+	</div>
+</div>

app/views/desktop/books/seminar.html.erb

@@ -0,0 +1,75 @@
+<div class="toolbar hh2">
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-check"></span></div>
+		<div class="admbg sdm_o">
+			<ul id="journal_selection_options">
+				<li><a class="hp hh2 admtxt" href="all">All</a></li>
+				<li><a class="hp hh2 admtxt" href="none">None</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">More</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">Delete</a></li>
+				<li><a class="hp hh2 admtxt" href="">Tag</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Tag</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">All</a></li>
+				<li><a class="hp hh2 admtxt" href="">Starred</a></li>
+				<li><a class="hp hh2 admtxt" href="">MIT</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Status</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">All</a></li>
+				<li><a class="hp hh2 admtxt" href="">Published</a></li>
+				<li><a class="hp hh2 admtxt" href="">Pending</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">View</div>
+		<div class="admbg sdm_o">
+			<ul id="journal_view_selection">
+				<li><a class="hp hh2 admtxt" href="journal">Journal</a></li>
+				<li><a class="hp hh2 admtxt" href="title">Title</a></li>
+				<li><a class="hp hh2 admtxt" href="file">File</a></li>
+				<li><a class="hp hh2 admtxt" href="keywords">Keywords</a></li>
+				<li><a class="hp hh2 admtxt" href="abstract">Abstract</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Share</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">Full</a></li>
+				<li><a class="hp hh2 admtxt" href="">Abstract</a></li>
+				<li><a class="hp hh2 admtxt" href="">Friends</a></li>
+				<li><a class="hp hh2 admtxt" href="">Private</a></li>
+				<li><a class="hp hh2 admtxt" href="">Group</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
+	</div>
+</div>
+<div id="paper_list" class="tinycanvas vp">
+	<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
+	<div class="viewport">
+		<div class="overview">
+		
+		</div>
+	</div>
+</div>

app/views/desktop/seminar_p.html.erb

@@ -0,0 +1,33 @@
+<div id="seminar_p">
+	<div id="content">
+		<div id="header" class="hh3">
+			<div class="dtitle w2 hh3 hp">
+				<span class="thmtxth">Seminar</span>
+			</div>
+			<div id="search_app" class="hfn w2 hh2 hp thmc3">
+			<input type="text" class="ini_input form" value="Search" id="searchbox" />
+			<input type="submit" class="ini_input submit thmc1" value="Submit"/>
+		</div>
+		</div>
+		<div id="holder">
+			<div id="panel_l" class="ph">
+				<div class="s_menu sm_v">
+					<ul id='setting_left_nav'>
+						<li><a href="list" class="hh2 w2 hp active thmc1 thmtxt" onclick='return false;'>List</a></li>
+						<li><a href="addseminar" class="admtxt hh2 w2 hp" onclick='return false;'>Add/Edit</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Seminar</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Co-Authors</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Tags &amp; Keywords</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Analysis</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Import</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Export</a></li>
+					</ul>
+				</div>
+			</div>
+			<div id="panel_r" class="ph pw admbg hp">
+			</div>
+			<div class="clear"></div>
+		</div>
+	</div>
+	</div>
+</div>

app/views/desktop/seminar_pages/add.html.erb

@@ -0,0 +1,107 @@
+<div class="toolbar hh2">
+	<div class="fn_g hp">
+		<button class="fn_btn hh2 thmc2 thmtxt">Save</button>
+		<button class="fn_btn hh2 admbg2">Cancel</button>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Year</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">2012</a></li>
+				<li><a class="hp hh2 admtxt" href="">2011</a></li>
+				<li><a class="hp hh2 admtxt" href="">2010</a></li>
+				<li><a class="hp hh2 admtxt" href="">2009</a></li>
+				<li><a class="hp hh2 admtxt" href="">2008</a></li>
+				<li><a class="hp hh2 admtxt" href="">2007</a></li>
+				<li><a class="hp hh2 admtxt" href="">2006</a></li>
+				<li><a class="hp hh2 admtxt" href="">2005</a></li>
+				<li><a class="hp hh2 admtxt" href="">2004</a></li>
+				<li><a class="hp hh2 admtxt" href="">2003</a></li>
+				<li><a class="hp hh2 admtxt" href="">2002</a></li>
+				<li><a class="hp hh2 admtxt" href="">2001</a></li>				
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Language</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">English</a></li>
+				<li><a class="hp hh2 admtxt" href="">Chinese</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
+	</div>
+</div>
+<div id="paper_add" class="tinycanvas vp">
+	<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
+	<div class="viewport">
+		<div class="overview">
+			<div class="s_grid_con s_form">
+				<ul>
+					<li class="s_grid_row"><textarea class="s_grid_6 s_grid" name="" id="">Seminar Title</textarea></li>
+					<li class="s_grid_row">
+					<label>Paper type</label><input type="radio" name="" value="Books" />Oral<input type="radio" name="" value="Chapter" />Poster</li>
+					<li class="s_grid_row"><label>Seminar time</label></li>
+					
+					<li class="s_grid_row"><select name="" id="" class="s_grid s_grid_1">
+							<option value=""></option>
+					</select>
+					<label class="s_grid s_grid_1">Year</label>
+					<select name="" id="" class="s_grid s_grid_1">
+							<option value=""></option>
+					</select>
+					<label class="s_grid s_grid_1">Month</label>
+					<select name="" id="" class="s_grid s_grid_1">
+							<option value=""></option>
+					</select>
+					<label class="s_grid s_grid_1">Day</label>
+					</li>
+
+					<li class="s_grid_row"><input class="s_grid s_grid_2" type="text" value="Location"><input class="s_grid s_grid_2" type="text" value="Sponsor"></li>
+					<li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Reference URL</label><input class="s_grid_4 s_grid" type="text" value="www.sample.com"></li>
+
+				</ul>
+			</div>
+			<div class="s_grid_con s_form">
+				<ul>
+					<li class="s_grid_row"><textarea class="s_grid s_grid_6" name="" id="">Author</textarea><span class="icon-plus input_append"></span></li>
+					<li class="s_grid_row">
+						<select name="" id="" class="s_grid s_grid_4">
+							<option value="">Author Type</option>
+							<option value="">First Author</option>
+							<option value="">Corresponding Author</option>
+							<option value="">Second Author</option>
+							<option value="">Third Author</option>
+							<option value="">Fourth Author</option>
+						</select>
+						<select name="" id="" class="s_grid s_grid_2">
+							<option value="">Status</option>
+							<option value="">Published</option>
+							<option value="">Pending</option>
+							<option value="">Writing</option>
+						</select>
+					</li>
+
+					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Date of Publication</label><input class="s_grid s_grid_4" type="text" value="2012 / 05 / 01"></li>
+
+					<li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Tags"><span class="icon-plus input_append"></li>
+					<li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Keywords"><span class="icon-plus input_append"></li>
+					<li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Associated Project"><span class="icon-plus input_append"></span></li>
+					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Abstract</label><input type="file"></li>
+					<li class="s_grid_row"><label class="s_grid s_grid_2" for="">Full Text</label><input type="file"></li>
+
+
+				</ul>
+			</div>
+			<div class="s_grid_con s_form">
+				<ul>
+					<li class="s_grid_row"><textarea name="" id="" rows="26" class="s_grid s_grid_6">Abstract</textarea></li>
+					<li class="s_grid_row"><textarea name="" id="" rows="16" class="s_grid s_grid_6">Note</textarea></li>					
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>

app/views/desktop/seminar_pages/list.html.erb

@@ -0,0 +1,75 @@
+<div class="toolbar hh2">
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-check"></span></div>
+		<div class="admbg sdm_o">
+			<ul id="journal_selection_options">
+				<li><a class="hp hh2 admtxt" href="all">All</a></li>
+				<li><a class="hp hh2 admtxt" href="none">None</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">More</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">Delete</a></li>
+				<li><a class="hp hh2 admtxt" href="">Tag</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Tag</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">All</a></li>
+				<li><a class="hp hh2 admtxt" href="">Starred</a></li>
+				<li><a class="hp hh2 admtxt" href="">MIT</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Status</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">All</a></li>
+				<li><a class="hp hh2 admtxt" href="">Published</a></li>
+				<li><a class="hp hh2 admtxt" href="">Pending</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">View</div>
+		<div class="admbg sdm_o">
+			<ul id="journal_view_selection">
+				<li><a class="hp hh2 admtxt" href="journal">Journal</a></li>
+				<li><a class="hp hh2 admtxt" href="title">Title</a></li>
+				<li><a class="hp hh2 admtxt" href="file">File</a></li>
+				<li><a class="hp hh2 admtxt" href="keywords">Keywords</a></li>
+				<li><a class="hp hh2 admtxt" href="abstract">Abstract</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2">Share</div>
+		<div class="admbg sdm_o">
+			<ul>
+				<li><a class="hp hh2 admtxt" href="">Full</a></li>
+				<li><a class="hp hh2 admtxt" href="">Abstract</a></li>
+				<li><a class="hp hh2 admtxt" href="">Friends</a></li>
+				<li><a class="hp hh2 admtxt" href="">Private</a></li>
+				<li><a class="hp hh2 admtxt" href="">Group</a></li>
+			</ul>
+		</div>
+	</div>
+	<div class="hh2 hp sdm">
+		<div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
+	</div>
+</div>
+<div id="paper_list" class="tinycanvas vp">
+	<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
+	<div class="viewport">
+		<div class="overview">
+		
+		</div>
+	</div>
+</div>

app/views/seminar_p.html.erb

@@ -0,0 +1,33 @@
+<div id="seminar_p">
+	<div id="content">
+		<div id="header" class="hh3">
+			<div class="dtitle w2 hh3 hp">
+				<span class="thmtxth">Seminar</span>
+			</div>
+			<div id="search_app" class="hfn w2 hh2 hp thmc3">
+			<input type="text" class="ini_input form" value="Search" id="searchbox" />
+			<input type="submit" class="ini_input submit thmc1" value="Submit"/>
+		</div>
+		</div>
+		<div id="holder">
+			<div id="panel_l" class="ph">
+				<div class="s_menu sm_v">
+					<ul id='setting_left_nav'>
+						<li><a href="list" class="hh2 w2 hp active thmc1 thmtxt" onclick='return false;'>List</a></li>
+						<li><a href="addseminar" class="admtxt hh2 w2 hp" onclick='return false;'>Add/Edit</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Books</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Co-Authors</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Tags &amp; Keywords</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Analysis</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Import</a></li>
+						<li><a href="" class="admtxt hh2 w2 hp" onclick='return false;'>Export</a></li>
+					</ul>
+				</div>
+			</div>
+			<div id="panel_r" class="ph pw admbg hp">
+			</div>
+			<div class="clear"></div>
+		</div>
+	</div>
+	</div>
+</div>

config/routes.rb

@@ -184,6 +184,14 @@ Orbit::Application.routes.draw do
   match '/desktop/journal_p_list/'=>'desktop_publications#journal_p_list'
   match '/desktop/journal_p_add/'=>'desktop_publications#journal_p_add'
   match '/desktop_publications/getjournals' => 'desktop_publications#getjournals'
+  match '/desktop/books' => 'desktop_publications#books'
+  match '/desktop/books_list/'=>'desktop_publications#books_list'
+  match '/desktop/books_add/'=>'desktop_publications#books_add'
+
+  match '/desktop/seminar_p' => 'desktop_publications#seminar_p'
+  match '/desktop/seminar_p_list/'=>'desktop_publications#seminar_p_list'
+  match '/desktop/seminar_p_add/'=>'desktop_publications#seminar_p_add'
+
 
   match '/desktop/twitter/'=>'otheraccounts#twitter'
   match '/desktop/forgmail/'=>'otheraccounts#gmail'
@@ -192,17 +200,18 @@ Orbit::Application.routes.draw do
 
   match '/desktop_appstore/appstore'=>'desktop_appstore#appstore'
   match '/desktop_appstore/widgets'=>'desktop_appstore#widgets'
-  match '/desktop_appstore/onlinestore'=>'desktop_appstore#onlinestore'
   match '/desktop_appstore/getuserwidgets'=>'desktop_appstore#getuserwidgets'
   match '/desktop_appstore/widgets_settings'=>'desktop_appstore#widgets_settings'
 
   match '/desktop_orbit/orbit' => 'desktop_orbit#orbit'
   match '/desktop_orbit/eventajaxload'=> 'desktop_orbit#eventajaxload'
   match '/desktop_orbit/getevents' => 'desktop_orbit#getevents'
+
    #match '/desktop_orbit/eventajaxload' => 'desktop_publications#create_journal'
   #match '/desktop_orbit/eventajaxload' => 'desktop_publications#delete_journal'
   # match '/desktop_orbit/eventajaxload' => 'desktop_publications#update_journal'
 
+
   match '/desktop/temp_func/'=>'desktop#temp_func'
   
   match '/panel/:app_name/front_end/:app_action/:id' => 'pages#show_from_link', :constraints => lambda { |request|

lib/desktopapp/desktop_app_appstore.rb

@@ -1,5 +1,5 @@
 class Desktopapp::DesktopAppAppstore < Sinatra::Base
-	 register Sinatra::Warden
+	
 	get '/desktop_appstore/appstore' do
 		erb :appstore
 	end