|
14
|
1 <!DOCTYPE html>
|
|
|
2 <!-- display the tags -->
|
|
|
3 <html metal:use-macro="here/pro_sec_template/macros/page">
|
|
|
4 <head>
|
|
|
5 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
|
6 <title>MPIWG Tags</title>
|
|
|
7 <tal:block metal:fill-slot="head">
|
|
|
8 <!--<link type="text/css"
|
|
|
9 href="./jquery-ui/css/ui-lightness/jquery-ui-1.8.11.custom.css"
|
|
|
10 rel="stylesheet" /> -->
|
|
|
11 <link type="text/css" href="./jquery-mpiwg.css" rel="stylesheet" />
|
|
|
12 <script type="text/javascript" src="./jquery-ui/js/jquery-1.5.1.min.js"></script>
|
|
|
13 <script type="text/javascript" src="./jquery-ui/js/jquery-ui-1.8.11.custom.min.js"></script>
|
|
|
14 <script type="text/javascript">
|
|
|
15
|
|
|
16 // open and close the tags
|
|
|
17
|
|
|
18 jQuery(document).ready(function(){
|
|
|
19 $('#accordion h3').click(function() {
|
|
|
20 $(this).next().toggle('slow');
|
|
|
21 return false;
|
|
|
22 }).next().hide();
|
|
|
23 });
|
|
|
24
|
|
|
25 $(function(){
|
|
|
26
|
|
|
27
|
|
|
28
|
|
|
29 // Accordion
|
|
|
30 //$("#accordion").accordion({ header: "h3" });
|
|
|
31
|
|
|
32
|
|
|
33 $('.projectsWindow').hide();
|
|
|
34
|
|
|
35
|
|
|
36 //open and close the projects
|
|
|
37 $('.showApproach').click(function(){
|
|
|
38
|
|
|
39 var tp = $(this).parent();
|
|
|
40 var wd= $(tp).find('div.projectsWindow');
|
|
|
41 wd.toggle();
|
|
|
42 /*$(tp).find('span.ui-icon').toggleClass('ui-icon-triangle-1-s');*/
|
|
|
43
|
|
|
44 return false;
|
|
|
45 });
|
|
|
46
|
|
|
47 });
|
|
|
48
|
|
|
49
|
|
|
50 </script>
|
|
|
51 <style type="text/css">
|
|
|
52 /*demo page css*/
|
|
|
53 body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
|
|
|
54
|
|
|
55 .level1 {
|
|
|
56 margin-left: 6em;
|
|
|
57 }
|
|
|
58
|
|
|
59 .demoHeaders {
|
|
|
60 margin-top: 2em;
|
|
|
61 }
|
|
|
62
|
|
|
63 #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
|
|
|
64 #dialog_link span.ui-icon {margin: 0 5px 0 0;position:
|
|
|
65 absolute;left: .2em;top: 50%;margin-top: -8px;}
|
|
|
66
|
|
|
67 .helpLink {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
|
|
|
68 .helpLink span.ui-icon {margin: 0 5px 0 0;position:
|
|
|
69 absolute;left: .2em;top: 50%;margin-top: -8px;}
|
|
|
70
|
|
|
71 .level2 {margin-left:10pt}
|
|
|
72 ul#icons {margin: 0; padding: 0;}
|
|
|
73 ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
|
|
|
74 ul#icons span.ui-icon {float: left; margin: 0 4px;}
|
|
|
75
|
|
|
76 .level1_projects {margin-left: 50pt;
|
|
|
77 background: url(../images/arr_right.gif) no-repeat #f5daaf;
|
|
|
78 padding: 6px 6px 6px 20px;
|
|
|
79 border-bottom: 1px solid #f3be7c;
|
|
|
80 width:500px;
|
|
|
81
|
|
|
82 .arrowC
|
|
|
83 }
|
|
|
84
|
|
|
85
|
|
|
86
|
|
|
87 .level2_projects {margin-left:50pt;
|
|
|
88 background: url(../images/arr_right.gif) no-repeat #f5daaf;
|
|
|
89 padding: 6px 6px 6px 20px;
|
|
|
90 border-bottom: 1px solid #f3be7c;
|
|
|
91 width:500px;
|
|
|
92 }
|
|
|
93
|
|
|
94
|
|
|
95 .level1_projects a{
|
|
|
96
|
|
|
97
|
|
|
98 }
|
|
|
99
|
|
|
100
|
|
|
101 .person_projects {
|
|
|
102 padding-left:5pt;
|
|
|
103 font-style:italic
|
|
|
104 }
|
|
|
105
|
|
|
106 .showApproach {
|
|
|
107 color:#EA8500;
|
|
|
108 cursor:pointer;
|
|
|
109 }
|
|
|
110
|
|
|
111 .showApproach:hover {
|
|
|
112 text-decoration: underline;
|
|
|
113 }
|
|
|
114 </style>
|
|
|
115 </tal:block>
|
|
|
116 </head>
|
|
|
117 <body>
|
|
|
118 <div class="main" metal:fill-slot="center">
|
|
|
119 <div class="center_wide dept">
|
|
|
120
|
|
|
121 <!-- Accordion -->
|
|
|
122 <h3>This overview is currently under construction!</h3>
|
|
|
123 <h2 class="demoHeaders">Project Categories</h2>
|
|
|
124
|
|
|
125 <div id="accordion">
|
|
|
126 <div>
|
|
|
127 <h3><a href="#">Approaches</a></h3>
|
|
|
128 <div>
|
|
|
129 <tal:x replace="structure python:here.getEntriesFormatted(here.getApproaches(),'approaches')"/>
|
|
|
130 </div>
|
|
|
131
|
|
|
132 <h3><a href="#">Disciplines</a></h3>
|
|
|
133 <div>
|
|
|
134 <tal:x replace="structure python:here.getEntriesFormatted(here.getDisciplines(),'disciplines')"/>
|
|
|
135 </div>
|
|
|
136
|
|
|
137
|
|
|
138 <h3><a href="#">Periods</a></h3>
|
|
|
139 <div>
|
|
|
140 <tal:x replace="structure python:here.getEntriesFormatted(here.getPeriods(),'periods')"/>
|
|
|
141 </div>
|
|
|
142
|
|
|
143
|
|
|
144 <h3><a href="#">People</a></h3>
|
|
|
145 <div>
|
|
|
146 <div class="level1" tal:repeat="level1 python:here.getPersonsWithProjectIDs()[1]"><span class="showApproach" tal:content="python:here.getNamesFromID(level1)">Lorem</span>
|
|
|
147 <div class="projectsWindow">
|
|
|
148 <div class="level1_projects" tal:repeat="proj python:here.getPersonsWithProjectIDs()[0][level1]">
|
|
|
149 <a tal:attributes="href python:proj[0]" tal:content="python:proj[1]">my proj</a>
|
|
|
150 <tal:x define="person
|
|
|
151 python:proj[2]"><span class="person_projects"
|
|
|
152 tal:content="person"/></tal:x>
|
|
|
153 </div>
|
|
|
154 </div>
|
|
|
155
|
|
|
156 </div>
|
|
|
157 </div>
|
|
|
158
|
|
|
159 <h3><a href="#">Spaces</a></h3>
|
|
|
160 <div>
|
|
|
161 <tal:x replace="structure python:here.getEntriesFormatted(here.getSpaces(),'spaces')"/>
|
|
|
162 </div>
|
|
|
163
|
|
|
164
|
|
|
165 <h3><a href="#">Objects</a></h3>
|
|
|
166 <div>
|
|
|
167 <div class="level1" tal:repeat="level1 python:here.getObjectsWithProjectIDsSortedkeys()"><span class="showApproach" tal:content="python:level1">Lorem</span>
|
|
|
168 <div title="Projects" class="projectsWindow">
|
|
|
169
|
|
|
170 <div class="level1_projects" tal:repeat="proj python:here.getObjectsWithProjectIDs()[level1]">
|
|
|
171 <a tal:attributes="href python:proj[0]" tal:content="python:proj[1]">my proj</a>
|
|
|
172 <tal:x define="person
|
|
|
173 python:proj[2]"><span class="person_projects"
|
|
|
174 tal:content="person"/></tal:x>
|
|
|
175 </div>
|
|
|
176 </div>
|
|
|
177
|
|
|
178 </div>
|
|
|
179 </div>
|
|
|
180
|
|
|
181 <h3><a href="#">Technologies</a></h3>
|
|
|
182 <div>
|
|
|
183 <tal:x replace="structure python:here.getEntriesFormatted(here.getTechnologies(),'technologies')"/>
|
|
|
184 </div>
|
|
|
185
|
|
|
186
|
|
|
187 <h3><a href="#">Knowledge Transfers</a></h3>
|
|
|
188 <div>
|
|
|
189 <tal:x replace="structure python:here.getEntriesFormatted(here.getKnowledgeTransfers(),'transfers')"/>
|
|
|
190 </div>
|
|
|
191
|
|
|
192 </div>
|
|
|
193 </div>
|
|
|
194 </div>
|
|
|
195 </div>
|
|
|
196 </body>
|
|
|
197 </html> |
