[IMP] add new module website_project
[odoo/odoo.git] / addons / website / views / views.xml
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- vim:fdn=3:
3 -->
4 <openerp>
5     <data>
6         <!--
7             Files used in the generic theme, mostly bootstrap and a few OpenERP tags
8         -->
9         <template id="theme" name="Theme">
10             <link id="bootstrap_css" rel='stylesheet' href='/website/static/lib/bootstrap/css/bootstrap.css' t-ignore="true"/>
11             <link id="website_css" rel='stylesheet' href='/website/static/src/css/website.css' t-ignore="true"/>
12         </template>
13
14         <template id="theme_flatly" name="Flat Theme" inherit_option_id="website.theme">
15             <xpath expr="//link[@id='bootstrap_css']" position="replace">
16                 <link rel='stylesheet' href='/website/static/lib/bootstrap/css/bootstrap-flatly.css' t-ignore="true"/>
17                 <link rel='stylesheet' href='/website/static/src/css/website-flatly.css' t-ignore="true"/>
18             </xpath>
19         </template>
20
21         <template id="layout">
22                 &lt;!DOCTYPE html&gt;
23                 <html t-att-data-view-xmlid="__stack__[0]">
24                     <head>
25                         <title><t t-esc="title or res_company.name"/></title>
26                         <script type="text/javascript" src="/web/static/lib/jquery/jquery.js"></script>
27                         <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/ckeditor.js"></script>
28                         <script type="text/javascript" src="/website/static/lib/ckeditor.sharedspace/plugin.js"></script>
29                         <script type="text/javascript">
30                             CKEDITOR.disableAutoInline = true;
31                             // EDIT ALL THE THINGS
32                             CKEDITOR.dtd.$editable = $.extend(
33                                 {}, CKEDITOR.dtd.$block, CKEDITOR.dtd.$inline);
34                         </script>
35
36                         <t t-if="editable">
37                             <t t-raw="css"/>
38                             <t t-raw="script"/>
39                             <link rel='stylesheet' href='/website/static/src/css/snippets.css'/>
40                             <script type="text/javascript" src="/website/static/src/js/website_bootstrap.js"></script>
41                         </t>
42                         <t t-raw="head or ''"/>
43                         <t t-call="website.theme"/>
44
45                         <link rel='stylesheet' href='/web/static/lib/fontawesome/css/font-awesome.css'/>
46                         <link rel='stylesheet' href='/website/static/lib/bootstrap/css/bootstrap-responsive.css'/>
47                     </head>
48                     <body>
49                         <header class='navbar navbar-static-top'>
50                             <div class='navbar-inner'>
51                                 <div class="container">
52                                     <a href='/page/website.homepage' class='brand'>
53                                         <em>Open</em><b>ERP</b>
54                                         <!--<img t-att-alt="res_company.name" src='/web/binary/company_logo'/></a>-->
55                                     </a>
56                                     <ul class="nav pull-right" id="top_menu">
57                                         <li><a href="/page/website.contactus">Contact us</a></li>
58                                         <li><a href="/admin">Sign in</a></li>
59                                     </ul>
60                                 </div>
61                             </div>
62                         </header>
63                         <div t-raw="0" id="wrap">
64                             <div class="container">
65                                 <h1>Main Layout</h1>
66                             </div>
67                         </div>
68                         <footer>
69                             <div class="container" id="footer_container">
70                                 <div class="row">
71                                     <div class="span3" name="product">
72                                         <h5>Our products</h5>
73                                         <ul class='unstyled' name="products">
74                                             <li><a href="/">Home</a></li>
75                                         </ul>
76                                     </div>
77                                     <div class="span3" name="info">
78                                         <h5 name="info_title">Connect with us</h5>
79                                         <ul class='unstyled'>
80                                             <li><a href="/page/website.aboutus">About us</a></li>
81                                             <li><a href="/page/website.contactus">Contact us</a></li>
82                                         </ul>
83                                         <ul class='unstyled'>
84                                             <li><i class="icon-phone"></i> <span t-field="res_company.phone"/></li>
85                                             <li><i class="icon-envelope"></i> <span t-field="res_company.email"></span></li>
86                                         </ul>
87                                     </div>
88                                     <div class="span5 offset1" name="about_us">
89                                         <h5 t-field="res_company.name">About us</h5>
90                                         <p>
91                                             We are a team of passionated people whose goal
92                                             is to improve everyone's life through
93                                             disruptive products. We build great products to
94                                             solve your business problems.
95                                         </p><p>
96                                             Our products are designed for small to medium
97                                             companies willing to optimize their
98                                             performance.
99                                         </p>
100                                         <h1 style="padding: 12px 24px">
101                                             <a href="http://twitter.com/openerp"><i class="icon-twitter-sign"></i></a>
102                                             <a href="http://facebook.com/OpenERP"><i class="icon-facebook-sign"></i></a>
103                                             <a href="https://plus.google.com/+openerp/posts"><i class="icon-google-plus-sign"></i></a>
104                                         </h1>
105                                     </div>
106                                 </div>
107                             </div>
108                             <div class="container mt16">
109                                 <div class="pull-right" t-ignore="1">
110                                     Create a <a href="http://openerp.com/apps/website">free website</a> with <a class="label label-important" href="https://openerp.com/apps/website">OpenERP</a>
111                                 </div>
112                                 <div class="pull-left muted">
113                                     Copyright &amp;copy; <span t-field="res_company.name">Company name</span> - <a href="/sitemap">Sitemap</a>
114                                 </div>
115                             </div>
116                         </footer>
117
118                         <div class='oe_snippet_editor' style="display: none;">
119                             <div class='oe_snippet_list'>
120
121                             <div class='oe_snippet' name='Picture' data-selector='[class*="span"]'>
122                                 <div class="span6">
123                                     <img class="img-rounded" src="/website/static/src/img/volcano.jpg"/>
124                                 </div>
125                             </div>
126
127                             <div class='oe_snippet' name='Introduction' data-selector=".container">
128                                 <section class="container">
129                                     <div class="row mt32 text-center">
130                                         <h2>Wildlife Analysis</h2>
131                                         <h3>In a beautiful place out in the country</h3>
132                                     </div>
133                                     <div class="row mt32">
134                                         <div class="span6">
135                                             <img class='img-rounded' src="/website/static/src/img/china.jpg"/>
136                                         </div>
137                                         <div class="span6">
138                                             <p class='mt16'>
139                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
140                                                 sed do eiusmod tempor incididunt ut labore et dolore magna 
141                                                 aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
142                                                 ullamco laboris nisi ut aliquip ex ea commodo consequat. 
143                                             </p>
144                                             <p>
145                                                 Duis aute irure dolor in reprehenderit in voluptate velit 
146                                                 esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
147                                                 occaecat cupidatat non proident, sunt in culpa qui officia 
148                                                 deserunt mollit anim id est laborum
149                                             </p>
150                                         </div>
151                                     </div>
152                                 </section>
153                             </div>
154
155                             <div class='oe_snippet' name='Three Columns' data-selector=".container">
156                                 <section class="container">
157                                     <div class="row mt32">
158                                         <div class="span4">
159                                             <h4>Niagara</h4>
160                                             <p>
161                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
162                                                 sed do eiusmod tempor incididunt ut labore et dolore magna 
163                                                 aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
164                                                 ullamco laboris nisi ut aliquip ex ea commodo consequat. 
165                                             </p>
166                                         </div>
167                                         <div class="span4">
168                                             <h4>Whitewater</h4>
169                                             <p>
170                                                 Duis aute irure dolor in reprehenderit in voluptate velit 
171                                                 esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
172                                                 occaecat cupidatat non proident, sunt in culpa qui officia 
173                                                 deserunt mollit anim id est laborum
174                                             </p>
175                                         </div>
176                                         <div class="span4">
177                                             <h4>Red Moss</h4>
178                                             <p>
179                                                 Sed ut perspiciatis unde omnis iste natus error sit voluptatem
180                                                 accusantium doloremque laudantium, totam rem aperiam, eaque ipsa 
181                                                 quae ab illo inventore veritatis et quasi architecto beatae vitae
182                                                 dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
183                                             </p>
184                                         </div>
185                                     </div>
186                                 </section>
187                             </div>
188
189                             <div class='oe_snippet' name='Introduction' data-selector=".container">
190                                 <section class="container">
191                                     <div class="row mt32">
192                                         <div class="span6">
193                                             <h2>Wildlife Analysis</h2>
194                                             <h3>In a beautiful place out in the country</h3>
195                                             <p class='mt16'>
196                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
197                                                 sed do eiusmod tempor incididunt ut labore et dolore magna 
198                                                 aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
199                                                 ullamco laboris nisi ut aliquip ex ea commodo consequat. 
200                                             </p>
201                                             <p>
202                                                 Duis aute irure dolor in reprehenderit in voluptate velit 
203                                                 esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
204                                                 occaecat cupidatat non proident, sunt in culpa qui officia 
205                                                 deserunt mollit anim id est laborum
206                                             </p>
207                                         </div>
208                                         <div class="span6">
209                                             <img class='img-rounded' src="/website/static/src/img/greenfields.jpg"/>
210                                         </div>
211                                     </div>
212                                 </section>
213                             </div>
214
215                             <div class='oe_snippet oe_new' name='New Snippet'> 
216                             </div>
217                             </div>
218                         </div>
219                     </body>
220                 </html>
221         </template>
222
223         <template id="footer_custom" inherit_option_id="website.layout" name="Custom Footer">
224             <xpath expr="//div[@id='footer_container']" position="attributes">
225                 <attribute name="style">display: none</attribute>
226             </xpath>
227         </template>
228
229         <template id="homepage">
230             <t t-call="website.layout">
231
232                 <section>
233                     <div id="myCarousel" class="carousel slide" data-interval='1000000'>
234                         <div class="oe_carousel_options js_carousel_options" t-ignore="1">
235                             <span class="label js_add"><i class="icon-plus-sign"></i></span>
236                             <span class="label js_remove"><i class="icon-minus-sign"></i></span>
237                         </div>
238                         <!-- Carousel items -->
239                         <div class="carousel-inner">
240                             <div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;" >
241                                 <div class='container'>
242                                     <div class="mt64"> </div>
243                                     <h1>Create Awesome Websites</h1>
244                                     <h3>Super easy, fully flexible</h3>
245                                     <a href='/page/website.contactus' class='btn btn-success btn-large mt16'>Contact us</a>
246                                 </div>
247                             </div>
248                         </div>
249                         <!-- Carousel nav -->
250                         <a class="carousel-control left" href="#myCarousel" data-slide="prev" t-ignore="1">&amp;lsaquo;</a>
251                         <a class="carousel-control right" href="#myCarousel" data-slide="next" t-ignore="1">&amp;rsaquo;</a>
252                     </div>
253                 </section>
254
255                 <div>
256                     <section class="container">
257                         <div class="row">
258                             <div class="span12 text-center">
259                                 <h1 class='mt64'>Welcome To Your New Homepage,</h1>
260                                 <h2 class='mt32 subheader'>where <b><em>everything</em></b> can be customized </h2>
261                             </div>
262                         </div>
263                     </section>
264
265                     <div class='dark mt64'>
266                     <section class="container">
267                         <div class="row">
268                             <div class="span5">
269                                 <img class='img-rounded' src="/website/static/src/img/island.jpg"/>
270                             </div>
271                             <div class="span6 offset1">
272                                 <p class='mt16'>
273                                     Lorem ipsum dolor sit amet, consectetur adipisicing elit,
274                                     sed do eiusmod tempor incididunt ut labore et dolore magna 
275                                     aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
276                                     ullamco laboris nisi ut aliquip ex ea commodo consequat. 
277                                 </p>
278                                 <p>
279                                     Duis aute irure dolor in reprehenderit in voluptate velit 
280                                     esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
281                                     occaecat cupidatat non proident, sunt in culpa qui officia 
282                                     deserunt mollit anim id est laborum
283                                 </p>
284                                 <div class="text-center">
285                                     <a href="http://www.openerp.com/start" class="btn mt16 btn-large btn-primary">Call To  <em>Action</em></a>
286                                 </div>
287                             </div>
288                         </div>
289                     </section>
290                     </div>
291
292                     <section class="container">
293                         <div class="row">
294                             <div class="span12 text-center">
295                                 <h2 class='mt48'>Ut enim ad minim veniam</h2>
296                             </div>
297                         </div>
298                         <div class="row mt32">
299                             <div class="span4">
300                                 <img class='img-rounded' src="/website/static/src/img/china_thumb.jpg"/>
301                                 <h4 class='mt16'>Cillum Dolore</h4>
302                                 <p>
303                                     Lorem ipsum dolor sit amet, consectetur adipisicing elit,
304                                     sed do eiusmod tempor incididunt ut labore et dolore magna 
305                                     aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
306                                     ullamco laboris nisi ut aliquip ex ea commodo consequat. 
307                                 </p>
308                             </div>
309                             <div class="span4">
310                                 <img class='img-rounded' src="/website/static/src/img/desert_thumb.jpg"/>
311                                 <h4 class='mt16'>Mollit Anim</h4>
312                                 <p>
313                                     Duis aute irure dolor in reprehenderit in voluptate velit 
314                                     esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
315                                     occaecat cupidatat non proident, sunt in culpa qui officia 
316                                     deserunt mollit anim id est laborum
317                                 </p>
318                             </div>
319                             <div class="span4">
320                                 <img class='img-rounded' src="/website/static/src/img/deers_thumb.jpg"/>
321                                 <h4 class='mt16'>Nemo Enim Ipsam</h4>
322                                 <p>
323                                     Sed ut perspiciatis unde omnis iste natus error sit voluptatem
324                                     accusantium doloremque laudantium, totam rem aperiam, eaque ipsa 
325                                     quae ab illo inventore veritatis et quasi architecto beatae vitae
326                                     dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
327                                 </p>
328                             </div>
329                         </div>
330                     </section>
331                 </div>
332             </t>
333         </template>
334
335         <template id="default_page">
336             <t t-call="website.layout">
337                 <div class="container">
338                     <div class="row">
339                         <div class="span12">
340                             <h1>New Page</h1>
341                             <p>Write your text here...</p>
342                         </div>
343                     </div>
344                 </div>
345             </t>
346         </template>
347
348
349         <template id="404">
350                 <t t-call="website.layout">
351                     <div class="container" t-if="editable and path">
352                         <div class="well mt32">
353                             <p>
354                                 This page does not exists, but you can create
355                                 it as you are administrator of this site.
356                             </p>
357                             <a class="btn btn-primary" t-att-href="'/pagenew/'+path">Create Page</a> <span class="muted"> or </span> <a href="/sitemap">Search a Page</a>
358                         </div>
359
360                         <div class="text-center muted">
361                             Edit the content bellow this line to adapt the default "page not found" page.
362                         </div>
363                     </div>
364                     <hr/>
365                     <div class="container">
366                         <h1 class="mt32">404: Page not found!</h1>
367                         <p>
368                             The page you were looking for could not be
369                             found; it is possible you have typed the
370                             address incorrectly, but it has most
371                             probably been removed due to the recent
372                             website reorganisation.
373                         </p><p>
374                             Maybe you were looking for one of these
375                             popular pages ?
376                         </p>
377                         <ul>
378                             <li><a href="/">Homepage</a></li>
379                             <li><a href="/">Contact Us</a></li>
380                         </ul>
381                     </div>
382                 </t>
383         </template>
384
385         <template id="500">
386             <t t-call="website.layout">
387                 <div class="container">
388                     <h1 class="mt32">500: Internal Server Error!</h1>
389                     <pre t-esc="traceback"/>
390                 </div>
391             </t>
392         </template>
393
394         <template id="401">
395             <t t-call="website.layout">
396                 <div class="container">
397                     <h1 class="mt32">401: Unauthorized Access!</h1>
398                     <p>
399                         The page you were looking for could not be
400                         authorized.
401                     </p><p>
402                         Maybe you were looking for one of these
403                         popular pages ?
404                     </p>
405                     <pre class="hidden" t-esc="error"/>
406                     <ul>
407                         <li><a href="/">Homepage</a></li>
408                         <li><a href="/">Contact Us</a></li>
409                     </ul>
410                 </div>
411             </t>
412         </template>
413
414
415         <template id="contactus" name="Contact us">
416             <t t-call="website.layout">
417                 <t t-set="title">Contact us - <t t-raw="res_company.name"/></t>
418                 <div class="container">
419                     <h2>Contact us</h2>
420                     <div class="row">
421                         <div class="span8">
422                             <p>
423                                 Contact us about anything related to our company or services.
424                             </p><p>
425                                 We'll do our best to get back to you as soon as possible.
426                             </p>
427                             <div class="text-center mt64" name="mail_button">
428                                 <a t-att-href="'mailto:'+res_company.email" class="btn btn-primary">Send us an email</a>
429                             </div>
430                         </div>
431                         <div class="span4">
432                             <address>
433                                 <strong t-field="res_company.name">Name</strong><br/>
434                                 <span t-field="res_company.street"/> <span t-field="res_company.state_id"/><br/>
435                                 <span t-field="res_company.zip"/> <span t-field="res_company.city"/><br/>
436                                 <span t-field="res_company.country_id"> </span><br/>
437                                 <br/>
438                                 <span>&amp;#x2706; <span t-field="res_company.phone"></span></span><br/>
439                                 <i class="icon-envelope"></i> <span t-field="res_company.email"></span>
440                             </address>
441                             <a t-att-href="res_company.partner_id.google_map_link()" target="_BLANK">
442                                 <img class="thumbnail" t-att-src="res_company.partner_id.google_map_img()"/>
443                             </a>
444                         </div>
445                     </div>
446                 </div>
447             </t>
448         </template>
449
450         <template id="aboutus">
451             <t t-call="website.layout">
452                 <t t-set="title">About us - <t t-raw="res_company.name"/></t>
453                 <div class="container">
454                     <h2>About us</h2>
455                     <div class="row">
456                         <div class="span4">
457                             <h3>Our vision</h3>
458                             <p>
459                                 Contact us about anything related to our company or services.
460                             </p><p>
461                                 We'll do our best to get back to you as soon as possible.
462                             </p>
463                         </div>
464                         <div class="span8">
465                         </div>
466                     </div>
467                 </div>
468             </t>
469         </template>
470
471         <template id="pager">
472             <div t-if="pager['page_count'] > 1" t-attf-class="#{ classname or '' } pagination">
473                 <ul>
474                     <li t-att-class=" 'disabled' if pager['page']['num'] == 1 else '' " >
475                         <a t-att-href=" pager['page_start']['url'] if pager['page']['num'] != 1 else '' ">Prev</a>
476                     </li>
477                     <t t-foreach="pager['pages']">
478                         <li t-att-class=" 'active' if num == pager['page']['num'] else '' ">
479                             <a t-att-href="url" t-raw="num"></a>
480                         </li>
481                     </t>
482                     <li t-att-class=" 'disabled' if pager['page']['num'] == pager['page_count'] else '' " >
483                         <a t-att-href=" pager['page_end']['url'] if pager['page']['num'] != pager['page_count'] else '' ">Next</a>
484                     </li>
485                 </ul>
486             </div>
487         </template>
488
489         <template id="publish">
490             <a href="#" t-att-data-id="object.id" t-att-data-object="object._name" class="pull-right" t-if="editable" t-ignore="true">
491                 <span t-att-class="'label label-success js_unpublish %%s' %% (not object.website_published and 'hidden' or '')">Unpublish</span>
492                 <span t-att-class="'label label-important js_publish %%s' %% (object.website_published and 'hidden' or '')">Publish</span>
493             </a>
494         </template>
495
496      </data>
497 </openerp>