source: cats/SCHEMAcat/trunk/urn.org.isocat.schemacat.site/site/index.html @ 3483

Last change on this file since 3483 was 3483, checked in by andmor, 11 years ago

Initial setup with AngularJS
File size: 10.7 KB
Line 
1<?xml version="1.0" encoding="UTF-8"?>
2<!DOCTYPE html>
3<html lang="en" xmlns="http://www.w3.org/1999/xhtml" data-ng-app="SCHEMAcat" >
4    <head>
5        <meta charset="utf-8" />
6        <title>SCHEMAcat - Schema Registry</title>
7        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8        <meta name="description" content="" />
9        <meta name="author" content="" />
10
11        <!-- Le styles -->
12        <link href="/org/netkernel/html5/framework/bootstrap/latest/css/bootstrap.min.css"
13            rel="stylesheet" />
14        <style type="text/css">      /* Sticky footer styles
15      -------------------------------------------------- */
16
17      html,
18      body {
19        height: 100%;
20        /* The html and body elements cannot have any padding or margin. */
21      }
22
23      /* Wrapper for page content to push down footer */
24      #wrap {
25        min-height: 100%;
26        height: auto !important;
27        height: 100%;
28        /* Negative indent footer by it's height */
29        margin: 0 auto -60px;
30      }
31
32      /* Set the fixed height of the footer here */
33      #pushh,#pushf,
34      #footer {
35        height: 60px;
36      }
37      #footer {
38        background-color: #f5f5f5;
39        padding-top:20px;
40      }
41
42      /* Lastly, apply responsive CSS fixes as necessary */
43      @media (max-width: 767px) {
44        #footer {
45          margin-left: -20px;
46          margin-right: -20px;
47          padding-left: 20px;
48          padding-right: 20px;
49        }
50      }
51
52
53
54            </style>
55        <link
56            href="/org/netkernel/html5/framework/bootstrap/latest/css/bootstrap-responsive.min.css"
57            rel="stylesheet" />
58
59        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
60        <!--[if lt IE 9]>
61                <script src="/org/netkernel/html5/framework/html5shiv/latest/html5shiv.js"></script>
62            <![endif]-->
63    </head>
64    <body>
65        <div id="wrap" data-ng-controller="WorkspaceCtrl">
66            <div id="pushh"></div>
67            <div class="navbar navbar-inverse navbar-fixed-top">
68                <div class="navbar-inner">
69                    <div class="container">
70                        <button type="button" class="btn btn-navbar" data-toggle="collapse"
71                            data-target=".nav-collapse">
72                            <span class="icon-bar"></span>
73                            <span class="icon-bar"></span>
74                            <span class="icon-bar"></span>
75                        </button>
76                        <a class="brand" href="/schemacat/site/index.html">SCHEMAcat</a>
77                        <div class="nav-collapse collapse">
78                            <ul class="nav">
79                                <li class="divider-vertical"><!--i--></li>
80                                <li class="active">
81                                    <a href="#"><i class="icon-home icon-white"
82                                        ><!--i--></i> Home</a>
83                                </li>
84                                <li>
85                                    <a href="#about">About</a>
86                                </li>
87                                <li>
88                                    <a href="#contact">Contact</a>
89                                </li>
90                                <!--
91                                <li class="dropdown">
92                                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tools <b class="caret"><!\-\-b\-\-></b></a>
93                                   <ul class="dropdown-menu">
94                                       <li><a href="#">Action</a></li>
95                                       <li><a href="#">Another action</a></li>
96                                       <li><a href="#">Something else here</a></li>
97                                       <li class="divider"></li>
98                                       <li class="nav-header">Nav header</li>
99                                       <li><a href="#">Separated link</a></li>
100                                       <li><a href="#">One more separated link</a></li>
101                                    </ul>
102                                </li>
103                                -->
104                            </ul>
105                            <div class="pull-right">
106                                <ul class="nav pull-right">
107                                    <li><a data-ng-click="loginClick()" href="#"><i class="icon-user icon-white"><!--i--></i> <span data-ng-bind="UserService.displayName"/>
108                                    </a></li>
109                                </ul>
110                            </div>
111                        </div>
112                        <!--/.nav-collapse -->
113                    </div>
114                </div>
115            </div>
116            <!-- dummy login dialog DISABLE in production! -->
117            <div data-modal="loginModal" data-close="loginClose()" data-options="opts" class="modal hide fade">
118                <div class="modal-header">
119                    <button type="button" class="close" data-ng-click="loginClose()">×</button>
120                    <h3 id="loginModalLabel">Login to SCHEMAcat</h3>
121                </div>
122                <div class="modal-body">
123                    <p>
124                        <label>User</label>
125                        <input id="loginUser"/>
126                    </p>
127                </div>
128                <div class="modal-footer">
129                    <button class="btn" data-ng-click="loginClose()">Cancel</button>
130                    <button id="login" class="btn btn-primary" data-ng-click="loginSubmit()">Login</button>
131                </div>
132            </div>
133            <div class="container-fluid" data-ng-controller="SchemasCtrl">
134                <div class="row-fluid">
135                    <div class="span3">
136                        <div >
137                            <form class="form-search">
138                                <div class="input-append">
139                                    <input type="text" class="search-query" />
140                                    <button type="submit" class="btn">Search</button>
141                                </div>
142                            </form>
143                            <table class="table table-bordered table-condensed table-hover">
144                                <thead>
145                                    <tr>
146                                        <th>Schema</th>
147                                        <th>Version</th>
148                                        <th>Status</th>
149                                    </tr>
150                                </thead>
151                                <tbody>
152                                    <tr data-ng-repeat="schema in schemasResult['sc:schemas']['sc:schema']" data-ng-click="selectSchema(schema)">
153                                        <td data-ng-bind="schema['sc:name']"/>
154                                        <td data-ng-show="schema['sc:version'] != '[object Object]'" data-ng-bind="schema['sc:version']"/>
155                                        <td data-ng-hide="schema['sc:version'] != '[object Object]'"/>
156                                        <td data-ng-bind="schema['sc:status']"/>
157                                    </tr>
158                                </tbody>
159                            </table>
160                            <div class="pagination">
161                                <ul>
162                                    <li>
163                                        <a href="#">Prev</a>
164                                    </li>
165                                    <li>
166                                        <a href="#">1</a>
167                                    </li>
168                                    <li>
169                                        <a href="#">2</a>
170                                    </li>
171                                    <li>
172                                        <a href="#">3</a>
173                                    </li>
174                                    <li>
175                                        <a href="#">4</a>
176                                    </li>
177                                    <li>
178                                        <a href="#">5</a>
179                                    </li>
180                                    <li>
181                                        <a href="#">Next</a>
182                                    </li>
183                                </ul>
184                            </div>
185                        </div>
186                    </div>
187                    <!--/span-->
188                    <div class="span9">
189                        <div class="hero-unit">
190                            <h1>Hello, world!</h1>
191                            <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
192                            <p>
193                                <a href="#" class="btn btn-primary btn-large">Learn more ...</a>
194                            </p>
195                        </div>
196                    </div>
197                </div>
198            </div>
199            <div id="pushf"></div>
200        </div>
201
202
203        <div id="footer">
204            <div class="container">
205                <p>&#169; The Language Archive 2013</p>
206            </div>
207        </div>
208       
209        <!-- Le javascript
210    ================================================== -->
211        <!-- Placed at the end of the document so the pages load faster -->
212        <script src="/org/netkernel/html5/framework/jquery/latest/jquery.min.js"></script>
213        <script src="/org/netkernel/html5/framework/angularjs/latest/angular.min.js"></script>
214        <script src="/org/netkernel/html5/framework/angularjs/latest/angular-resource.min.js"></script>
215        <script src="./scripts/ui-bootstrap-0.5.0.min.js"></script>
216        <script src="./scripts/main.js"></script>
217        <script>
218            <xrl:eval xmlns:xrl="http://netkernel.org/xrl">
219                <xrl:xpath>..</xrl:xpath>
220                <xrl:identifier>active:sloot.xpath2</xrl:identifier>
221                <xrl:argument name="operand">scratch:user</xrl:argument>
222                <!-- get the user id -->
223                <xrl:argument name="operator">
224                    <xrl:literal type="string">concat(
225                        'SCHEMAcat.factory("UserService", function() { return { displayName : "', 
226                        string(/sc:user/sc:displayName),
227                        '", id : "' , 
228                        string(/sc:user/@xml:id), 
229                        '"};});'
230                        )</xrl:literal>
231                </xrl:argument>
232            </xrl:eval>
233            </script>
234    </body>
235</html>
Note: See TracBrowser for help on using the repository browser.