[IMP] website_event_track: sponsor layout
[odoo/odoo.git] / addons / website_event_track / views / website_event.xml
1 <?xml version="1.0" encoding="utf-8"?>
2 <openerp>
3 <data>
4
5     <template id="event_home">
6         <t t-call="website.layout">
7           <div id="wrap">
8             <div class="oe_structure"/>
9             <div class="container">
10                 <div class="row">
11                     <div class="col-sm-5">
12                         <h1 t-field="event.name" class="mt16"></h1>
13                     </div>
14                     <div class="col-sm-2">
15                         <div class="mt16">
16                             <t t-call="website.publish_management">
17                                 <t t-set="object" t-value="event"/>
18                                 <t t-set="publish_edit" t-value="True"/>
19                                 <t t-set="publish_controller">/event/publish</t>
20                             </t>
21                         </div>
22                     </div>
23                     <div class="col-sm-5">
24                         <ul class="nav nav-pills pull-right mt16">
25                             <li class="active"><a href="#">Event</a></li>
26                             <li><a href="#">Agenda</a></li>
27                             <li><a href="#">Location</a></li>
28                             <li><a href="#">Registration</a></li>
29                         </ul>
30                     </div>
31                 </div>
32             </div>
33             <div class="oe_structure"/>
34           </div>
35         </t>
36     </template>
37
38     <template name="Sponsors" id="event_sponsor" inherit_option_id="website_event.layout" inherit_id="website_event.layout">
39         <xpath expr="//t[@t-call='website.layout']" position="inside">
40             <t t-set="head">
41                 <link rel='stylesheet' href='/website_event_track/static/src/css/website_event_track.css'/>
42                 <t t-raw="head or ''"/>
43             </t>
44         </xpath>
45         <xpath expr="//div[@id='wrap']" position="inside">
46             <div class="container mt32 mb16" t-if="event.sponsor_ids">
47                 <section data-snippet-id="title">
48                     <h2 class="text-center mb32">Our Sponsors</h2>
49                 </section>
50                 <div class="row">
51                     <div t-attf-class="col-md-#{(len(event.sponsor_ids) > 6) and 2 or (12/ len(event.sponsor_ids))} text-center" t-foreach="event.sponsor_ids" t-as="sponsor">
52                         <a href="sponsor.partner_id.website or '#'" style="position: relative; display: inline-block;">
53                             <span t-field="sponsor.partner_id.image"
54                                 t-field-options='{"widget": "image", "class": "shadow"}'/>
55                             <div class="ribbon-wrapper">
56                                 <div t-field="sponsor.sponsor_type_id" t-attf-class="ribbon ribbon_#{sponsor.sponsor_type_id.name}"/>
57                             </div>
58                         </a>
59                     </div>
60                 </div>
61             </div>
62         </xpath>
63     </template>
64
65     <template id="tracks">
66         <t t-call="website_event.event_details">
67             <div class="col-md-3 css_noprint">
68
69                 <ul class="nav nav-pills nav-stacked">
70                     <li t-att-class="'' if searches.get('tag') else 'active'"><a t-href="/event/#{ slug(event) }/track/">All</a></li>
71                     <t t-foreach="tags" t-as="tag">
72                         <li t-att-class="searches.get('tag') == tag.id and 'active' or ''">
73                             <a t-href="/event/#{ slug(event) }/track/tag/#{ slug(tag) }">
74                                 <t t-esc="tag.name"/>
75                             </a>
76                         </li>
77                     </t>
78                 </ul>
79             </div>
80             <div class="col-md-9">
81
82                 <ul class="media-list">
83                     <li t-foreach="tracks" t-as="track" class="media">
84                         <div class="media-body">
85                             <h4 class="media-heading">
86                                 <a t-href="/event/#{ slug(event) }/track/#{ slug(track) }"><span t-field="track.name"> </span></a>
87                                 <span t-field="track.date"/>
88                                 <!-- <small t-if="not track.website_published" class="label label-danger">not published</small> -->
89                             </h4>
90                             <div><span t-esc="html2text(track.description)[0:400]"/>...</div>
91                             <div>
92                                 <t t-foreach="track.tag_ids" t-as="tag_id">
93                                     <span class="label label-default" t-field="tag_id.name"/>
94                                 </t>
95                             </div>
96                         </div>
97                     </li>
98                 </ul>
99             </div>
100         </t>
101     </template>
102
103
104     <template id="track_view">
105         <t t-call="website_event.event_details">
106             <div class="col-md-8">
107                 <h2 t-field="track.name"/>
108                 <div t-field="track.description"/>
109             </div>
110             <div class="col-md-4">
111                 <div class="panel panel-default">
112                     <div class="panel-heading">
113                         <h4>Informations</h4>
114                     </div>
115                     <div class="panel-body">
116                         <t t-foreach="track.tag_ids" t-as="tag_id">
117                             <span class="label label-default" t-field="tag_id.name"/>
118                         </t>
119                     </div>
120                     <div class="panel-body">
121                         <b>Responsible</b><br/>
122                         <span t-field="track.user_id"/><br/>
123                         <b>Speakers</b><br/>
124                         <span t-field="track.speaker_ids"/><br/>
125                         <b>Date</b><br/>
126                         <span t-field="track.date"/><br/>
127                         <b>Duration</b><br/>
128                         <span t-field="track.duration"/><br/>
129                         <b>Location</b><br/>
130                         <span t-field="track.location_id"/><br/>
131                         <b>Stage</b><br/>
132                         <span t-field="track.stage_id"/><br/>
133                     </div>
134                 </div>
135             </div>
136         </t>
137     </template>
138
139
140     <template id="event_track_proposal">
141         <t t-call="website_event.layout">
142             <div class="oe_structure"/>
143             <div class="container">
144                 <section data-snippet-id="title">
145                     <h1 class="text-center mb0">Call for Proposals</h1>
146                     <h2 class="text-center text-muted mb32" t-esc="event.name"></h2>
147                 </section>
148                 <section id="forms" t-if="not event.show_track_proposal">
149                     <h1>Proposals are closed!</h1>
150                     <p>
151                         This event does not accept proposals.
152                     </p>
153                 </section>
154                 <section class="row">
155                     <div class="col-md-7">
156                         <div class="oe_structure">
157                             <section data-snippet-id="text">
158                                 <h3 class="page-header mt16">
159                                     Introduction
160                                 </h3>
161                                 <p>
162                                     We will accept a broad range of
163                                     presentations, from reports on academic and
164                                     commercial projects to tutorials and case
165                                     studies. As long as the presentation is
166                                     interesting and potentially useful to the
167                                     audience, it will be considered for
168                                     inclusion in the programme.
169                                 </p>
170                             </section>
171                             <section data-snippet-id="text">
172                                 <h3 class="page-header">Application</h3>
173                                 <p>
174                                     Fill this form to propose your talk.
175
176                                 </p>
177                             </section>
178                         </div>
179                         <section id="forms" t-if="event.show_track_proposal">
180                             <form class="form-horizontal mt32" action="/event/#{event.id}/track_proposal/success" method="post" enctype="multipart/form-data">
181                                 <div class="form-group">
182                                     <label class="col-md-3 col-sm-4 control-label" for="partner_name">Speaker Name</label>
183                                     <div class="col-md-7 col-sm-8">
184                                         <input type="text" class="form-control" name="partner_name" required="True" />
185                                     </div>
186                                 </div>
187                                 <div class="form-group">
188                                     <label class="col-md-3 col-sm-4 control-label" for="email_from">Your Email</label>
189                                     <div class="col-md-7 col-sm-8">
190                                         <input type="email" class="form-control" name="email_from" required="True" />
191                                     </div>
192                                 </div>
193                                 <div class="form-group">
194                                     <label class="col-md-3 col-sm-4 control-label" for="phone">Your Phone</label>
195                                     <div class="col-md-7 col-sm-8">
196                                         <input type="text" class="form-control" name="phone" required="True" />
197                                     </div>
198                                 </div>
199                                 <div class="form-group">
200                                     <label class="col-md-3 col-sm-4 control-label" for="phone">Tags</label>
201                                     <div class="col-md-7 col-sm-8">
202                                         <div class="row">
203                                             <div class="col-sm-4" t-foreach="event.allowed_track_tag_ids" t-as="tag">
204                                                 <input type="checkbox" t-att-value="tag.id" name="tags"/>
205                                                 <t t-esc="tag.name"/>
206                                             </div>
207                                         </div>
208                                     </div>
209                                 </div>
210                                 <div class="form-group">
211                                     <label class="col-md-3 col-sm-4 control-label" for="phone">Speaker Biography</label>
212                                     <div class="col-md-7 col-sm-8">
213                                         <textarea  class="form-control" name="biography" style="min-height: 120px"/>
214                                     </div>
215                                 </div>
216                                 <div class="form-group">
217                                     <label class="col-md-3 col-sm-4 control-label" for="description">Talk Introduction</label>
218                                     <div class="col-md-7 col-sm-8">
219                                         <textarea  class="form-control" name="description" style="min-height: 120px"/>
220                                     </div>
221                                 </div>
222                                 <div class="form-group">
223                                     <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
224                                         <button type="submit" class="btn btn-primary">Submit Proposal</button>
225                                     </div>
226                                 </div>
227                             </form>
228                         </section>
229                         <div class="oe_structure"/>
230                     </div><div class="col-md-4 col-md-offset-1">
231                         <div class="panel panel-default">
232                             <div class="panel-heading">
233                                 <h4>Talks Types</h4>
234                             </div>
235                             <div class="panel-body">
236                                 <ul class="list-unstyled">
237                                     <li>
238                                         <strong>Regular Talks</strong>. These are standard talks with slides,
239                                         alocated in slots of 30 minutes.
240                                     </li><li>
241                                         <strong>Lightning Talks</strong>. These are 10 minutes talks on many
242                                         different topics. Most topics are accepted in lightning talks.
243                                     </li>
244                                 </ul>
245                             </div>
246                         </div>
247
248
249                         <div class="panel panel-default">
250                             <div class="panel-heading">
251                                 <h4>Submission Agreement</h4>
252                             </div>
253                             <div class="panel-body">
254                                 <p>
255                                 We require speakers to accept an agreement in which they commit to:
256                                 </p>
257                                 <ul class="list-unstyled">
258                                     <li>
259                                         Timely release of presentation material (slides),
260                                         for publishing on our website.
261                                     </li><li>
262                                         Allow video and audio recording of their
263                                         presentation, for publishing on our website.
264                                     </li>
265                                 </ul>
266                             </div>
267                         </div>
268                     </div>
269                 </section>
270
271             </div>
272             <div class="oe_structure"/>
273         </t>
274     </template>
275
276
277     <template id="event_track_proposal_success">
278         <t t-call="website_event.event_details">
279             <div class="col-md-8">
280                 Thanks
281             </div>
282             <div class="col-md-4"></div>
283         </t>
284     </template>
285  </data>
286 </openerp>