public
Fork of caffo/colorplan
Description: Managing projects using colors.
Homepage: http://colorplanit.com/
Clone URL: 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
...
1
2
3
4
5
6
7
 
 
 
8
9
10
...
29
30
31
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32
33
34
...
1
2
 
3
4
5
6
7
8
9
10
11
12
...
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
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
 
...
1
2
3
4
5
6
7
 
 
 
 
 
8
9
10
11
12
13
14
15
16
17
18
...
1
2
 
 
 
 
 
3
4
5
6
7
8
9
10
11
12
13
 
 
14
15
16
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
...
10
11
12
13
 
14
15
 
16
17
18
...
28
29
30
 
 
 
 
 
 
31
...
10
11
12
 
13
14
 
15
16
17
18
...
28
29
30
31
32
33
34
35
36
37
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.