Please disable Adblockers and enable JavaScript for domain CEWebS.cs.univie.ac.at! We have NO ADS, but they may interfere with some of our course material.

Name: ui/index.html 
1:
<!--
2:
  This file is part of CPEE.
3:
 
4:
  CPEE is free software: you can redistribute it and/or modify it under the terms
5:
  of the GNU General Public License as published by the Free Software Foundation,
6:
  either version 3 of the License, or (at your option) any later version.
7:
 
8:
  CPEE is distributed in the hope that it will be useful, but WITHOUT ANY
9:
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
10:
  PARTICULAR PURPOSE.  See the GNU General Public License for more details.
11:
 
12:
  You should have received a copy of the GNU General Public License along with
13:
  CPEE (file COPYING in the main directory).  If not, see
14:
  <http://www.gnu.org/licenses/>.
15:
-->
16:
 
17:
<!DOCTYPE html>
18:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
19:
  <head>
20:
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
21:
    <title>CPEE Cockpit</title>
22:
 
23:
    <!-- libs, do not modify. When local than load local libs. -->
24:
    <script type="text/javascript">
25:
      if ((document.location.hostname == 'localhost') && (document.location.protocol == 'http:')) {
26:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.min.js">\x3C/script>');
27:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.browser.js">\x3C/script>');
28:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
29:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
30:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/vkbeautify.js">\x3C/script>');
31:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/util.js">\x3C/script>');
32:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/printf.js">\x3C/script>');
33:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/strftime.min.js">\x3C/script>');
34:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/parsequery.js">\x3C/script>');
35:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/underscore.min.js">\x3C/script>');
36:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
37:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/jquery.cookie.js">\x3C/script>');
38:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/relaxngui.js">\x3C/script>');
39:
 
40:
        document.write('<script type="text/javascript" src="http://localhost/js_libs/ui.js">\x3C/script>');
41:
        document.write('<link rel="stylesheet" href="http://localhost/js_libs/ui.css" type="text/css"/>');
42:
      } else if ((document.location.hostname == 'localhost') && (document.location.protocol == 'https:')) {
43:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.min.js">\x3C/script>');
44:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.browser.js">\x3C/script>');
45:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svg.min.js">\x3C/script>');
46:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.svgdom.min.js">\x3C/script>');
47:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/vkbeautify.js">\x3C/script>');
48:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/util.js">\x3C/script>');
49:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/printf.js">\x3C/script>');
50:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/strftime.min.js">\x3C/script>');
51:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/parsequery.js">\x3C/script>');
52:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/underscore.min.js">\x3C/script>');
53:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.caret.min.js">\x3C/script>');
54:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/jquery.cookie.js">\x3C/script>');
55:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/relaxngui.js">\x3C/script>');
56:
 
57:
        document.write('<script type="text/javascript" src="https://localhost/js_libs/ui.js">\x3C/script>');
58:
        document.write('<link rel="stylesheet" href="https://localhost/js_libs/ui.css" type="text/css"/>');
59:
      } else {
60:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.min.js">\x3C/script>');
61:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.browser.js">\x3C/script>');
62:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svg.min.js">\x3C/script>');
63:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.svgdom.min.js">\x3C/script>');
64:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/vkbeautify.js">\x3C/script>');
65:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/util.js">\x3C/script>');
66:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/printf.js">\x3C/script>');
67:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/strftime.min.js">\x3C/script>');
68:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/parsequery.js">\x3C/script>');
69:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/underscore.min.js">\x3C/script>');
70:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.caret.min.js">\x3C/script>');
71:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/jquery.cookie.js">\x3C/script>');
72:
 
73:
        document.write('<script type="text/javascript" src="http://gruppe.wst.univie.ac.at/js_libs/ui.js">\x3C/script>');
74:
        document.write('<link rel="stylesheet" href="http://gruppe.wst.univie.ac.at/js_libs/ui.css" type="text/css"/>');
75:
      }
76:
    </script>
77:
    <!-- custom stuff, play arround  -->
