initial version of frontend layer
[opensuse:webpin2.git] / api / webpin.api / src / main / templates / ui.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3 <head>
4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5   <meta name="description" content="Aggregation of the blogs of openSUSE contributors"/>
6   <meta name="keywords" content="opensuse, linux, search, repository, package, rpm, index"/>
7   <link rel="stylesheet" href="http://static.opensuse.org/themes/bento/css/style.css" type="text/css" media="screen" title="All" charset="utf-8" />
8   <script src="http://static.opensuse.org/themes/bento/js/jquery.js" type="text/javascript" charset="utf-8"></script>
9   <script src="http://static.opensuse.org/themes/bento/js/l10n/global-navigation-data-en_US.js" type="text/javascript" charset="utf-8"></script>
10   <script src="http://static.opensuse.org/themes/bento/js/global-navigation.js" type="text/javascript" charset="utf-8"></script>
11   <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="All" charset="utf-8" />
12   <title>openSUSE Package Search</title>
13  </head>
14 <body>
15   <div id="header">
16     <div id="header-content" class="container_12">
17       <a id="header-logo" href="/"><img src="http://en.opensuse.org/skins/bento/header-logo.png" width="46" height="26" alt="Header Logo" /></a>
18       <ul id="global-navigation">
19         <li id="item-downloads"><a href="http://opensuse.org/sitemap#downloads">Downloads</a></li>
20         <li id="item-support"><a href="http://opensuse.org/sitemap#support">Support</a></li>
21         <li id="item-community"><a href="http://opensuse.org/sitemap#community">Community</a></li>
22         <li id="item-development"><a href="http://opensuse.org/sitemap#development">Development</a></li>
23       </ul>
24     </div>
25   </div> <!-- #header -->
26   
27   <div id="content">
28          
29          <div id="main">
30                 <form id="search" action="search" method="get">
31                         <fieldset>
32                                 <input type="text" size="60" name="q" id="q" value="${q}" />
33                         </fieldset>
34                         <fieldset id="search_options_distributions" class="options">
35                                 <label for="search_options_distributions" class="options_label">Distributions:</label>
36                                 <ul>
37                                 <#list alldists?keys as k>
38                                     <li>
39                                         <input type="checkbox" name="dist" value="${k}" id="dist_${k}" ${dists?seq_contains(k)?string('checked="checked"','')} />
40                                         <label for="dist_${k}">${alldists[k]}</label>
41                                 </li>
42                                 </#list>
43                                 </ul>
44                         </fieldset>
45                         <fieldset id="search_options_archs" class="options">
46                                 <label for="search_options_archs" class="options_label">Architectures:</label>
47                                 <ul>
48                                 <#list allarchs?keys as k>
49                                         <li>
50                                         <input type="checkbox" name="arch" value="${k}" id="arch_${k}" ${archs?seq_contains(k)?string('checked="checked"','')} />
51                                         <label for="arch_${k}">${allarchs[k]}</label>
52                                 </li>
53                                 </#list>
54                                 </ul>
55                         </fieldset>
56                         <fieldset id="search_options_tags" class="options">
57                                 <label for="search_options_tags" class="options_label">Include:</label>
58                                 <ul>
59                                 <#list alltags?keys as k>
60                                     <li>
61                                         <input type="checkbox" name="${k}" value="1" id="${k}" ${tags?seq_contains(k)?string('checked="checked"','')} />
62                                         <label for="${k}">${alltags[k]}</label>
63                                 </li>
64                                 </#list>
65                                 </ul>
66                         </fieldset>
67                 </form>
68          
69                 <div id="results">
70                 <p id="hits">Found ${hits} results in ${qtime} milliseconds.</p>
71                 
72 <#list packages as p>
73         <div class="result">
74           <h3 class="result_name"><a href="${p.location}"><span class="name">${p.name}</span>-<span class="version">${p.version}</span>.<span class="arch">${p.arch}</span> - <span class="summary">${p.summary}</span></a></h3>
75           <p class="description">${p.description}</p>
76           <ul class="links">
77           <#if p.url??>
78             <li><a class="url" href="${p.url}">${p.url}</a></li>
79           </#if>
80           <#if p.url??>
81             <li><span class="dist">${p.distribution}</span></li>
82           </#if>
83           <#if p.repourl??>
84                 <li><a class="repourl" href="${p.repourl}">${p.repotag}</a></li>
85           </#if>
86           <#if p.tag??>
87           <#list p.tag as t>
88             <li><span class="tag tag-${t}">${t}</span></li>
89           </#list>
90           </#if>
91             <li>${p.group}</li>
92           </ul>
93         </div>
94 </#list>                  
95                 </div>
96
97 <#if pagelist??>
98                 <div id="paging">
99 <#if previous??>
100           <a id="previous_page" href="${previous.url}" accesskey="p">Previous</a>
101 </#if>
102 <#list pagelist as n>
103 <#if n.current>
104           <span id="current_page"><em>${n.page}</em></span>
105 <#else>
106           <span><a href="${n.url}">${n.page}</a></span>
107 </#if>
108 </#list>
109 <#if next??>
110           <a id="next_page" href="${next.url}" accesskey="n">Next</a>
111 </#if>
112                 </div>
113 </#if>
114
115     </div> <!-- #main -->
116     
117     <div class="clear"></div>
118     <div id="footer">
119       <div id="footer-content" class="clear-block">
120       </div>
121       <div id="footer-legal" class="border-top">
122         <img src="solr.png" />
123         <p>
124           &copy; 2010 Pascal Bleser and the openSUSE Community.
125         </p>
126         <p>This site is not an official openSUSE website, and is not in any way affiliated with or endorsed by SUSE Linux GmbH or Novell.</p>
127         <p>openSUSE and SUSE are trademarks of Novell, Inc. in the United States and other countries.</p>
128       </div>
129     </div>
130     <!-- #footer -->
131
132   </div> <!-- #content -->
133 <!--
134 ${solrquery}
135 -->
136 </body>
137 </html>
138 <!-- vim: set sw=2 ts=2 et ai: -->
139