Commit ecb5267ed56592b11df18b95b31f2a909182ff7e to tiefox's colorplan

tiefox / colorplan

Fork of caffo/colorplan
Description:	Managing projects using colors.
Homepage:	http://colorplanit.com/
Clone URL:	git://github.com/tiefox/colorplan.git Give this clone URL to anyone. `git clone git://github.com/tiefox/colorplan.git`

Implemented project action popup using facebox

caffo (author)

Wed Mar 19 21:05:53 -0700 2008

commit ecb5267ed56592b11df18b95b31f2a909182ff7e
tree 9e01c6625c254501a5b0398af3d45a08fc51316f
parent 21b68092f8e6df8ec59a29b9031b5d03253fd249

app/views/layouts/main.html.erb
app/views/main/details.html.erb
app/views/main/index.html.erb

app/views/layouts/main.html.erb

0
@@ -1,10 +1,12 @@
0
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
0
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
0
-
0
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
0
 <head>
0
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
0
   <meta http-equiv="refresh" content="600">
0
+	<%= javascript_include_tag 'jquery-1.2.3.min.js', 'facebox/facebox.js' %>
0
+	<link rel="stylesheet" href="/javascripts/facebox/facebox.css" media="screen,projection" type="text/css" />
0
+
0
   <style>
0
     body { 
0
       font-size:  10px;
0
@@ -29,6 +31,116 @@
0
      #tabs ul {  margin: 0; padding: 0;  padding-top: 20px; margin-bottom: -1px; margin-left: 20px;}
0
      #tabs li {background-color: #333; width: 50px; color: #ddd; list-style-type:  none; display: inline;   margin: 0; padding: 2px; border-bottom: 1px solid #222; padding-bottom: 0; margin-bottom: -1px; padding-top: 7px; }
0
      #tabs li a { font-size: 12px; padding: 3px 8px 9px 8px; color: #fff; margin: 0; padding: 10px; color: #666; }
0
+		
0
+		
0
+		
0
+
0
+		/*-------------------------------------------------
0
+		tabs 
0
+		-------------------------------------------------*/
0
+
0
+		#Tabs {
0
+			margin: 0;
0
+			height: 27px;
0
+			padding: 0;
0
+		}
0
+
0
+		#Tabs ul {
0
+			margin: 0; padding: 0;
0
+		}
0
+
0
+		#Tabs li {
0
+			margin: 0; padding: 0;
0
+			display: inline;
0
+			list-style: none;
0
+			border: none;
0
+		}
0
+
0
+		#Tabs ul#MainTabs {
0
+		  float: left;
0
+		  width: 400px;
0
+		}
0
+
0
+		#Tabs ul#AccountTabs {
0
+		  float: right;
0
+		  width: 178px;
0
+		}
0
+
0
+		div#Tabs a:link,
0
+		div#Tabs a:visited {
0
+			color: #eee;
0
+		}
0
+
0
+		#Tabs a:hover {
0
+			color: #eee;
0
+			background: #333;
0
+		}
0
+
0
+		#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
0
+		  float: left; /* for IE6 */
0
+			font-size: 12px;
0
+			font-weight: normal;
0
+			padding: 3px 8px 9px 8px;
0
+			margin: 0;
0
+		}
0
+
0
+		#Tabs ul#AccountTabs li a:link,
0
+		#Tabs ul#AccountTabs li a:visited {
0
+		  color: #eee;
0
+		  float: left; /* for IE6 */
0
+		  font-size: 10px;
0
+		  font-weight: normal;
0
+		  padding: 3px 3px 6px 3px;
0
+		  margin-right: 5px;
0
+		}
0
+
0
+		#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
0
+			background: #333;
0
+			border: 1px solid #333;
0
+			color: #eee;
0
+			font-weight: bold;
0
+			text-decoration: none;
0
+		    margin: 0 5px;
0
+		}
0
+
0
+		#Tabs ul#AccountTabs a:link.current, #Tabs ul#AccountTabs a:visited.current {
0
+		  color: #eee;
0
+		  font-weight: bold;
0
+		  text-decoration: none;
0
+		  font-size: 12px;
0
+		  padding-top: 2px;
0
+		}
0
+
0
+		#Tabs ul#AccountTabs a:hover.current {
0
+		  color: #eee;
0
+		  background: none;
0
+		}
0
+
0
+
0
+
0
+		div#Container,
0
+		div#Header div#Tabs,
0
+		div#Footer {
0
+		  	width: 750px;
0
+			margin: 0 20px 0 20px;
0
+			text-align: left;
0
+		}
0
+
0
+		div#Header div#Tabs {
0
+		  margin: 0 auto;
0
+		  padding-left: 34px;
0
+			margin-left: 200px;
0
+		}
0
+
0
+		div#Header {
0
+			margin: 0;
0
+			background: #222;
0
+			padding: 35px 0 0 0;
0
+			color: #ccc;
0
+			width: 100%;
0
+		}
0
+
0
+		
0
   </style>