78:
    <link rel="stylesheet" href="css/ui.css" type="text/css"/>
79:
 
80:
    <!-- Flos Stuff -->
81:
    <script type="text/javascript" src="js/worklist.js"></script>
82:
  </head>
83:
  <body data-defaultport="9398" is='x-ui'>
84:
    <!-- The following six are templates that get used during ui generation, change them carefully -->
85:
    <table id="dat_template_tasks" class='hidden'> <!--{{{-->
86:
      <tr class="task">
87:
        <td class='name'></td>
88:
        <td class='sep'>⇒</td>
89:
        <td class='buttons'>
90:
          <button class='task_take' value=''>Take</button>
91:
          <button class='task_giveback' value=''>Give Back</button>
92:
          <button class='task_do' value=''>Do it!</button>
93:
        </td>
94:
      </tr>
95:
    </table> <!--}}}-->
96:
 
97:
    <ul id="dat_template_orgmodels" class='hidden'> <!--{{{-->
98:
      <li class="orgmodel"><a class='link' href=""></a> ⇒ [<a class='model' href="">View Model</a>]</li>
99:
    </ul> <!--}}}-->
100:
 
101:
    <ui-tabbed id="worklist">
102:
      <ui-tabbar>
103:
        <ui-tab class="switch"                                                ></ui-tab>
104:
        <ui-tab class=""          data-tab="login"        id="tablogin"       >Login</ui-tab>
105:
        <ui-tab class="inactive hidden" data-tab="organisation" id="taborganisation">Organisation</ui-tab>
106:
        <ui-tab class="inactive " data-tab="configure"    id="tabconfigure"   >Configure</ui-tab>
107:
        <ui-behind><input name="current-instance" type="text" value="" readonly='readonly' style='display:none'/><a id='current-instance'></a></ui-behind>
108:
      </ui-tabbar>
109:
      <ui-content>
110:
        <ui-area data-belongs-to-tab="login" id="arealogin"> <!--{ {{-->
111:
          <form>
112:
            <table class='layout'>
113:
            <tr>
114:
              <td>Domain:</td>
115:
              <td><input name="domain-name" type="text" value=""/></td>
116:
              <td></td>
117:
            </tr>
118:
            <tr>
119:
              <td>User ID:</td>
120:
              <td><input name="user-name" type="text" value=""/></td>
121:
              <td><input name="getListBt" type="submit" value="get Worklist"/></td>
122:
            </tr>
123:
            </table>
124:
          </form>
125:
        </ui-area> <!--}}}-->
126:
 
127:
        <ui-area data-belongs-to-tab="organisation" id="areaorganisation" class="inactive"> <!--{{{-->
128:
          <ul id="orgmodels">
129:
          </ul>
130:
        </ui-area> <!--}}}-->
131:
 
132:
        <ui-area data-belongs-to-tab="configure" id="areaconfigure" class="inactive"> <!--{{{-->
133:
          <table class='layout'>
134:
          <tr>
135:
            <td>Base URL:</td>
136:
            <td><input name="base-url" type="text" value=""/></td>
137:
          </tr>
138:
          <tr>
139:
            <td>User URL:</td>
140:
            <td><input name="user-url" type="text" value="" readonly='readonly'/></td>
141:
          </tr>
142:
          </table>
143:
        </ui-area> <!--}}}-->
144:
      </ui-content>
145:
    </ui-tabbed>
146:
 
147:
    <ui-rest class="hidden" id='main'>
148:
      <ui-tabbar>
149:
          <ui-before                                          ></ui-before>
150:
          <ui-tab class="default" data-tab="task" id="tabtask">Tasks</ui-tab>
151:
          <ui-behind                                          ></ui-behind>
152:
      </ui-tabbar>
153:
      <ui-content>
154:
      <ui-area data-belongs-to-tab="task" id="areatask"> <!--{{{-->
155:
        <table id="dat_tasks" class="layout"></table>
156:
      </ui-area> <!--}}}-->
157:
      </ui-content>
158:
    </ui-rest>
159:
 
160:
  </body>
161:
</html>