Показ обложки в модальном окне с использованием только HTML5+CSS
[openlib.git] / www / templates / default / bookdetail.html
1 <article class="bookpopup">\r
2     {{? it.book.hasCover == 1}}\r
3     <div id="openModal" class="modalDialog">\r
4         <div>\r
5             <a href="#close" title="Close" class="close">X</a>\r
6             {{~it.book.authors:author:j}}\r
7             {{? j > 0}}, {{?}}<h3>{{=htmlEscape (author.name)}}</h3>\r
8             {{~}}\r
9             <h2>{{=htmlEscape (it.title)}}</h2>\r
10             <img src="{{=it.book.coverurl}}" alt="{{=it.const.i18n.coverAlt}}" />\r
11         </div>\r
12     </div>\r
13     {{?}}\r
14     <span class="cover">\r
15         {{? it.book.hasCover == 1}}\r
16         <a href="#openModal">\r
17           <img src="{{=it.book.thumbnailurl}}" alt="{{=it.const.i18n.coverAlt}}" />\r
18         </a>\r
19         {{?}}\r
20     </span>\r
21     <h2 class="download">\r
22         {{~it.book.datas:data:i}}\r
23         <a href="{{=data.url}}">{{=data.format}}</a>\r
24         {{? data.mail == 1}}\r
25         <a id="mailButton" title="Mail" href="empty.php" onclick="sendToMailAddress (this, {{=data.id}}); return false;"><i class="icon-envelope icon-large"></i></a>\r
26         {{?}}\r
27         <br />\r
28         {{~}}\r
29     </h2>\r
30     <h1><a title="{{=it.const.i18n.permalinkAlt}}" rel="bookmark" href="{{=strformat (it.const.url.detailUrl, it.book.id)}}"><i class="icon-link"></i></a>{{=htmlEscape (it.title)}}</h1>\r
31     <p class="popupless">\r
32         <h3>{{=it.const.i18n.authorsTitle}}: </h3>\r
33         {{~it.book.authors:author:j}}\r
34         {{? j > 0}}, {{?}}<a href="{{=author.url}}">{{=htmlEscape (author.name)}}</a>\r
35         {{~}}\r
36     </p>\r
37     {{? it.book.tagsName != ""}}\r
38     <p class="popupless">\r
39         <h3>{{=it.const.i18n.tagsTitle}}: </h3>\r
40         {{~it.book.tags:tag:k}}\r
41         {{? k > 0}}, {{?}}<a href="{{=tag.url}}">{{=htmlEscape (tag.name)}}</a>\r
42         {{~}}\r
43     </p>\r
44     {{?}}\r
45     {{? it.book.seriesName != ""}}\r
46     <p class="popupless">\r
47         <h3><a href="{{=it.book.seriesurl}}">{{=it.const.i18n.seriesTitle}}</a> : </h3>{{=htmlEscape (it.book.seriesCompleteName)}}\r
48     </p>\r
49     {{?}}\r
50     {{? it.book.pubDate != ""}}\r
51     <p class="popupless">\r
52         <h3>{{=it.const.i18n.pubdateTitle}}: </h3>{{=it.book.pubDate}}\r
53     </p>\r
54     {{?}}\r
55     {{? it.book.languagesName != ""}}\r
56     <p class="popupless">\r
57         <h3>{{=it.const.i18n.languagesTitle}}: </h3>{{=it.book.languagesName}}\r
58     </p>\r
59     {{?}}\r
60     {{? it.book.content != ""}}\r
61     <br />\r
62     <h4>{{=it.const.i18n.contentTitle}}</h4>\r
63     <div>{{=it.book.content}}</div>\r
64     {{?}}\r
65 </article>