0
 </head>
0

app/views/main/details.html.erb

0
@@ -1,17 +1,15 @@
0
 <div id="details">
0
 <ul style="margin-top: 40px;">
0
-	<li style="color: #65B4E9; margin-top: -20px;"><%= @project.name%></li>
0
-	<li><a href="/main/working_on/<%= @project.id %>" title="I've worked on it">Mark this project as worked</a></li>
0
-	<li><a href="/main/pause/<%= @project.id %>" title="Pause it!">Pause this project</a></li>
0
-	<li><a href="/main/delete/<%= @project.id %>" title="Trash it!">Delete this project</a></li>
0
-	<li><a href="#" onclick="document.location='/main/importance/<%= @project.id %>/?cid='+$('base').value">Project importance:</a>
0
+	<li style="color: #65B4E9; margin-top: -50px; font-size: 26px; margin-bottom: 20px;"><%= @project.name%></li>
0
+	<li style="margin-bottom: 10px;"><a href="/main/working_on/<%= @project.id %>" title="I've worked on it">Mark this project as worked</a></li>
0
+	<li style="margin-bottom: 10px;"><a href="/main/pause/<%= @project.id %>" title="Pause it!">Pause this project</a></li>
0
+	<li style="margin-bottom: 10px;"><a href="/main/delete/<%= @project.id %>" title="Trash it!">Delete this project</a></li>
0
+	<li style="margin-bottom: 10px;"><a href="#" onclick="document.location='/main/importance/<%= @project.id %>/?cid='+$('base').value">Project importance:</a>
0
     <select id='base' onchange="document.location='/main/importance/<%= @project.id %>/?cid='+$('base').value">
0
       <option value="0" <% if @project.base_age == 0 %>selected<% end %>>Normal</option>
0
       <option value="1" <% if @project.base_age == 1 %>selected<% end %>>Important</option>
0
       <option value="2" <% if @project.base_age == 2 %>selected<% end %>>Burning</option>
0
     </select>
0
   </li>
0
-	<li><a href="#" rel="deactivate" class="lbAction" style="font-weight: bolder; font-size: 22px;">Close this box</a></li>
0
-
0
 </ul>
0
 </div>
0
\ No newline at end of file

app/views/main/index.html.erb

0
@@ -10,9 +10,9 @@
0
         <% end %>
0
         <td style="text-align: left">
0
         <% if project.age != 0 && project.age < 140 %>
0
-				<%= link_to project.name, {:action => 'details', :id => project.id}, :class => 'lbOn' %>
0
+				<%= link_to project.name, {:action => 'details', :id => project.id}, :class => 'lbOn', :rel => 'facebox' %>
0
         <% else %>
0
-				<%= link_to project.name, {:action => 'details', :id => project.id}, :class => 'lbOn', :style => 'color: #fff;' %>
0
+				<%= link_to project.name, {:action => 'details', :id => project.id}, :class => 'lbOn', :rel => 'facebox', :style => 'color: #fff;' %>
0
         <% end %>
0
         </td>      
0
       </tr>
0
@@ -28,3 +28,9 @@
0
 <% end %>
0
 <p style="color: #444; font-size: 18px; margin-left: 20px;">last update: <%= Time.now.strftime('%m/%d/%y - %H:%M')%><br/><a href="/main/index/create" style="color: #444; text-decoration: underline">add new project </a></p>
0
 </center>
0
+
0
+<script type="text/javascript" charset="utf-8">
0
+	jQuery(document).ready(function($) {
0
+	  $('a[rel*=facebox]').facebox() 
0
+	})
0
+</script>
0
\ No newline at end of file

Comments

No one has commented yet.