initial prototype
[keramika-neolitik] / keramika.html
1 <!DOCTYPE HTML>
2 <html>
3   <head>
4     <title>Neolitik keramika</title>
5     <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
6     
7     <link href="keramika.js" type="application/json" rel="exhibit/data" />
8     <script src="../dist/exhibit-api.js"></script>
9
10     <link rel='stylesheet' href='styles.css' type='text/css' />
11   </head>
12   <body>
13     <div id="body">
14         <div style="width: 100%">
15             <table
16             style="width:100%;border-spacing:10;border:0"
17                    id="exhibit">
18                 <tr>
19                     <td style="width:15%">
20                         <b>Search</b>
21                         <div data-ex-role="facet" data-ex-facet-class="TextSearch"></div>
22                         <hr/>
23                         <div data-ex-role="facet" data-ex-expression=".lokalitet" data-ex-facet-label="Lokalitet" data-ex-height="5em"></div>
24                         <div data-ex-role="facet" data-ex-expression=".datacija_apsolutna" data-ex-facet-label="datacija_apsolutna" data-ex-height="5em"></div>
25                         <div data-ex-role="facet" data-ex-expression=".opis_predmeta" data-ex-facet-label="opis_predmeta" data-ex-height="5em"></div>
26                     </td>
27                     <td>
28   
29                         <div data-ex-role="viewPanel">
30                             <div data-ex-role="lens" class="item" style="display: none;">
31                                 <table style="border-spacing:5">
32                                     <tr>
33                                         <td style="position: relative"><div class="itemThumbnail-blocker"></div><img data-ex-src-content=".image" /></td>
34                                         <td>
35                                                 <ul>
36 <li>objava: <span data-ex-content=".objava"></span>
37 <li>oznaka_predmeta_u_objavi: <span data-ex-content=".oznaka_predmeta_u_objavi"></span>
38 <li>lokalitet: <span data-ex-content=".lokalitet"></span>
39 <li>kontekst: <span data-ex-content=".kontekst"></span>
40 <li>kultura_kako_u_objavi: <span data-ex-content=".kultura_kako_u_objavi"></span>
41 <li>datacija_relativna: <span data-ex-content=".datacija_relativna"></span>
42 <li>datacija_apsolutna: <span data-ex-content=".datacija_apsolutna"></span>
43 <li>opis_predmeta: <span data-ex-content=".opis_predmeta"></span>
44 <li>kategorija: <span data-ex-content=".kategorija"></span>
45 <li>tip: <span data-ex-content=".tip"></span>
46 <li>ukras: <span data-ex-content=".ukras"></span>
47 <li>tehnika_ukrasa: <span data-ex-content=".tehnika_ukrasa"></span>
48 <li>smještaj_ukrasa: <span data-ex-content=".smještaj_ukrasa"></span>
49 <li>obrada_površine: <span data-ex-content=".obrada_površine"></span>
50 <li>ručka: <span data-ex-content=".ručka"></span>
51 <li>drška: <span data-ex-content=".drška"></span>
52 <li>očuvan_dio_posude: <span data-ex-content=".očuvan_dio_posude"></span>
53                                                 </ul>
54                                         </td>
55                                     </tr>
56                                 </table>
57                             </div>
58
59                             <div data-ex-role="exhibit-view" 
60                                 data-ex-view-class="Thumbnail"
61                                 data-ex-show-all="true"
62                                 data-ex-paginate="true"
63                                 data-ex-possible-orders=".kultura_kako_u_objavi, .datacija_relativna, .datacija_apsolutna">
64                           
65                                 <table data-ex-role="lens" class="itemThumbnail" style="display: none;">
66                                     <tr>
67                                         <td style="vertical-align:bottom" class="itemThumbnail-thumbnailContainer">
68                                             <div style="position: relative"><div class="itemThumbnail-blocker"></div><img data-ex-src-content=".thumbnail" /></div>
69                                         </td>
70                                     </tr>
71                                     <!--
72                                     <tr>
73                                     <td><span data-ex-content=".kultura_kako_u_objavi"></span></td>
74                                     </tr>
75                                     <tr>
76                                     <td><span data-ex-content=".datacija_relativna"></span></td>
77                                     </tr>
78                                     -->
79                                     <tr>
80                                         <td class="itemThumbnail-caption"><span data-ex-content="value"></span></td>
81                                     </tr>
82                                 </table>
83                             </div>
84
85     <div data-ex-role="exhibit-view"
86                             data-ex-view-class="Exhibit.TabularView"
87                             data-ex-label="Table"
88                             data-ex-columns=".ID,.objava,.oznaka_predmeta_u_objavi,.lokalitet,.kontekst,.kultura_kako_u_objavi,.datacija_relativna,.datacija_apsolutna,.opis_predmeta,.kategorija,.tip,.ukras,.tehnika_ukrasa,.smještaj_ukrasa,.obrada_površine,.ručka,.drška,.očuvan_dio_posude"
89                             data-ex-column-labels="ID,objava,oznaka_predmeta_u_objavi,lokalitet,kontekst,kultura_kako_u_objavi,datacija_relativna,datacija_apsolutna,opis_predmeta,kategorija,tip,ukras,tehnika_ukrasa,smještaj_ukrasa,obrada_površine,ručka,drška,očuvan_dio_posude"
90                             data-ex-column-formats="list, list, list, list"
91                             data-ex-sort-column="4"
92                             data-ex-sort-ascending="false"
93                             data-ex-row-atyler="rowStyler"
94                             ></div>
95
96
97                         </div>
98                     </td>
99                     <td style="width:25%">
100                         <div data-ex-role="facet" data-ex-expression=".ukras" data-ex-facet-label="Ukras" data-ex-height="5em"></div>
101                         <div data-ex-role="facet" data-ex-expression=".tip" data-ex-facet-label="Tip" data-ex-height="10em"></div>
102                     </td>
103                 </tr>
104             </table>
105         </div>
106     </div>
107   </body>
108 </html>